UI/UX Design

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

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

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

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

widoki@me.com

1/31

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

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

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

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

2/31

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

3/31

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

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

4/31

5/31

??

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

6/31

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

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

7/31

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

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

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

8/31

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

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

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

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

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

11/31

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

Набросок

Мокап

Прототип

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

12/31

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

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

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

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

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

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

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

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

13/31

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

14/31

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

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

15/31

[ http://interfacesketch.tumblr.com ]

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

16/31

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

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

карандаша

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

17/31

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

18/31

[ Balsamiq MockUps ]

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

19/31

[ Mockop ]

Мокап

20/31

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

21/31

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

22/31

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

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

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

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

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

24/31

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

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

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

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

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

!@#$!@#$

25/31

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

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

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

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

26/31

[Leisa Reichelt, Why most UX is shite]

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

27/31

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

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

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

28/31

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

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

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

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

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

30/31

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

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

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

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

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

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

31/31