metoda_2013

ПРАКТИЧЕСКАЯ ЧАСТЬ

8.1Отсутствие горизонтального скрола

8.2Обеспечьте быстрый скрол для чтения

8.3Использование страниц со скролом для чтения

8.4Использование нумерации страниц вместо скрола

8.5Скрол хуже заполненных страниц

9.1Используйте ясные названия категорий

9.2Давайте страницам осмысленные заголовки

9.3Используйте информативные заголовки

9.4Используйте уникальные и информативные заголовки

9.5Выделяйте («подсвечивайте») важную информацию

9.6Используйте информативные заголовки строк и столбцов

9.7Используйте заголовки в соответствующем HTML-порядке

9.8Предоставьте пользователям возможности сокращения выбора

10.1Используйте выразительные заголовки для ссылок

10.2Ссылки на связанную информацию

10.3Называйте ссылки в соответствии с названием страницы назначения

10.4Избегайте вводящих в заблуждение меток

10.5Повторение важных ссылок

10.6Использование текстовых ссылок

10.7Пометка посещенных ссылок

10.8Предоставление подходящих меток, обозначающих возможность нажатия

10.9Ссылки в тексте понятны

10.10Использование «наведение и нажатие»

10.11Использование подходящих по длине текстовых ссылок

10.12Различия между внутренними и внешними ссылками

10.13Четкое обозначение границ нажимаемых полей картинки

10.14Ссылки на вспомогательную информацию

11.1Использование черного текста, высоко-контрастные фоны

11.2Форматируйте схожих объектов одинаково

11.3Используйте и прописные, и строчные буквы в тексте

11.4Сохраняйте визуальное постоянство

11.5Используйте жирный шрифт экономно

11.6Используйте привлекающие внимание эффекты

11.7Используйте знакомые шрифты

11.8 Используйте как минимум 12 размер шрифта

11.9Выделение цветом

11.10Выделение главного

510

ПРАКТИЧЕСКАЯ ЧАСТЬ

11.11 Выделение (подсветка) информации

12.1Расположите элементы так, чтобы максимально увеличить эффективность использования

12.2Размещайте важные элементы в начале списка

12.3Отформатируйте списки для более удобного просмотра

12.4Отображайте сходные элементы в списке

12.5Озаглавьте каждый список

12.6Используйте статическое меню

12.7Начинайте нумерацию с единицы

12.8Выбирайте соответствующий тип списка

12.9Первое слово в списке пишите с заглавной буквы

13.1Помечайте необходимые и необязательные поля ввода данных

13.2Понятно помечайте кнопки

13.3Согласованно помечайте поля ввода данных

13.4Не делайте вводимые пользователем символы чувствительными к регистру

13.5Понятно помечайте поля ввода данных

13.6Сводите к минимуму ввод данных пользователем

13.7Помещайте метки вблизи полей ввода данных

13.8Позвольте пользователям видеть введенную ими информацию

13.9Используйте селективные кнопки для выбора взаимно исключающих элементов

13.10Используйте привычные интерфейсные элементы

13.11Предупреждение о типичных ошибках пользователя

13.12Разделяйте длинные элементы данных

13.13Используйте метод единого ввода данных

13.14Реализованы приоритеты кнопок

13.15Использование кнопок-флажков для множественного

выбора

13.16Подписаны единицы измерения

13.17Не ограничена видимость опций выпадающего списка

13.18Отображаются значения по умолчанию

13.19Расположение курсора в самом первом поле ввода

13.20Двойной щелчок не причина проблем

13.21Использование открытых списков для выбора одного из многих

13.22Использование полей ввода данных для ускорения быстродействия

13.23Использование как минимум двух радио кнопок-

переключателей

511

ПРАКТИЧЕСКАЯ ЧАСТЬ

13.24Предусмотрена автоматическая табуляция

13.25Минимизировано использование клавиши Shift

14.1Использование простых фоновых картинок

14.2Картинки-ссылки помечены

14.3Картинки не загружаются долго

14.4Использование видео, анимации, и аудио

14.5Использование логотипа

14.6Графика не должна выглядеть как баннер

14.7Большие изображения ограничены

14.8Проследи за пояснительными сообщениями к картинкам на веб-сайте

14.9Ограничено использование изображений

14.10Использование диаграмм с актуальными данными

14.11Графическое отображение информации для мониторинга

14.12Введение к анимации

14.13Эмуляция объектов реального мира

14.14Использование уменьшенных изображений в качестве предпросмотра для больших изображений

14.15Использование изображений для обучения

14.16Использование фотографий людей

15.1Делайте понятный порядок действий

15.2Избегайте жаргонизмов

15.3Используйте знакомые слова

15.4Определяйте акронимы и аббревиатуры

15.5Используйте аббревиатуры разумно

15.6Используйте смешанный регистр в непрерывном тексте

15.7Ограничивайте число слов и предожений

15.8Ограничивайте использование текста на страницах с навигацией

15.9Используйте активный залог

15.10Пишите инструкции в утвердительной форме

15.11Делайте первые предложения исчерпывающими

512

ПРАКТИЧЕСКАЯ ЧАСТЬ

Общие принципы

Простота и естественность для пользователя,

оперирование его понятиями и представлениями.

Обеспечение обратной связи. При клике на ссылку или кнопку пользователь должен увидеть ожидаемую реакцию. Когда этой реакции нет (например, ссылка на главной странице на главную страницу) возникает раздражение за бесполезное действие;

Единообразие. Элементы управления (меню) должны всегда находится в одном месте, и иметь идентичный дизайн на всех страницах сайта.

Принцип распознавания. Пользователь должен иметь возможность использовать введенные им сведения. Например, при регистрации, если пользователь ошибся при переходе на новую страницу, согласитесь, что не корректно просить пользователя повторно вводить данные.

Устойчивость (терпимость) к ошибкам.

Принципы проектирования интерфейсов пользователя

513

ПРАКТИЧЕСКАЯ ЧАСТЬ

Принципы Usability (Нильсен, 2001)

1.Видимость статуса системы

2.Связь между системой и реальным миром

3.Управление и свобода пользователя

4.Согласованность и стандарты

5.Помощь пользователю в обнаружении, диагност-нии и исправл. ошибки

6.Предотвращение ошибки

7.Узнавание, а не вспоминание

8.Гибкость и эффективность использования

9.Эстетический и минимальный дизайн

10.Помощь и документация

8 золотых правил дизайна интерфейса

1.Стремитесь к согласованности Одинаковая последовательность действий для аналогичных ситуаций. Идентичная терминология(подсказка, меню, приглашение). Последовательный визуальный формат (шрифты, цвет и д.р.).

2.Обеспечьте универсальнсть использования

3.Предлагайте информационную обратную связь. Для каждого действия пользователя система должна предоставлять обратную связь. Важность задачи влияет на тип обратной связи

4.«Проект общается, чтобы давать закрытие». Проект спрашивает подтверждение перед выполнением действия

5.Предотвращение ошибок. Уменьшайте количество ошибок, которые может совершить пользователь

6.Простая отмена действий

7.«Поддержите внутреннее местоположение управления». Элементы управление всегда на 1ом месте. Встроенная автоматизация действий пользователя.

8.Уменьшите краткосрочную нагрузку памяти. Люди помнят 7+/- 2 фрагмента информации. Делайте простые интерфейсы, Многостраничные окна должны быть похожи.

Семь стадий

1.Формирование цели

2.Формирование задач

3.Определение действия

4.Выполнение действия

514

ПРАКТИЧЕСКАЯ ЧАСТЬ

5.Восприятие состояния системы

6.Интерпретация состояния системы

7.Оценка результата

Модель Нормана концентрируется на взгляде пользователя на интерфейс

515