designing ui past and future

26
ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС: ИСТОРИЯ И СОВРЕМЕННОСТЬ Владимир Николаевич Лукин Московский Авиационный Институт Алина Александровна Зотова ООО Netcracker

Upload: allileja

Post on 15-Jun-2015

829 views

Category:

Business


1 download

TRANSCRIPT

Page 1: designing UI past and future

ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС: ИСТОРИЯ И СОВРЕМЕННОСТЬ

Владимир Николаевич ЛукинМосковский Авиационный Институт

Алина Александровна Зотова

ООО Netcracker

Page 2: designing UI past and future

Пользовательский интерфейс

элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением

Page 3: designing UI past and future

Доисторический период

Обратная связь: Неоновые лампочки Звук Телетайпы Дисплей: текст Дисплей: графика

Page 4: designing UI past and future

БЭСМ-2

Page 5: designing UI past and future

ЕС 1036

Page 6: designing UI past and future

ЕС-7927-01

Page 7: designing UI past and future

ПЭВМ ДВК-2М

Page 8: designing UI past and future

Появление персональных компьютеров Широкое распространение Доступное программное

обеспечение Неподготовленный пользователь Уметь должен каждый Учет пользовательских

предпочтений Покупатель = пользователь

Page 9: designing UI past and future

Подходы к проектированию

Инженерно-технический подход

Когнитивный подход

Деятельностный подход

Page 10: designing UI past and future

Процесс проектирования Анализ бизнес-процессов и

деятельности пользователей Формализация информации в

виде диаграмм бизнес-процессов и сценариев

Прототипирование интерфейса Тестирование с пользователями

Page 11: designing UI past and future

Методология проектирования

Деятельностный подход

Инженерно-технический подход

Page 12: designing UI past and future

Стандарты и руководства IBM (представление интерфейса,

согласованность, состав компонент, принципы проектирования)

ISO 14915 регламентирует мультимедийный интерфейс

ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами

ISO 13407 описание процесса проектирования, ориентированного на пользователя

2007 Microsoft Office System User Interface Design Guidelines

Page 13: designing UI past and future

Некоторые правила, отражаемые в стандартах Контрастность текста на фоне Соотношение величин элементов Организация элементов в

пространстве и друг относительно друга

Оптимальное и стандартизированное расстояние между функциональными блоками

Page 14: designing UI past and future

Объект и фон

TEXT

TEXT

TEXT TEXT

TEXT

TEXT

Page 15: designing UI past and future

Читаемость и контраст

Page 16: designing UI past and future

Организация элементов в пространстве

TEXT

TEXT

TEXT

TEXT

TEXT TEXT TEXT

TEXT

TEXTTEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT TEXT TEXT

TEXT

TEXT

TEXT

TEXT

Page 17: designing UI past and future

Некоторые правила, отражаемые в стандартах Соответствие элемента управления

выполняемой функции Грамотные и понятные подписи и

заголовки Грамотные и понятные сообщения об

ошибках Кодирование информации в

нескольких ключах (и символьное и смысловое)

Page 18: designing UI past and future

Курьезы

Page 19: designing UI past and future

Некоторые правила, отражаемые в стандартах Оптимальное количество экранов Соответствие порядка предъявления

экранов порядку выполнения действий для решения задачи

Информационная адекватность и заполненность пространства – ничего лишнего, все необходимое

Логичная и последовательная навигация (не более 4х уровней вложенности)

Page 20: designing UI past and future

Где я?

Page 21: designing UI past and future

Комплексная оценка степени удобства интерфейса

Объективные потери

Длительность выполнения

Количество ошибок

Скорость обучения

Субъективные потери

Утомление, перенапряжение

Стресс, раздражительность

Вина, гнев, отказ от работы

Page 22: designing UI past and future

Mail.ru 2001

Page 23: designing UI past and future

Mail.ru 2006

Page 24: designing UI past and future
Page 25: designing UI past and future

Сейчас: Рынок проектирования

пользовательских интерфейсов стремительно развивается

Появляются новые вакансии Создаются компании,

специализирующиеся на проектировании интерфейсов

Проводятся учебные курсы, конференции, семинары, школы

Page 26: designing UI past and future

Российские профессиональные сообщества Usability.ru sigchi.ru usabilityprofessionals.ru ui_design_and_usability - блог на

habrahabr.ru ru_ucdesign - cообщество в

livejournal gui.ru - дизайн интерфейсов:

события, идеи, методы, обсуждения