Лучшие практики проектирования мобильных UX

Лучшие практики проектирования мобильных UX


Всем привет, меня снова зовут Брайан Льюис, и мы здесь, чтобы поговорить о соображениях дизайна мобильного UX. Вы знаете, что в прошлом году было опубликовано исследование, которое показало, что во всем мире более 52% трафика веб-сайтов сейчас приходится на мобильные устройства, и этот процент фактически почти удвоился всего за четыре или пять лет.

Соображения по проектированию мобильного UX

Многие компании не уделяют столько внимания, сколько им следует, когда дело доходит до их мобильного сайта, когда они думают о редизайне, поэтому я хочу поговорить о некоторых важных характеристиках, которые вам следует учитывать, когда вы делаете редизайн сайта. Очевидно, что экран меньше, но мы поговорим об этом немного подробнее.

1. Цветовой Контраст

Давайте поговорим, например, о несогласованном освещении. Теперь для настольного компьютера большую часть времени мы можем в значительной степени рассчитывать на то, что посетитель находится в довольно хорошо контролируемой среде освещения, но с мобильным телефоном мы не знаем, находится ли он внутри. Мы не знаем, находятся ли они снаружи или, что еще хуже, мы не знаем, идут ли они изнутри наружу или снаружи внутрь, поэтому мы должны принимать ��то во внимание, особенно когда речь заходит о проблемах контраста.

Вы знаете, мы видим на мобильных устройствах много изображений героев, где они только что сделали, дизайнеры просто снимают этого героя с рабочего стола и просто уменьшают его до мобильного. Вы знаете, что происходит, когда текст на изображении героя становится очень маленьким, а контраст затруднен. Это действительно требует много мобильного видения, на самом деле иногда изображения героев следует просто удалять с мобильного устройства из-за размера, поэтому помните, что из-за несогласованного освещения мы должны это учитывать.

2. Размер текста и изображений

Кроме того, сколько раз вы шли по улице и видели, как кто-то шел со своим мобильным телефоном, так что я собираюсь врезаться им в столб или дерево? Мы, вероятно, все почти делали это раньше, и это важное соображение, о котором стоит подумать, заключается в том, что мобильный телефон, в отличие от настольного компьютера, перемещается, поэтому мы хотим подумать о том, как мы можем упростить процесс посещения, чтобы облегчить тем, кто использует мобильный телефон, когда они перемещаются.

Это будет связано с тем, чтобы убедиться, что единственные вещи, которые мы разместили на этом мобильном сайте, абсолютно необходимы для этого посещения, и опять же, что контраст достаточно высок, а текст достаточно велик. Я уверен, что это случалось с вами раньше, вы заходили на свой мобильный телефон, пытались зайти на веб-сайт, пытались прочитать какую-то информацию, и вам либо звонили, либо отправляли смс, либо получали уведомление.

3. Прерывания Мобильной Связи

Перерывы-это просто образ жизни на мобильном телефоне, чего обычно не бывает на моем рабочем столе. Но еще одно соображение, которое нам нужно принять или обдумать, когда мы перепроектируем мобильную часть веб-сайта, и одна из ключевых вещей, которую мы можем там сделать, - это упростить для кого-то, особенно если на вашем веб-сайте есть, скажем, транзакционный процесс, в котором вы просите посетителей заполнить информацию, возможно, это форма оформления заказа электронной коммерции или форма запроса, чтобы они могли заполнить ее на рабочем столе в случае, если их прервут на мобильном устройстве.

4. Расстояние и размещение ссылок

А потом, наконец, хочу поговорить о больших пальцах.Большие пальцы-это основное устройство, используемое на мобильном телефоне, в отличие от мыши, которая находится на рабочем столе, и мышь может быть очень точной. Большие пальцы совсем не точны, а большие пальцы намного больше, и мы так часто видим это на мобильных сайтах, где цели нажатия слишком малы и расположены слишком близко друг к другу.

Представьте теперь вашего посетителя, который находится в неконтролируемой среде освещения, который перемещается, и теперь у нас есть эти маленькие кнопки, которые действительно расположены близко друг к другу, особенно ссылки, поэтому вы хотите убедиться, что ваши кнопки соответствуют, по крайней мере, общим рекомендациям – 1 сантиметр на 1 сантиметр и убедитесь, что между элементами взаимодействия есть достаточное расстояние.

Нет ничего более неприятного, чем быть на мобильном телефоне и нажимать на что-то, на что вы не хотели нажимать, потому что цели нажатия были слишком близки. Это лишь некоторые из соображений. Есть еще довольно много мобильных Дизайн UX принципы, но я хотел осветить их в этом видео и надеюсь, что это было очень полезно. Спасибо.

Тебе может понравится

Мобильный Первый Дизайн…Не Будь Последним

Это Микель с технологией Webresult. Если у вас есть веб-аналитика или Google Ana
Показать полностью...

SEO анализ сайта

SEO-анализ, также называемый SEO-аудитом, заключается в проверке эффективности р
Показать полностью...

Использование анимации на Вашем веб-сайте

Анимация-отличный способ сделать ваш сайт более динамичным. Но если это сделано
Показать полностью...

Веб-дизайн, вдохновленный Pinterest

Здравствуйте, меня зовут Натали Уолпол из компании Webresult.  Сегодня я хотел б
Показать полностью...

Преимущества работы с веб-агентством

Микель делится 4 совершенно разными наборами навыков, необходимыми для создания
Показать полностью...

Google Analytics и Ваш бизнес

Google Analytics измеряет, насколько хорошо веб-сайт работает для вашего бизнеса
Показать полностью...