UX-дизайн. Идея - эскиз - воплощение

Содержание книги «UX-дизайн. Идея - эскиз - воплощение»:

• 7 Предисловие. Как мы собрались написать эту книгу
• 10 Благодарности
• 11 Раздел 1. Настраиваемся на нужный лад
  • 12 1.1. Введение. Эскизы пользовательских интерфейсов
  • 17 1.2. Зачем нужны эскизы? Выдержки из книги Бакстона Sketching User Experiences: Getting the Design and Right the Right Design
  • 25 1.3. Альбом для эскизов. Ваш главный инструмент для фиксации, разработки, демонстрации и архивации идей
  • 32 1.4. 10+10: спуск вниз по воронке. Разрабатываем 10 разных идей и совершенствуем избранные
• 45 Раздел 2. Черпаем идеи из реального мира
  • 46 2.1. Быстрые эскизы. Зарисовываем суть интересных идей в любых ситуациях
  • 51 2.2. Фотофиксация. Фотографируем то, что «наводит на мысли»
  • 61 2.3. Коллекции изображений и вырезок. Становимся почти дисциплинированными охотниками и собирателями
  • 68 2.4. Коллекции предметов. Собираем физические объекты
  • 82 2.5. Демонстрация коллекций. Знакомство с коллекциями других людей вдохновляет на дискуссии
• 87 Раздел 3. Отдельное изображение
  • 88 3.1. Разминка. Упражнение, которое всегда на пользу
  • 94 3.2. Рисуем то, что видим. Упражнение, которое поможет научиться делать точные рисунки
  • 104 3.3. Эскизный словарь. Рисуем предметы, людей и их занятия
  • 112 3.4. Простой эскиз. Основные составляющие эскиза: рисунок, аннотации, стрелки и примечания
  • 117 3.5. Коллективные эскизы. Рисуйте эскизы во время мозгового штурма, генерации идей и обсуждений
  • 121 3.6. Программы для создания презентаций. Выполняем эскизы с помощью программ для создания презентаций
  • 127 3.7. Эскизы из канцелярских принадлежностей. Создаем редактируемые эскизы из простых канцелярских принадлежностей
  • 133 3.8. Шаблоны. Заранее готовим неизменные компоненты эскизов — шаблоны, пригодные для многократного использования
  • 141 3.9. Контурные рисунки с фотографии. Cоздаем коллекцию контуров для составления эскизов
  • 151 3.10. Гибридные эскизы. Сочетаем эскизы с фотографиями
  • 156 3.11. Трехмерные эскизы. Создаем эскизы из листового пенопласта
• 165 Раздел 4. Раскадровки: визуальное повествование
  • 166 4.1. Последовательные раскадровки. Иллюстрируем последовательность взаимодействий
  • 172 4.2. Диаграмма состояний и переходов. Визуально представляем текущие состояния, переходы и пути принятия решений, разворачивающиеся во времени
  • 178 4.3. Разветвляющаяся раскадровка. Иллюстрируем пути принятия решение в ходе человеко-машинного взаимодействия
  • 186 4.4. Повествовательная раскадровка. Показываем ход взаимодействия и контекст с учетом временного фактора
• 199 Раздел 5. Анимируем опыт взаимодействий
  • 200 5.1. Анимированная последовательность. Анимируем отдельную последовательность взаимодействий путем совмещения изображений
  • 206 5.2. Пути перемещения. Усиливаем иллюзию гладкости взаимодействия
  • 211 5.3. Анимация с разветвляющейся структурой. Анимируем разные пути взаимодействия в ветвящейся последовательности
  • 217 5.4. Ключевые и промежуточные кадры. Создаем более сложную анимацию
  • 226 5.5. Линейное видео. Демонстрируем интерактивную последовательность с помощью видеокамеры и бумаги
• 233 Раздел 6. вовлекаем людей
  • 234 6.1. Первоначальная ментальная модель. Выясняем, как люди изначально воспринимают интерфейс, знакомясь с его эскизами
  • 245 6.2. Волшебник из страны Оз. «Волшебник» управляет тем, как эскиз системы реагирует на действия пользователя
  • 252 6.3. Мысли вслух. Выясняем, что думают люди, взаимодействуя с вашим интерфейсом
  • 259 6.4. Экспонирование эскизов. Делитесь своими эскизами, выставляя их на всеобщее обозрение
  • 265 6.5. Критический взгляд. Представляйте свои идеи окружающим и побуждайте их к критике