Usability *

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

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

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

В данном посте мы рассмотрим корзины наиболее популярных интернет-магазинов рунета, в сегменте электроники и техники. Ниже представлена таблица с экспертной оценкой удобства корзин некоторых интернет-магазинов:

Мы подготовили очередной обзор приложения для Android, содержащий практические рекомендации по улучшению дизайна, архитектуры и эргономичности интерфейса. Сегодня мы поговорим о приложении «Ostrovok». Ранее мы уже рассмотрели приложения «@to Music», «auto.ru», «Pronto» и «ЖД Билеты». Обзоры подготовлены совместно с компанией UsabilityLab.

О приложении

Ostrovok – приложение для поиска и бронирования отелей. С его помощью можно подобрать и забронировать подходящий отель, введя данные банковской карты. Отличительные функции приложения: поиск отелей, находящихся рядом с пользователем, и бронирование отеля на ближайшую ночь в Москве, Санкт-Петербурге и Киеве со скидкой 60%.

Общий рейтинг приложения в Google Play по оценкам 231 пользователя достаточно высокий — 4,3. Большее количество пользователей оценили его функциональность в 5 звездочек.

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

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

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

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

Стоит сейчас какому-нибудь «Энгри бёрдз» написать «2-е птицы», и все молодое поколение будет неправильно наращивать окончания у числительных (на самом деле, наращиваются только порядковые числительные: «2-й дом», «1-му победителю», но «2 птицы»).

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

Поговорим сегодня о внимании к деталям на одном практическом примере (будет много картинок).

Через неделю на всей территории России вступит в действие национальный стандарт по юзабитили ГОСТ Р ИСО 9241-210-2012 «Эргономика взаимодействия человек-система. Часть 210. Человеко-ориентированное проектирование интерактивных систем».

Хочу вкратце рассказать, почему этот документ — не пустой звук. Пойдём по порядку.

1. Задачи документа

Кому он нужен?

• Руководителям — показать место человеческого фактора и эргономики в процессе проектирования.
• UX-специалистам — рассказать, как происходит проектирование, и каково их участие в этом процессе.

Вы всё ещё думаете, что юзабилити — это какая-то секретная функция или скилл дизайнера, помноженная на адекватность руководства? Я был в этом уверен до посещения WUD в Москве.



Первый же выступающий dmitrysatin развеял этот миф. Оказывается, human-centred design — это процесс, который очень ясно и современно описан в ISO и (внезапно) в ГОСТ. Это значит: юзабилити — не фантом. Это то, о чём можно говорить, исследовать, улучшать.

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

Итак, произошла тут у меня на днях трагедия: windows 8 осыпался в синий экран и после перезагрузки не смог залогиниться в мой профиль. Поискав причину в гугле, я в конечном итоге нашел что виноват скорее всего chkdsk — при некоторых условиях повреждается файл $system и в результате после его исправления chkdsk слетают права на все файлы на поврежденном диске. В итоге винда при попытке логина не может прочитать файлы профиля, т.к. к ним нет доступа из-за некорректных прав и на этом виснет.

Несколько часов назад администрация объявила о возрождении ресурса «Тостер». Но не в том виде каким он был, а отделив раздел Q&A от хабра в отдельный сайт. Первое, что бросилось в глаза — это сайт уехавший влево. Может на ноутбуках будет смотреться хорошо, но на моем экране можно разместить 2 таких сайта.

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

• Фиксированное расположение шапки сайта
• Сайт выровнен по центру, левая панель осталась нетронутой
• Основная часть сайта стала шире
• Добавил прозрачности тегам, чтобы не бросались в глаза и изменил шрифт на Arial
• Изменен цвет текста во всплывающем окошке у тега, сделал более контрастным
• Еще пару незаметных мелочей

В эту субботу, 16 ноября в новом офисе Mail.Ru Group состоится Всемирный День Юзабилити 2013, одно из главных событий года для проектировщиков и дизайнеров интерфейсов. В рамках конференции будут обсуждаться актуальные темы создания цифровых продуктов – веб-приложений и сайтов, мобильных и планшетных сервисов, настольного ПО и игр.

Бесспорно (по крайней мере, для хабрачитателей), что в абсолютном большинстве случаев цифровые технологии гораздо удобнее аналоговых — они дают на порядок больше возможностей. Поэтому перевести любую технологию в электронный вид полезно и интересно априори. Но помимо этого, интересно попробовать сделать цифровые технологии еще более цифровыми.
В данном посте предлагается новая технология быстрого доступа к информации с мобильных устройств, развивающая идею всем известного QR-кода, с использованием столь же знакомой всем технологии — Wi-Fi.

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

Большинство интернет-магазинов, новостные порталы, да и многие информационные сайты содержат большой объем элементов контента в одной категории. Одним структурированием каталога здесь не обойтись. Придется либо строить иерархию меню уровней в 5-7 (хотя и это может не решить проблемы), либо вываливать на пользователя десятки страниц выдачи в надежде, что он сам разберется, что ему нужно.

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

Нет, это не очередной пост про то, как здорово всё стало в PayPal (разрешение вывода денежных средств для российских пользователей), а даже наоборот — освещение ряда негативных моментов, связанных с последними нововведениями платежной системы.

Итак, что же изменилось для обычного российского пользователя PayPal с тех пор, как они превратились из международной платежной системы в Limited Liability Company Non-Banking Credit Institution «PayPal RU».

У авиакомпаний было 90 лет, чтобы нарисовать посадочный талон, и они все равно облажались. Я предлагаю сделать так:

Доброго времени суток, хабравчане. Хочу поделиться с вами ответом Дэна Сэйфера c Quora на вопрос об основных принципах натурального пользовательского интерфейса и очень полезным сайтом Design Principles FTW.

Основные принципы NUI дизайна

1. Дизайн для пальцев, не для курсора
Сенсорные элементы должны быть больше десктопных: 10-14 мм для пальцев, 8-10 для курсора.

2. Помните о физиологии и кинезиологии
Не заставляйте пользователей масштабировать и совершать повторные действия.

3. Никаких рук гориллы
Люди не должны выполнять множество задач с вытянутыми руками в течении длительного времени (калибровка, QR ридеры, сканеры и др). Извиняюсь за столь узкий момент.

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

5. Знайте технологии
Понимание возможностей сенсора или камеры позволяет определить какие жесты вы можете спроектировать.

Когда мы создаем статические макеты интерфейсов (будь то сайтов или мобильных приложений) в Photoshop, мы не слишком сильно задумываемся над тем, как этот макет поведет себя в динамике. Стив Джобс как то сказал: «Дизайн это не то как продукт выглядит, это то как он работает». Наше впечатление от продукта формируется на основании многих факторов, но самым важным является комфортное взаимодействие с ним.

Анимация прокрутки

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

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

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

Гарри Бринул (Harry Brignull) — независимый дизайнер пользовательских интерфейсов из Лондона с кандидатской по когнитивной науке. Он также известен как создатель сайта Тёмных паттернов, предназначенного, по его словам, «перечислению и осмеянию веб-сайтов, использующих обманчивые интерфейсы пользователя». Данная статья основана на презентации, которую он показывал в Мюнхене в апреле на Search Marketing Expo.

Статья переведена и опубликована с согласия автора.

Когда Apple выпустила iOS 6, одной из новых фич была не слишком анонсируемая компанией система рекламного отслеживания Identifier for Advertisers (IDFA). Она присваивает каждому устройству уникальный идентификатор, использующийся для слежения за активностью браузера и создания таргетированной рекламы. IDFA анонимен, но неприемлем для людей, заботящихся о приватности.

К счастью, Apple реализовала возможность отключения фичи.