Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Это мой личный пользовательский и профессиональный взгляд на интерфейс приложения Самокат. Я не связан с компанией, не знаю ее внутренних ограничений, метрик и процессов и не хочу причинить вред бренду. Моя цель — не атаковать компанию, а разобрать пользовательский опыт на основе публичного интерфейса и показать, какие решения, на мой взгляд, мешают базовому сценарию, а какие могли бы его улучшить.

Дисклеймер

Вступление

Я редко испытываю настолько сильное раздражение от продукта, которым раньше пользовался почти каждый день. Но с приложением Самоката у меня именно такая реакция. И дело даже не в том, что мне «просто не нравится дизайн». Проблема в том, что интерфейс все чаще создает ощущение, будто он мешает сделать главное: быстро зайти, найти нужное и оформить заказ.

Раньше я пользовался Самокатом с удовольствием. И, наверное, поэтому меня это так бесит сейчас. Когда сервисом пользуешься постоянно, ты очень быстро начинаешь чувствовать, где продукт помогает, а где начинает вставлять палки в колеса. С Самокатом у меня в какой-то момент появилось именно это ощущение: приложение не ведет меня к заказу, а постоянно отвлекает, тормозит и уводит в сторону.

С самого входа — уже трение

Первая проблема встречает пользователя сразу. Открываешь приложение — и первым делом видишь рекламный экран. Я понимаю, что у сервиса могут быть коллаборации, промо, спецпроекты. Но я открыл приложение не ради этого. Я открыл его, чтобы быстро попасть в каталог и заказать продукты. И уже на первом экране меня тормозят. Мне нужно сначала пройти через маркетинговый слой, а уже потом добираться до базового сценария. То есть с самого входа интерфейс как будто говорит: сначала наши задачи, потом твои.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Главный экран не помогает, а шумит

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

Главное действие здесь почти не ощущается главным. Каталог, ради которого пользователь вообще открыл приложение, теряется среди «Заказов», «Скидок», «Техники», «Выгодной полки» и всего остального. И каждый раз приходится заново искать, куда вообще нажать. Для everyday-commerce продукта это уже тревожный сигнал. Если пользователь тратит усилие даже не на выбор товара, а на поиск входа в сценарий, интерфейс уже работает хуже, чем должен.

Каталог, который не помогает искать

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

То есть каталог снова пытается не помочь найти, а что-то продать. Это особенно чувствуется в формулировках вроде «Для ценителей вкуса». Они звучат как рекламный текст, но не работают как навигация. Категория должна быстро объяснять, что внутри. Здесь она этого не делает.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

А потом начинается совсем странное. Сначала одна подборка, потом другая, потом что-то «из других стран», потом еще блок, который визуально живет по отдельным правилам. Интерфейс буквально распадается на куски. После этого идет готовая еда. И только потом — обычные продукты, за которыми пользователь вообще, скорее всего, и пришел. То есть базовый сценарий снова уехал вниз.

Плитки каталога почти не считываются

Теперь — про сами плитки. Они слишком похожи друг на друга: серые, блеклые, слабо различимые. Если не читать каждую подпись отдельно, быстро понять, где хлеб, где выпечка, где мясо, а где рыба, почти невозможно. Глаз не получает нормальных визуальных подсказок. А значит, навигация не ускоряет выбор, а замедляет его.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

В морозилке история повторяется. Сверху еще добавлены вставки и подборки, которые только усиливают шум. В итоге каталог приходится буквально расшифровывать. А это уже базовый UX-провал. Каталог в таких сервисах должен снимать нагрузку с пользователя. Здесь он, наоборот, добавляет ее.

Три товара на экран — это слишком мало!

Следующий слой проблемы — плотность контента. Внутри каталога на экране помещается всего три релевантные карточки товара и одна рекламная вставка. Если честно, когда я это увидел, у меня был один вопрос: серьезно? Три товарные карточки на весь экран для продуктового сервиса?

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

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

Чтобы не быть голословным, я сравнил с конкурентами

В какой-то момент я понял, что одной критики мало. Окей, мне неудобно — но тогда надо посмотреть, как эти же задачи решают другие. Поэтому я просто сравнил Самокат с Яндекс Лавкой и Ozon Fresh. Не потому, что они идеальны. А потому, что рядом особенно хорошо видно, где интерфейс помогает, а где мешает.

Что лучше у Лавки

У Яндекс Лавки каталог тоже не безупречен. Но у него есть важное качество — предсказуемость. Он находится в ожидаемом месте. После первого использования тебе не нужно снова тратить силы на его поиски. Даже если сверху есть промо-блоки, они не задвигают основное действие слишком далеко.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

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

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Что лучше у Ozon Fresh

С Ozon Fresh похожая история. Там тоже не идеальный интерфейс, но базовый сценарий собран понятнее. Каталог видно сразу — и снизу, и сверху крупным блоком. То есть пользователю буквально дважды подсказывают, куда идти. И это хорошая навигация: не путать, а направлять.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

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

1.Самокат;  2.Яндекс Лавка;  3.Озон Фреш
1.Самокат;  2.Яндекс Лавка;  3.Озон Фреш

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

Что можно исправить без полной перестройки

Самое интересное, что здесь, на мой взгляд, не нужен тотальный редизайн. Большую часть проблем можно улучшить довольно точечно. Не магией. Не «с нуля все переделать». А несколькими нормальными UX-решениями.

Что бы я поменял на первом экране

Во вкладке «Уже готово» пользователя встречает сосиска с гречкой. И это, честно говоря, очень странный способ продавать готовую еду. Такая картинка не вызывает аппетит и не мотивирует зайти внутрь. Поэтому первое, что я бы поменял, — поставил бы туда более привлекательный food-visual, который действительно продает категорию.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

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

Что бы я поменял в самом каталоге

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

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Вместо этого я бы сделал простую, читаемую структуру и добавил цветовые акценты: овощи и фрукты — в зеленых оттенках; хлеб и выпечка — в теплых; мясо и рыба — в более красных. За счет этого глаз начинает быстрее понимать, где какой раздел, даже без постоянного чтения текста. Так интерфейс начинает работать вместе с пользователем, а не против него. Крупные плитки я бы сделал более уверенными по размеру, чтобы убрать ощущение «подвешенного» меню и пустых провалов. Экран сразу выглядел бы собраннее и логичнее.

Что бы я поменял в карточках товаров

Следующий слой — карточки товаров внутри разделов. Я бы уменьшил их примерно на 20% и убрал лишние рекламные врезки «вдобавок к заказу», которые не помогают выбирать продукты. Результат очень простой: вместо трех карточек товара на экране может помещаться шесть.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

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

Почему мне кажется, что это важно

Этот разбор для меня не про «нравится / не нравится». И даже не про то, чтобы просто покритиковать чужой интерфейс. Он про более простую вещь: в everyday-commerce продукте интерфейс либо ускоряет путь к заказу, либо начинает незаметно мешать ему. И в Самокате у меня сейчас слишком часто возникает именно второе ощущение.

Как Самокат мешает сделать заказ: разбор интерфейса глазами дизайнера

Мой быстрый концептуальный фикс, конечно, не претендует на финальный production-ready редизайн. Но он показывает главное: даже несколько точечных изменений уже делают сценарий заметно чище и понятнее. А значит, проблема здесь не в том, что продукт “невозможно улучшить”, а в том, что приоритеты сейчас расставлены не в пользу пользователя.

Вывод

На мой взгляд, главная проблема Самоката не в одной кнопке и не в одной неудачной карточке. Проблема в том, что интерфейс слишком часто ставит промо, маркетинговые задачи и визуальный шум выше базового пользовательского пути. А пользователь приходит сюда за очень простой вещью: быстро открыть приложение, сориентироваться, найти товары и оформить заказ без лишнего раздражения.

Когда интерфейс начинает мешать этому сценарию, даже сильный бренд уже не компенсирует накопившееся трение. Мне не кажется, что Самокату нужен «магический редизайн». Ему, как мне кажется, нужнее уважение к навигации, визуальной иерархии и базовой логике everyday-commerce продукта. То есть не больше эффектов, а больше ясности.

Вопрос к читателям

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

3
3 комментария