5 заметок с тегом

UX

Место встречи пешехода и велосипедиста

В Перми на улице Ленина шикарный широкий тротуар. Настолько широкий, что часть из него выделена под велодорожку. И всё бы ничего, но урны, по какой-то причине, находятся именно со стороны этой самой велодорожки. Понятное дело, что такое расположение подразумевает под собой создание опасных ситуаций (ДТП).

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

Так, например, мой товарищ, разговаривая по мобильному телефону, имел неосторожность пойти в сторону урны для утилизации сигареты. Время тёмное, поздний вечер. Да и диалог с прекрасной дамой как-то отвлёк от мысли обернуться и посмотреть назад, где в это же самое время на высокой скорости двигался юный велосипедист. Встреча прошла успешно: мой товарищ отлетел в сторону той самой урны, велосипедист же пролетел немного дальше. Итог встречи: сломанный нос велосипедиста и рваная рана на ухе (красивый шов) товарища.

Плохо, когда даже такие простейшие решение не учитывают UX. Поэтому куда следует жалобу накатали. :-)

P.S. По пешеходной стороне урн действительно нет:

11 сентября   UX   город   жизнь   Пермь

UX: Цифровая клавиатура.

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

 

А ведь в HTML5 есть замечательная возможность задать полю type=«number», чтобы сразу появлялась цифровая клавиатура (или полная цифровая клавиатура). Например, вот так мы с ребятами сделали для одного из наших заказчиков:
 

 

Интересно, что в приложении «Сбербанк-ОнЛайн» всё спроектировано нормально. Почему тогда в мобильной версии странички не сделали по-человечески?..
 

UX: ввод данных

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

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

И если для поколения Z это обычная практика, автоматика, то для более взрослой части поколения Y (1981-1985 г.р.) такие манипуляции уже сложны, нужно вырабатывать совершенно ненужную привычку. Для поколения X (1961-1981 г.р.) ввод данных в режиме «бланк — контроллер (мышь/клавиатура) — монитор» вообще является адовой штукой, от которой они спешат отказаться.

В итоге различных тестов с поколениями X Y Z я выяснил, что удобным является появляющаяся цифровая клавиатура, которая помогает вводить цифры с бланка в нужное поле, не отвлекаясь на выбор контроллера.

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

P.S. вот думаю, что стоит отказаться от использования «00» в цифровой клавиатуре. Может быть заменить знаком ← (Backspace)? Надо понаблюдать.
 

Пользовательские сценарии

Есть такая замечательная штука, как пользовательские сценарии, которые имеют самое прямое отношение к UX. Но поскольку о UX у нас забывают, то и ни о каких сценариях речи быть не может.

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

Например, сайт пермского ресторана PizzaPasta (кстати, советую посетить! :)) оставляет желать лучше с точки зрения пользовательских сценариев:
 
1. в хедере нет контактов;
Я знаю место, мне нравится кухня и клиентский сервис. Так почему же, попадая на сайт со смартфона, я не могу сразу сделать заказ столика? Потому что в хедере (шапке сайта) нет ни одного контактного номера телефона.
 
2. сомнительное сообщение перед тем, как пользователь увидит меню:
 

Вообще P.S. это Post Scriptum, в переводе с латыни «после написанного». Так почему эта надпись сделана до написанного? С таким же успехом можно было бы написать «Пролог».
Ну и немного вёрстка поехала...

 
3. «Хм, интересное меню... так, надо заказать столик!»
Да, на сайте есть меню, но нет форм связи ни после обычного меню, ни после детского. Я пришёл к вам на сайте в первый раз, прочитал про какой-то там салат микс, да ещё и с лососем! И готов сделать заказ! Дайте мне возможность принести вам деньги!
 

 

4. У PizzaPasta можно сделать заказ на самовывоз. Например, их потрясающей пиццы. Но на сайте об этом ни слова.
 
Всё это, так или иначе, влияет как на удобство использование сайта пользователями, так и на количество полученных заявок с сайта.

2017   UX   дизайн

UX VW: попробуй поставить стаканчик с кофе.

В дизайне есть два таких очаровательных понятия как UX и UI.

UX (он же user experience) — пользовательский опыт, то есть то, что получает пользователь при взаимодействии с UI. То есть насколько легко/сложно достичь той или иной цели (например: совершить звонок с сайта нажатием пиктограммы телефонной трубки или оставить электронную почту для связи)

UI (он же user interface) — пользовательский интерфейс, то есть то, что видит пользователь перед собой, то, какие характеристики приобретает интерфейс (например: адаптивность сайта к различным разрешениям).

Так вот пример плохого UX — это расположение подстаканников в автомобиле Volkswagen Polo, которое до сих пор для меня остаётся загадкой.
Проблема заключается в том, что выбрав Полик с автоматической коробкой передач, вы получаете следующий опыт:
взяв кофе с собой в абсолютно любом стакане и сев в немецкий автомобиль российского производства, вы не можете просто так взять и поставить кофе в подстаканники — селектор коробки передач, находящийся в режиме P (parking), на даёт этого сделать. Надо либо отпивать из стакана, чтобы его можно было наклонить и просунуть в подстаканник, либо переключать селектор на положение N/D/S.

Как так могло получиться — одним немцам известно.

На механике, скорее всего, такой проблемы нет.

2017   UX   авто   дизайн