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

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

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

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

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

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

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

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

8 Монопольные

9

10

11 Временные

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

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

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

15

16

17

18

19

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

21

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

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

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

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

26 Контраст

27

28

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

30

31

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

33

34 Схожесть

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

36 Jesse James Garretts Elements of User Experience «Раскраска» Компоновка Структура Требования Стратегия

37 Dudes Law Value = Why / How Ценность = Зачем / Как David Hussman, dude, software antropologist

38 «Раскраска» Компоновка Структура Требования Стратегия

39 «Раскраска» Компоновка Структура Требования Стратегия

40 панели задач диалоги визарды «Раскраска» Компоновка Структура Требования Стратегия

41 Задачи пользователя: ввод чисел ввод текст ввод формул форматирование ячейки сортировка фильтрация построение графиков сохранение данных импорт данных экспорт данных печать ….. «Раскраска» Компоновка Структура Требования Стратегия

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

43 Jesse James Garretts Elements of User Experience «Раскраска» Компоновка Структура Требования Стратегия

44

45 Статьи Артема Дэпа Стереотипная сетка. Часть первая. Принцип тяготения в дизайне. Стереотипная сетка. Часть вторая. Принцип плотности. Стереотипная сетка. Часть вторая. Принцип плотности второго порядка. Графическая рифма. Стереотипная сетка. Часть третья. Принцип перспективы. Выкладки. Диджитальный подход к перспективе (в частности в интерфейсной среде) В поисках альтернативной сетки (диджитальная сетка) Диджитальный подход к текстовому набору

46 Домашка Тестовое задание проектировщику интерфейсов «Рамблер»

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

48 На связи Группа groups.google.com/group/mekragroups.google.com/group/mekra Файлы … Вопросы лично