Подписывайтесь на мой новый канал: делюсь интересными фичами из мира e-commerce 3 раза в неделю
Как прокачать X5ID?
25 идей по улучшению процесса и интерфейса авторизации пользователей
Общий опыт клиента часто складывается из того, какой опыт он получает на каждом из этапов customer journey, и помимо взгляда на общую картину, время от времени стоит «брать увеличительное стекло» и рассматривать каждый из шагов в деталях.
Сегодня мы с вами погрузимся в один из таких этапов, который проходят миллионы клиентов X5 Retail Group – авторизацию пользователей X5ID – и обсудим, как сделать её более удобной.
Казалось бы, что улучшать в авторизации? Ввели номер телефона – получили код – ввели этот код – и вы вошли. Но даже на таком коротком участке пути есть что поправить. А в этой статье – 20+ идей для улучшения.
Как всегда, если есть что добавить – добро пожаловать в комменты. Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с коллегами, которым материал может быть полезен.
Сегодня мы с вами погрузимся в один из таких этапов, который проходят миллионы клиентов X5 Retail Group – авторизацию пользователей X5ID – и обсудим, как сделать её более удобной.
Казалось бы, что улучшать в авторизации? Ввели номер телефона – получили код – ввели этот код – и вы вошли. Но даже на таком коротком участке пути есть что поправить. А в этой статье – 20+ идей для улучшения.
Как всегда, если есть что добавить – добро пожаловать в комменты. Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с коллегами, которым материал может быть полезен.
Нажатие на кнопку перехода к опросу
При нажатии на кнопку перехода к опросу происходит «моргание» фона, причем не за этой кнопкой, а снизу от неё. Вероятно, такого поведения интерфейса в планах у разработчиков не было.
Казалось бы, какая-то мелочь. Но часто именно «мелочи» отделяют качественно сделанныые продукты от тех, что делаются на скорую руку.
Казалось бы, какая-то мелочь. Но часто именно «мелочи» отделяют качественно сделанныые продукты от тех, что делаются на скорую руку.
Формат опроса
Опрос реализован в формате всплывающего окна. Такой паттерн более свойственен вебу и редко используется в приложениях, в которых для этих целей чаще всего применяют bottom sheet.
Анимация при появлении опроса
Затемнение фона при нажатии на кнопку опроса происходит резко и прерывисто, хотя его можно было бы реализовать с помощью быстрой, но плавной и приятной глазу анимации.
Смещение элементов формы
Формат всплывающего окна имеет в себе ещё один подводный камень: так как оно вертикально выровнено, текст вопроса и смайлики начинают «скакать» по вертикали при выборе оценки.
Реакция на касание фона
Если клиент решил закрыть опрос, нажав на фоновую часть экрана, ничего не происходит, хотя реакция в виде закрытия формы с опросом в данном случае ожидаема.
Звезда обязательного вопроса
В случаях с длинными формами помечать обязательные вопросы с помощью звезды важно. Но если в форме по сути один вопрос с возможностью оставить пояснение, звезду можно и упразднить.
Пагинация
Пагинация – вещь хорошая, но, опять же, в больших формах. Если у вас всего 1 вопрос, пагинация может быть излишня и только перегрузит интерфейс.
Более того, когда пользователь видит то, что на экране, он ожидает, что за текущим вопросом будет второй вопрос, хотя в реальности за ним уже последует экран с благодарностью.
Более того, когда пользователь видит то, что на экране, он ожидает, что за текущим вопросом будет второй вопрос, хотя в реальности за ним уже последует экран с благодарностью.
Комментарий vs. кнопка
Если клиент решил оставить комментарий, экранная клавиатура полностью перекрывает кнопку отправки опроса – так, что на нее становится невозможно нажать.
Эту ситуацию можно решить, прокручивая экран программно при активации поля.
Эту ситуацию можно решить, прокручивая экран программно при активации поля.
Смена оценки vs. комментарий
Если клиент уже написал комментарий и сменил свою оценку с нейтральной на негативную, весь уже введенный текст стирается, и его приходится набирать заново.
Призыв к оценке в сторе
Если клиент высоко оценил приложение, его просто благодарят, хотя эту ситуацию можно было бы использовать, попросив его оценить приложение в сторе.
Висячий союз
В тексте благодарности нас встречает висячий союз, который можно перенести на новую строку с помощью неразрывного пробела. Объем текста небольшой – задача посильная.
Закрытие опроса
Чтобы закрыть опрос, нужно совершить отдельное действие, хотя окно могло бы пропадать само автоматически спустя 2-3 секунды после завершения.
Доступность опроса после завершения
Плашка с предложением оценить приложение отображаться и после того, как пользователь прошел опрос. Это может ввести в заблуждение.
В качестве альтернативы, если требуется реализовать возможность проходить опрос не единожды, плашку можно скрывать в рамках текущей сессии и затем снова отображать в рамках следующей.
В качестве альтернативы, если требуется реализовать возможность проходить опрос не единожды, плашку можно скрывать в рамках текущей сессии и затем снова отображать в рамках следующей.
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram
To be continued...
Как видим, даже гигантам рынка есть к чему стремиться. И это круто: делая свой большой, но пока неидеальный продукт ещё лучше, ты можешь позитивно повлиять на опыт миллионов людей.
Часто с разными коллегами мы спорим про казалось бы «мелочи». Но одно небольшое неудобство – здесь, другое – там. Третье, четвертое, пятое... десятое... И опыт уже сильно отличается от wow.
Поэтому, дорогие друзья, не устаю повторять мантру «small things can make a big difference». В погоне за стратегическими инициативами не забывайте и про детали.
Как всегда, не забудьте поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Часто с разными коллегами мы спорим про казалось бы «мелочи». Но одно небольшое неудобство – здесь, другое – там. Третье, четвертое, пятое... десятое... И опыт уже сильно отличается от wow.
Поэтому, дорогие друзья, не устаю повторять мантру «small things can make a big difference». В погоне за стратегическими инициативами не забывайте и про детали.
Как всегда, не забудьте поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Все статьи по e-commerce