designing UI past and future

Post on 15-Jun-2015

825 views 1 download

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 - дизайн интерфейсов:

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