Оглавление UX-дизайн. Идея - эскиз - воплощение
Предисловие. Как мы собрались написать эту
книгу
Благодарности
РАЗДЕЛ 1. НАСТРАИВАЕМСЯ НА НУЖНЫЙ ЛАД
1.1. Введение. Эскизы пользовательских
интерфейсов
1.2. Зачем нужны эскизы? Выдержки из книги
Бакстона Sketching
User Experiences: Getting the Design and Right the
Right Design
1.3. Альбом для эскизов. Ваш главный инструмент
для фиксации, разработки, демонстрации и
архивации идей
1.4. 10+10: спуск вниз по воронке. Разрабатываем
10 разных идей
и совершенствуем избранные
РАЗДЕЛ 2. ЧЕРПАЕМ ИДЕИ ИЗ РЕАЛЬНОГО МИРА
2.1. Быстрые эскизы. Зарисовываем суть
интересных идей в любых ситуациях
2.2. Фотофиксация. Фотографируем то, что
"наводит на мысли"
2.3. Коллекции изображений и вырезок.
Становимся почти дисциплинированными
охотниками и собирателями
2.4. Коллекции предметов. Собираем физические
объекты
2.5. Демонстрация коллекций. Знакомство с
коллекциями других людей вдохновляет на
дискуссии
РАЗДЕЛ 3. ОТДЕЛЬНОЕ ИЗОБРАЖЕНИЕ
3.1. Разминка. Упражнение, которое всегда на
пользу
3.2. Рисуем то, что видим. Упражнение, которое
поможет научиться
делать точные рисунки
3.3. Эскизный словарь. Рисуем предметы, людей и
их занятия
3.4. Простой эскиз. Основные составляющие
эскиза: рисунок, аннотации, стрелки и примечания
3.5. Коллективные эскизы. Рисуйте эскизы во
время мозгового штурма, генерации идей и
обсуждений
3.6. Программы для создания презентаций.
Выполняем эскизы
с помощью программ для создания презентаций
3.7. Эскизы из канцелярских принадлежностей.
Создаем редактируемые эскизы из простых
канцелярских принадлежностей
3.8. Шаблоны. Заранее готовим неизменные
компоненты эскизов - шаблоны, пригодные для
многократного использования
3.9. Контурные рисунки с фотографии. Создаем
коллекцию контуров
для составления эскизов
3.10. Гибридные эскизы. Сочетаем эскизы с
фотографиями
3.11. Трехмерные эскизы. Создаем эскизы из
листового пенопласта
РАЗДЕЛ 4. РАСКАДРОВКИ: ВИЗУАЛЬНОЕ
ПОВЕСТВОВАНИЕ
4.1. Последовательные раскадровки.
Иллюстрируем последовательность
взаимодействий
4.2. Диаграмма состояний и переходов. Визуально
представляем текущие состояния, переходы и
пути принятия решений, разворачивающиеся во
времени
4.3. Разветвляющаяся раскадровка.
Иллюстрируем пути принятия решение
в ходе человеко-машинного взаимодействия
4.4.Повествовательная раскадровка. Показываем
ход взаимодействия
и контекст с учетом временного фактора
РАЗДЕЛ 5. АНИМИРУЕМ ОПЫТ ВЗАИМОДЕЙСТВИЙ
5.1. Анимированная последовательность.
Анимируем отдельную последовательность
взаимодействий путем совмещения изображений
5.2. Пути перемещения. Усиливаем иллюзию
гладкости взаимодействия
5.3. Анимация с разветвляющейся структурой.
Анимируем разные пути взаимодействия в
ветвящейся последовательности..
5.4. Ключевые и промежуточные кадры. Создаем
более сложную анимацию
5.5. Линейное видео. Демонстрируем
интерактивную последовательность
с помощью видеокамеры и бумаги
РАЗДЕЛ 6. ВОВЛЕКАЕМ ЛЮДЕЙ
6.1. Первоначальная ментальная модель.
Выясняем, как люди изначально воспринимают
интерфейс, знакомясь с его эскизами
6.2. Волшебник из страны Оз. "Волшебник"
управляет тем,
как эскиз системы реагирует на действия пользователя
6.3.Мысли вслух. Выясняем, что думают люди,
взаимодействуя
с вашим интерфейсом
6.4.Экспонирование эскизов. Делитесь своими
эскизами, выставляя
их на всеобщее обозрение
6.5.Критический взгляд. Представляйте свои идеи
окружающим и побуждайте их к критике