Статті
#експертиза Raketa
Огляд додатку для доставки їжі
6 листопада, 2020
Олексій Лорф
UI/UX дизайнер

У рубриці #експертиза Telegraf.Design запрошує дизайнерів для аналізу додатків. Цього разу ми розглядаємо сервіс доставки їжі Raketa. Розбирамося, як почуватиметься голодний користувач, формуючи замовлення.

1.Відкриваємо додаток

Перший екран – мапа для вибору адреси доставки.

  • Я неодноразово замовляв Ракету на різні адреси, тож, технічно, в додатку вони є. Було би круто пропонувати вибір із останніх доданих адрес на цьому екранi.
  • Зверху екрана є заголовок та іконка пошуку. Але сам пошук – на окремій сторінці. Це додатковий рух для користувача. Логічніше зробити заголовок водночас пошуковим полем.

1.1. Пошук адреси

Тут усе просто – навіть на екрані пошуку адреси немає історії пошуків чи замовлень.

2.А що з UI?

На цьому екрані користувач просто підтверджує або редагує адресу. З UX усе добре, а от UI міг бути кращим.

Ракета, ви ж можете! От подивіться, як можна обіграти такі «однокнопкові» екрани.

Гарно ж. Навіть хочеться спробувати ще.

3.Головний екран

Загалом, до цього екрану лише один коментар – потрібно збільшити й відокремити пошук. Місця вдосталь, тож можна перекомпонувати елементи та додати секцію «улюблені», «популярні» або «останні». Але це вже нехай А/В тести вирішують.

P.S. Космонавт на кнопці профілю милий, але трохи збиває з пантелику.

4.Знову UI

В інтернеті можна знайти сотню прикладів, як реалізувати вибір дати й часу на одному екрані. Тож – хтось просто лінувався. Йой, най буде й так,  навряд їжу часто замовляють на завтра.

Slider image
Slider image

 

5.Вибір закладу

Насамперед, угорі немає пошуку. Він був на одному з екранів вище, але там можна обрати загальну категорію. Якщо я вже обрав категорію, буде зручно шукати в ній конкретні заклади.

По-друге, немає фільтрації або принаймні сортування. Заклади розміщені в незрозумілій (мені) послідовності. Хоча є декілька варіантів, як можна було би зібрати заклади: за назвою, швидкістю доставки, вартістю, рейтингом або відстанню. Потрібно просто безкінечно гортати стрічку.

До речі, щодо розміру карток також є запитання. Чи потрібні такі великі фото? Можливо, можна зменшити відступи внизу картки.

5.1. Картка закладу

Роздивимося картку закладу докладніше.

  • Круто, що кожна назва супроводжується локацією. Крутіше було би вказати відстань між двома адресами: між замовником і закладом.
  • Теги на кшталт «Бургери» або «Акція» неклікабельні. Теги залучені тільки в пошуку в категоріях.
  • Є рейтинг, але незрозуміло, скільки респондентів його сформували. Також його би підсилило формо-кольорове кодування (наприклад, дві червоні зірки на два бали та п’ять зелених зірок на п’ять балів).

6.Ми в закладі

  • От і знайшлася кількість респондентів, які сформували рейтинг закладу. Навіщо мені ця інформація, коли я вже обрав заклад, – незрозуміло.
  • І знову немає пошуку. А можна мені відразу до хачапурі, будь ласка? 😢
  • Страву, якої немає, можна ховати. Або принаймні НЕ КРИЧАТИ, ЩО ЇЇ НЕМАЄ.
  • Тег акції на фотографіях страв обрізається.

7.Додати до кошика

  • А ви помітили кнопку «Повернутися назад», що зроблена стрілкою у верхньому куті? Вона там є. Просто в неї немає тіні, а біле на білому не видно.
  • Якщо до страви є опції або додатки, вони будуть показані на цьому екрані. Проте, коли їх немає, як тут, багато місця на екрані не використовується. В такому випадку можна відцентрувати фото або збільшити кегль шрифта.
  • До речі, до кошика я додаю не «Рол Каліфорнія краб», а 134 гривні, судячи з напису.

7.1. Додати до кошика

А от щоби додати соус, потрібно натиснути точно на радіобатон, а не на його назву. І це не радіобатони (ті, що дозволяюьб обирати один варіант), а чекбокси (вони зазвичай квадратні та дозволяють обрати один або декілька варіантів).

Коротше, виглядає, ніби я можу обрати один соус, а насправді – декілька. Але тільки якщо потраплю пальцем точно в коло, стоячи у вагоні метро в годину пік із бабусею на плечі та драм-енд-бейсом у навушниках.

8.Кошик

  • Іконка згори непотрібна.
  • Запитання «Коли доставити?» недоречне, адже на цьому екрані я не можу змінити годину. Це потрібно зробити – так – аж на головному екрані, ще перед вибором закладу.
  • UI складу замовлення займає забагато вертикального місця.
  • Кнопку «Додати щось ще» потрібно перенести вниз до кнопки оплати. Тоді першочергова та другочергова (альтернативна) дії будуть поряд у логічному порядку.
  • Оплату замовлення можна зробити дропдауном (випаданням) і перенести на цей екран. Це скоротить користувацьких шлях та, ймовірно, збільшить кількість вдало завершених замовлень.

9.Трохи розваг

Якщо після обрання закладу, ви все ж вирішите перевірити, хто саме вплинув на його рейтинг, – ви не перевірите.

Вісім без приборів до мого одного хачапурі, будь ласка.


Telegraf.Design працює за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.

avatar
Олексій Лорф
UI/UX дизайнер
Колонка

У нас є ще дещо для вас