UX тренды

04.05.2020
Posted in blog-article
04.05.2020 admin

UX тренды

О чём молчат мануалы по UX. Лучшие тренды уходящего года

Это полный список идей партнерства более 150 команд веб-разработчиков, собранный за последние 2 года.

В 2016 году я присоединился к команде Google «Mobile Transformation Team». У нашей команды была простая, но очень амбициозная цель: сделать мобильный интернет лучше для всех.

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

Мы боролись за конечных пользователей.

Перед вами уроки, наблюдения и подводные камни, которые мы собрали, в процессе изучения сотен веб-сайтов.

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

Слева направо: Варби Паркер, притон Инвест, Drizly

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

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

Перед вами три показателя производительности, которые действительно отражают взаимодействие с пользователем, — это First Contentful Paint (FCP), Speed Index и Time to Interactive (TTI). Крайне важно установить норму производительности и обеспечить подотчетность вашей команды.

Это поможет избежать досадных оплошностей вроде падения посещаемости после обновления графических элементов из-за того, что вы забыли сжать изображение героя размером 2 МБ, что снизило скорость загрузки страницы. Для мониторинга этих показателей используйте такие инструменты, как Lighthouse (см. Ниже).

Рекомендуемые критерии: 

< 2С первого содержание краски (УСР)

< 3 скорости Индекс (Си)

< 5 Время интерактивные (ТТИ

Скриншот с Маяка

Поговорите со своими клиентами. Это может показаться очевидным, но я не могу передать вам, сколько пустых взглядов я получил, спросив: «Когда вы в последний раз общались со своими пользователями?». Наша цель в качестве представителя мобильного UX состояла не в том, чтобы просто давать рекомендации, но быть голосом пользователя. Поставьте себя на место своих пользователей и попытайтесь выполнить самые распространенные задачи, предлагаемые вашим ресурсом (отслеживайте количество кликов и общее время для выполнения).

Используйте данные для обоснования дизайна. Идея «построения дизайна на основе данных» не нова. После определения приоритетов мобильного проекта важно отслеживать мобильные KPI.Если вы — розничный продавец, следите за средней стоимостью заказа (AOV) и скоростью выхода на страницу с началом воронки оформления заказа.

Если вы — компания по генерации лидов, уделите основное внимание CTR главной кнопки «Призыв к действию» и соотношению между лидами и достижениями (успешные продажи /количество лидов * 100). Владельцам туристического сайта стоит сосредоточиться на сеансах возврата (удержание клиентов) и трафике, специфичном для канала (т. е. увеличении доли социальных сетей).

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

Совет профессионала: я настоятельно рекомендую вам использовать панель инструментов Datastudio, которую разработала одна из моих коллег (Дамла Чакирка) для мониторинга вовлеченности пользователей.

Рецидив реален. Большинство компаний, с которыми мы работали, увидели значительные улучшения в повышении скорости сайта и /или вовлеченности пользователей. Тем не менее, через 30-60 дней после консультации (когда мы не стеснялись заглядывать через плечо), мы обнаружили, что их «вредные привычки» вернулись. Чтобы избежать этой ловушки, используйте бюджет производительности.

Я также рекомендую инструмент Chrome Dev для поиска неиспользуемого кода CSS и JS на вкладке Coverage. Когда вы загружаете или запускаете страницу, вкладка показывает, сколько кода было использовано, а сколько загружено. Вы можете уменьшить размер своих страниц, сохраняя только тот код, который вам нужен. Очень важно постоянно проверять свой мобильный сайт.

Будьте приветливы к новым технологиям. Если вы желаете использовать современное мобильное решение, постарайтесь создать PWA. Если вы хотите оптимизировать свой платный трафик, применяйте AMP для самых популярных целевых страниц. Если вы — розничный продавец, постарайтесь ускорить оформление заказа: сократите количество полей, разрешите автозаполнение или подключитесь к Google Pay. Ключом к успеху является постепенное внедрение технологий, призванных облегчить работу пользователя. Не вкладывайте средства в то, что не приносит пользы вашим клиентам.

Слева направо:American Tin Ceilings, Rhone, SnapDeal

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

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

Наблюдения за мобильными тенденциями. В этом разделе представлены все лучшие тренды в UX, которые я видел в 2018 году.

— Реализация нижнего навигационного блока.

— Включение push-уведомлений (при необходимости).

— Появление кнопки «добавить на рабочий стол» (отсылка к приложениям).

— Использование веб-компонентов Material Design.

— Улучшение анимации при прокрутке.

— Липкие CTA в нижней части окна просмотра (наиболее распространены на

страницах с описанием товара).

— Разрешение пользователям совершать покупки из гостевой учетной записи

AMP First.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Contact

Давайте работать вместе!

Пишите нам и найдем точки соприкосновения, может станем партнерами, а может поможем вам зайти в нашу чудесную нишу

Вы разработчик?

Пишите! Нам постоянно нужны новые кадры, либо можем помочь в продвижении вашего приложения

Новичок?

Поможем быстро войти в нишу, не тратя годы на понимание

Давно в нише?

Рады будем пообщаться как на темы whitehat, так и blackhat тематики ^_^ + всегда есть что обсудить по поводу рекламных сетей

ПИШИ В TELEGRAM!

Contact