Юзабилити - интерфейс, ориентированный на пользователя

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

«Дизайн это не внешний вид или ощущения от предмета. Это то, как предмет работает», — Стив Джобс (Steve Jobs)

«Дизайн это план по упорядочиванию элементов таким образом, чтобы максимально эффективно достичь цели», — Чарльз Имз (Charles Eames)

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

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

В веб-дизайне и софт-разработке интеллектуальные карты применяются для наглядного описания идеи приложения, его прототипирования. Различные онлайн-сервисы создания таких "карт мышления" позволяют сохранять их не только как картинку или PDF, но и в структурированных форматах, например, в JSON. Даже Гуглом можно делать эти "дорожные карты", как любят говорить политики. Ну и - множество других веб-сервисов для этого графического "брейн-штурма". Конечно, эти сервисы сэкономят вам много времени, если вы просто составите список дел либо опций, а приложение по кнопке нарисует вам разноцветную мультяшку для показа руководству под впечатляющим трендовым названием (синонимы внизу).

Статей по "умнокартам" тоже много - умных, хороших. Но вы и так уже все поняли. Чтение "инструкций" по их созданию может добавить некоторые методы в копилку, но любой их пункт, на самом деле, не обязателен. Основных правил два: 1) все основные ветви дерева со своими подветвями окрашиваются в различные цвета; 2) чем дальше детализация на подветки, тем они тоньше. Но и эти правила - не аксиомы. Как и другой уже "стандарт": линии и слова должны иметь одинакову длину.

Для наукообразия и "математичности" иногда эти "ветки-пометки" называют диаграммами связей. Но какие это, к лешему, связи? Обычное дерево - возможностей, путей решения, пунктов меню... Хотя, конечно, крону дерева тоже можно назваить "системой связи со стволом".

Другие синонимы и переводы этой разновидности графических записей: «карта мыслей», «карта ума», «карта памяти», «ассоциативная карта», «ассоциативная диаграмма», «схема мышления».

Методика "разработана" психологом Тони Бьюзеном. А до этого гениального открытия такой методикой пользоваллись древнегреческие и средневековые философы (в частности, Порфирий из Тироса для представления категорий Аристотеля и Раймунд Луллий). Тем не менее, Тони Бьюзен написал 82 книги на эту тему.

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

UX (User Experience - опыт взаимодействия) предполагает поведение человека, его отношение, и эмоции вызванные и связанные с использованием продукта, системы или услуги [т.е., (1) душевное впечатление от работы, "осадочек"]. Опыт взаимодействия включает в себя практические, основанные на опыте, эффективные, значимые и ценные аспекты взаимодействия человека с компьютером или продуктом [ (2) полученные полезные навыки]. Кроме того, UX включает в себя восприятие пользователем характеристик системы, таких как полезность, простота использования и эффективность [как бы (3) умственное впечатление].

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

Разработка UX [внимание - нонсенс: нельзя разрабатывать результат!] начинается с определения вашего базового контингента и создания целевого "пользователя" и его характеристик. Основываясь на этих знаниях вы можете вывести специальные требования к разрабатываемому проекту. I. Разрабатывается информационная архитектура и проектируется иерархия содержимого, что очень помогает на этапе прототипирования. II. Далее выбирается наиболее оптимальный метод прототипирования. Он должен быть достаточно экономичным, однако и эффективным настолько, чтобы была возможность сбора обратной связи в быстрой и легкой форме.

Короче, граждане, англоязычный IT-дизайнер в силу паттернов своего языка сам толком не понимает, что такое UX, поэтому так путанно объясняет это понятие. А русскоязычный еще более далек, пытаясь сделать вразумительный перевод. Но английский и русский языки в своей концептуальной основе очень разные, и перевод еще более отдаляет от истины. Я бы сказал, что UX - впечатление от применения UI. И UX не разрабатывают, а прогнозируют и провоцируют. Говорят даже, что UX - это новый термин для понятия юзабилити, который позволяет некоторым людям почувствовать себя умнее.

Невозможно стать экспертом в области веб-дизайна без ясного понимания терминов UI (User Interface - пользовательский интерфейс) и UX (User Experience - опыт взаимодействия). На самом деле довольно трудно отделить эти два понятия, поскольку они очень тесно связаны. UI часто является частью UX, но большая часть пользовательского опыта не имеет отношения к UI. Тем не менее, UX может существовать даже без пользовательского интерфейса. [?!] По крайней мере, дизайн UX дает мало информации о дизайне UI. И интрига в том, что UX может существовать и работать очень эффективно с довольно простым пользовательским интерфейсом.

UX - это то, как чувствует себя пользователь, когда смотрит на сайт; это взаимодействие само по себе [даже, если ты еще не прикоснулся к UI]. UX - это большая картина, сочетающая дизайн, юзабилити и архитектуру. UX представляет собой комбинацию различных интерфейсов, и UI - один из них. UX - это то, как продукт заставляет вас чувствовать себя. [Вот это самое точное определение!]

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

У большинства смартфонов одинаковое соотношение сторон дисплея — 16:9/16:10 [и их близкие варианты 3:2, 5:3], поэтому для характеристики экрана используют диагональ в дюймах и разрешение в пикселях.

У подавляющего большинства экранов пиксель квадратный, поэтому соотношение сторон экрана можно вычислить, зная количество точек в ширину и в высоту. Есть лишь два исключения — «неправильные» экраны планшетов с прямоугольными пикселями — 800×480 (должно было бы быть 800×500) и 1024×600 (правильно было бы 1024×640).

Размеры экранов смартфонов растут. С 2007 по 2012 средняя диагональ увеличилась с 3 до 4 дюймов. Устройства менее 3” смартфонами вообще не считаются. Еще два года — и показатель преодолел отметку 5". Процесс не остановился, причина — популярность фаблетов (гибридов планшета и смартфона).

По данным статистики трафика за июль-август 2017 года, самым популярным разрешением экрана на смартфонах стало соотношение 720×1280 пикселей, которое используется на большинстве устройств среднего и бюджетного класса. Это самое используемое разрешение в 11 странах из 20 проанализированных, в том числе в Индии, Италии и Испании. С небольшим отрывом за ним следует соотношение 750×1334, которое используется в популярных в США, Великобритании и Австралии моделях iPhone. Во Франции и Германии, в свою очередь, самым частым разрешением стало Full HD [1920×1080] в смартфонах среднего и бюджетного классов.