Расположение кнопок
Алексей МасютаВремя предновогоднее, пора открывать Ozon, Я.Маркет и искать подарки для родных и близких.
Вот и я открыл. Увидел, что мобильные приложения маркетплейсов на столько идентичны и похожи, что тебе не приходится искать расположение фильтров на товары, кнопок «Понравилось», «В корзину». Ты просто на автомате включаешь нужный фильтр и нажимаешь нужную кнопку. Ты не отвлекаешься от процесса поиска товара. Это не может не радовать меня, как пользователя. Это результат хорошего UX.
Но мне попалось на глаза одно различие у Ozon и Я.Маркет (не то, что бы одно единственное, но принципиальное). Это расположение в каталоге товаров кнопок «В Корзину» (и да, они имеют одно название😀).
И сначала я подумал, что расположение этой кнопки в Я.Маркете очевидно лучше, прямо под пальцем. Хотя визуально, мне больше нравится строгость расположения всех элементов у Ozon.
А потом я задумался: «я же вообще не ощущаю разницы, когда добавляю товары в корзину». Неужели красота UI на столько хорошо сыграла у Ozon, что с виду проигрышный вариант кажется мне, таким же удобным как и у Я.Маркет. Не может быть!
Я пошел смотреть исследования. Их много. Вот список некоторых из них:
• https://habr.com/en/company/ifree/blog/247871/?mobile=yes
• https://www.coredna.com/blogs/ecommerce-user-experience
• https://www.internet-technologies.ru/articles/kak-my-derzhim-nashi-gadzhety.html
• https://www.cossa.ru/trends/230720/
В одном из исследований написано:
«В своей книге Designing Mobile Interfaces (2011) дизайнер Стивен Хубер ввел понятие The Thumb Zone («зона большого пальца») — область экрана, наиболее удобная при использовании телефона одной рукой.»
Я решил взять Зону большого пальца критерием для сравнения.
Опираясь на исследования и сильно усреднив зоны использования экрана, я получил такой результат:
Зоны я назвал так, как мне было удобно. Описывать их нет смысла.
Видно, что расположение кнопок «В корзину» даже чуть более удачно у Ozon. Но в целом удобство плюс-минус одно, что и подтвердило мой опыт использования.
Вот так, за красивой картинкой стоит хорошо продуманный UX.