UI/UX Design

32
UI/UX Design ? Кто такие UI/UX дизайнеры ? Что такое проектирование взаимодействия ? Почему на нем не стоит экономить Сорокина Л.В. ИТ1004, ФПИ, [email protected] 1/31 [дизайн интерфейсов / проектирование взаимодействия]

description

 

Transcript of UI/UX Design

Page 1: UI/UX Design

UI/UX Design

? Кто такие UI/UX дизайнеры

? Что такое проектирование взаимодействия

? Почему на нем не стоит экономить

Сорокина Л.В.ИТ1004, ФПИ,

[email protected]

1/31

[дизайн интерфейсов / проектирование взаимодействия]

Page 2: UI/UX Design

Что такое интерфейс?

Интерфейс - это основная мысль приложения, заключенная в нескольких кнопках.

Тише будьТише будь

2/31

Page 3: UI/UX Design

Почему интерфейс - это важно?

3/31

Page 4: UI/UX Design

Для чего кого нужно проек-тирование интерфейсов?

для пользователей: им легче работать с приложением, они быстрее могут выполнять свои задачи, им нравится приложение;

4/31

Page 5: UI/UX Design

5/31

??

Page 6: UI/UX Design

Для чего кого нужно проек-тирование интерфейсов?

6/31

для маркетологов: приложение с удобным интерфейсом проще продавать, а довольные пользователи с большей охотой захотят купить следующую версию программного продукта;

Page 7: UI/UX Design

Для чего кого нужно проек-тирование интерфейсов?

7/31

для разработчиков: так как пользователям легче работать с приложением, то на его поддержку уходит меньше времени и сил;

Page 8: UI/UX Design

Для чего кого нужно проек-тирование интерфейсов?

для UI/UX дизайнеров: дает возможность зарабатывать и делать жизнь простых смертных комфортнее.

8/31

Page 9: UI/UX Design

Котики НЕКотики

9/31[идентификация клавиатуры в Mac OS 10.7.X]

Page 10: UI/UX Design

Котики НЕКотики

10/31[идентификация клавиатуры в Mac OS 10.6.X]

Page 11: UI/UX Design

Котики НЕКотики

11/31

Page 12: UI/UX Design

Как проектируются интерфейсы?

Набросок

Мокап

Прототип

Тестирование

12/31

Page 13: UI/UX Design

делать фотографию;

загружать фотографию из галереи;

запрашивать информацию о человеке;

загружать информацию в адресную книгу;

возвращаться в главное меню;

осуществлять поиск информации о человеке по фотографии.

Как проектируются интерфейсы?

? Что будет уметь приложение:

13/31

Page 14: UI/UX Design

Что такое быстрое прототипирование?

14/31

[ранний прототип Wii U]

Page 15: UI/UX Design

Что такое быстрое прототипирование?

15/31

Page 16: UI/UX Design

[ http://interfacesketch.tumblr.com ]

Что такое быстрое прототипирование?

16/31

Page 17: UI/UX Design

Что такое быстрое прототипирование?

Затраченное время: 1 минута + поиски

карандаша

Выполнено: 1/3 экранов

17/31

Page 18: UI/UX Design

Средства создания мокапов

18/31

[ Balsamiq MockUps ]

Page 19: UI/UX Design

Средства создания мокапов

19/31

[ Mockop ]

Page 20: UI/UX Design

Мокап

20/31

Page 21: UI/UX Design

Средства создания прототипов

21/31

Page 22: UI/UX Design

Средства создания прототипов

22/31

Page 23: UI/UX Design

Прототип приложения

23/31http://goo.gl/4p2gc

Page 24: UI/UX Design

Прототип приложения

23/31http://goo.gl/4p2gc

Page 25: UI/UX Design

Методы юзабилити-тестирований:

24/31

? ЧТО будет тестироваться? ЧТО вы хотите узнать в результате? КАК вы будете это тестировать

Page 26: UI/UX Design

Готовое приложение иобратная связь

Итак, ваше приложение или веб-сайт готово, протестировано и опубликовано. Поздравляю.

Обеспечьте удобную форму обратной связи, чтобы ваши

пользователи могли сообщить вам, если что-то пойдет не так.

!@#$!@#$

25/31

Page 27: UI/UX Design

Перспективы развития UI/UX:

стандартизация интерфейсов;

развитие существующих голосовых интерфейсов;

Вы думаете, что ваше мнение важно, если вы не конечный пользователь, то, скорее всего, это не так.

26/31

[Leisa Reichelt, Why most UX is shite]

Page 28: UI/UX Design

Перспективы развития UI/UX:

27/31

сближение понятий эргономичности и юзабилити с распространением сенсорных экранов;

Page 29: UI/UX Design

унификация интерфейсов мобильных, веб- и настольных приложений;

Перспективы развития UI/UX:

28/31

[ Windows 8 одинаково выглядит как на планшетах, мобильных телефонах, так и на ПК ]

Page 30: UI/UX Design

Перспективы развития UI/UX:

развитие несенсорных интерфейсов;

29/31[ Elliptic Labs разработали бесконтактную систему управления ]

Page 31: UI/UX Design

Перспективы развития UI/UX:

30/31

увеличение связи между миром пользователей и приложениями;

[ Метафоры реального мира, применяемые в интерфейсах ИС ]

Page 32: UI/UX Design

поиск способов уменьшения когнитивного сопротивления пользователей;

увеличение связи между миром пользователей и приложениями;

поиск способов, позволяющих вызывать привыкание у пользователей при использовании определенных интерфейсов.

Перспективы развития UI/UX:

31/31