// //
экспертиза

#экспертиза
Мобильное приложение «Нова Пошта»

23 ноября, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

В рубрике #экспертиза мы анализируем дизайн-продукты и просим экспертов в своей сфере дать им оценку. В этот раз мы рассматривали мобильное приложение для почтового сервиса «Нова Пошта».

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

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

Когда пару лет назад я узнала о выходе мобильного приложения, была приятно удивлена. Сразу же с любопытством скачала его. В итоге, весь мой опыт закончился на попытке зарегистрироваться. Оказалась, это просто невозможно. Я закрыла его и забыла. Когда меня попросили написать отзыв о текущем мобильном приложении, я приняла этот вызов в надежде, что многое изменилось.

Разрешать/не разрешать – вот в чем вопрос

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

Запрос на отправку уведомлений

Почему я акцентирую на этом внимание? Если вдруг пользователь нажмет «Не разрешать», ему придется проделать большой путь, чтобы включить уведомления вручную. И 90% из них этого делать не будет, что негативно повлияет на их опыт использования приложения.

Путь пользователя к ручному включению уведомлений

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

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

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

Регистрация из ада

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

Возможность пропустить авторизацию                   Спрятанная кнопка

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

Приятные бонусы

И наконец успех, я попадаю в кабинет. Понравилось то, что сразу генерируется карта клиента – бонус за все страдания во время регистрации. Причем, все достаточно продумано: включается автоматическое увеличение яркости для удобства сканирования карты с телефона.

Навигация

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

Подсказки для новых пользователей – это хорошая практика. Они помогают быстро разобраться в интерфейсе.

Подсказки                                                                                  Главный экран приложения

Функционал

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

Мои отправления                                                              Экран добавления ЭН

В разделе «Рассчитать доставку» есть слайдер – «Вес посылки». При попытке передвинуть его от края срабатывает возврат на предыдущий экран (системный жест). Приходится наловчиться, чтобы переместить бегунок. Еще не совсем понятное поле «Количество мест». Даже информационный текст не проясняет нам его значения. Интерфейс должен говорить с пользователями на одном языке. Я так и не поняла, как это поле работает.

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

В разделе «Найти отделение» есть полезная функция проложить маршрут. Пугает только визуальная подача карточки с деталями отделения. Я насчитала на ней 8 шрифтовых стилей. Большой массив информации делает ее достаточной сложной для считывания.

Выводы

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

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

Никогда еще не писал обзоры приложений, ограничиваясь комментариями для студентов 🙂 Что ж, попробуем. На некоторых мелочах решил не останавливаться, больше интересны основные решения. На что сделать акцент в этом? На удобство, конечно же, скорость понимания и получения информации, консистентность. Но и эстетику не забудем, да.

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

Второй общий момент — иконки. Часть их взята из стандартного набора iOS (например, «Назад»). Другие нарисованы для приложения. В части иконок встречается разная толщина линий, например в скриншоте внизу. Хорошо бы привести все к одному знаменателю.

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

Вперед к экранам!

Добро пожаловать

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

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

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

Авторизация

Я люблю простые способы регистрации. Здесь специфика подразумевает наличие чуть более длинного процесса. Хорошо, что авторизацию или регистрацию можно пропустить и управлять своими доставками без нее.

На первом шаге плохо то, что уже ввод ФИО перекидывает меня на другой экран, хотя я мог бы сделать все здесь же, место позволяет.

На втором шаге нужно ввести код, но после ввода очередной цифры моя клавиатура перескакивает обратно на буквенную. Думаю, тут стоило подключить клавиатуру исключительно для ввода цифр.

Последний шаг. Нееееет! Почему теперь я должен уходить из приложения, идти к себе в почту и ждать письмо. Затем переходить по ссылке из почты на сайт, и только там видеть статусное сообщение, затем возвращаться обратно… Куча лишних действий. Можно предоставить человеку возможность пользоваться приложением уже сейчас. И просто прислать письмо о подтверждении почты, чтобы он сделал это, когда у него будет время. А если забудет, напомнить ему через несколько дней.

В кабинете классно то, что добавили возможность сохранить свои карты, и конечно же, добавили карту клиента. Ее я никогда не беру с собой, даже если знаю, что мне нужно в отделение НП. Но телефон-то я не забуду.

Уведомления

Мне очень вовремя пришли две посылки. Поэтому я смог посмотреть, как же это выглядит в приложении.

В списке в целом хорошо разделены обе из них, я могу отследить их по номеру. Но мне не ясна дата. На момент скриншота это была текущая дата, тогда в чем ее суть? Было бы яснее поставить дату напротив статуса. Тогда она бы говорила о том, что происходит с посылкой.

Статус было бы круто показать тем цветом, которым он и показан в развернутом виде, чтобы человек уже в списке мог быстрее по цвету определить.

Ну и пиксели полезли по всем осям, это заметно.

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

Очень хочется сделать этот раздел намного чище, часть информации убрать внутрь экрана самой доставки. Нужно, чтобы человек мог отделять в этом списке одну доставку от другой. Сейчас же не совсем ясно, где одна карточка заканчивается, а другая начинается (особенно, на втором экране). Номера доставок и статусы хочется сделать самыми заметными элементами в карточке.

Рассчитать доставку + вызов курьера

Повторюсь, очень много красного здесь. Половину можно смело убирать. Смущает также, что заголовки этих экранов выглядят очень по-разному, тут хочется однообразия. Если ставим иконку сверху и описываем функционал, то в двух местах.

Клево, что вес можно выбрать слайдером, это удобно. Хорошо бы добавить возможность ввести точное значение.

Непонятна логика выравнивания заголовков: «Вид доставки» и «Вес» выровнены по центру, а «Дополнительные услуги» — слева. Учитывая, что все остальное тоже сбито влево, заголовки я бы тоже туда переместил.

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

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

Поиск отделений

Актуальный лично для меня раздел. Я постоянно при надобности ищу отделения на сайте.

В поиске я натыкаюсь на длинный список, где нет никаких акцентов. Сложно отделить номер отделения от его адреса и условий доставки. К тому же, они где-то есть, а где-то нет).

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

Текст «Отделение откроется согласно с графиком» воспринимается как ошибка. Или, скорее, как сигнал, что отделение наоборот скоро закроется (привет, красный!). К тому же непонятно, почему этот статус находится у названия, а не у часов работы, ведь по сути он отображает именно это.

В целом, я бы убрал из этого списка часы работы и время приема и прибытия доставок. И хочется почистить типографику.

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

Вроде все, можно выдохнуть 🙂 Спасибо!

Приложение «Нова пошта» доступно для Android и IPhone.

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: