designing UI past and future
Transcript of designing UI past and future
ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС: ИСТОРИЯ И СОВРЕМЕННОСТЬ
Владимир Николаевич ЛукинМосковский Авиационный Институт
Алина Александровна Зотова
ООО Netcracker
Пользовательский интерфейс
элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением
Доисторический период
Обратная связь: Неоновые лампочки Звук Телетайпы Дисплей: текст Дисплей: графика
БЭСМ-2
ЕС 1036
ЕС-7927-01
ПЭВМ ДВК-2М
Появление персональных компьютеров Широкое распространение Доступное программное
обеспечение Неподготовленный пользователь Уметь должен каждый Учет пользовательских
предпочтений Покупатель = пользователь
Подходы к проектированию
Инженерно-технический подход
Когнитивный подход
Деятельностный подход
Процесс проектирования Анализ бизнес-процессов и
деятельности пользователей Формализация информации в
виде диаграмм бизнес-процессов и сценариев
Прототипирование интерфейса Тестирование с пользователями
Методология проектирования
Деятельностный подход
Инженерно-технический подход
Стандарты и руководства IBM (представление интерфейса,
согласованность, состав компонент, принципы проектирования)
ISO 14915 регламентирует мультимедийный интерфейс
ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами
ISO 13407 описание процесса проектирования, ориентированного на пользователя
2007 Microsoft Office System User Interface Design Guidelines
Некоторые правила, отражаемые в стандартах Контрастность текста на фоне Соотношение величин элементов Организация элементов в
пространстве и друг относительно друга
Оптимальное и стандартизированное расстояние между функциональными блоками
Объект и фон
TEXT
TEXT
TEXT TEXT
TEXT
TEXT
Читаемость и контраст
Организация элементов в пространстве
TEXT
TEXT
TEXT
TEXT
TEXT TEXT TEXT
TEXT
TEXTTEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT TEXT TEXT
TEXT
TEXT
TEXT
TEXT
Некоторые правила, отражаемые в стандартах Соответствие элемента управления
выполняемой функции Грамотные и понятные подписи и
заголовки Грамотные и понятные сообщения об
ошибках Кодирование информации в
нескольких ключах (и символьное и смысловое)
Курьезы
Некоторые правила, отражаемые в стандартах Оптимальное количество экранов Соответствие порядка предъявления
экранов порядку выполнения действий для решения задачи
Информационная адекватность и заполненность пространства – ничего лишнего, все необходимое
Логичная и последовательная навигация (не более 4х уровней вложенности)
Где я?
Комплексная оценка степени удобства интерфейса
Объективные потери
Длительность выполнения
Количество ошибок
Скорость обучения
Субъективные потери
Утомление, перенапряжение
Стресс, раздражительность
Вина, гнев, отказ от работы
Mail.ru 2001
Mail.ru 2006
Сейчас: Рынок проектирования
пользовательских интерфейсов стремительно развивается
Появляются новые вакансии Создаются компании,
специализирующиеся на проектировании интерфейсов
Проводятся учебные курсы, конференции, семинары, школы
Российские профессиональные сообщества Usability.ru sigchi.ru usabilityprofessionals.ru ui_design_and_usability - блог на
habrahabr.ru ru_ucdesign - cообщество в
livejournal gui.ru - дизайн интерфейсов:
события, идеи, методы, обсуждения