design course 4 interaction

Некоторые идеи интерактивного дизайна

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