Особенности проектирования пользовательских интерфейсов
advertisement
Российское отделение ACM SIGCHI ВСЕМИРНЫЙ ДЕНЬ ЮЗАБИЛИТИ В РОССИИ 14 ноября 2006 г. Ярослав Перевалов www.usability.ru www.rapidsoft.ru Особенности проектирования пользовательских интерфейсов корпоративных интранет-систем Особенности проектирования пользовательских интерфейсов (ПИ) корпоративных интранет-систем (КИС) 1. Типовые задачи КИС Типовой ПИ КИС 2. От модульного подхода – к целеориентированному 3. Интерфейсные решения: 3.1. Матрица объектов 3.2. Отображение иерархических структур 2 1. Типовые задачи КИС A. B. C. D. E. F. G. H. I. Управление организационной структурой (территориально распределённые филиалы, подразделения, должности) Управление персоналом, контактные и анкетные карточки сотрудников, телефонная книга (от 100 до 10 000 и более сотрудников) Хранилище данных с системой разграничения доступа, проектные папки Корпоративные новости и система пропаганды корпоративной политики, норм, регламентов, принципов и пр. Система документооборота со сложными бизнеспроцессами и жизненными циклами документов Доступ к различным информационным ресурсам Коммуникационные функции, опросы/голосования, обратная связь Техническая поддержка и другие сервисы Прочие бизнес-функции 3 1. • • Типовой ПИ КИС Ролевой поход (доступ к функционалу и информационным ресурсам) Экстенсивное, модульное развитие системы Роль ХХХ Модуль 1 Роль YYY Модуль 2 Модуль 3 Модуль 1 Модуль 3 Функция 1.A Функция 1.Б Функция 1.Б Функция 1.Г Функция 1.В Функция 1.Д Модуль 4 4 1. Типовой ПИ КИС Что отображать на Главной странице при входе пользователя в систему? Роль ХХХ Роль ХХХ Модуль 1 Модуль 2 Модуль 3 Модуль 1 В этом модуле вы сможете выполнить Функции А, Б, В Функция 1.A Функция 1.Б Модуль 2 Функция 1.В В этом модуле вы сможете выполнить Функции Ё, К, Л, М, Н Модуль 3 В этом модуле вы сможете выполнить Функции Х, У, Z Роль ХХХ Роль ХХХ Модуль 1 Модуль 2 Последние новости Новость один Вторая новость Третья новость Четвёртая новость Пятая новость Модуль 3 Есть идеи? 5 2. От модульного подхода – к целеориентированному A. Система знает роли пользователя B. Система знает, как пользователь будет/должен работать C. Система знает, с чего начнёт работу пользователь и какая информация ему нужна в первую очередь Вывод: Рабочее место – это пульт управления космического корабля / карта фронта у генерала 6 2. От модульного подхода – к целеориентированному A. От принципа «Найди сам себе работу» к принципу «Разрешите доложить!» B. Система рапортует пользователю: • • • На каких участках работ какая обстановка и ситуация, выделяются наиболее критичные участки Какие объекты следует обработать в первую очередь Какие важные события произошли в системе 7 2. От модульного подхода – к целеориентированному Роль ХХХ Отчёт по системе в целом Заявок 5 Новых сотрудников 2 Поручений 4 Сообщений 1 Жалоб 3 Производственных травм 0 Заявки (5 необработанных) Отдел маркетинга Оборудование $ 500 Налоговый инспектор Ужин в ресторане $ 799 Пожарный инспектор Огнетушители $ 380 Сисадмин Cisco M6000 $ 129 Уборщица Новое корыто $ 999 Поручения (4 невыполненных) Генеральный директор Квартальный отчёт 2 часа Вице-президент Ужин в ресторане Завтра Пожарный инспектор Огнетушители Через 2 дн. Главбух Кредитная политика К среде И Т.Д. И Т.П. 8 3.1. Интерфейсное решение: матрица объектов Матрица доступа сотрудников к информационным разделам Раздел 1 Сотрудник 1 Раздел 2 … Х Сотрудник 2 Раздел M … Х … Х … … … … … Сотрудник N Х Х … Х Матрица распределения пакета услуг по типам клиентов Услуга 1 Клиент 1 Услуга 2 Х Клиент 2 … Услуга M … Х … Х … … … … … Клиент N Х Х … Х 9 3.1. Интерфейсное решение: матрица объектов Управление доступом сотрудников в информационные разделы Список сотрудников Сотрудник 1 К Раздел 2 имеют доступ следующие сотрудники: Список Разделов Раздел 1 Сотрудник 2 Раздел 2 ... ... Сотрудник N Раздел M Управление доступом сотрудников в информационные разделы Сотрудник 2 Добавить Удалить ... Сотрудник N Управление доступом сотрудников в информационные разделы Сотрудник 2 имеет доступ к следующим разделам: Раздел 2 Добавить Удалить ... Раздел M 10 3.2. Интерфейсное решение: отображение иерархических структур Решение «в лоб»: Отображение иерархических структур Уровень 1.3.3.2.1.1. Уровень 1.1 Из доклада Национального председателя Коммунистической партии США товарища Сэма Уэбба на заседании Национального совета КП США Уровень 1.2 Уровень 1.3 Уровень 1.3.1 Уровень 1.3.2 Уровень 1.3.3 Уровень 1.3.3.1 … Если мы хотим оказывать практическое влияние на политику, нам необходимо перейти на более низкий уровень абстракции. Или, по-иному говоря, нам необходимо приблизиться к земле. Когда мы сделаем это, мы обнаружим, что условия борьбы значительно изменились в результате событий 11 сентября. Уровень 1.3.3.2 Уровень 1.3.3.2.1. Уровень 1.3.3.2. Уровень 1.3.3.2 Военная опасность чрезвычайно возросла. Эрозия демократических прав продолжается приблизительно со скоростью, вызывающей ошеломление рассудка. Расистские вылазки происходят в беспрецедентном масштабе ... 11 3.2. Интерфейсное решение: отображение иерархических структур Решение «компромиссное»: Отображение иерархических структур Раздел 1 Раздел 1 > Раздел 1.1 > Раздел 1.1.1. > … > Раздел XXX Раздел 2 Раздел XXX: Подразделы Раздел 3 Раздел AAA Раздел ГГГ … Раздел N Раздел БББ Раздел ДДД Раздел BBB Раздел ЕЕЕ Раздел XXX Из доклада Национального председателя Коммунистической партии США товарища Сэма Уэбба на заседании Национального совета КП США … Если мы хотим оказывать практическое влияние на политику, нам необходимо перейти на более низкий уровень абстракции. Или, поиному говоря, нам необходимо приблизиться к земле. Когда мы сделаем это, мы обнаружим, что условия борьбы значительно изменились в результате событий 11 сентября. Военная опасность чрезвычайно возросла. Эрозия демократических прав продолжается приблизительно со скоростью, вызывающей ошеломление рассудка. Расистские вылазки происходят в беспрецедентном масштабе ... 12 Особенности проектирования пользовательских интерфейсов корпоративных интранет-систем Спасибо за внимание! Ярослав Перевалов www.usability.ru 13
