design course 4 interaction
TRANSCRIPT
Некоторые идеи интерактивного дизайна
1 Машина — друг человека
Все, что система может сделать самостоятельно, она должна сделать самостоятельно.
2 Логика!
В интерфейсах логика важнее эстетики.
3 Тут всё понятноф
ото:
Tre
ndir.
com
4 А вот это уже не совсем ясно...ил
л.: С
туди
я А
ртем
ия Л
ебед
ева
5 А вот это уже совсем не ясно!ил
л.: С
туди
я А
ртем
ия Л
ебед
ева
6 Информативность и наглядность
Дизайн должен подсказывать, какие действия возможны в данный момент.
Дизайн должен быть наглядным.
7 Как открыть дверь?
фото: Thomas Hawk (flickr.com)
8 Аффорданс
Объект должен показывать способ своего использования своими неотъемлемыми свойствами.
9
Вопрос:в каком разделе я нахожусь?
Вкладки
10 Пример: заполнение формы
11 Пример: заполнение формы
12 Пример: заполнение формы
13 Пример: заполнение формы
14 Пример: четкое визуальное выделение
15 Пример: четкое визуальное выделение
16 Пример: четкое визуальное выделение
17 Мэппингф
ото:
Inde
sit
18 Мэппинг
19 Мэппинг
20 Теория близостиил
л.: А
ртем
ий Л
ебед
ев
21 Теория близостиил
л.: А
ртем
ий Л
ебед
ев
22 Теория близостиид
ея и
лл. А
ртем
ия Л
ебед
ева
23 Теория близостиид
ея и
лл. А
ртем
ия Л
ебед
ева
24 Закон Фиттса
Время прицеливания = k log2
2 × расстояние до объектаразмер
25 Закон Фиттса
26 Принцип обратной связи
— Мгновенная проверка ввода— Индикация ошибок— Отображение прогресса— Подтверждение действия
27 Мгновенная проверка ввода
28 Роботизация
29 Обязательные для заполнения поля
30 Простота
31