UX для мобильных устройств: с чего стартовать?

UX – аббревиатура, которая расшифровывается как User Experience. На русский можно перевести как «пользовательский опыт». Подразумевается такое направление дизайна, которое применяется при разработке интерфейсов.

Эти 2 буквы стали магическими для 20-х нового века, ведь отношение к ресурсам и приложениям существенно изменилось. Теперь мало наличия, важно, чтобы пользоваться было и приятно, и комфортно. Стоит основываться не только на аналитике, но и на психологии.

BPM Cloud не откроет большую тайну, если сообщит, что доля мобильного трафика растет, словно снежный ком. Свыше 80% предпочитает бывать в Сети со смартфонов. Заранее оберегаем от представлений о том, что достаточно уменьшить масштаб площадки. Времена «резиновых» сайтов в прошлом. Важно учитывать массу других нюансов.

Если для графического дизайна важна внешняя привлекательность (цветовая гамма, шрифты и пр.), то юикс позволяет управлять пользовательским опытом (например: исследовать проблемы и интересы, способы потребления контента). Человек должен получать предельно позитивные эмоции от прикосновения к продукту. Без специалиста соответствующего профиля не обойтись.

Вопросы разработки

UX-дизайн на этом этапе предполагает прогнозирование пути юзера от регистрации до лида. Чтобы создать что-либо с уникальной моделью эксплуатации, важно основательно проработать ряд компонентов:

1. Аутентификация – люди не любят записывать пароли, ведь ресурсов и приложений стало слишком много. Важно, чтобы регистрация или вход в аккаунт проходили предельно оперативно и при минимальном участии человека. QR-коды, одноразовые пароли – все это ответы на такие потребности. Работу над дизайном по карте пользователя надо начинать на базе реального контента. Избегайте текста ради заполнения пространства и скрытых меню внутри гамбургеров.
2. Модели навигации. Присутствует несколько вариантов: гамбургер, панель вкладок, кебаб и пр. первый считается самым популярным в наши дни. Представляет собой скрытую навигацию, отличается компактностью, но растет время на поиск нужных сведений. Кебаб замечательно подходит для почтовых ящиков. Структурирует контентную архитектуру, но не упрощает взаимодействие с интерфейсом. Важно не прятать поиск внутри. Альтернативой кебабу является панель вкладок. Инфоблоки предпочтительнее располагать внизу, ведь облегчается путь юзера.
3. Жесты – свайпы превратились в полноценный тренд, ведь пользователям стало предельно просто. Кнопки скоро окончательно превратятся в пережитки прошлого. Жесты позволяют увеличить поле для информации.
4. Обратная связь – отдельная отсылка к этому разделу дает право собрать данные о работе приложения, уберегает от негативных отзывов. Чтобы сообщить о трудности, юзеру не нужно куда-либо перемещаться.

Набрав в поисковике запрос «UX Москва», найдете немало предложений от компаний, но рекомендуем быть осторожными в выборе исполнителя. Стоит четко понимать, чего хотите в итоге. Только при таком отношении уместно гарантировать положительный результат.

Прислушайтесь к рекомендациям BPM-Cloud!

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

• будьте проще – мобильное приложение обязано оказаться доступным в эксплуатации. Минимизируйте разветвленность выбора, ведь чем выше загрузка интерфейса, тем больше времени уходит на принятие решения, а это плохо. Оставьте только самые релевантные варианты;
• унифицируйте иконки – для действий вроде отправки сообщений уже придуманы значки, которые находят применение в большинстве приложений, поэтому стоит использовать уже готовые, чтобы облегчить пользовательское путешествие в неизведанную цифровую среду;
• используйте индикаторы, чтобы визуализировать длинные процессы – человеческий мозг лучше запоминает действия, которые прерваны или не завершены. С помощью указанной методики легко стимулировать вернуться в приложение, чтобы закончить начатое (перейти на новый игровой уровень, завершить покупку, заполнить форму).

Разработали UX-дизайн для уймы проектов не только в Москве, но и даже за пределами страны, поэтому легко могли бы продолжить список. Причина лаконичности в том, что за 3 рекомендациями выше кроется серьезная работа. Возможно, даже придется перестроить собственное мышление. Допускаем, что проще обратиться в нашу компанию и снять с себя груз ответственности.

Какие инструменты стоит использовать в UX?

От появления идеи в голове до создания прототипа проводится серьезная работа над продуктом. Для планирования, обсуждения и т.д. стоит использовать интерактивную доску. Позволяет создать mindmap, CJM и многое другое. Одним из многочисленных вариантов является Creative Canvas.

Для отрисовки замечательно подходит Figma. Даже если проект состоит из 40 экранов, приложение дает право собрать в одном месте и оперативно переключаться между ними. Среди плюсов стоит выделить и другие:

• отсутствие привязки к операционной системе;
• доступность бесплатной версии с незначительными ограничениями;
• сохранение макета в realtime-режиме;
• комфортная работа с компонентами;
• прототип интерактивен и т.д.

При этом для использования требуется онлайн-соединение, нельзя добавлять плагины, присутствует незначительное число hot-keys.

Подводим итоги

Дизайн-тренды меняются моментально. В наибольшей степени актуально для графического направления, ведь то, что востребовано в начале года, теряет пользовательский интерес к наступлению нового 365-дневного отрезка. Асимметрия, неон, футуризм – сменилось столько, что устанете загибать пальцы.

В UX тенденции не столь переменчивы. Причина в том, что все основывается на исследованиях поведенческих привычек. Как раз поэтому напоследок посоветуем опираться на модели, проверенные практикой. Если приводить общую рекомендацию – чем доступнее, тем более серьезными будут результаты. Спасибо за внимание!

Автор:

Юрий Кривко, CEО

Поделиться: