Презентация iPhone 6 состоится 9 сентября
Previous
выбрать за меня
Идеальная длина статьи — 7 минут
Next
юзабилити, обзор, ux, ui, интерфейс, тестирование
Юзабилити

В одном клике от Якутска. Юзабилити ревью.

Автор: Сергей Немеров26.08.2014

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

Итак, самый передовой опыт и самые эффективные приемы юзабилити мы сегодня будем изучать на примере сайта http://www.oneclickyakutsk.ru/. Этот сайт прекрасен всем, и я действительно каждый раз замираю в в полном восторге при взаимодействии с ним.

Но обо всем по порядку: сайт встречает нас потрясающей фавиконкой, сделанной нарочито в стиле минимализма:

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

Главная страница сайта выглядит довольно яркой и насыщенной разнообразными элементами. Проверим, заметна ли кнопка «Сообщить о проблеме» на общем фоне. Как всегда, обратимся за помощью к айтрекеру. К сожалению, данные неутешительны – в первые 3 секунды пользователь вообще не заметит кнопки:

юзабилити, обзор, ux, ui, интерфейс, тестирование

Да и в дальнейшие 20 секунд взгляд будут приковывать совсем другие графические элементы сайта, не имеющие никакого отношения к единственной полезной функции:

юзабилити, обзор, ux, ui, интерфейс, тестирование

Однако, не все так просто. Давайте еще раз обратим внимание – все визуальные центры внимания уводят пользователя от кнопки вовсе неспроста. Наивно предполагать, что специалисты высочайшего уровня, да что там греха таить – лучшие юзабилисты России, и вдруг не в состоянии правильно расставить визуальные акценты.

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

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

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

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

Причем на самом деле даже в описании кейса проскакивают намеки на то, для чего на самом деле создаются подобные сервисы в стране:

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

Я двумя руками «ЗА» подобные инновации. Действительно, чем ждать помощи от властей – лучше самим организовываться в команды и делать все то, что необходимо: охрана правопорядка – волонтеры, прокладка дорог – волонтеры, очистка крыш от сосулек – волонтеры, строительство бассейнов, школ и парков – волонтеры. Социально активные граждане после уплаты всех налогов не должны сидеть без дела у своих телевизоров – пусть идут и сами своими руками облагораживают город, ищут бюджеты, собирают людей и технику.

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

В подтверждение моих слов давайте рассмотрим сам сценарий взаимодействия пользователя, желающего сообщить о насущной проблеме. Как вы думаете, что происходит при клике на большую красную кнопку на главной странице сайта? Появляется окно, где можно в поле вписать проблему? Блок чек боксов для отметки степени важности, характеристик ситуации и необходимой службы? Интерактивная карта, одним кликом на которую можно мгновенно вызвать ремонтников на нужный объект ЖКХ? Нет конечно, сайт ведь вовсе не для этого. Пользователю предложат сначала авторизоваться, ведь без этого починить сломанный фонарь на дороге никак невозможно:

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

Затем на электронную почту отправляется код активации. Представим себе диалог заказчика при проектировании данного шага сценария со специалистом по юзабилити:

  • А если у пользователя нет электронной почты?
  • Что же, придется пойти и создать ее.
  • А как же оторванная ветром крыша автобусной остановки?
  • Потерпите, не такое пережили, и тут уж как-нибудь.

Да, весь сайт спроектирован таким образом, чтобы до конца сценария доходили только самые упрямые пользователи. Остальные по задумке разработчиков должны плеваться и засучив рукава идти и исправлять проблему самостоятельно. Это действительно высочайший класс юзабилити!

юзабилити, обзор, ux, ui, интерфейс, тестирование

Даже после активации учетной записи проблемы пользователя не заканчиваются:

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

юзабилити, обзор, ux, ui, интерфейс, тестирование

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

В конце своего обзора хочется показать несколько примеров действительно с низким порогом входа в систему, когда у ветерана войны не просят номер его смартфона, запись видео в HD качестве и профиля в Facebook только ради того, чтобы принять от человека просьбу и оказать посильную государственную помощь, не заморачивая пользователю голову правильным вводом номера телефона. Пока что нехитрые и даже «олдскульные» интерфейсы в виде анкеты для этого – идеальный вариант для самого массового пользователя:

юзабилити, обзор, ux, ui, интерфейс, тестирование

А вот посмотрите пример зарубежных коллег, пример типичного «дизайна из 90-х» по мнению многих снобов, однако идеально выполняющий свои основные функции:

юзабилити, обзор, ux, ui, интерфейс, тестирование

Что же касается разбираемого сайта, то на мой субъективный вкус студия AIC в очередной раз немного заигралась в «крутых дизайнеров», сделав скорее модное мобильное приложение для хипстеров, нежели актуальный веб-сервис для людских проблем и забот.

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
2Комментарии
Оставить отзыв

You must log in to post a comment