Содержание
11 12 14 16 18 20 22 24 26 28 30 32
34 36 38 40 42 44 46 48 50 52 54 56 58
Предисловие Введение Правило 80/20 (80/20 rule) Доступность (Accessibility) Предварительный органайзер (Advance oraganizer) Эффект «эстетика–юзабилити» (Aesthetic–usability effect) Аффорданс (Affordance) Выравнивание (Alignment) Антропоморфная форма (Anthropomorphic form) Архетипы (Archetypes) Выравнивание пространств (Area alignment) Предвзятость в отношении привлекательности (Attractiveness bias) Предвзятость в отношении «детского» лица (Baby-face bias) Эффект биофилии (Biophilia effect) Эффект собора (Cathedral effect) Чанкинг (Chunking) Классическая приспособительная реакция (Classical conditioning) Смыкание (Closure) Когнитивный диссонанс (Cognitive dissonance) Цвет (Color) Общая история (Common fate) Сравнение (Comparison) Подтверждение (Confirmation) Целостность (Consistency) Постоянство (Constancy)
60 62 64 66 68 70 72 74 76 78 80 82 84 86 88 90 92 94 96 98 100
Ограничительное условие (Constraint) Предвзятость в отношении контура (Contour bias) Контроль (Control) Конвергенция (Convergence) Затраты–выгода (Cost–benefit) Защищенное пространство (Defensible space) Глубина переработки информации (Depth of processing) Разработка комитетом (Разработка комитетом) Линия влечения (Desire line) Цикл разработки (Development cycle) Точка входа (Entry point) Ошибки (Errors) Эффект ожидания (Expectation effect) Эффект внешнего воздействия (Exposure effect) Степень фейсизма (Face-ism ratio) Запас прочности (Factor of safety) Цепь обратной связи (Feedback loop) Последовательность Фибоначчи (Fibonacci sequence) Отношение «фигура–фон» (Figure– ground relationship) Закон Фиттса (Fitts’ law) Принцип пяти шляпных полок (Five hat racks)
102 104 106 108 110 112 114 116 118 120 122 124 126 128 130 132 134 136 138 140 142 144
Отношение «гибкость–юзабилити» (Flexibility–usability tradeoff) Предупредительность (Forgiveness) Форма следует за функцией (Form follows function) Фрейминг-эффект (Framing) Замри–беги–дерись–сдавайся (Freeze–Flight–Fight–Forfeit) Мусор на входе — мусор на выходе (Garbage in — garbage out) Золотое отношение (Golden ratio) Непрерывность (Good continuation) Диаграмма Гутенберга (Gutenberg diagram) Закон Хика (Hick’s law) Иерархия (Hierarchy) Иерархия потребностей (Hierarchy of needs) Яркостное выделение (Highlighting) Боязнь пустоты (Horror vacui) Тяготение к охоте или воспитанию (Hunter–nurturer fixations) Графическое представление (Iconic representation) Погружение (Immersion) Слепота невнимания (Inattentional blindness) Эффекты интерференции (Interference effects) Перевернутая пирамида (Inverted pyramid) Итерация (Iteration) Закон прегнантности (Law of prägnanz)
146 148 150 152 154 156 158 160 162
164 166 168 170 172 174
176 178 180
182
Наслоение (Layering) Разборчивость (Legibility) Жизненный цикл (Life cycle) Установление соответствий (Mapping) Умозрительная модель (Mental model) Мимикрия (Mimicry) Мнемонический прием (Mnemonic device) Модульный принцип (Modularity) Предельно продвинутое, но приемлемое (Most advanced yet acceptable) Эффект среднего типа лица (Most average facial appearance effect) Нормальное распределение (Normal distribution) NIH-синдром (Not invented here) Надж (Nudge) «Бритва Оккама» (Ockham’s Razor) Выработка инструментального условного рефлекса (Operant conditioning) Ориентационная чувствительность (Orientation sensitivity) Посильная нагрузка (Performance load) Реализация в сравнении с предпочтением (Performance versus preference) Персонажи (Personas)
184
186 188 190 192 194 196 198 200 202 204 206 208 210 212 214 216 218 220 222 224 226
Эффект превосходства изображений, ЭПИ (Picture superiority effect, PSE) Прайминг-эффект (Priming) Метод последовательного раскрытия (Progressive disclosure) Пропозициональная плотность (Propositional density) Открытое пространство–зона уединения (Prospect–refuge) Создание прототипа (Prototyping) Близость (Proximity) Удобочитаемость (Readability) Узнавание лучше вспоминания (Recognition over recall) Эффект красного (Red effect) Избыточность (Redundancy) Розеттский камень (Rosetta stone) Правило третей (Rule of thirds) Удовлетворительное решение (Satisficing) Предпочтение саванны (Savanna preference) Ошибка масштабирования (Scaling fallacy) Дефицит (Scarcity) Самоподобие (Self-similarity) Позиционный эффект (Serial position effects) Формирование поведения (Shaping) Отношение «сигнал–шум» (Signalto-noise ratio) Схожесть (Similarity)
228 230 232 234 236 238 240
242 244 246 248 250 252 254 256 258 260 262 264 266 267 268
Фактор жесткости (Stickiness) Сторителлинг (Storytelling) Структурные формы (Structural forms) Симметрия (Symmetry) Обнаружение угрозы (Threat detection) Трехмерная проекция (Threedimensional projection) Предвзятость в отношении освещения объектов (Top–down lighting bias) «Зловещая долина» (Uncanny valley) Принцип неопределенности (Uncertainty principle) Равномерная связность (Uniform connectedness) Эффект Веблена (Veblen effect) Видимость (Visibility) Визуально-пространственный резонанс (Visuospatial resonance) Эффект фон Ресторф (von Restorff effect) Ваби-саби (Wabi-sabi) Соотношение обхватов талии и бедер (Waist-to-hip ratio) Система навигации (Wayfinding) Самое слабое звено (Weakest link) Выражаем признательность Благодарности Об авторах Алфавитный указатель
Содержание По категориям
Как повлиять на восприятие разработки? 22 24 26 44 48 50 56 58 62 88 96 100 116 118 126 128 132 136 138 144 146 148 152 176 186 196 202 224 236 238 240 246 250 252
8
Аффорданс (Affordance) Выравнивание (Alignment) Антропоморфная форма (Anthromorphic Form) Смыкание (Closure) Цвет (Color) Общая история (Common Fate) Целостность (Consistency) Постоянство (Constancy) Предвзятость в отношении контура (Contour Bias) Степень фейсизма (Face-ism Ratio) Отношение «фигура–фон» (FigureGround Relationship) Принцип пяти шляпных полок (Five Hat Racks) Непрерывность (Good Continuation) Диаграмма Гутенберга (Gutenberg Diagram) Яркостное выделение (Highlighting) Боязнь пустоты (Horror Vacui) Графическое представление (Iconic Representation) Слепота невнимания (Inattentional Blindness) Эффекты интерференции (Interference Effects) Закон прегнантности (Law of Prдgnanz) Наслоение (Layering) Разборчивость (Legibility) Установление соответствий (Mapping) Ориентационная чувствительность (Orientation Sensitivity) Прайминг-эффект (Priming) Близость (Proximity) Эффект красного (Red Effect) Отношение «сигнал–шум» (Signalto-Noise Ratio) Обнаружение угрозы (Threat Detection) Трехмерная проекция (ThreeDimensional Projection) Предвзятость в отношении освещения (Top-Down Lighting Bias) Равномерная связность (Uniform Connectedness) Видимость (Visibility) Визуально-пространственный резонанс (Visuospacial Resonance)
Универсальные принципы дизайна
Как помочь людям учиться? 16 18 36 38 40 42 52 72 86 104 112 122 134 138 140 146 148 154 158 174 178 184 188 198 200 206 220 222 224 228 230 254
Доступность (Accessibility) Предварительный огранайзер (Advance Organizer) Эффект биофилии (Biophilia Effect) Эффект собора (Cathedral Effect) Чанкинг (Chunking) Классическая приспособительная реакция (Classical Conditioning) Сравнение (Comparison) Глубина переработки информации (Depth of Processing) Эффект внешнего воздействия (Exposure Effect) Предупредительность (Forgiveness) Мусор на входе — мусор на выходе (Garbage In–Garbage Out) Иерархия (Hierarchy) Погружение (Immersion) Эффекты интерференции (Interference Effects) Перевернутая пирамида (Inverted Pyramid) Наслоение (Layering) Разборчивость (Legibility) Умозрительная модель (Mental Model) Мнемонический прием (Mnemonic Device) Выработка инструментального условного рефлекса (Operant Conditioning) Посильная нагрузка (Performance Load) Эффект превосходства изображений (Picture Superiority Effect) Метод последовательного раскрытия (Progressive Disclosure) Удобочитаемость (Readability) Узнавание лучше воспоминания (Recognition Over Recall) Розеттский камень (Rosetta Stone) Позиционный эффект (Serial Position Effects) Формирование поведения (Shaping) Отношение «сигнал–шум» (Signalto-Noise Ratio) Фактор жесткости (Stickiness) Сторителлинг (Storytelling) Эффект фон Ресторф (von Restorff Effect)
Как улучшить юзабилити продукта? 14 16 20 22 54 56 60 64 68 76 80 82 98 104 110 120 122 132 134 138 140 146 152 154 156 170 178 182 188 198 200 224 250 260
Правило 80/20 (80/20 Rule) Доступность (Accessibility) Эффект «эстетика–юзабилити» (Aesthetic-Usability Effect) Аффорданс (Affordance) Подтверждение (Confirmation) Целостность (Consistency) Ограничительное условие (Constraint) Контроль (Control) Затраты–выгода (Cost-Benefit) Линия влечения (Desire Line) Точка входа (Entry Point) Ошибки (Errors) Закон Фиттса (Fitts’ Law) Предупредительность (Forgiveness) Замри–беги–дерись–сдавайся (Freeze-Flight-Fight-Forfeit) Закон Хика (Hick’s Law) Иерархия (Hierarchy) Графическое представление (Iconic Representation) Погружение (Immersion) Эффекты интерференции (Interference Effects) Перевернутая пирамида (Inverted Pyramid) Наслоение (Layering) Установление соответствий (Mapping) Умозрительная модель (Mental Model) Мимикрия (Mimicry) Надж (Nudge) Посильная нагрузка (Performance Load) Персонажи (Personas) Метод последовательного раскрытия (Progressive Disclosure) Удобочитаемость (Readability) Узнавание лучше вспоминания (Recognition Over Recall) Отношение «сигнал–шум» (Signalto-Noise Ratio) Видимость (Visibility) Система навигации (Wayfinding)
Как усилить притягательность дизайна? 20 24 26 28 30 32 34 42 46 48 70 80 86 88 94 108 114 130 156 164 174 190 192 202 208 212 216 218 224 226 228 230 234
Эффект «эстетика–юзабилити» (Aesthetic-Usability Effect) Выравнивание (Alignment) Антропоморфная форма (Anthromorphic Form) Архетипы (Archetypes) Выравнивание пространств (Area Alignment) Предвзятость в отношении привлекательности (Attractiveness Bias) Предвзятость в отношении «детского» лица (Baby-Face Bias) Классическая приспособительная реакция (Classical Conditioning) Когнитивный диссонанс (Cognitive Dissonance) Цвет (Color) Защищенное пространство (Defensible Space) Точка входа (Entry Point) Эффект внешнего воздействия (Exposure Effect) Степень фейсизма (Face-ism Ratio) Последовательность Фибоначчи (Fibonacci Sequence) Фрейминг-эффект (Framing) Золотое отношение (Golden Ratio) Тяготение к охоте или воспитанию (Hunter-Nurturer Fixations) Мимикрия (Mimicry) Эффект среднего типа лица (Most Average Facial Appearance Effect) Выработка инструментального условного рефлекса (Operant Conditioning) Пропозициональная плотность (Propositional Density) Открытое пространство–зона уединения (Prospect-Refuge) Эффект красного (Red Effect) Правило третей (Rule of Thirds) Предпочтение саванны (Savanna Preference) Дефицит (Scarcity) Самоподобие (Self-Similarity) Отношение «сигнал–шум» (Signalto-Noise Ratio) Схожесть (Similarity) Фактор жесткости (Stickiness) Сторителлинг (Storytelling) Симметрия (Symmetry)
Как улучшить дизайнерское решение? 240 242 248 256 258
Предвзятость в отношении освещения объектов (Top-Down Lighting Bias) «Зловещая долина» (Uncanny Valley) Эффект Веблена (Veblen Effect) Ваби-саби (Wabi-Sabi) соотношение обхватов талии и бедер (Waist-to-Hip Ratio)
14 16 52 66 68 74 78 82 84 90 92 102 106 110 112 124 142 150 160 162 166 168 172 180 182 194 204 210 214 232 244 262
Правило 80/20 (80/20 Rule) Доступность (Accessibility) Сравнение (Comparison) Конвергенция (Convergence) Затраты–выгода (Cost-Benefit) Разработка комитетом (Design by Committee) Цикл разработки (Development Cycle) Ошибки (Errors) Эффект ожидания (Expectation Effect) Запас прочности (Factor of Safety) Цепь обратной связи (Feedback Loop) Отношение «гибкость–юзабилити» (Flexibility-Usability Tradeoff) Форма следует за функцией (Form Follows Function) Замри–беги–дерись–сдавайся (Freeze-Flight-Fight-Forfeit) Мусор на входе — мусор на выходе (Garbage In–Garbage Out) Иерархия потребностей (Hierarchy of Needs) Итерация (Iteration) Жизненный цикл (Life Cycle) Модульный принцип (Modularity) Предельно продвинутое, но приемлемое (Most Advanced Yet Acceptable) Нормальное распределение (Normal Distribution) NIH-синдром (Not Invented Here) «Бритва Оккама» (Ockham’s Razor) Реализация в сравнении с предпочтением (Performance Versus Preference) Персонажи (Personas) Создание прототипа (Prototyping) Избыточность (Redundancy) Удовлетворительное решение (Satisficing) Ошибка масштабирования (Scaling Fallacy) Структурные формы (Structural Forms) Принцип неопределенности (Uncertainty Principle) Самое слабое звено (Weakest Link)
9