Один «+», восемь дверей и борщ: уменьшаем трение в приложениях

от автора

В недавней статье на Хабре Виталий Павленко убрал кнопку «Начать тренировку» и сразу показал первое задание. Мне понравился вопрос, стоящий за этим решением: зачем заставлять человека отдельно объявлять, что он готов сделать то, ради чего уже открыл приложение?

У меня своя боль не про языки, а про еду. Я посмотрел на девять трекеров калорий: нажал основной «+» или Add Food и зафиксировал, что появляется до собственно ввода. Часто «+» не начинает действие, а открывает ресепшен: вам поиск, штрихкод, фотографию, текст, головой ввод, сохранённое блюдо, или вы вообще воду хотели записать? Чего изволите-с, у нас вон какой широкий выбор — от четырёх вариантов до восьми.

Девять экранов после нажатия «+», отсортированных по числу направлений

Девять экранов после нажатия «+», отсортированных по числу направлений

В исходной статье проблема была не в лишнем тапе как таковом. Кнопка «Начать тренировку» предлагала человеку заранее подписаться на пятнадцать минут работы. Соцсети устроены хитрее: вы открываете их — и первый пост уже перед вами.

В трекерах калорий меню после «+» создаёт маленькую версию того же трения. Человек уже сообщил, что хочет записать еду, а интерфейс просит принять ещё одно решение: каким способом начать? Поэтому я считал не кнопки вообще, а двери — поиск, штрихкод, избранное, рецепты и AI, между которыми нужно выбрать до ввода еды.

Один лишний state

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

Три варианта навигации перед вводом еды

Три варианта навигации перед вводом еды

У приложений 1, 2, 3, 5, 8 и 9 выбор способа — отдельный экран между дневником и вводом. В приложениях 4, 6 и 7 двери встроены в экран еды: поиск уже открыт, остальные способы находятся рядом. В Calk, под номером 10, главное окно ведёт прямо в рабочую область без меню дверей.

На схеме намеренно нет сохранения и возврата в дневник: здесь проверяется один вопрос — сколько раз интерфейс просит выбрать способ ввода вместо самой еды?

Что меняется на реальном обеде

Возьмём не один банан, а маленький интеграционный тест для трекера: борщ, сметана, хлеб, чай и Snickers. В приложениях 1-9 первые четыре позиции вводим поиском, батончик — по штрихкоду.

Сколько раз приходится выбирать способ ввода для составного обеда

Сколько раз приходится выбирать способ ввода для составного обеда

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

Как найти лишнюю дверь в своём интерфейсе

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

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

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

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

ссылка на оригинал статьи https://habr.com/ru/articles/1073148/