Обучение ui/ux дизайну

Рекомендации по UX дизайну для вашего приложения

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

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

«Качественно разработанное приложение, однако с плохим UX дизайном это точно не впечатляет, — это огромное разочарование.»

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

Интерфейс всегда должен подстраиваться под пользователей

Рекомендации по UX дизайну для вашего приложения

Все мы разные, почему же UX должен быть каким-то одноформатным для всех?

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

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

«Все мы разные, почему же UX должен быть каким-то одноформатным для всех?»

Копаться в целой куче контента, который я уже видел — просто пустая трата драгоценного времени.

Примеры адаптивного дизайна UX

Рекомендации по UX дизайну для вашего приложения

Open Table — это программа для ресторанного бизнеса, где содержится информация и полноценный анализ того, какую еду любят гости веб-ресурса.

Когда я делаю заказ при помощи Open Table, в основном меню уже есть раздел — «Не пропусти!». Интерфейс этой программы подстраивается под меня, существенно облегчая задачу по поиску актуальных и главных моментов.

Когда я желаю зарезервировать столик в ресторане, то Open Table предлагает мне места, основываясь на моем прошлом выборе ресторана и местоположении в настоящий момент.

gi6kohysyr

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

Пользователю комфортно ориентироваться — именно таким должен быть хороший дизайн интерфейса. Правда есть еще одна сторона: приложение нужно наделить опцией распознавания.

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

Осведомленность о состоянии сети всегда означает хороший UX дизайн

Рекомендации по UX дизайну для вашего приложения

Представьте себе, что вы поставили свой смартфон в режим полета. В случае если на вашем смартфоне нет такой опции, давайте просто предположим, что соединение с сетью отключено.

Какое из приложений все еще будет работать при этом?

А какое будет полностью бесполезным?

В оффлайн-режиме только несколько из них чего-нибудь стоят.

Для распознавания доступа устройства к сети, программа должна ориентироваться на метод его подключения.

Использую ли я Роуминг? Wi-Fi? Возможно, рядом со мной проводят мероприятие, куда меня можно было бы пригласить через это приложение?

Одна из наиболее грубых ошибок — появление неадекватного количества файлов и картинок по простому запросу. Мне совсем не нужны все 40 фото, если я попал в раздел «Галерея», меня это точно не устраивает. Я должен сам сделать запрос на просмотр такого количества материала. Мне не надо ничего навязывать.

Известно, что удовлетворенность пользователей работой программы связана с общим временем загрузки. Зачем же тратить драгоценное время на загрузку целого вороха никому не нужных картинок?

«Известно, что удовлетворенность пользователей работой программы связана с общим временем загрузки.»

Microsoft Research провели исследование на тему программ, которые распознают состояние сети.

Пример UX, которые распознают состояние сети

wtxpmmz-wz

Pocket — это современный веб контент-менеджер. Его следует сохранить про запас. Очень полезное веб-приложение в оффлайн-режиме.

Если я добавляю статью в приложение Pocket, она автоматически загружается на мое устройство, поэтому я смогу легко прочитать ее позже без доступа к Интернету.

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

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

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

Google Apps настраивают параметры использования сети и пропускную способность для приложения. К примеру, используя Гугл фото, как фото-сервис резервного копирования, крупные загрузки по умолчанию выполняются исключительно через Wi-Fi.

Не напрягайте пользователей уведомлениями

Рекомендации по UX дизайну для вашего приложения

В случае если вы относитесь к уведомлениям несерьезно, то выставляете собственное приложение в таком свете, как будто вы нуждаетесь в чем-то.

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

Даже если восприятие пользователем извещений положительное, вполне может произойти сбой в работе, когда нет синхронизации с устройством пользователя. Никто не хочет читать вновь и вновь одни и те же уведомления. Так же как и в создании программного обеспечения, хорошим тоном считается — не повторяться.

Еще хуже — бессмысленные извещения с рекламой и прочие нежелательные рассылки. Лишь в редких случаях мне реально интересно узнать, что в вашей игре можно купить трех новых персонажей.

Хотя нет. Я вообще не хочу знать об этом.

Пример уведомлений UX

Рекомендации по UX дизайну для вашего приложения

Твиттер — это мой любимый способ общения в связи с его отличными UX уведомлениями.

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

В довершение, там есть специальный мастер отключения всех извещений сразу (не надо отменять каждую функцию по очереди).

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

Вам необходим интерфейс поиска

Рекомендации по UX дизайну для вашего приложения

Отсутствие контента — это неправильно.

Однако тонны контента без какой-то навигации — намного хуже.

Контент, который находится не на поверхности, — несуществующий контент.

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

Тем не менее, не все панели поиска одинаковы. Иногда страничка, заполненная некачественными результатами поиска, страничка без фильтров — практически то же, что и отсутствие поиска.

Ваше подстроенное под пользователя отличное приложение нуждается в такой же отличной опции поиска.

Примеры UX поисковиков

Рекомендации по UX дизайну для вашего приложения

Etsy — это платформа, которая позволяет любому продавать что угодно. А это означает — наличие крупного объема контента на интернет-сайте.

Например, показателем масштабности работы платформы служит число результатов по запросу: «приглашение на свадьбу». Больше 200000 вариантов!

Очень хорошо, что в площадке Etsy есть специальная функциональная панель так называемой фасетной навигации.

В пару нажатий можно углубиться в результаты поиска по различным категориям, фильтровать продукт по его свойствам (к примеру, стиль или цена), и отсортировать все результаты как угодно.

Представьте себе, как бы мы сортировали 200000 результатов по запросу «приглашение на свадьбу» с обычной нулевой подстройкой поиска. Страничка за страничкой одинаковые списки, целые сотни тысяч. Так вы точно никогда не отправите приглашения на свадьбу, так как будете поглощены поиском шаблона.

Рекомендации по UX дизайну для вашего приложения

Когда я ищу картинки, сохраненные в Гугл-фотографиях, то происходит настоящая магия.

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

Сайт Flickr запустил похожий интерфейс поиска и можно лишь представить, как там теперь улучшится поиск по фотографиям.

Введение в приложение всегда должно быть очень комфортным.

Расстелите перед своими пользователями красную ковровую дорожку

Рекомендации по UX дизайну для вашего приложения

Введение в пользование сервисом следует начинать сразу при запуске. Его также называют первым показом.

В случае если приложение будет запущено на пустом дисплее с неинформативным меню, у пользователя сложится негативное мнение о его работе. А ведь первое впечатление — наиболее продолжительное.

Представьте, Твиттер без сообщений, а Инстаграм без фотографий.

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

Решение очень простое — найдите время, чтобы создать качественный дизайн с чистого листа.

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

Примеры вовлечения пользователя

Рекомендации по UX дизайну для вашего приложения

Pinterest — это место, в котором можно собрать все то, что любишь.

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

После выбора тем, пользователи могут добавить друзей из других социальных сетей и просматривать их новости.

За считанные секунды новичок становится настоящим профессионалом, благодаря очень четкой ориентированности сервиса на пользователей.

Рекомендации по UX дизайну для вашего приложения

Slack — это платформа для общения внутри команды. Когда присоединяется новый участник, всем приходят автоматическое уведомление от робота-помощника Slackbot.

Slackbot на площадке рассказывает о ее основных возможностях. В итоге, введение пользователя в весь процесс происходит фактически мгновенно.

Программа Slack не просто интерактивна. Та форма, в которой происходят ответы на вопросы роботу Slackbot, приятно отличается от обычного заполнения формы: местожительства, имя.

Система введения программы Slack помогает пользователю освоиться и с легкостью вовлекает его в процесс.

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

Есть ли еще простор для того, чтобы улучшить дизайн UX?

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

И, даже когда все работает идеально, сама идея критически посмотреть на восприятие пользователями вашего приложения — хороша.

Перевод

Понравилось? Расскажите друзьям:






Комментарии:

(напишите, что вы думаете об этом)