Оффтоп Nick Melnikov
1 544

Как создавать интерфейсы для «непродвинутой» аудитории: приложения для курьеров и водителей

Главной составляющей успеха продукта является его соответствие возможностям своей аудитории. О том, как учитывать специфику «непродвинутых» пользователей при разработке интерфейсов приложений, VC рассказал гендиректор мобильного разработчика Sebbia Николай Мельников.

В закладки

Опытные дизайнеры знают, что в некоторых случаях плохой дизайн лучше хорошего. Мы в полной мере поняли это, разрабатывая приложения курьерской компании «Достависта» и онлайн-сервиса перевозок «Везёт всем». Фактически, нам приходилось создавать продукт для пользователей, которые не имеют большого опыта взаимодействия с гаджетами. А также зачастую не очень хорошо знают русский или английский язык.

Коротко о проектах

«Достависта» — курьерская служба срочной доставки, действующая во многих городах России. Курьерами сегодня часто работают приезжие из среднеазиатских республик, для которых русский язык не родной. УТП (уникальное торговое предложение) компании «Достависта» – сверхбыстрая доставка посылок: день в день. Такая скорость достигается с помощью мобильного приложения, которое предлагает заказ тем курьерам, которые находятся ближе всего к заказчику. При этом важно отметить, что курьеры не являются штатными сотрудниками компании «Достависта», хотя она и проводит для них обучение. Получить заказы на доставку может любой человек, который установит себе мобильное приложение и пройдет проверку. Мобильное приложение является ключевым звеном этого бизнеса.

В 2012 году бизнес компании только запускался. Фактически, это был стартап без выстроенного сервиса, поэтому работу с ним мы начали с быстрой разработки MVP, а в течение следующих пяти лет органически наращивали функционал в рамках agile.

Приложение для онлайн-сервиса перевозок «Везёт Всем», разработанное нами в 2016 году, строилось по схожему принципу: здесь речь шла о транспортировке грузов на большие расстояния, а система соединяла заказчиков с частными перевозчиками или транспортными компаниями.

6 правил разработки для специфической аудитории

  • Изучайте потребности своих пользователей и привлекайте их к сотрудничеству. В самом начале работы мы достаточно смутно представляли себе нашу аудиторию, поэтому взяли себе за правило постоянно проверять, как наши пользователи справляются с той или иной функцией. В итоге в процессе разработки приложения нам пришлось отказаться от очень многих вещей, которые были запланированы изначально, и добавить немало новых. Получив такой опыт при разработке «Достависты», работу над «Везёт Всем» мы сразу начали с тестирования сценариев с реальными водителями. Наблюдая за тем, как они выполняют прием заказа через приложение, мы сумели сократить время прохождения этого сценария в два раза.
  • Проверяйте, как работают привычные паттерны. Разрабатывая «Достависту», мы обнаружили, что многие функции, давно привычные для «продвинутой» аудитории, нашим курьерам совершенно не понятны. Например, функция pull to refresh, которую когда-то придумали разработчики iOs, чтобы избавиться от кнопки «Обновить» и сэкономить таким образом драгоценное пространство маленького экрана. Нашу аудиторию наличие этой функции практически поставило в тупик, поэтому пришлось добавить плашку с текстом «Потяни, чтобы обновить».
  • Отдавайте предпочтение более простым и наглядным решениям, например, цветовому кодированию. Значительная часть курьеров из Средней Азии плохо читает как по-русски, так и по-английски, поэтому для преодоления языкового барьера мы решили как можно чаще использовать цвет: зеленый означает «доступно»/«онлайн»/«можно», а красный, соответственно, «недоступно»/«не в сети»/«запрещено» и т.д.
  • Учитывайте условия, в которых будет использоваться приложение. Курьеры «Достависты» развозят посылки преимущественно в пределах одного города и на общественном транспорте, поэтому у них есть время и возможность рассматривать на экране мелкие детали. У водителей грузовых авто, исполняющих заказы «Везёт Всем», ситуация другая. Во-первых, чаще всего у них просто нет свободных рук, чтобы держать смартфон, кроме-того, водители должны заполнять много бумажных накладных. Учитывая это, мы специально сделали в приложении большие кнопки, чтобы водитель мог выполнить любую функцию, не отрываясь от руля своей «Газели».
Приложение "Достависта" для пеших курьеров (слева), приложение для перевозчиков.

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

Похожее решение используется и с GPS. Система «Достависты» оценивает данные о местоположении, пришедшие с устройства курьера, и принимает их только в том случае, если они правдоподобны. В обратном случае просто не показывает их, чтобы не путать диспетчера и заказчика.

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

Заключение

Работать со специфической аудиторией очень интересно, хотя и непросто. Главное правило: нужно уважать своих пользователей, вне зависимости от культурных и социальных различий.

Внимание к их нуждам не останется без вознаграждения. Нашей наградой стал значительный рост бизнеса «Достависты», для которой, напомним, мобильное приложение является системообразующим элементом. Сегодня «Достависта» работает более чем в 15 городах России, а с 2014 года и за ее пределами: в Индии, Китае и Южной Корее (к слову, локализацию и интернационализацию проекта также осуществляли мы).

Интерфейс – прямое отражение уровня и потребностей аудитории.

Предлагаем сравнить интерфейсы двух частей приложения «Достависты»: курьерской и той, которой пользуются заказчики услуг доставки (жители крупных городов, представители среднего класса).

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Nick Melnikov", "author_type": "self", "tags": [], "comments": 1, "likes": 25, "favorites": 10, "is_advertisement": false, "subsite_label": "flood", "id": 33457, "is_wide": false, "is_ugc": true, "date": "Mon, 05 Mar 2018 15:50:18 +0300" }
{ "id": 33457, "author_id": 140256, "diff_limit": 1000, "urls": {"diff":"\/comments\/33457\/get","add":"\/comments\/33457\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/33457"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

1 комментарий 1 комм.

Популярные

По порядку

0

а красный, соответственно, «недоступно»/«не в сети»/«запрещено» и т.д

На скриншоте при этом красным выделена иконка рубля (видимо, оплата налом) и розовым — то, что это доставка из ресторана.

Ну и кроме того, не надежнее ли было перевести приложение на языки, которые курьеры знают? )

Ответить

Комментарий удален

0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Приложение-плацебо скачали
больше миллиона раз
Подписаться на push-уведомления