Некоторые принципы визуального дизайна. Элементы опыта взаимодействия по Гарретту

Пояснение к режимам
Autodesk Sketchbook Pro 2

Процесс проектирования
Видение и осознание продукта
Изучение пользователей: опыт, мотивы, цели, задачи, сценарии
Проектирование
Тестирование спроектированного
Прототипирование
Тестирование прототипов и реальных систем
Проектирование и тестирование в процессе итерационной разработки

План занятия
Домашка
Шесть шляп мышления
Типы интерфейсов: временные и монопольные
Принципы тяготения и плотности
Элементы опыта взаимодействия Гарретта

Организация проверки задания
Остаточные вопросы, 10
2 лучших решения, 20
Мысли о процессе, «как», 10
Улучшение лучшего решения, 10
Перерыв, 10

Шесть шляп мышления Эдвард Де Боно
Белая
Красная
Черная
Желтая
Зеленая
Синяя
информация
эмоции
критика
преимущества
идеи, возможности
над-мышление

Временные и монопольные

Монопольные

Монопольные

Монопольные

Временные

Принципы тяготения и плотности

Принцип тяготения

Артем Дэп, «Стереотипная сетка. Часть первая. Принцип тяготения в дизайне»

Артем Дэп, «Стереотипная сетка. Часть первая. Принцип тяготения в дизайне»
Артем Дэп, «Стереотипная сетка. Часть первая. Принцип тяготения в дизайне»

Принцип плотности относительности

Принцип плотности относительности

Артем Дэп, «Стереотипная сетка. Часть вторая. Принцип плотности»

Артемий Лебедев, «Ководство», § 136. Теория близости
частный случай
фото — minarai

относительность

Контраст
Ритм
Выравнивание
Схожесть
по мотивам презентации Джеффа Паттона
«User Experience Distilled»
agileproductdesign.com/presentations
частные случаи

Контраст

Ритм, повторение

Выравнивание
фото — tofu minx

Схожесть

Элементы
опыта взаимодействия

Jesse James Garrett’s
Elements of User Experience http://www.jjg.net/elements/

Dude’s Law
Value = Why / How
Ценность = Зачем / Как

«Раскраска»

«Раскраска»

панели задач
диалоги
визарды
панели задач

Задачи пользователя:
ввод чисел
ввод текст
ввод формул
форматирование ячейки
сортировка
фильтрация
построение графиков
сохранение данных
импорт данных
экспорт данных
печать
…..
Задачи пользователя:
ввод чисел
ввод текст
ввод формул
форматирование ячейки
сортировка
фильтрация
построение графиков
сохранение данных
импорт данных
экспорт данных
печать
…..

Цели бизнеса
вытеснить конкурирующие продукты
побудить к покупке других интегрированных продуктов
сделать xls-формат основным форматом обмена
…
Потребители
бухгалтеры
бизнесмены
домохозяйки
…
Среды использования
настольный компьютер в офисе
ноутбук в самолете
PDA в автомобиле
…
Цели бизнеса
вытеснить конкурирующие продукты
побудить к покупке других интегрированных продуктов
сделать xls-формат основным форматом обмена
…
Потребители
бухгалтеры
бизнесмены
домохозяйки
…
Среды использования
настольный компьютер в офисе
ноутбук в самолете
PDA в автомобиле
…

Jesse James Garrett’s
Elements of User Experience http://www.jjg.net/elements/

Статьи Артема Дэпа
Стереотипная сетка. Часть первая. Принцип тяготения в дизайне.
http://artem-dap.livejournal.com/6110.html
Стереотипная сетка. Часть вторая. Принцип плотности.
http://artem-dap.livejournal.com/6198.html
Стереотипная сетка. Часть вторая. Принцип плотности второго порядка. Графическая рифма.
http://artem-dap.livejournal.com/7593.html
Стереотипная сетка. Часть третья. Принцип перспективы. Выкладки.
http://artem-dap.livejournal.com/68464.html
Диджитальный подход к перспективе (в частности в интерфейсной среде)
http://artem-dap.livejournal.com/163258.html
В поисках альтернативной сетки (диджитальная сетка)
http://artem-dap.livejournal.com/274990.html
Диджитальный подход к текстовому набору
http://artem-dap.livejournal.com/173891.html

Домашка
Тестовое задание проектировщику интерфейсов «Рамблер»
http://dzimin.ru/rambler/vacancy_test.html

Ретроспектива занятия