I am ready for a long road flight for work with a week- or months-long projects.
Ужасы российского ecom'а: Почта Маркет
100 косяков точек роста в UX/UI маркетплейса Почты России
Изначально статью я хотел писать совершенно по другой компании. Но все изменил момент, когда я решил проверить, не появилось ли новых приложений в категории «Покупки» в App Store. И увидел, что Почта России возглавляет там топ-чарты.
Причины, по которым приложение находится в топе, с e-com, думаю, не связаны. Но я решил немного поизучать его и с удивлением обнаружил, что у Почты есть собственный маркетплейс – Почта Маркет.
Качество проработки e-com части приложения Почты произвело на меня сильное впечатление, и я просто не мог пройти мимо. Контент этой статьи родился за первый час просмотра. Мог бы набрать и 200 пунктов, но сегодня остановимся на сотне.
Статья носит больше развлекательный характер: в 2024г такое редко встретишь. Особенно учитывая выручку Почты за прошлый год в 212 млрд, предположу, что можно было бы сделать лучше. А в статье – как раз 100 подсказок, что улучшить😉
Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с коллегами, которым материал может быть полезен.
Причины, по которым приложение находится в топе, с e-com, думаю, не связаны. Но я решил немного поизучать его и с удивлением обнаружил, что у Почты есть собственный маркетплейс – Почта Маркет.
Качество проработки e-com части приложения Почты произвело на меня сильное впечатление, и я просто не мог пройти мимо. Контент этой статьи родился за первый час просмотра. Мог бы набрать и 200 пунктов, но сегодня остановимся на сотне.
Статья носит больше развлекательный характер: в 2024г такое редко встретишь. Особенно учитывая выручку Почты за прошлый год в 212 млрд, предположу, что можно было бы сделать лучше. А в статье – как раз 100 подсказок, что улучшить😉
Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с коллегами, которым материал может быть полезен.
Каталог и листинг товаров
Точка входа в каталог
Перейти в каталог товаров Почта Маркета не так-то легко: в блоке на главном экране видны лишь 4 категории, которые привлекают к себе всё внимание. А открыть полный каталог товаров можно, лишь нажав на небольшой лейбл «Все».
Визуализация категорий
Отсутствует. Чтобы найти нужную категорию, приходится искать в длинном списке с текстом, разбавленном товарами, большинство из которых в этот момент просто неактуальны.
Категория есть – товаров нет
Примечательно, что в каталоге есть категории, в которых попросту нет товаров. Зачем вообще нужно их отображать, большой вопрос. Знаете ответ? Напишите в комментах.
Выбор подкатегорий
Подкатегории можно было бы сделать в виде горизонтальной коллекции или списка на отдельном экране по аналогии, например, с фильтрами.
Вместо этого они свалены в кучу в начале листинга товаров и в ряде категорий занимают половину экрана. А расстояние между ними делает риск нажать не туда ощутимым.
Вместо этого они свалены в кучу в начале листинга товаров и в ряде категорий занимают половину экрана. А расстояние между ними делает риск нажать не туда ощутимым.
Фиксация меню
Если я прокрутил листинг вниз и решил, например, перейти в другую категорию или воспользоваться строкой поиска, мне нужно подниматься обратно, т.к. меню не фиксируется.
Хотя меню можно было бы скрывать при скролле вниз, чтобы высвободить место под товары, и отображать при скролле вверх. Так оно всегда будет под рукой.
Хотя меню можно было бы скрывать при скролле вниз, чтобы высвободить место под товары, и отображать при скролле вверх. Так оно всегда будет под рукой.
Количество товаров в листинге
Количество товаров в листинге реализовано в надстрочном формате, а в тексте в явной форме указывается «товаров», из-за чего надпись часто переносится на новую строку.
Спектр фильтров
Фильтрами Почта Маркет клиентов своих особо не балует. Например, в листинге столов и столиков вместо цвета, размера и прочих есть только фильтр по поставщикам.
Сортировать или показать?
Вероятно, стоит «сортировать» по новизне, а не «показать» по новизне? Или я что-то не понимаю. О том, чтобы добавить иконку сортировки я уж и не говорю.
Выбор варианта сортировки
Чтобы отсортировать листинг товаров, придется потрудиться. Ведь вместо карточки, стандартно выезжающей снизу, появляется popup, который сливается с экраном.
Отдельное удовольствие – вчитываться в текст вариантов, так как он реализован в шрифте такого мелкого размера, что даже мне с нормальным зрением тяжело его читать.
Отдельное удовольствие – вчитываться в текст вариантов, так как он реализован в шрифте такого мелкого размера, что даже мне с нормальным зрением тяжело его читать.
Сортировка по почтовому
Примечательно, что в некоторых категориях товаров встречается сортировка «По почтовому». Если есть идеи, что значит такая сортировка, добро пожаловать в комменты.
Обрезающиеся названия
Карточки товаров спроектированы таким образом, что их названия практически нигде не помещаются полностью и обрезаются.
А что если вывести бренд в отдельное поле? А что если убрать из названий коды товаров, не несущие особой смысловой нагрузки? Возможно, это полечит ситуацию?
А что если вывести бренд в отдельное поле? А что если убрать из названий коды товаров, не несущие особой смысловой нагрузки? Возможно, это полечит ситуацию?
Товар дня vs обычный товар
В листинге товаров можно встретить «товары дня», которые привлекают внимание пользователя заметной красной рамкой.
Только вот в чем смысл дублировать товары в качестве «товаров дня» и обычных товаров в листинге? Особенно размещая их прямо друг за другом?
Только вот в чем смысл дублировать товары в качестве «товаров дня» и обычных товаров в листинге? Особенно размещая их прямо друг за другом?
Как закрыть каталог?
Каталог реализован в виде сайдбара. Вопрос к аудитории: если вы открыли каталог и хотите его свернуть, что вы будуте делать?
Нажмете на крестик? Он полностью закроет Почта Маркет. Нажмете на область основной страницы? Либо перейдете по активной ссылке, либо ничего не произойдет.
Оказывается, чтобы скрыть каталог, необходимо нажать на кнопку бургера, которая уезжает в правый верхний угол. Интересно, каков % успешного закрытия такого каталога?
Нажмете на крестик? Он полностью закроет Почта Маркет. Нажмете на область основной страницы? Либо перейдете по активной ссылке, либо ничего не произойдет.
Оказывается, чтобы скрыть каталог, необходимо нажать на кнопку бургера, которая уезжает в правый верхний угол. Интересно, каков % успешного закрытия такого каталога?
Поиск товаров
Это поиск
Хотя уже даже пенсионеры привыкли к тому, что иконка лупы отвечает за поиск, сервис решил перестраховаться и в явной форме пояснить, что означает эта иконка.
Интересно, если следовать такой логике, то почему бы и к иконке корзины не добавить текст, что это корзина? А то вдруг не поймут?
Интересно, если следовать такой логике, то почему бы и к иконке корзины не добавить текст, что это корзина? А то вдруг не поймут?
Поиск – это форма?
При активации поиска на клавиатуре появляются кнопки переключения между полями, характерные для заполнения формы, состоящей из нескольких полей.
Что это за поля, помимо самой поисковой строки, останется в тайне, ведь при нажатии на эти кнопки ничего не происходит (хотя одна из них выглядит активной).
Что это за поля, помимо самой поисковой строки, останется в тайне, ведь при нажатии на эти кнопки ничего не происходит (хотя одна из них выглядит активной).
Скролл поисковой подсказки
Когда я ввожу запрос, появляется подсказка – отлично, так держать. Но при ее скролле оказывается, что происходит прокрутка не подсказки, а всей страницы.
Отдельно стоит отметить, что иногда страница начинает прокручиваться еще и горизонтально, т.к. подсказка не вмещается: современные экраны такие маленькие.
Отдельно стоит отметить, что иногда страница начинает прокручиваться еще и горизонтально, т.к. подсказка не вмещается: современные экраны такие маленькие.
Длина текста подсказок
Так как в подсказках отображаются полные названия товаров, некоторые из них вымахивают аж на 3 строки, делая прокрутку подсказки занятием утомительным.
Фото в поисковой подсказке
При этом фото товаров в подсказке нет. Почему – большая загадка. Хотя они помогли бы быстрее понять, что за товары скрываются за ссылками, и упростить клиенту жизнь.
Очистка поискового запроса
Если вы ввели запрос и хотите поискать что-то еще, будьте добры стирать всё, что написали, вручную: кнопка очистки запроса любезно не предусмотрена.
Сообщение при нулевых результатах поиска
Если поиск не дал результатов, разработчик сообщает нам о том, что ничего не смогли найти «на нашем сайте». Ну хорошо, поищите в приложении – я же в нем ищу.
Как говорится, краткость – сестра таланта: не написали бы про сайт (учитывая, что смысловая нагрузка нулевая), не было бы и вопросов.
Как говорится, краткость – сестра таланта: не написали бы про сайт (учитывая, что смысловая нагрузка нулевая), не было бы и вопросов.
Поделитесь пожеланием (и потянитесь)
Если клиент не нашел то, что ему требовалось, у него есть замечательная возможность поделиться своим пожеланием: «компания открыта для улучшений».
А вот то, что нужно тянуться в верхнюю часть экрана, чтобы активировать поле и в принципе его активировать, хотя это могли бы сделать за нас – такие предложения не получали.
А вот то, что нужно тянуться в верхнюю часть экрана, чтобы активировать поле и в принципе его активировать, хотя это могли бы сделать за нас – такие предложения не получали.
Скролл фонового экрана
Кстати, еще один момент касательно popup'ов и модалок: когда они появляются, хорошая практика – блокировать прокрутку фонового экрана. А такого лучше не допускать:
Карточки в результатах поиска
В отличие от каталога, в карточках товаров в результатах поиска нет кнопки корзины. Чтобы их добавить, нужно отдельно переходить в полные карточки.
Карточки товаров
Переход в карточки товаров
При переходе в карточки товаров каждый раз мы вынуждены будем ощутимо ждать. При этом первое, что мы видим при загрузке – не фото товара, а форму подписки на рассылку.
Товар 404
Никогда не знаешь, в какой момент ты можешь очутиться на 404 странице (когда страницы не существует). Но чтобы встретить такое, когда переходишь в карточку товара – это редкость.
Ширина карточек товаров
Чтобы было понятно, что это карточки товаров, по бокам создатель любезно разместил отступы, которые съедают в сумме целую четверть экрана по ширине.
Видимость элементов переключения слайдов
Если по товару есть лишь одно фото, нет смысла отображать стрелки и page control с одной точкой: это может ввести пользователя в заблуждение.
Стрелки прокрутки
Для прокрутки фото в карточке товара реализованы кнопки в виде стрелок, в то время как в подавляющем большинстве приложений они уже давно не используются.
Более того, со стрелками что-то не то, и поверх них размещены непонятного вида градиенты. Чтобы понять, что это стрелки, нужно хорошенько присмотреться.
Более того, со стрелками что-то не то, и поверх них размещены непонятного вида градиенты. Чтобы понять, что это стрелки, нужно хорошенько присмотреться.
Cell snapping в слайдере
В слайдере не реализован cell snapping (привязка уровня прокрутки к ячейкам коллекции с фото). В итоге получаем то, что видим на экране.
Слайдер есть – фото нет
При попытке прокрутить слайдер фото не меняется, хотя page control при этом переходит к следующей позиции. Остается лишь представить фото товара в воображении.
Направленность смахивания
Хорошая практика в слайдерах – учитывать направление свайпа: если оно более горизонтальное, прокручиваем фото, если более вертикальное – саму карточку вверх или вниз.
В Почта Маркете это не учли, поэтому если ваш палец попал на фото и вы делаете даже вертикальное смахивание, никуда в рамках карточки вы вертикально не двинетесь.
В Почта Маркете это не учли, поэтому если ваш палец попал на фото и вы делаете даже вертикальное смахивание, никуда в рамках карточки вы вертикально не двинетесь.
Видимость кнопки увеличения фото
А вы видите что-нибудь в правом нижнем углу фото? Ну же, давайте, приглядитесь. А там скрывается кнопка увеличения фото. Белая на белом фоне.
Возможность увеличения фото
Хотя возможно, что разработчик о чем-то знал, когда старательно пытался скрыть кнопку увеличения фото. Ведь она попросту не работает, как бы я ее не нажимал.
Увеличение фото через pinch
Если я пытаюсь увеличить фото, раздвигая пальцы (pinch action), приложение выдает результат моих усилий. Жаль, что он негативный.
Прочерки в ценах
Прочерки в ценах вместо копеек – это какой-то фирменный стиль? Или все же можно было бы обойтись без них, лишь указав сумму в рублях?
Кстати, хоть это и из разряда «капитан очевидность», но все-таки хорошая и устоявшаяся практика – указывать в цене не только сумму, но и валюту.
Кстати, хоть это и из разряда «капитан очевидность», но все-таки хорошая и устоявшаяся практика – указывать в цене не только сумму, но и валюту.
Это скидка, если вы не поняли
В маркерах скидок сервис в явной форме прописывает, что это именно скидки, «ведь просто маркер с суммой может вызвать вопросы у пользователя».
А вот если перенести черточку перед суммой и дописать символ валюты, не снимется ли этот вопрос с повестки в принципе?
Кстати, если используется старая и новая цена, в качестве третьего компонента чаще все же используется скидка в процентах, а не третья по счету сумма.
А вот если перенести черточку перед суммой и дописать символ валюты, не снимется ли этот вопрос с повестки в принципе?
Кстати, если используется старая и новая цена, в качестве третьего компонента чаще все же используется скидка в процентах, а не третья по счету сумма.
Названия и иконки акций
Эх, как же сейчас креативно начали акции называть-то! «Бесплатная доставка Ноябрь-Декабрь 2024г. (2)». Что значит (2) и почему месяцы с большой буквы – тайна.
Иконка акции, помимо того, что пикселит (ну это же мелочи, да?), больше по смыслу похожа на экспресс-доставку, чем на бесплатную доставку.
Иконка акции, помимо того, что пикселит (ну это же мелочи, да?), больше по смыслу похожа на экспресс-доставку, чем на бесплатную доставку.
Показать – показать – показать
Характеристики по умолчанию видны лишь частично. При желании их можно раскрыть, нажав на специальную кнопку, и ознакомиться с подробной информацией. Все бы хорошо...
Да только кнопка показа характеристик никак не меняется, когда на нее нажимаешь, и вводит в заблуждение о том, что можно раскрыть что-то ещё, когда блок уже раскрыт.
Да только кнопка показа характеристик никак не меняется, когда на нее нажимаешь, и вводит в заблуждение о том, что можно раскрыть что-то ещё, когда блок уже раскрыт.
Характеристики vs. описание
Описания товаров часто используются для того, чтобы разместить там характеристики. Почему бы не разместить этот контент именно в характеристиках, а не в описании?
Сколько вешать в граммах?
Вес товаров – какими бы они ни были – указывается в граммах. Поэтому диван у нас весом не 24.5кг, а 24500г.
«Ладно, и так сойдет»?
«Ладно, и так сойдет»?
Пустота
В карточках товаров время от времени встречаются большие пустые блоки. Для чего? Чтобы пользователь дольше прокручивал карточку?
Эх, если бы можно было сделать так, чтобы высота блоков зависела от содержащегося в них контента... Но, наверное, «это технологически очень сложно сделать, бюджета нет».
Эх, если бы можно было сделать так, чтобы высота блоков зависела от содержащегося в них контента... Но, наверное, «это технологически очень сложно сделать, бюджета нет».
Количество оценок
Сколько я ни путешествовал по карточкам товаров, я так и не встретил ни одного, у которого в карточке была бы хоть одна оценка.
Напрашивается резонный вопрос: почему их нет? Клиенты Почта Маркета настолько не любят оставлять оценки? Или там никто не покупает?
Напрашивается резонный вопрос: почему их нет? Клиенты Почта Маркета настолько не любят оставлять оценки? Или там никто не покупает?
Нужно бы войти, но вы уже оценили
При нажатии на звездочку в оценке нас просят войти, чтобы засчитать голос. Но оценка магическим образом появляется – и начинает конфликтовать с текстом справа от нее.
Варианты товара
Варианты товара выполнены в светло-сером цвете, из-за чего может сложиться ошибочное впечатление, что они распроданы.
Хлебные крошки
Хлебные крошки – отдельная история: в десктопном вебе они распространены, но в приложениях они встречаются максимально редко.
Более того, крошки выполнены в мелком шрифте в два ряда с минимальным отступом: риск промахнуться и нажать не на ту категорию высок.
Более того, крошки выполнены в мелком шрифте в два ряда с минимальным отступом: риск промахнуться и нажать не на ту категорию высок.
Вы смотрели
Блок с историей просмотров состоит лишь из одного слайдера, в котором прокручиваются карточки товаров. «Ну и ничего страшного» – скажете вы.
Да, ничего страшного. Кроме того, что вы не сможете его прокрутить сами: скролл происходит лишь автоматически и не зациклен. Пропустили нужный товар – ваша проблема.
Да, ничего страшного. Кроме того, что вы не сможете его прокрутить сами: скролл происходит лишь автоматически и не зациклен. Пропустили нужный товар – ваша проблема.
Работа с корзиной
Кнопок корзины много не бывает
В карточках товаров есть по 2 кнопки корзины, при этом они даже видны в рамках одного экрана, хотя кнопка могла бы быть одна, и ее можно было бы фиксировать при скролле.
Расположение кнопки перехода в корзину
Кнопка корзины размещена в самой верхней части экрана. Ведь «большинство клиентов сейчас ходят со стилусами, а не тянутся большим пальцем. Для них-то это не проблема».
Перейди в корзину (и потянись)
Разработчик заботится о растяжке пальцев руки клиента, поэтому чтобы перейти в корзину после добавления товара, нужно хорошенько так потянуться.
Верстка корзины
После того, как мы добавили товары и перешли в корзину, нас встречает горизонтальный скролл, так как контент не вписывается в экран.
Стоп, а что это там слева, если немного потянуть экран? Бинго, мы нашли пасхалку в виде каталога товаров, заботливо оставленную нам разработчиком.
Стоп, а что это там слева, если немного потянуть экран? Бинго, мы нашли пасхалку в виде каталога товаров, заботливо оставленную нам разработчиком.
Разные заказы
Если я набрал товаров от разных поставщиков, мне придется оформлять их по отдельности, вводя все данные по доставке заново. Позаботились так позаботились о клиенте.
Возможность отложить товары
Отсутствует. Так как избранного в принципе нет, и отложить некуда. Если решил купить попозже, изволь удалить – а потом просто забыть о том, что собирался купить.
Фото товаров в корзине
По товарам в корзине мы видим лишь текст и код (он-то нам очень важен). А вот фото, которые позволили бы быстро проверить все товары, разработчики решили не добавлять.
При этом, как и в карточках товаров, по обоим бокам в корзине красуются большие отступы. А вот в карточках для фото места не хватает – и взять неоткуда.
При этом, как и в карточках товаров, по обоим бокам в корзине красуются большие отступы. А вот в карточках для фото места не хватает – и взять неоткуда.
Названия товаров в карточках
Верстка карточек вызывает восхищение. Комментарии тут излишни, просто скажу, что давно не встречал названия товаров в 4 и даже в 5 строк.
Изменение числа единиц
Если я хочу изменить число единиц с помощью клавиатуры, сервис дает мне это сделать. Но почему он не ограничивает ввод лишь числовыми значениями?
Покупаешь 0 – плати!
Любопытно, что при изменении количества товаров можно выбрать 0. Но при этом сумма заказа не изменится. Хитро придумали!
Скидка в подытоге
Хотя по товарам в корзине есть скидки, в подытоге общая скидка по заказу не рассчитывается. Действительно, зачем нам знакомиться с тем, сколько мы всего сэкономим?
Товары-призраки
Добавив товар в корзину из листинга и решив проверить информацию по нему, перейдя оттуда в карточку, можно обнаружить, что ... такого товара не существует.
Примечательно, что купить-то его можно: к оформлению и оплате из такой корзины переходишь без проблем. А вот что к тебе в итоге приедет – и приедет ли – тайна.
Примечательно, что купить-то его можно: к оформлению и оплате из такой корзины переходишь без проблем. А вот что к тебе в итоге приедет – и приедет ли – тайна.
Кнопки оформления заказа
Кнопка оформления заказа дублируется в начале и конце списка товаров вместо того, чтобы зафиксировать ее при скролле.
Эх, как сейчас допродадим!
Заметили интересный товар в блоке допродажи в корзине и хотите его добавить? Ничего у вас не получится. Почему? Да потому что кнопка добавления просто не работает.
Оформление заказа
Визуализация полей ввода
По какой-то причине поля ввода различаются по цвету обводки и радиусу скругления углов. Смысл такого разделения покрыт завесой тайны.
Заголовки vs. placeholder'ы
Заголовки полей ввода при оформлении заказа дублируются в placeholder'ах. Видимо лишь из заголовка трудно понять, что улица – это улица, а дом – это дом.
Выделение текущего поля ввода
Часть полей ввода при активации не выделяются и не фокусируют на себе внимание, хотя появление контрастной обводки было бы нелишним.
Корректировка ошибок
При вводе полей с адресом, если вы ошибились хотя бы на символ, сервис не распознаёт текст и не предлагает его скорректировать – извольте найти опечатку и переписать.
Размер вводимого текста vs. подсказки
При вводе данных размер шрифта подсказки гораздо больше размера шрифта введенных данных. Почему бы не сделать их одинаковыми по размеру?
Дублирование подсказок
Знаю, что в Уфе есть лишь одна улица Ленина. Но сервис утверждает, что их целых три, и отображает идентичные значения в подсказке. Хм...Какую же из них выбрать?
Информация об отправителе
При оформлении заказа указать информацию о получателе логично. Но что здесь делает информация об отправителе? Я заказ хочу оформить, а не письмо отправить.
Необходимость индекса
Интересный дискуссионный момент: а насколько вообще необходимо показывать поле с индексом клиенту и заставлять заполнять его?
Да, индекс можно рассчитывать автоматически по адресу и использовать для внутренней логистики. Но клиенту-то зачем с ним сталкиваться. Напишите в комментах.
Да, индекс можно рассчитывать автоматически по адресу и использовать для внутренней логистики. Но клиенту-то зачем с ним сталкиваться. Напишите в комментах.
Маркировка полей ввода
Во многих продвинутых приложениях, создатели специально маркируют поля под тип данных, после чего клиент может вставить их в одно касание.
Здесь же ни одно поле не промаркировано. Поэтому приходится и ФИО, и email, и телефон полностью вводить вручную. Большое спасибо!
Здесь же ни одно поле не промаркировано. Поэтому приходится и ФИО, и email, и телефон полностью вводить вручную. Большое спасибо!
Адаптация клавиатуры
При вводе телефона и email вместо специализированных клавиатур отображается стандартная символьная. Каков итог? Её каждый раз приходится переключать.
Форматирование номера телефона
Хорошая практика – это форматировать при вводе номер телефона, чтобы его легче было перепроверить. Слышали о такой практике разработчики? Не знаю. Реализовали? Нет.
Валидация ввода
Если я ошибся при вводе данных, это сугубо моя проблема: при неправильно заполненных номере телефона и email ошибка выдается только про еще незаполненные поля.
Рамки переключения полей
Примечательно, что форма ввода данных при оформлении заказа не ограничена лишь собственно ее полями. Что это означает?
То, что при вводе данных в последнее поле и тапе по стрелке «вниз» тебя вместо перехода к оплате перекидывают к полю ввода email для подписки на рассылку.
То, что при вводе данных в последнее поле и тапе по стрелке «вниз» тебя вместо перехода к оплате перекидывают к полю ввода email для подписки на рассылку.
Return для переключения полей
Во время заполнения полей при нажатии на кнопку Return ничего не происходит. Хотя мог бы осуществляться переход к следующему полю.
Название кнопки Return
О названии самой кнопки Return не подумали, хотя его можно менять. Например, при заполнении промежуточных полей – «Далее». При заполнении последнего – «Готово».
Какое ближайшее отделение?
Если я уже ввел адрес и выбрал способ доставки «В отделение», куда именно доставят заказ? Сервис хранит это в секрете. Как минимум на этапе оформления.
Информация о плательщике
Когда я ввожу свои данные в поля, они автоматически дублируются в блоке «Информация о плательщике». Зачем этот блок вообще нужен и какую ценность он дает клиенту?
Дата и время получения заказа
В отличие от информации о плательщике, дату и время доставки при оформлении заказа не мешало бы показать. Но, увы, когда доставят заказ, клиенту знать не положено.
Ссылка на оферту
Ссылка на оферту под кнопкой оформления заказа не выполняет свою функцию: как ни старайся нажимать ее, документ не появится.
Оплата заказа
Выбор способа оплаты
Когда доступный способ оплаты лишь один, тебя все равно заставят его отдельно выбирать. А помимо этого еще и закрывать сообщение об ошибке.
Активация ввода номера карты
При переходе ко вводу данных карты активация поля ввода ее номера – основное целевое действие. Но сервис за меня это делать не хочет – приходится нажимать на поле самому.
Преждевременная валидация
Проверка данных карты начинается слишком рано: при начале ввода номера. Конечно же, когда я еще только ввел первую пару цифр, номер карты будет некорректным.
Автопереход к следующему полю
Насколько мне известно, сейчас в России практически у всех карт номер состоит из 16 цифр, и можно было бы переводить клиента к вводу даты при вводе 16-ой цифры.
Однако сервис поддерживает возможность ввода вплоть до 19 символов. А это означает, что автоматически тебя к вводу в следующее поле никто не переключит.
Однако сервис поддерживает возможность ввода вплоть до 19 символов. А это означает, что автоматически тебя к вводу в следующее поле никто не переключит.
Упрощение ввода срока действия
Если я ввожу месяц без нуля, его можно подставлять по умолчанию. Для всех месяцев, кроме января, это позволит экономить клиенту 1 тап. Сейчас это не реализовано.
Когда исчезнет сообщение с ошибкой?
Никогда, если ты сам его не закроешь. Примечательно то, что это сообщение продолжает отображаться даже тогда, когда ошибку ты починил.
Отмена оплаты
Если вы по какой-то причине решили отменить оплату, вас вместо возврата на предыдущий шаг переводят на вот такую любопытную страницу. Без комментариев.
Авторизация
Вход vs. регистрация
Клиенту предлагают выбрать: войти или зарегистрироваться. Это может вызвать проблемы, если не помнишь, есть у тебя аккаунт или нет.
При этом ряд топовых сервисов объединяют первый шаг (ввод номера телефона) и лишь на последующих шагах ведут клиента в разные flows в зависимости от его наличия в базе.
При этом ряд топовых сервисов объединяют первый шаг (ввод номера телефона) и лишь на последующих шагах ведут клиента в разные flows в зависимости от его наличия в базе.
Число действий для регистрации
Опции входа и регистрации реализованы в формате radio button'ов. Такой формат встречается крайне редко. А чтобы зарегистрируется, нужно два тапа вместо одного.
Код страны vs. номер телефона
В форме регистрации нужно отдельно выбрать код страны и ввести свой номер телефона. Смысл такого разделения не понятен. Более того, это усложнило бы автоподстановку.
Необходимость ввода кода страны
Более того, зачем клиенту в принципе предлагать выбрать код страны, если там всего лишь одно значение, также остается для меня загадкой.
Вход с паролем
Механика входа в сервисы с помощью пары логин/пароль устаревает, реже используется и уступает другим более безопасным способам авторизации.
Почта или телефон. Часть I
При входе в профиль клиента в одно и то же поле можно ввести и номер телефона, и email. Это хороший пример того, как можно усложнить клиенту жизнь.
Ведь поле нельзя промаркировать двумя типами данных. Поэтому чаще всего в таких случаях его не маркируют, и клиенту приходится вводить данные вручную.
Ведь поле нельзя промаркировать двумя типами данных. Поэтому чаще всего в таких случаях его не маркируют, и клиенту приходится вводить данные вручную.
Почта или телефон. Часть II
Более того, если не понятно, какой тип данных будет вводить клиент, системе также будет непонятно, какую клавиатуру открывать при её активации.
А это означает, что в таком случае клиенту придется самому ее переключать – да еще и по несколько раз, если он решил ввести email.
А это означает, что в таком случае клиенту придется самому ее переключать – да еще и по несколько раз, если он решил ввести email.
Тайминг валидации номера телефона
Сервис начинает проверять номер телефона и выдавать ошибку сразу же, когда я начинаю его вводить. Конечно же он будет неправильный, если я ввел лишь пару символов.
Забыл пароль – повтори номер
Если я ввел номер телефона, но понял, что забыл пароль, уже введенный номер в форму восстановления пароля не переносится – его приходится вводить заново. Спасибо!
Прочее
Меню много не бывает
Несмотря на то, что в приложении есть таббар, у Почта Маркета есть свое отдельное меню, расположенное в верхней части экрана.
Я конечно понимаю, что это webview, который открывается внутри приложения. Но на сколько из 5 я оценю такую реализацию, как клиент? Вопрос риторический.
Я конечно понимаю, что это webview, который открывается внутри приложения. Но на сколько из 5 я оценю такую реализацию, как клиент? Вопрос риторический.
Переключение между экранами
Если я хочу вернуться к листингу из карточки товара, интуитивно хочется смахнуть ее вниз, через боковой свайп или... нажав на крестик.
Да, при нажатии на крестик мы что-то закроем. Только это «что-то» будет не карточка товара, а весь Почта Маркет, в который нам придется заходить заново.
Да, при нажатии на крестик мы что-то закроем. Только это «что-то» будет не карточка товара, а весь Почта Маркет, в который нам придется заходить заново.
Найди меня, если сможешь
В футере сервиса автоматически определяется регион. Но никто не говорил, что он будет определяться корректно (я не в Новосибирске и без VPN). Извольте-с менять вручную.
А как большинство остальных топовых интернет-магазинов делают это преимущественно без ошибок? «Да наверное у них там магия какая-то».
А как большинство остальных топовых интернет-магазинов делают это преимущественно без ошибок? «Да наверное у них там магия какая-то».
Подпишитесь и получайте
Сервис предлагает клиентам ввести свой email и подписаться на рассылку, чтобы получать информацию о скидках и акциях. Отлично, давайте подпишемся...
Разработчик заботится о том, чтобы мы не забыли свой email, и тренирует нашу память: вместо автоподсказки и вставки в 1 тап нужно прописывать email вручную.
Разработчик заботится о том, чтобы мы не забыли свой email, и тренирует нашу память: вместо автоподсказки и вставки в 1 тап нужно прописывать email вручную.
Хочешь позвонить? Набирай
Всю дорогу клиента преследует номер телефона в шапке страницы. Хорошо? Не очень: у него нет активной ссылки, поэтому если хочешь позвонить, изволь набирать вручную.
To be continued...
Итак, это был Почта Маркет. Надеюсь, статья вас повеселила и позволила осознать, насколько хороши ваши приложения – даже если вы чем-то в них недовольны.
А если серьезно, то я почему-то верю, что всё в этом мире можно со временем поменять. И Почта Маркет когда-нибудь тоже станет лучше. Желаю тем, кто его развивает, больших успехов на пути.
Как всегда, не забудьте поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
А если серьезно, то я почему-то верю, что всё в этом мире можно со временем поменять. И Почта Маркет когда-нибудь тоже станет лучше. Желаю тем, кто его развивает, больших успехов на пути.
Как всегда, не забудьте поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Все статьи по e-commerce