User interface design -

advertisement
Оценка эргономики сайта
1. Критерии оценки включают много факторов, позволяющих оценить эргономику
сайта.
2. Для более точной оценки следует анализировать наиболее характерные факторы,
которые подбираются с учётом специфики сайта.
Навигация
Рейтинг
Обоснование рейтинга
Рейтинг
Обоснование рейтинга
Действия пользователя на сайте Рейтинг
Обоснование рейтинга
Четкая идентификация
местоположения пользователя
внутри сайта
Легкость нахождения ссылки на
основную страницу
Использование «хлебных крошек»
для облегчения навигации
Ссылки на важнейшие разделы
сайта с основной страницы
Наличие карты сайта (для
информационно насыщенного
сайта)
Удобство выполнения поиска на
сайте
Возможность поиска среди
результатов предыдущего поиска
Функциональность сайта
Приспособленность сайта как для
новичков, так и для опытных
пользователей
Наименование функций на сайте
четкое и понятное
Все наиболее важные функции
выполняются в пределах сайта,
пользователь не перенаправляется
на другие сайты
Использование плагинов только
для добавления функциональности
Сайт отражает процесс работы
пользователя
Пользователь может отменить
любую операцию
Возможность выхода пользователя
присутствует на каждой странице
Объем страниц сайта не превышает
150К
Работа пользователя на сайте не
зависит от используемых
браузеров
Язык и наполнение сайта
Рейтинг
Обоснование рейтинга
Рейтинг
Обоснование рейтинга
Рейтинг
Обоснование рейтинга
Выделение существенно важной
информации и функций
Отсутствует ненужная или
неактуальная информация
Взаимосвязанная информация и
задачи сгруппированы:
- на той же странице или меню
- в одной области страницы
Язык четкий и понятный, без
использования жаргона
Разумные размеры абзацев текста
Ссылки легко распознаются и не
теряются среди текста
Каждая страница содержит дату
последнего обновления
Специальные термины поясняются
Помощь и руководства
При работе с сайтом может
потребоваться лишь минимальная
помощь и инструкции
Помощь и инструкции легко
доступны в случае необходимости
Обратная связь
Пользователь информируется
чётко и ясно о том, как будет
обработан его запрос
Пользователь имеет возможность
получить ответ по электронной
почте
Пользователь имеет возможность
отправить информацию для
обратной связи через электронную
почту или WEB-форму
Подтверждение при отправке
данных
Реакция системы своевременная и
без задержек
Пользователь предупреждается,
если для браузера нужен
дополнительный плагин
Оценка HTML кодирования
Сайт соответствует стандартам
HTML/XHTML и CSS
Макетирование и оформление
материала выполнено только
средствами CSS
Изображения и анимации:
атрибут ALT присутствует для
всех изображений, анимаций и
других объектов
Карты изображений: сайт
содержит карты изображений и
текстовые подписи для активных
областей (TITLE=)
Мультимедиа: присутствуют
видео- и аудио- материалы и их
описания
Для документов PDF присутствует
версия для WEB
Названия ссылок такие, что не
требуют пояснений; сайт не
содержит ссылок типа «нажми
здесь»
Страница выглядит завершенной и
имеет четкую структуру, что
достигается применением
заголовков, списков и т.д.
Скрипты, апплеты и плагины:
поддержка альтернативного
наполнения при отсутствии
поддержки браузером
Фреймы: наличие раздела
NOFRAMES и для сайта с
фреймами
Таблицы удобны в чтении, при
этом SUMMARY включено, где
только возможно
Тестирование на соответствие
стандартам W3C выполнено с
использованием сервиса
http://validator.w3.org
Тестирование сайта на различных
платформах (UNIX, Windows, Mac)
и браузерах (Netscape; IE, FireFox,
lynx)
Рейтинг
Обоснование рейтинга
Названия разделов на сайте
Рейтинг
Обоснование рейтинга
Рейтинг
Обоснование рейтинга
Рейтинг
Обоснование рейтинга
Для одних и тех же элементов
сайта используются одни и те же
названия (например, если поле
поиска на одной странице
называется «искать», а на другой –
«найти», то требование не
выполнено)
Название ссылки отражает
название страницы, на которую та
ссылается
Элемент <TITLE> соответствует
названию страницы
Предупреждение возможных
ошибок
Пользователь должен
распознавать, а не запоминать
информацию
Сайт адекватно реагирует на
любые действия, совершаемые
пользователем
Для элементов формы
отображаются требования к
формату и содержимому полей
Сообщения об ошибках
отображаются, а не скрываются
Сообщения об ошибках
отображаются в текстовом виде
Сообщения об ошибках содержат
рекомендации по решению
проблемы
Сообщения об ошибках содержат
четкий и понятный механизм
возврата
Сообщения об ошибках содержат
контактную информацию
Визуальный дизайн сайта
Сайт спланирован с учетом
дальнейших перспектив развития
Организация сайта понятна
пользователю
Дизайн и макет сайта открытый и
лаконичный
Усложненный дизайн и макет
сайта используется только для
повышения продуктивности
работы пользователя
Наличие свободного пространства
на странице, не чрезмерная
плотность заполнения
Отсутствуют анимации, не
несущие никакой смысловой
нагрузки
Цвета посещенных и
непосещенных ссылок четкие и
понятные
Шрифтовые выделения
(полужирным и курсивом)
используется, но в меру,
подчёркивание используется
только для ссылок
Download