UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Улучшаем пользовательский опыт микросессий в мобильных приложениях
Редакція
Редакція

Опубліковано

Улучшаем пользовательский опыт микросессий в мобильных приложениях

#ux

Уведомления, виджеты, быстрые действия и команды Siri или Google Assistant routines – это все способы поддержки мобильных сеансов продолжительностью менее 15 секунд с минимальным взаимодействием для достижения цели пользователя

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

Определение: мобильные микросессии – это мобильные сессии продолжительностью менее 15 секунд.

Термин «микросессия» возник на основе терминологии, введенной в статье Феррейры и его коллег. Они придумали термин «microusage» для использования мобильных устройств короче 15 секунд. В ходе своих исследований они установили, что microusage составляет чуть более 40% использования мобильных устройств.

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

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

Преимущество использования микросессий даже для приложений со сложными задачами

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

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

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

Чтобы понять зачем, давайте подумаем о пользователе, который пытается купить билет на рейс United Airlines. Сначала пользователь должен найти приложение на своем телефоне, запустить его, дождаться загрузки заставки, обойти login wall или войти в систему, если он не заметит кнопку Continue as guest , а затем найти кнопку «Check in» на домашней странице, нажать на нее и, в конце концов, запустить процесс входа в систему. Другими словами, он должен потратить много времени, чтобы найти точку входа в задачу.

United для Android: запуская приложение для покупки билета на рейс, пользователь должен дождаться загрузки заставки (вверху слева), затем пропустить login wall (вверху справа) и найти кнопку «Check in» на главной странице (внизу слева). И, наконец, перейдите на страницу покупки билетов на рейс (внизу справа).

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

Проектирование для микросессий

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

1. Уведомления

Уведомления – это основной способ, которым приложения поддерживают микросессии. Около 60% микросессий в исследовании Ferreira были связаны с чтением уведомлений или взаимодействием с ними.

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

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

Уведомление Lyft предоставляет всю необходимую пользователю информацию, без необходимости запуска приложения.

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

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

Уведомление Amazon не является самодостаточным – оно не сообщает пользователю, какой товар был доставлен, только сам факт доставки. (На фото показана посылка, но не товар).

По умолчанию уведомление на Android обрезано до 2 строк. Если пользователи раскрывают уведомление, нажимая стрелку вниз в верхнем правом углу, они увидят дополнительную строку текста. Однако, даже если это уведомление из «Настроек Android» обрезано (слева), информации достаточно, чтобы понять его содержание. (справа).

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

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

ESPN для Android: опция «Открыть в приложении» не обязательна, поскольку тот же результат можно получить, просто нажав на текст уведомления (поведение, которое хорошо знакомо пользователям мобильных устройств).

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

Уведомления из Календаря для iPhone (слева) и NYTimes для iPhone (в центре) позволяют пользователям напрямую воздействовать на контент, который они представляют. Уведомление от Linkedin (справа) является самодостаточным, но было бы полезно воспользоваться кнопкой «Поздравить», которая перенаправит пользователя непосредственно на страницу сообщения.

В некоторых случаях рассмотрите возможность предоставления точек входа в типичные юзерфлоу, которые пользователь может совершить из этого уведомления. Например, уведомление Android-приложения Weather Channel позволяет людям получать информацию о погоде в различных форматах (Hourly, Daily, Radar).

Уведомление Weather Channel для Android предоставило точки входа в почасовой (Hourly), ежедневный (Daily) и радиолокационный (Radar) обзоры местной погоды.

2. Виджеты

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

В iOS к виджетам также можно получить доступ длительным тапом или 3D touch жестом по иконке приложения, даже если пользователь решил не устанавливать виджет.

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

Виджеты Android: виджеты могут иметь разные формы и отображать различные типы контента. Виджет Gmail – это виджет коллекции, который показывает несколько электронных писем, а виджет CNN – виджет информации. Обратите внимание, что пользователь может изменить размеры виджетов, как это видно из двух размеров виджета CNN на двух скриншотах. (Однако, даже когда виджет CNN увеличен, отображаемый текст по-прежнему усекается, что вынуждает пользователя запускать приложение, чтобы увидеть полное название и суть истории).

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

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

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

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

В Android можно нажимать стрелки в виджете CNN, чтобы увидеть больше историй (вверху), или можно вертикально скроллить в виджете Gmail, чтобы отображать больше писем (внизу).

Виджет Yelp для iOS предоставляет точки входа для различных категорий контента, доступных в приложении.

3. Быстрые действия

Последние версии iOS и Android поддерживают доступ к действиям в приложении непосредственно с рабочего стола, с помощью долгого тапа или жеста 3D Touch – по сути, реализация контекстного меню. (Примечание: 3D Touch больше не поддерживается в iPhone XI и заменен долгим тапом). В iOS этот жест также может отображать виджет вместе с быстрыми действиями.

Долгий тап по иконке приложения Amazon для iPhone (слева) и United для Android (справа) отображает список действий, которые пользователи могут выполнять напрямую, без необходимости открывать приложение. Таким образом, быстрое действие «Check-in» приложения United ведет прямо к странице покупки билетов на рейс.

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

В контекстном меню быстрого действия может отображаться только ограниченное количество быстрых действий, поэтому не тратьте пространство на действия, которые, вероятно, не важны для ваших пользователей. Вместо этого сосредоточьтесь на главных задачах – задачах, которые часто выполняются многими пользователями. Например, приглашение друзей в Airbnb, вероятно, является редко выполняемым действием, как и ваши впечатления в Google Maps – ни одно из этих действий не должно быть включено в список быстрых действий.

Список быстрых действий должен включать действия, которые важны для ваших пользователей и которые они часто выполняют. Ни «Пригласить друзей» (Airbnb, слева), ни «Ваши впечатления» (Google Maps, справа) не подходят.

4. Посредством умного помощника (Siri или Google Assistant)

И приложения для iOS, и для Android могут использовать умных помощников – Siri и, соответственно, Google Assistant – чтобы позволить пользователям быстро взаимодействовать с приложением с помощью голоса.

В iOS приложения могут предоставлять команды для Siri, которые позволяют пользователям выполнять частые задачи или задачи, которые уместны в определенные моменты времени и в определенных ситуациях. Например, после уведомления о частых платежах определенному человеку приложение PayPal может предложить команду, которая позволяет пользователю выполнить это действие непосредственно через Siri. Хотя пользователь должен принять эти команды, приложению по-прежнему важно определять и предлагать их пользователю (в идеале, даже в приложении).

Предлагаемые команды позволяют пользователям быстро выполнять определенные действия. В этом примере приложение PayPal предложило команду для часто совершаемого платежа, который доступен как из приложения «Команды» на iPhone (слева), так и, в данном случае, из самого приложения PayPal (в центре). После того, как пользователь установит команду (справа), он может использовать слово «Cheese» для выполнения действия.

В экосистеме Android также можно определять команды или, на языке Android, routines. Например, одна такая routine может попросить Google Assistant сообщать прогноз погоды для Сан-Франциско от Weather Channel, когда он слышит слово «Погода».

Google Assistant routine позволяет пользователю узнать погоду в Сан-Франциско всякий раз, когда он говорит Google Assistant слово «погода»

Нечто знакомое

Большинство пользователей не знакомы с инструментами, доступными для поддержки микросессий – виджетами, быстрыми действиями, командами Siri и Google Assistant routines. Они пока не получили широкого применения (единственное заметное исключение – это уведомления). Тем не менее, эти действия могут предложить значительное ускорение тем пользователям, которые знают о них, и, таким образом, являются примером эвристики юзабилити № 7: гибкость и эффективность использования. И все больше и больше пользователей обнаруживают их случайно – например, долгий тап по иконке приложения уже давно стало жестом для перестановки порядка приложений на экране в iOS и Android. Поскольку теперь длинный тап также показывает быстрые действия, люди будут находить их, пытаясь очистить свои экраны, и, таким образом, они в конечном итоге привыкнут к ним. Или, если приложения рекламируют «Предложения Siri» внутри приложения, пользователи рано или поздно заметят их и смогут воспользоваться ими.

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

Вывод

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


Перевод статьи Raluca Budiu

Топ коментарі (0)