1. У рубриці # експертиза ми аналізуємо дизайн-продукти і просимо експертів у своїй сфері дати їм оцінку....
2. Вирішувати / не дозволяти - ось в чому питання
3. Реєстрація з пекла
4. приємні бонуси
5. Навігація
6. функціонал
7. висновки
8. Кіра Лактіонов , Senior UX Designer в MacPaw
9. Ласкаво просимо
10. авторизація
11. повідомлення
12. Розрахувати доставку + виклик кур'єра
13. Пошук відділень

У рубриці # експертиза ми аналізуємо дизайн-продукти і просимо експертів у своїй сфері дати їм оцінку. Цього разу ми розглядали мобільний додаток для поштового сервісу «Нова Пошта».

Ксенія Бутиріна , Product Designer в Livingston Research, куратор в Projector

«Нова пошта», безсумнівно, один з найбільш зручних і корисних українських сервісів в контексті надання послуг. Вони вивели покупки через інтернет і приватні пересилання на новий рівень.

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

Вирішувати / не дозволяти - ось в чому питання

Перше, що мене «зустріло» додаток, - запит на повідомлення. Чи не найкраща практика, так як найчастіше користувачі відмовляються від нав'язливих інформаційних повідомлень. Те ж відбулося на екрані реєстрації, коли з'явився запит про «відстеження геопозіціі». Логічно, я розумію, що геопозіція потрібна, щоб визначити місто, в якому я перебуваю. Але ці дані можна підтягнути за допомогою визначення IP адреси.

Запит на відправку повідомлень

Чому я акцентую на цьому увагу? Якщо раптом користувач натисне «Не дозволяти», йому доведеться виконати великий шлях, щоб включити повідомлення вручну. І 90% з них цього робити не буде, що негативно вплине на їх досвід використання програми.

Шлях користувача до ручного включення повідомлень

В даному додатку обидва дозволу важливі, так як клієнтам потрібно отримувати повідомлення про стан посилки і легко знаходити найближчого відділення.

Запит про геопозіціі можна задати, наприклад, на екрані «Знайти відділення». Користувачеві це буде зрозуміліше, що зменшить ймовірність відмови.

А запит на повідомлення можна ввести на екрані «Мої відправлення». По контексту це логічно і зрозуміло.

Реєстрація з пекла

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

Можливість пропустити авторизацію Прихована кнопка

Щоб пройти реєстрацію, мені довелося проробити чимало маніпуляцій. Заповнити велику кількість полів і пройти 2 етапи підтвердження (sms і email). І після всіх пророблених кроків, я знову потрапляю на екран входу, де мене ще раз просять ввести мою електронну адресу і пароль. У мене одне питання - навіщо? Чому не можна зробити реєстрацію за номером телефону? Навіщо в кінці кидати користувача знову на форму входу з повідомленням «Пароль і логін невірний», коли насправді виявляється, що він просто не підтвердив реєстрацію через посилання в поштовому клієнті. Я вважаю, цей дуже складний і рутинний процес можна зробити більш простим і зрозумілим. Наприклад, зробити вхід додатки через смс. Адже в базі «Нової пошта» є клієнтські дані, які можуть підтягуватися автоматично. А якщо немає, їх можна запросити на наступному кроці.

приємні бонуси

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

Навігація

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

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

Підказки У головному вікні

функціонал

Всередині розділів виявила деякі недоліки, які можна поліпшити. Створення нового ЕН розташоване в незручному для натискання місці (фізично туди складно дотягнутися пальцем). Можна ці 3 функції розташувати внизу по центру.

Мої відправлення Екран додавання ЕН

У розділі «Розрахувати доставку» є слайдер - «Вага посилки». При спробі змістити його від краю спрацьовує повернення на попередній екран (системний жест). Доводиться призвичаїтися, щоб перемістити бігунок. Ще не зовсім зрозуміле поле «Кількість місць». Навіть інформаційний текст не прояснює нам його значення. Інтерфейс повинен говорити з користувачами на одній мові. Я так і не зрозуміла, як це поле працює.

Спроба керувати слайдером Після введення максимальних габаритів, кількість місць не змінилося

У розділі «Знайти відділення» є корисна функція прокласти маршрут. Лякає тільки візуальна подача картки з деталями відділення. Я нарахувала на ній 8 шрифтових стилів. Великий масив інформації робить її достатньою складною для зчитування.

висновки

В цілому, додаток виконує свої основні функції і це робить його корисним інструментом для допомоги і обслуговування клієнтів «Нової пошти". Найболючіше місце - це як і раніше реєстрація. В іншому - проблеми інтерфейсу, які потрібно відточувати і допрацьовувати. З приводу стилістичного оформлення і подачі інформації: червоним кольором потрібно працювати акуратно, виділяти тільки акцентні місця і проявляти більше любові до типографике. Але, як то кажуть: Design is never done! А значить завжди є до чого прагнути і що поліпшити.

Кіра Лактіонов , Senior UX Designer в MacPaw

Ніколи ще не писав огляди додатків, обмежуючись коментарями для студентів 🙂 Що ж, спробуємо. На деяких дрібницях вирішив не зупинятися, більше цікаві основні рішення. На що зробити акцент в цьому? На зручність, звичайно ж, швидкість розуміння і отримання інформації, консистентность. Але і естетику не забудемо, так.

Найперше, що впало в очі - це велика кількість, немає, є БАГАТО !!! червоного кольору. Яким би класним він не був, це один з найяскравіших кольорів, і очі втомлюються дуже швидко. Згодом складно розуміти, які дії на якому екрані основні, як їх відрізнити від можливих статусів або помилок. Тут було б добре підібрати другий колір, щоб зробити загальне сприйняття більш нейтральним.

Другий загальний момент - іконки. Частина їх була взята з стандартного набору iOS (наприклад, «Назад»). Інші намальовані для додатка. У частині іконок зустрічається різна товщина ліній, наприклад в скріншоті внизу. Добре б привести все до одного знаменника.

Ну і зовсім не обов'язково все іконки і ідентифікатори робити червоними. Особливо, в таких місцях може виникнути плутанина. Тут ясно, що активна іконка покаже вам додаткову інформацію. Але іконки зліва від заголовків, що не клікабельні, цілком можна зробити чорними або сірими. В результаті людина відразу зрозуміє, куди йому кликати.

Уперед до екранів!

Ласкаво просимо

Додаток зустрічає нас великою сіткою з основними розділами. Класно, що їх зробили більшими. Шукати їх, переміщаючись углиб додатки, не потрібно, все вже є.

Я думаю, було б так само круто перемістити в цю ж сітку розділ про компанію, який чомусь сховали під виїжджає меню, але який цілком може користуватися популярністю. Особливо, центр підтримки. Дуже погано, що це саме меню закриває два пункти головного меню.

Профіль користувача, який взагалі втік в саме недосяжне для пальця місце, теж може зайняти місце в основному меню.

авторизація

Я люблю прості способи реєстрації. Тут специфіка передбачає наявність трохи довшого процесу. Добре, що авторизацію або реєстрацію можна пропустити і управляти своїми доставками без неї.

На першому кроці погано те, що вже введення ПІБ перекидає мене на інший екран, хоча я міг би зробити все тут же, місце дозволяє.

На другому кроці потрібно ввести код, але після введення чергової цифри моя клавіатура перескакує назад на буквенную. Думаю, тут варто було підключити клавіатуру виключно для введення цифр.

Останній крок. Нееееет! Чому тепер я повинен йти з програми, йти до себе в пошту і чекати лист. Потім переходити по посиланню з пошти на сайт, і тільки там бачити статусне повідомлення, потім повертатися назад ... Купа зайвих дій. Можна надати людині можливість користуватися додатком вже зараз. І просто надіслати лист про підтвердження пошти, щоб він зробив це, коли у нього буде час. А якщо забуде, нагадати йому через кілька днів.

У кабінеті класно те, що додали можливість зберегти свої карти, і звичайно ж, додали карту клієнта. Її я ніколи не беру з собою, навіть якщо знаю, що мені потрібно в відділення НП. Але телефон-то я не забуду.

повідомлення

Мені дуже вчасно прийшли дві посилки. Тому я зміг подивитися, як же це виглядає в додатку.

У списку в цілому добре розділені обидві з них, я можу відстежити їх за номером. Але мені не ясна дата. На момент скриншота це була поточна дата, тоді в чому її суть? Було б ясніше поставити дату навпаки статусу. Тоді вона б говорила про те, що відбувається з посилкою.

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

Ну і пікселі полізли по всіх осях, це помітно.

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

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

Розрахувати доставку + виклик кур'єра

Повторюся, дуже багато корисного тут. Половину можна сміливо прибирати. Бентежить також, що заголовки цих екранів виглядають дуже по-різному, тут хочеться одноманітності. Якщо ставимо іконку зверху і описуємо функціонал, то в двох місцях.

Кльово, що вага можна вибрати слайдером, це зручно. Добре б додати можливість ввести точне значення.

Незрозуміла логіка вирівнювання заголовків: «Вид доставки» і «Вага» вирівняні по центру, а «Додаткові послуги» - зліва. З огляду на, що все інше теж збито вліво, заголовки я б теж туди перемістив.

Дуже бентежить різниця в патернах вибору напрямку і вибору послуг. «Звідки» і «Куди» ведуть до списків з вибором міст. Вибір послуг відзначений світчер, причому, коли я намагаюся його включити, то мене перекидає на такий же вибір послуги у вигляді списку. Думаю, варто показувати ці пункти однаково, щоб обраний вид послуги був показаний, як і обраний пункт призначення.

Ось при виборі кур'єра пункт «Не дзвонити» працює як треба: ти просто включаєш цю опцію. Вид доставки я б зробив в тому ж вигляді, що і на попередньому екрані.

Пошук відділень

Актуальний особисто для мене розділ. Я постійно при потребі шукаю відділення на сайті.

У пошуку я натикаюся на довгий список, де немає ніяких акцентів. Складно відокремити номер відділення від його адреси і умов доставки. До того ж, вони десь є, а десь ні).

Коли я заходжу на карту, то тут інша картина, схожа зі списком доставок. Надлишок інформації, багато дрібних деталей, які варто було б розкрити на екрані конкретного відділення. Добре, що можна фільтрувати за типом відділення, що відсутня в звичайному пошуку списком. Класно, що можна прокласти маршрут до відокремлення.

Текст «Відділення відкриється згідно з графіком» сприймається як помилка. Або, скоріше, як сигнал, що відділення навпаки скоро закриється (привіт, червоний!). До того ж незрозуміло, чому цей статус знаходиться у назви, а не у годин роботи, адже по суті він відображає саме це.

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

Те саме можна сказати і до картки відділення на карті. І хоча тут є сенс показувати більше інформації, ніж в списку, хочеться зробити більш чіткий поділ інформації. Дві колонки - це не зовсім гарне рішення для мобільних екранів.

Начебто все, можна видихнути 🙂 Дякую!

Додаток «Нова пошта» є для Android і IPhone .