Без рубрики - Октябрь 28, 2019

Как разрабатывать UX/UI-дизайн в 2019 году, чтобы не остаться за бортом?

Anatoli Ulitovsky

Пользовательский опыт – UX – и пользовательский интерфейс – UI – являются краеугольными камнями, от которых зависит успех коммерческого или информационного проекта в интернете. Профессиональные дизайнеры и программисты обязательно учитывают тенденции UX/UI при разработке сайтов. Однако эти понятия не являются статичными, а изменяются от года к году, если не быстрее. Поэтому, если вы не хотите, чтобы ваш сайт терял посетителей и процент конверсии, необходимо учитывать последние тенденции в этой области в 2019 году.

Устройства в новых форм-факторах

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

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

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

В чем особенности подобных устройств:

  • Большой экран при компактных габаритах. Учитывая возможность складывания смартфона, он будет иметь небольшие размеры. Поэтому пользователь будет охотнее носить его с собой в сравнении с планшетом. Но при этом в разложенном состоянии его экран будет сравним с монитором небольшого ноутбука. Что требует особой компоновки пользовательского интерфейса (UI).
  • ногозадачность. Практически все современные смартфоны, в том числе раскладные, имеют избыточные аппаратные ресурсы для загрузки типовых приложений. Поэтому логично использовать их для запуска нескольких процессов или нескольких приложений одновременно. Такой подход позволит быстрее обрабатывать сложные страницы и ускорять загрузку, то есть в UX/UI можно использовать более ресурсоемкие технологии.
  • Наличие двух физических экранов. Экран складного телефона может играть роль одного монитора или двух в зависимости от настроек. Поэтому можно запускать на телефоне одновременно два приложения с выводом информации на разные экраны. Например, мессенджер Телеграм и браузер либо приложение для просмотра видео. Этому будет способствовать и упомянутая ранее многозадачность.
    Специалисты по UX/UI должны обязательно учитывать способности раскладных смартфонов при разработке приложений и сайтов с временем жизни 3 и более лет.

Особенности местного менталитета и традиций

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

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

Например, пользователь из Центральной Африки отличается от пользователя из Северной Америки. Следовательно, им нужно предложить уникальный пользовательский опыт, который понятен и приемлем для местных жителей конкретной страны или территории.

При локализации пользовательского интерфейса специалистами по UX/UI необходимо учитывать:

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

Упрощение навигации

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

Основные признаки современного упрощенного интерфейса:

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

Вложенные меню, которые разворачиваются по мере перехода от пункта к пункту, уже не актуальны. Они имеют сложную структуру, что усложняет поиск нужных разделов. А основная идея современного UX – простота.

Удобное размещение меню

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

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

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

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

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

Больше видео

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

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

Особенно эффективны короткие видео для пользователей мобильных устройств. Ими заменяют традиционные информационные тексты в разделах «О компании» и им подобных на сайте.

Полезность для конечного потребителя

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

В настоящее время тенденциями UX являются два простых принципа:

  • уважай свою целевую аудиторию;
  • будь полезным для ЦА.
    Пользовательский интерфейс должен быть максимально функциональным, чтобы люди не тратили свое время на работу с ним. В этом заключается уважение. Предлагайте посетителям ту информацию, которую они ищут. И не «засоряйте им мозги» техническими нюансами, сложными оборотами в тексте или запутанным интерфейсом.

«Продажа впечатлений»

Не так давно компьютерные технологии были связаны в головах людей четкой стандартизацией и алгоритмизацией. Этих тенденций придерживались и разработчики UX/UI 5-10 лет назад. Взаимодействие с приложением или сайтом должно было быть предельно понятным и не иметь лишних опций.

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

Этой тенденции следует придерживаться и разработчикам UX/UI. Необходимо сделать интерфейс более эмоциональным, повысить вовлеченность человека, сделать его взаимодействие с программой более комфортным и «домашним».

Отсутствие границ

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

Ранее при разработке необходимо было учитывать наличие кнопок управления, а внешний вид сайта портили рамки, размещенные по краям экрана. Учитывая это, большинство дизайнеров использовали фреймы для структурирования информации на странице и отделения функциональных зон друг от друга. Сейчас дизайн сделал новый шаг в развитии, избавившись от рамок и лишившись «границ».

Интерактивные интерфейсы

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

Такие элементы стоит использовать в следующих случаях:

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

Заключение

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