Веб-дизайнер, арт-директор. Пишу про дизайн и, иногда про маркетинг

«Элементы опыта взаимодействия» Джесс Гарретт. Обзор книги

14 апреля 2013, 18:58

Книга Дж. Гарретта является практически классикой жанра и потому я не мог пройти мимо. А так же хотелось наконец до конца для себя прояснить чем отличаются понятия «юзабилити» и «юзер экспириенс» («UX», Опыт взаимодействия).

В книге с первых же страниц написан пример опыта взаимодействия, который на уровне ощущений даёт понять что есть опыт взаимодействия:

«Авария на дороге. Она произошла из-за того, что водитель на секунду отвлёкся, чтобы убавить громкость радиоприемника. Ему пришлось отвести взгляд от дороги, так как на ощупь отличить ручку громкости от других невозможно.».

Хочу добавить, что читая эти строки я вспоминал про давнюю историю небольшой аварии в которую я попал со своим другом Стасом (привет Стас). Он как раз отвлёкся от дороги переключая песню. Ничего страшного не случилось, но машинка была помята и зад автобуса тоже, и группу «7Б» с тех пор мы больше не любили.

Если будете читать, то уделите особое внимание объяснению такого тонкого понятия как «контекст использования». Контекст использования это ситуация в которой пользователь взаимодействует с сайтом/объектом/системой. И действительно, в машине за рулём контекст использования даже простого телефона совершенно другой нежели дома на диване. Это очень важный момент над которым стоит думать при проектировании чего-либо.


Основой всей книги является идея 5-ти этапной разработки:


  • Уровень 1. Стратегия. Стратегия включает в себя не только то, что хотят получить от сайта его владельцы, но и то, что хотят получить пользователи.
  • Уровень 2. Набор возможностей. Перечисление функциональных возможностей образует уровень набора возможностей сайта. Некоторые сайты, торгующие книгами, позволяют пользователям сохранять адрес, чтобы не пришлось указывать его повторно. Вопрос, включена ли эта (или любая другая) функция в список функций сайта, как раз относится к возможностям сайта.
  • Уровень 3. Структура. Структура определяет, как пользователи попадают на страницу и куда они могут направиться дальше.
  • Уровень 4. Компоновка. Компановка это прототипирование. Расположение кнопок, вкладок, фотографий и текстовых блоков. Компоновка проектируется так, чтобы организация этих элементов была максимально эффектной и эффективной, то есть чтобы вы запомнили логотип и смогли найти кнопку с корзиной, когда она понадобится.
  • Уровень 5. Поверхность. Графический дизайн сайта.

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

Вышесказанное иллюстрирует следующая картинка

Для практического использования эти 5 уровней делятся на составляющие:


Не бойтесь этой на вид сложной схемы. Ничего сложного в ней нет. А ещё больше упрощает понимание то, что она очень логична и её в общем-то можно вывести самостоятельно (что мы и сделали в «Чипсе»). Но если бы мы сначала прочитали Гарретта, то сэкономили бы кучу времени. Так что смотрим и пользуемся.

Надо сказать, что в этих терминах есть некие вроде бы одни и теже вещи называемые по разному. Это первое время заёбывает, но потом привыкаешь и начинаешь отличать одно от другого как Блек-металл от Дэд-металла :). Гарретт в общем-то так и пишет, что то что одни называют «информационным дизайном» для других «информационная архитектура» и так далее. Это из-за того что каких-то высеченных в камне определение в этой области нет.

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

В общем творение Гарретта читать обязательно стоит. Особой привлекательности ей придаёт, то что она состоит всего из 175 стр. полезной информации с минимумом воды.

1 комментарий
icodedez
Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное