Проектирование ИС (часть 2) Тема 4: Проектирование пользовательского интерфейса ИС Объем лекций по теме: 12 часов Лектор: Щеголева Людмила Владимировна

ПрИС 2 Проектирование пользовательского интерфейса 2 Тема 4: Проектирование пользовательского интерфейса ИС Содержание Введение Характеристики качества интерфейса Проектирование интерфейса Практические рекомендации

Введение Тема 4: Проектирование пользовательского интерфейса ИС

ПрИС 2 Проектирование пользовательского интерфейса 4 Введение Пользовательский интерфейс объединяет в себе все элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением

ПрИС 2 Проектирование пользовательского интерфейса 5 Пользовательский интерфейс включает: средства отображения информации информация, форматы язык пользователь-интерфейс устройства и технологии ввода данных поддержка принятия решений в конкретной предметной области порядок использования программы и документация на нее

ПрИС 2 Проектирование пользовательского интерфейса 6 Эргономика Эргономика – научно-прикладная дисциплина, занимающаяся изучением и созданием эффективных систем, управляемых человеком

ПрИС 2 Проектирование пользовательского интерфейса 7 Юзабилити Юзабилити (Usability) – научно-прикладная дисциплина, служащая повышению эффективности, продуктивности и удобства использования инструментов деятельности

Характеристики качества интерфейса Тема 4: Проектирование пользовательского интерфейса ИС

ПрИС 2 Проектирование пользовательского интерфейса 9 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 10 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 11 Скорость работы пользователя длительности восприятия исходной информации длительности интеллектуальной работы (пользователь думает, что он должен сделать) длительности физических действий пользователя длительности реакции системы

ПрИС 2 Проектирование пользовательского интерфейса 12 Скорость работы: Восприятие (после отвлечения внимания) шаг что сделано что необходимо сделать на текущем шаге фокус внимания

ПрИС 2 Проектирование пользовательского интерфейса 13 Скорость работы: Восприятие

ПрИС 2 Проектирование пользовательского интерфейса 14 Скорость работы: Восприятие – Шаг

ПрИС 2 Проектирование пользовательского интерфейса 15 Скорость работы: Интеллектуальная работа формирование цели действий определение общей направленности действий определение конкретных действий выполнение действий восприятие нового состояния системы интерпретация состояния системы оценка результата

ПрИС 2 Проектирование пользовательского интерфейса 16 Скорость работы: Способы выполнения действий

ПрИС 2 Проектирование пользовательского интерфейса 17 Скорость работы: Способы выполнения действия главное меню «горячие» клавиши панель инструментов манипулирование контекстное меню командная строка

ПрИС 2 Проектирование пользовательского интерфейса 18 Скорость работы: Физические действия

ПрИС 2 Проектирование пользовательского интерфейса 19 Скорость работы: Физические действия Любое физическое действие, совершаемое с помощью мускулатуры, может быть или точным или быстрым Закон Фитса: время достижения цели обратно пропорционально размеру цели и дистанции до цели

ПрИС 2 Проектирование пользовательского интерфейса 20 Скорость работы: Способы ускорения физических действий объект бесконечного размера (у края экрана или в углу) нулевая дистанция до объекта минимум переходов от клавиатуры к мыши, и наоборот циклическая табуляция автоматическое позиционирование фокус на первом элементе управления

ПрИС 2 Проектирование пользовательского интерфейса 21 Скорость работы: Способы ускорения физических действий

ПрИС 2 Проектирование пользовательского интерфейса 22 Скорость работы: Способы ускорения физических действий

ПрИС 2 Проектирование пользовательского интерфейса 23 Скорость работы: Реакция системы необходимая информация для выполнения длительного процесса индикатор степени выполнения процесса

ПрИС 2 Проектирование пользовательского интерфейса 24 Скорость работы: Способы ускорения работы Предоставление всех путей выполнения действия Подсказки, дополнительная информация Запоминание системой пользовательских настроек Принцип минимального запоминания

ПрИС 2 Проектирование пользовательского интерфейса 25 Скорость работы: Принцип минимального запоминания

ПрИС 2 Проектирование пользовательского интерфейса 26 Скорость работы: Принцип минимального запоминания

ПрИС 2 Проектирование пользовательского интерфейса 27 Скорость работы: Подстановки

ПрИС 2 Проектирование пользовательского интерфейса 28 Скорость работы: Подстановки

ПрИС 2 Проектирование пользовательского интерфейса 29 Скорость работы: Настройка интерфейса

ПрИС 2 Проектирование пользовательского интерфейса 30 Скорость работы: Настройка интерфейса Пример случайного изменения настроек: половина экрана – серая!

ПрИС 2 Проектирование пользовательского интерфейса 31 Тонкая настройка интерфейса: Аргументы «против» пользователи работают на нескольких компьютерах на одном компьютере работают несколько пользователей системы регулярно обновляются как показывает опыт, большинство пользователей меняют минимальное количество установок, чтобы сделать работу с системой удобной неопытные пользователи, случайно изменив настройки, не могут вернуть системе прежний вид

ПрИС 2 Проектирование пользовательского интерфейса 32 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 33 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 34 Человеческие ошибки человеческих ошибок не бывает !!!

ПрИС 2 Проектирование пользовательского интерфейса 35 Ошибки: Типы ошибки, вызванные недостаточным знанием предметной области опечатки не считывание показаний системы моторные ошибки

ПрИС 2 Проектирование пользовательского интерфейса 36 Ошибки: Способы предупреждения плавное обучение пользователей в процессе работы снижение требований к бдительности повышение разборчивости и заметности индикаторов снижение чувствительности системы к ошибкам

ПрИС 2 Проектирование пользовательского интерфейса 37 Ошибки: Снижение чувствительности к ошибкам блокировка потенциально опасных действий проверка системой всех действий пользователя перед их принятием самостоятельный выбор системой необходимых команд или параметров

ПрИС 2 Проектирование пользовательского интерфейса 38 Ошибки: Блокировка действий

ПрИС 2 Проектирование пользовательского интерфейса 39 Ошибки: Блокировка действий «Крутилка»

ПрИС 2 Проектирование пользовательского интерфейса 40 Ошибки: Блокировка действий Шаблон ввода, список, подстановка

ПрИС 2 Проектирование пользовательского интерфейса 41 Качество интерфейса Вопросы Перечислить критерии качества интерфейса пользователя. Перечислить элементы выполнения действия. Перечислить способы выполнения действия. Перечислить способы ускорения физических действий. Перечислить способы ускорения работы пользователя. Перечислить типы ошибок пользователя. Перечислить методы устранения ошибок.

ПрИС 2 Проектирование пользовательского интерфейса 42 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 43 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 44 Скорость обучения понятность системы обучающие материалы

ПрИС 2 Проектирование пользовательского интерфейса 45 Скорость обучения: Метафора Метафора – модель работы ИС, взятая из реального мира Примеры программа для проигрывания звуков рабочий стол калькулятор календарь

ПрИС 2 Проектирование пользовательского интерфейса 46 Скорость обучения: Метафора Как поближе рассмотреть картинку в программе Kai's Photo Soap?

ПрИС 2 Проектирование пользовательского интерфейса 47 Скорость обучения: Метафора Как поближе рассмотреть документ в MS Word?

ПрИС 2 Проектирование пользовательского интерфейса 48 Скорость обучения: Метафора

ПрИС 2 Проектирование пользовательского интерфейса 49 Скорость обучения: Метафора светофора Dr.Web for Win

ПрИС 2 Проектирование пользовательского интерфейса 50 Скорость обучения: Проблемы использования метафоры не для любой функциональности можно подобрать подходящую метафору метафора должна быть известной метафору может быть тяжело однозначно передать интерфейсом почти всегда метафора будет сковывать функциональные возможности необязательно, что копируемая метафора работает идеально

ПрИС 2 Проектирование пользовательского интерфейса 51 Скорость обучения: Советы по использованию метафоры опасно полностью копировать метафору, достаточно взять из нее самое лучшее не обязательно брать метафору из реального мира, ее можно придумать самому можно метафорически объяснять значение только отдельных объектов если метафора хоть как-то ограничивает систему, от неё необходимо немедленно отказаться

ПрИС 2 Проектирование пользовательского интерфейса 52 Скорость обучения: Метафора on-line словарь Rambler недостатки физического объекта из реального мира бездумно переносятся в мир виртуальный

ПрИС 2 Проектирование пользовательского интерфейса 53 Скорость обучения: Аффорданс Аффорданс – объект показывает субъекту способ своего использования

ПрИС 2 Проектирование пользовательского интерфейса 54 Скорость обучения: Аффорданс

ПрИС 2 Проектирование пользовательского интерфейса 55 Скорость обучения: Аффорданс Ассоциация с человеческой рукой в цифровой камере Kodak DC-290

ПрИС 2 Проектирование пользовательского интерфейса 56 Скорость обучения: Аффорданс Кнопки

ПрИС 2 Проектирование пользовательского интерфейса 57 Скорость обучения: Аффорданс Линейка прокрутки

ПрИС 2 Проектирование пользовательского интерфейса 58 Скорость обучения: Аффорданс Угол окна

ПрИС 2 Проектирование пользовательского интерфейса 59 Скорость обучения: Аффорданс Закладки

ПрИС 2 Проектирование пользовательского интерфейса 60 использование кнопки F1 для вызова помощи рисунки пиктограмм расположение кнопок в диалоговом окне Скорость обучения: Стандарт

ПрИС 2 Проектирование пользовательского интерфейса 61 Скорость обучения: Стандарт Corel Draw

ПрИС 2 Проектирование пользовательского интерфейса 62 Скорость обучения: Обучающие материалы базовая справка обзорная справка справка предметной области процедурная справка контекстная справка справка состояния бумажная книга справочная карта структурированная электронная документация фрагменты пространства интерфейса всплывающие подсказки

ПрИС 2 Проектирование пользовательского интерфейса 63 Качество интерфейса Вопросы Перечислить способы повышения скорости обучения работе с ИС. Перечислить обучающие материалы.

ПрИС 2 Проектирование пользовательского интерфейса 64 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 65 Критерии качества интерфейса скорость работы пользователей количество человеческих ошибок скорость обучения субъективное удовлетворение пользователей

ПрИС 2 Проектирование пользовательского интерфейса 66 Субъективное удовлетворение пользователя складывается из: эстетического восприятия скорости работы отсутствия напряжения при работе

ПрИС 2 Проектирование пользовательского интерфейса 67 Эстетика: Особенности создания интерфейса интерфейс не самоцель интерфейс передает информацию своему пользователю интерфейс обычно предназначен для длительного использования интерфейс функционален

ПрИС 2 Проектирование пользовательского интерфейса 68 Эстетика: Советы избегайте ярких цветов добивайтесь контраста не сменой насыщенности элементов, а расположением пустот в интерфейсах обычно не место красоте используйте визуальные закономерности используйте модульные сетки привязывайте все размеры и координаты к золотому сечению (0.618 х 0.382)

ПрИС 2 Проектирование пользовательского интерфейса 69 Эстетика: Пример

ПрИС 2 Проектирование пользовательского интерфейса 70 Субъективное удовлетворение: Повышение скорости работы заполнение пауз между событиями разделение крупных действий пользователей на более мелкие действия

ПрИС 2 Проектирование пользовательского интерфейса 71 Субъективное удовлетворение: Источники стресса осознанием возможности что-либо испортить сообщениями об ошибках выполнением системой действий, не инициированных пользователем необходимостью принятия решения (выбора)

ПрИС 2 Проектирование пользовательского интерфейса 72 Стресс Пример

ПрИС 2 Проектирование пользовательского интерфейса 73 Стресс: Выбор опций Пример (английский вариант)

ПрИС 2 Проектирование пользовательского интерфейса 74 Стресс: Выбор опций Пример (русский вариант)

ПрИС 2 Проектирование пользовательского интерфейса 75 Выбор опций: недостатки отвлекает от выполняемой задачи – получение помощи длинное пояснение из текста непонятно, какую опцию выбрать содержит непонятные пользователю термины: база данных, файлы справки

ПрИС 2 Проектирование пользовательского интерфейса 76 Стресс: Структура сообщения об ошибке В чем заключается проблема? Как исправить эту проблему сейчас? Как сделать так, чтобы проблема не повторилась?

ПрИС 2 Проектирование пользовательского интерфейса 77 Сообщение: Пример Microsoft PhotoEditor

ПрИС 2 Проектирование пользовательского интерфейса 78 Сообщение: Пример Microsoft Word 97

ПрИС 2 Проектирование пользовательского интерфейса 79 Качество интерфейса: Вопросы Перечислить факторы, составляющие субъективное удовлетворение пользователя. Каких правил следует придерживаться при оформлении интерфейса? Чем может быть вызван стресс у пользователя? Что должно быть написано в сообщении об ошибке?

Проектирование интерфейса Тема 4: Проектирование пользовательского интерфейса ИС

ПрИС 2 Проектирование пользовательского интерфейса 81 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 82 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 83 Способы определения функциональности анализ целей пользователя анализ действий пользователей

ПрИС 2 Проектирование пользовательского интерфейса 84 Определение функциональности

ПрИС 2 Проектирование пользовательского интерфейса 85 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 86 Создание пользовательских сценариев

ПрИС 2 Проектирование пользовательского интерфейса 87 Использование сценариев для понимания функций системы для оптимизации функций системы для тестирования интерфейса

ПрИС 2 Проектирование пользовательского интерфейса 88 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 89 Проектирование общей структуры Главная форма Форма 1Форма 2 Форма 3 Форма 5 Форма 4 Форма 1 Форма 3Форма 2

ПрИС 2 Проектирование пользовательского интерфейса 90 Проектирование общей структуры Открыть Журнал Карт Брони Закрыть окно Посмотреть карту брони Создать карту брони Закрыть окно

ПрИС 2 Проектирование пользовательского интерфейса 91 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 92 Конструирование отдельных блоков

ПрИС 2 Проектирование пользовательского интерфейса 93 Метод оценки скорости работы с системой GOMS (Goals, Operators, Methods, and Selection Rules) Действие Время, сек. Нажатие на клавишу клавиатуры (К)0,28 Нажатие на кнопку мыши (М)0,1 Перемещение курсора мыши (П)1,1 Взятие или бросание мыши (В)0,4 Продолжительность выбора действия (Д)1,2 Время реакции системы (Р)0,1

ПрИС 2 Проектирование пользовательского интерфейса 94 Задание Оценить скорость выполнения операции неопытным пользователем: «В программе MS WORD сохранить в активном каталоге текущий документ под именем «Опись» и выйти из программы, используя команды меню» Ответ: 16,08 секунд Оценить скорость выполнения этой же операции опытным пользователем

ПрИС 2 Проектирование пользовательского интерфейса 95 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 96 Создание глоссария: шаги Согласовать с потенциальным пользователем Заменить названия команд на глаголы- инфинитивы Исключить синонимы Установить одинаковый стиль Уменьшить длину всех получившихся элементов

ПрИС 2 Проектирование пользовательского интерфейса 97 Глоссарий: Пример надписи

ПрИС 2 Проектирование пользовательского интерфейса 98 Глоссарий: Пример надписи

ПрИС 2 Проектирование пользовательского интерфейса 99 Этапы проектирования интерфейса определение функциональности системы создание пользовательских сценариев проектирование общей структуры конструирование отдельных блоков создание глоссария сбор и тестирование

ПрИС 2 Проектирование пользовательского интерфейса 100 Прототипы интерфейса Первая версия – бумажная Вторая версия – презентация Третья версия – почти реальная Четвертая версия – реальная

ПрИС 2 Проектирование пользовательского интерфейса 101 Методы тестирования интерфейса Проверка посредством наблюдения за пользователем Мыслим вслух Проверка качества восприятия

ПрИС 2 Проектирование пользовательского интерфейса 102 Проверка качества восприятия

ПрИС 2 Проектирование пользовательского интерфейса 103 Проектирование интерфейса: Вопросы Перечислить этапы проектирования интерфейса. Перечислить способы определения функциональности системы. Для чего нужны пользовательские сценарии?

ПрИС 2 Проектирование пользовательского интерфейса 104 Задание Написать пользовательские сценарии работы с учебной ИС «Гостиница»

Практические рекомендации Тема 4: Проектирование пользовательского интерфейса ИС

ПрИС 2 Проектирование пользовательского интерфейса 106 Способы выполнения действия

ПрИС 2 Проектирование пользовательского интерфейса 107 Способы выполнения действия главное меню контекстное меню горячие клавиши кнопки на панели инструментов манипулирование командная строка голосовое управление

ПрИС 2 Проектирование пользовательского интерфейса 108 Работа с числами использовать «крутилку» или ползунок

ПрИС 2 Проектирование пользовательского интерфейса 109 Работа с числами числа выравнивать по правой границе или по запятой

ПрИС 2 Проектирование пользовательского интерфейса 110 Работа с числами использовать диаграммы

ПрИС 2 Проектирование пользовательского интерфейса 111 Работа с датой использовать календарь 42 дня = 1 месяц и 12 дней

ПрИС 2 Проектирование пользовательского интерфейса 112 Советы: использовать выделение цветом (например, красный, желтый, зеленый – метафора светофора) или иконками использовать принцип минимального запоминания

ПрИС 2 Проектирование пользовательского интерфейса 113 Выделение цветом разнородных объектов

ПрИС 2 Проектирование пользовательского интерфейса 114 Работа со списком объектов

ПрИС 2 Проектирование пользовательского интерфейса 115 Работа со списком объектов таблица дерево иконки или снимки объектов

ПрИС 2 Проектирование пользовательского интерфейса 116 Работа со списком объектов

ПрИС 2 Проектирование пользовательского интерфейса 117 Работа с таблицей сортировка записей по содержимому столбца после щелчка по его заголовку изменение ширины столбца заголовок таблицы поиск значения в столбце после ввода первых символов

ПрИС 2 Проектирование пользовательского интерфейса 118 Работа со списком количество элементов списка 6-8

ПрИС 2 Проектирование пользовательского интерфейса 119 Перемещение по записям. Недостатки: элемент понятен только программистам пользователи редко просматривают информацию в такой последовательности элемент навязывает пользователю горизонтальное расположение данных изображения стрелок на кнопках слабо различаются между собой

ПрИС 2 Проектирование пользовательского интерфейса 120 Рабочее пространство окна

ПрИС 2 Проектирование пользовательского интерфейса 121 Рабочее пространство окна ?

ПрИС 2 Проектирование пользовательского интерфейса 122 Закрытие диалогового окна двойной щелчок закрывает окно нажатие клавиши «Enter» закрывает окно

ПрИС 2 Проектирование пользовательского интерфейса 123 Диалоговое окно

ПрИС 2 Проектирование пользовательского интерфейса 124 Надписи

ПрИС 2 Проектирование пользовательского интерфейса 125 Надписи

ПрИС 2 Проектирование пользовательского интерфейса 126 Пример неудачного интерфейса

ПрИС 2 Проектирование пользовательского интерфейса 127 Унификация интерфейса ИС

ПрИС 2 Проектирование пользовательского интерфейса 128 Всплывающие подсказки

ПрИС 2 Проектирование пользовательского интерфейса 129 Что это? Путеводитель по сайту

ПрИС 2 Проектирование пользовательского интерфейса 130 Работа с меню все функции системы должны быть доступны через главное меню делайте недоступными пункты меню, если выполнение функции в данной ситуации запрещено назначайте «горячие» клавиши для функций

ПрИС 2 Проектирование пользовательского интерфейса 131 Текст справки неоднозначность, пропущенные слова Кнопка А вызывает действие Б, а кнопка В – Д. Кнопка А вызывает действие Б, а кнопка В вызывает действие Д.

ПрИС 2 Проектирование пользовательского интерфейса 132 Текст справки некорректная структура текста Нажмите кнопку А, чтобы сделать Б. Чтобы выполнить действие Б нажмите кнопку А. Сделайте Б, после того как вы сделали А. Сделайте А, а затем сделайте Б.

ПрИС 2 Проектирование пользовательского интерфейса 133 Текст справки используйте повелительное наклонение используйте обращение к пользователю не используйте деепричастные обороты не используйте отглагольные существительные не используйте отрицательные формулировки Не удаляйте нужные файлы.

ПрИС 2 Проектирование пользовательского интерфейса 134 Ввод, редактирование и просмотр данных

ПрИС 2 Проектирование пользовательского интерфейса 135 Интерфейс Web-сайта Usability Архитектура и навигация Планировка и дизайн Содержание Формы и взаимодействие Графика Цвета Оформление текста Устойчивость к ошибкам Платформа и особенности реализации

ПрИС 2 Проектирование пользовательского интерфейса 136 Интерфейс Web-сайта Архитектура и навигация Соответствует ли структура сайта целями, для достижения которых он предназначен? Понятна ли схема навигации? Можно ли определить в каком месте сайта вы находитесь? Как вы находите на сайте то, что вам нужно? Является ли разумным количество элементов в навигационных панелях? Логично ли отсортированы элементы навигационных панелей?

ПрИС 2 Проектирование пользовательского интерфейса 137 Интерфейс Web-сайта Архитектура и навигация Названия гиперссылок соответствуют названиям страницы? Гиперссылки выделены отчетливо? Существует ли отчетливо выделенная ссылка на главную страницу? Существует ли возможность поиска информации на сайте? Существует ли карта сайта?

ПрИС 2 Проектирование пользовательского интерфейса 138 Интерфейс Web-сайта Архитектура и навигация Каждая ли страница позволяет понять, на каком сайте вы находитесь? Может ли пользователь управлять навигацией по сайту?

ПрИС 2 Проектирование пользовательского интерфейса 139 Интерфейс Web-сайта Планировка и дизайн Размер страницы превышает размер окна? Схема планировка повторяется на всех страницах? Существует ли отчетливый фокус на каждой странице? Планировка визуально видна?

ПрИС 2 Проектирование пользовательского интерфейса 140 Интерфейс Web-сайта Планировка и дизайн Эффективно ли используется выравнивание? Эффективно ли используется группировка? Есть ли хороший контраст? Не громоздкая ли планировка? Нравится ли вам сайт эстетически?

ПрИС 2 Проектирование пользовательского интерфейса 141 Интерфейс Web-сайта Содержание Тексты на сайте понятны и лаконичны? Организован ли текст в виде небольших блоков? Встречаются ли в тексте грамматические и орфографические ошибки и опечатки? Содержат ли страницы вводный текст? Поддерживают ли мультимедийные компоненты задачи пользователя?

ПрИС 2 Проектирование пользовательского интерфейса 142 Интерфейс Web-сайта Содержание Являются ли единицы измерения, используемые на сайт понятными и не вызовут ли они трудностей при использовании их иностранцами? Представлены ли на сайте время и дата создания страниц? Представлены ли на сайте номера контактных телефонов? Представлены ли на сайте адреса с почтовыми индексами?

ПрИС 2 Проектирование пользовательского интерфейса 143 Интерфейс Web-сайта Формы и взаимодействие Соответствуют ли формы задачам пользователя? Обладают ли диалоги логичной последовательностью шагов? Обладают ли диалоги понятной кнопкой или ссылкой для перехода к следующему шагу? Являются ли диалоги последовательными и лаконичными?

ПрИС 2 Проектирование пользовательского интерфейса 144 Интерфейс Web-сайта Формы и взаимодействие Все ли элементы форм используются по назначению? Сгруппированы ли элементы формы по своей сути? Понятно ли выглядит кнопка отправки формы?

ПрИС 2 Проектирование пользовательского интерфейса 145 Интерфейс Web-сайта Графика Является ли качество используемой графики приемлемым? Все ли графические элементы имеют альтернативные текстовые надписи? Содержат ли графические элементы информацию о размере файла?

ПрИС 2 Проектирование пользовательского интерфейса 146 Интерфейс Web-сайта Графика Оптимизированы ли графические элементы для передачи по Интернету? Реагируют ли графические элементы на движения мышки? Это полезно? Используется ли анимация? Её не слишком много? Объем файлов приемлемый?

ПрИС 2 Проектирование пользовательского интерфейса 147 Интерфейс Web-сайта Цвета Подходящий ли выбор цветов для сайта? Используется ли слишком много цветов? Цвета используются логично и последовательно? Адекватно ли различаются используемые цвета в черно-белом режиме?

ПрИС 2 Проектирование пользовательского интерфейса 148 Интерфейс Web-сайта Оформление текста Являются ли тексты понятными? Размер шрифта достаточно большой? Цвет шрифта подходящий и достаточно контрастный? Отформатирован ли текст так, чтобы в строке было от 10 до 12 слов? Достаточной ли ширины поля вокруг текста? Гарнитура шрифта используется надлежащим образом и последовательно?

ПрИС 2 Проектирование пользовательского интерфейса 149 Интерфейс Web-сайта Устойчивость к ошибкам Должен ли пользователь что-нибудь запоминать, переходя между страницами? Возникает ли предупреждение при попытке совершения необратимых или дорогостоящих действий? Можно ли отменить рискованные или дорогостоящие действия? Перехватываются ли возникающие ошибки локально, без обращения к серверу?

ПрИС 2 Проектирование пользовательского интерфейса 150 Интерфейс Web-сайта Устойчивость к ошибкам Содержат ли страницы с сообщением о возникших ошибках полезную информацию? Содержат ли страницы с пустыми результатами поиска советы по расширению условий поиска? Существует ли система помощи (справки)? Структурирована ли помощь по задачам пользователя? Объясняет ли она пользователю, как совершить то, или иное действие? Система помощи контекстно-зависимая?

ПрИС 2 Проектирование пользовательского интерфейса 151 Интерфейс Web-сайта Платформа и особенности реализации Загрузка страниц происходит достаточно быстро? Занимает ли она от 3 до 15 секунд? Все ли гиперссылки работают правильно? Существуют ли поврежденные графические элементы? Написан ли текст страниц так, чтобы их могли найти поисковые системы?

ПрИС 2 Проектирование пользовательского интерфейса 152 Интерфейс Web-сайта Платформа и особенности реализации Работает ли сайт с браузером пользователя? Работает ли сайт с оборудованием, которое использует пользователь? Работает ли сайт на мониторах высокого и низкого разрешения? Используются ли нестандартные plug-inы? Являются ли они необходимыми и полезными?

ПрИС 2 Проектирование пользовательского интерфейса 153 Заключение ИС должна активно помогать организовывать эффективную работу пользователя

ПрИС 2 Проектирование пользовательского интерфейса 154 Список литературы Головач Дизайн пользовательского интерфейса / Головач. СПб, – 146 с. Торрес Р. Дж. Практическое руководство по проектированию и разработке пользовательского интерфейса / Р. Дж. Торрес. М.: «Вильямс», – 400 с. Мунипов В.М. Эргономика: человекоориентированное проектирование техники, программных средств и среды / В.М.Мунипов, В.П.Зинченко. Логос, – 356 с. Кирсанов Д. Веб-дизайн / Д. Кирсанов. – СПб, 1999.

ПрИС 2 Проектирование пользовательского интерфейса 155 Список литературы Раскин Дж. Интерфейс: новые направления в проектировании компьютерных систем / Дж. Раскин. Символ-Плюс, – 272 с.