Вебдизайн: книга Джесса Гарретта

Оглавление
Информационная архитектура . . . . . . . . . . . . . . . . . . . . . . . 102
Архитектурные решения . . . . . . . . . . . . . . . . . . . . . . . . . 105
Организационные принципы . . . . . . . . . . . . . . . . . . . . . . 108
Язык и метаданные. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Роли в команде и процесс разработки . . . . . . . . . . . . . . . . . 113
Что читать дальше . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
ГЛАВА 6
Уровень компоновки
Дизайн интерфейса, дизайн навигации
и информационный дизайн. . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Определение компоновки . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Соглашения и метафора. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Дизайн интерфейса . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Дизайн навигации. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Информационный дизайн . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Ориентирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Прототипы страниц . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Что читать дальше . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
ГЛАВА 7
Уровень поверхности
Визуальный дизайн. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Определение поверхности . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Следуйте за взглядом . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Контраст и единообразие. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Внутренняя и внешняя согласованность . . . . . . . . . . . . . . 152
Цветовые палитры и типографика . . . . . . . . . . . . . . . . . . . . 155
Макеты и руководства по стилю . . . . . . . . . . . . . . . . . . . . . . 158
Что читать дальше . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
ГЛАВА 8
Элементы опыта взаимодействия на практике. . . . . . . 162
Пример: реализация механизма поиска . . . . . . . . . . . . . . . 166
Как задать правильный вопрос . . . . . . . . . . . . . . . . . . . . . . . 168
Марафон и спринт . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Алфавитный указатель . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Об авторе
Джесс Джеймс Гарретт (Jesse James Garrett) — один из ос
нователей Adaptive Path, консалтинговой фирмы в Сан
Франциско. С 1995 года Джесс Гарретт работал над веб
проектами для таких компаний, как AT&T, Intel, Boeing,
Motorola, Hewlett Packard и National Public Radio. Его
вклад в развитие области опыта взаимодействия состоит,
среди прочего, в разработке Visual Vocabulary (буквально -
визуальный словарь) — открытой нотационной системы,
предназначенной для документирования информацион
ной архитектуры и принятой в настоящее время во многих
организациях по всему миру. Его личный сайт www.jjg.net
представляет собой один из самых посещаемых веб ресур
сов по информационной архитектуре, а сам Джесс являет
ся автором множества статей и выступлений на темы ин
формационной архитектуры и опыта взаимодействия.

12
О научных редакторах
О научных редакторах
Глубокие экспертные знания и опыт научных редакторов
оказали существенное влияние на весь процесс работы над
этой книгой. По мере написания глав эти увлеченные сво
им делом профессионалы просматривали материал на
предмет корректности содержания, структуры и изложе
ния. Во многом именно их участие сделало книгу способ
ной удовлетворить потребность читателей в высококачест
венной технической информации.
Дэвид Хоффер (David Hoffer) имеет обширный опыт в об
ласти информационной архитектуры и дизайна интерфей
са. Сейчас он является ведущим проектировщиком поль
зовательского интерфейса в отделе маркетинга и связей
с клиентами CTB/McGraw Hill, где курирует вопросы архи
тектуры, интерфейса и юзабилити. До перехода в McGraw
Hill Дэвид работал ведущим информационным архитекто
ром в Hill and Knowlton Public Relations — одной из круп
нейших в США PR компаний, входящей в состав второго
в мире по величине глобального рекламного конгломерата
WPP Group. Два года Дэвид проработал ведущим проекти
ровщиком в отделении Alexa Internet Division компании
Amazon.com, где создал клиентские интерфейсы для броу
зерных продуктов Amazon Alexa. Дэвид оказывал консуль
тации многим фирмам, работающим в области высоких тех
нологий, — от мелких предприятий, таких как NERDS
и ActiveBuddy, до крупнейших и известнейших компаний
Motorola и DEC. Он получил степень бакалавра гуманитар
ных наук в области промышленного дизайна в Рочестер
ском институте технологии. Дэвид обожает собак.
Молли Райт Стинсон (Molly Wright Steenson) начала свою
деятельность в Интернете в 1994 году. С тех пор она руко
водила разработкой архитектуры для более чем 60 сайтов
таких компаний, как Netscape, Reuters, Wrigley, Nike,
Genentech и др. Она часто публикует статьи на темы, свя
занные с дизайном в Интернете, и выступает на междуна
родных конференциях. В вопросах дизайна и разработки

13
Молли — сторонник подхода, ориентированного на пользо
вателя. Она работает редактором сайта AIGA Experience
Design, а также является менеджером проекта Razorfish
в Сан Франциско и владельцем сайта Girlwonder.com. Сво
бодно говорит на трех языках: немецком, французском
и голландском.
Благодарности
Пусть количество имен на обложке не вводит вас в за
блуждение: своим успехом книга обязана широкому кругу
людей.
Во первых, я хочу поблагодарить своих партнеров по Adap
tive Path. Это Лэйн Беккер (Lane Becker), Дженис Фрейзер
(Janice Fraser), Майк Кунявски (Mike Kuniavsky), Питер
Мерхольц (Peter Merholz), Джеффри Вин (Jeffrey Veen) и
Инди Янг (Indi Young). Только с их разрешения я смог
взяться за этот проект.
Я благодарен всем сотрудникам издательства New Riders,
а особенно мне помогли Майкл Нолан (Michael Nolan),
Кэйрин Уайтхаус (Karen Whitehouse), Виктория Элзи
(Victoria Elzey), Дебора Хиттель Шауф (Deborah Hittel
Shoaf), Джон Рам (John Rahm) и Джейк Мак Фарленд
(Jake McFarland). Их советы были исключительно важны
для моей работы.
Ким Скотт (Kim Scott) и Эйрин Хауэлл (Aren Howell) уде
лили большое внимание дизайну этой книги. Терпение,
с которым они принимали мои идеи, было выше всяких
похвал.
Молли Райт Стинсон (Molly Wright Steenson) и Дэвид Хоф
фер (David Hoffer) оказали мне неоценимую помощь, ре
дактируя рукопись. Не каждому автору так везет.
Джесс Мак Маллин (Jess McMullin) оказался моим самым
строгим критиком во всех отношениях, и под влиянием
его замечаний книга стала намного лучше.

Благодарности
Приношу благодарность многим более опытным авторам,
чьи советы помогли мне справиться с этим проектом и не
сойти с ума. Это вновь Джеффри Вин (Jeffrey Veen) и Майк
Кунявски (Mike Kuniavsky), Стив Круг (Steve Krug), Джун
Коэн (June Cohen), Натан Шедрофф (Nathan Shedroff), Лу
ис Розенфельд (Louis Rosenfeld), Питер Морвиль (Peter
Morville) и (особенно) Стив Шемпьен (Steve Champeon).
Назову тех, кто вносил ценные предложения или просто
оказывал мне моральную поддержку: Лайза Чен (Lisa
Chan), Джордж Олсен (George Olsen), Кристина Уодтке
(Christina Wodtke), Джессамин Уэст (Jessamyn West), Са
манта Бейли (Samantha Bailey), Эрик Шайд (Eric Scheid),
Майкл Энжелес (Michael Angeles), Хавьер Веласко (Javier
Velasco), Антонио Вольпон (Antonio Volpon), Вук Косич
(Vuk Cosic), Терри Гуле (Thiеrry Goulet) и Деннис Вудт
(Dennis Woudt). Их взгляд на некоторые вещи отличается
от моего, а это бесценно для настоящего сотрудничества.
Музыкальное сопровождение моей работы над рукописью
обеспечили Man or Astro man?, Pell Mell, Mermen, Dirty
Three, Trans Am, Tortoise, Turing Machine, Don Caballero,
Mogwai, Ui, Shadowy Men on a Shadowy Planet, Do Make
Say Think и (особенно) Godspeed You Black Emperor!
Наконец, есть три человека, без поддержки которых эта
книга никогда бы не была написана: Дина Сэндерс (Dinah
Sanders), которая однажды теплым техасским вечером на
стояла на том, чтобы я кое с кем познакомился; моя жена
Ребекка Блад (Rebecca Blood), благодаря которой я станов
люсь сильнее и мудрее день ото дня; и Дэниел Грэссем
(Daniel Grassam), без чьей дружбы, одобрения и поддерж
ки я, возможно, никогда бы не оказался в этом бизнесе.
Спасибо!