Designing UI - past and future

1,119 views
1,039 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,119
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing UI - past and future

  1. 1. ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС: ИСТОРИЯ И СОВРЕМЕННОСТЬ Владимир Николаевич Лукин Московский Авиационный Институт Алина Александровна Зотова ООО Netcracker
  2. 2. Пользовательский интерфейс <ul><li>элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением </li></ul>
  3. 3. Доисторический период <ul><li>Обратная связь: </li></ul><ul><li>Неоновые лампочки </li></ul><ul><li>Звук </li></ul><ul><li>Телетайпы </li></ul><ul><li>Дисплей: текст </li></ul><ul><li>Дисплей: графика </li></ul>
  4. 4. БЭСМ-2
  5. 5. ЕС 1036
  6. 6. ЕС-7927-01
  7. 7. ПЭВМ ДВК-2М
  8. 8. Появление персональных компьютеров <ul><li>Широкое распространение </li></ul><ul><li>Доступное программное обеспечение </li></ul><ul><li>Неподготовленный пользователь </li></ul><ul><li>Уметь должен каждый </li></ul><ul><li>Учет пользовательских предпочтений </li></ul><ul><li>Покупатель = пользователь </li></ul>
  9. 9. Подходы к проектированию <ul><li>Инженерно-технический подход </li></ul><ul><li>Когнитивный подход </li></ul><ul><li>Деятельностный подход </li></ul>
  10. 10. Процесс проектирования <ul><li>Анализ бизнес-процессов и деятельности пользователей </li></ul><ul><li>Формализация информации в виде диаграмм бизнес-процессов и сценариев </li></ul><ul><li>Прототипирование интерфейса </li></ul><ul><li>Тестирование с пользователями </li></ul>
  11. 11. Методология проектирования Деятельностный подход Инженерно-технический подход
  12. 12. Стандарты и руководства <ul><li>IBM (представление интерфейса, согласованность, состав компонент, принципы проектирования) </li></ul><ul><li>ISO 14915 регламентирует мультимедийный интерфейс </li></ul><ul><li>ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами </li></ul><ul><li>ISO 13407 описание процесса проектирования, ориентированного на пользователя </li></ul><ul><li>2007 Microsoft Office System User Interface Design Guidelines </li></ul>
  13. 13. Некоторые правила, отражаемые в стандартах <ul><li>Контрастность текста на фоне </li></ul><ul><li>Соотношение величин элементов </li></ul><ul><li>Организация элементов в пространстве и друг относительно друга </li></ul><ul><li>Оптимальное и стандартизированное расстояние между функциональными блоками </li></ul>
  14. 14. Объект и фон TEXT TEXT TEXT TEXT TEXT TEXT
  15. 15. Читаемость и контраст
  16. 16. Организация элементов в пространстве TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  17. 17. Некоторые правила, отражаемые в стандартах <ul><li>Соответствие элемента управления выполняемой функции </li></ul><ul><li>Грамотные и понятные подписи и заголовки </li></ul><ul><li>Грамотные и понятные сообщения об ошибках </li></ul><ul><li>Кодирование информации в нескольких ключах (и символьное и смысловое) </li></ul>
  18. 18. Курьезы
  19. 19. Некоторые правила, отражаемые в стандартах <ul><li>Оптимальное количество экранов </li></ul><ul><li>Соответствие порядка предъявления экранов порядку выполнения действий для решения задачи </li></ul><ul><li>Информационная адекватность и заполненность пространства – ничего лишнего, все необходимое </li></ul><ul><li>Логичная и последовательная навигация (не более 4х уровней вложенности) </li></ul>
  20. 20. Где я?
  21. 21. Комплексная оценка степени удобства интерфейса Объективные потери <ul><ul><li>Длительность выполнения </li></ul></ul><ul><ul><li>Количество ошибок </li></ul></ul><ul><ul><li>Скорость обучения </li></ul></ul>Субъективные потери <ul><ul><li>Утомление, перенапряжение </li></ul></ul><ul><ul><li>Стресс, раздражительность </li></ul></ul><ul><ul><li>Вина, гнев, отказ от работы </li></ul></ul>
  22. 22. Mail.ru 2001
  23. 23. Mail.ru 2006
  24. 25. Сейчас: <ul><li>Рынок проектирования пользовательских интерфейсов стремительно развивается </li></ul><ul><li>Появляются новые вакансии </li></ul><ul><li>Создаются компании, специализирующиеся на проектировании интерфейсов </li></ul><ul><li>Проводятся учебные курсы, конференции, семинары, школы </li></ul>
  25. 26. Российские профессиональные сообщества <ul><li>Usability.ru </li></ul><ul><li>sigchi.ru </li></ul><ul><li>usabilityprofessionals.ru </li></ul><ul><li>ui_design_and_usability - блог на habrahabr .ru </li></ul><ul><li>ru_ucdesign - c ообщество в livejournal </li></ul><ul><li>gui.ru - дизайн интерфейсов: события, идеи, методы, обсуждения </li></ul>

×