- •Оглавление
- •Введение
- •Факторы
- •Скорость выполнения работы
- •Длительность реакции системы
- •Человеческие ошибки
- •Типы ошибок
- •Два уровня ошибок и обратная связь
- •Обучение работе с системой
- •Средства обучения
- •Спиральность
- •Субъективное удовлетворение
- •Эстетика
- •По острию ножа
- •Вон отсюда, идиот!
- •Пароли
- •Самовыражение
- •Всячина
- •Память
- •Навигация
- •Инвентарь
- •Элементы управления
- •Кнопки
- •Списки
- •Комбобоксы
- •Поля ввода
- •Ползунки
- •Меню
- •Типы меню
- •Устройство меню
- •Контекстные меню
- •Окна
- •Типы окон
- •Недолгая история окон на экране
- •Элементы окна
- •Структура окна
- •Перемещение в пределах окна
- •Остальное
- •Пиктограммы
- •Курсоры
- •Цвет
- •Звук
- •Процесс
- •Три шага к совершенству
- •Первоначальное проектирование
- •Определение необходимой функциональности системы
- •Проектирование общей структуры
- •Сбор полной схемы
- •Проверка схемы по сценарию
- •Построение прототипа
- •Первая версия. Бумажная
- •Вторая версия. Презентация
- •Третья версия
- •Четвертая версия
- •Заключение
- •Предметный указатель
борчивость. При старой моде, равнодушно относящейся к цвету, если одна пиктограмма в ряду содержала много синего цвета, она отличалась от остальных, не синих. Серая панель инструментов, к сожалению, такого достоинства не имеет. Так что и старая мода и новая имеют определенные достоинства: выбирать вам.
Обратите внимание, что этот раздел не заменяет, а дополняет сведения, которые можно почерпнуть из руководств разработчика, публикуемых создателями операционных систем.
Курсоры есть замечательное средство обеспечения обратной связи. Так, |
Курсоры |
всякий раз, когда пользователь подводит курсор к углу окна, курсор из# |
|
меняется, показывая пользователю, что форму окна можно увеличить. |
|
К сожалению, у курсоров есть и обратная сторона: пользователи способны |
|
примириться с некрасивой пиктограммой, поскольку они могут не смот# |
|
реть на неё, примириться же с некрасивым курсором они не могут, потому |
|
что они вынуждены смотреть на него всё время, пока он присутствует на |
|
экране. |
|
Поэтому правило использования курсоров звучит следующим образом: |
|
используйте индикацию видом курсора во всех случаях, когда вы можете |
|
сделать это эстетически привлекательно; в остальных случаях о курсорах |
|
даже и не думайте. |
|
Но что вообще входит в понятие «красивого курсора»? Это, по преиму# |
|
ществу, все внешние курсоры, неважно, откуда они приходят, из ОС для ПО |
|
или CSS для сайта (набор курсоров в обоих источниках практически |
|
совпадают). Можно, конечно, нарисовать и собственные курсоры, но я не |
|
рекомендую это делать, поскольку все хорошие курсоры уже были кем#то |
|
нарисованы, так что вы можете легко нарушить чьи#то авторские права. |
|
Если же вы всё#таки решитесь рисовать собственные курсоры, старайтесь |
|
придерживаться двух правил: избегайте цвета и делайте курсоры такими, |
|
чтобы активная точка курсора (которая указывает) была возможно ближе к |
|
верхнему левому краю курсора. |
|
|
|
Пожалуй, ни одна тема не вызывает у дизайнеров такого интереса и вооду# |
Цвет |
шевления, как цвет. Извечные споры «какой колёр лучше» не утихают и не |
|
утихнут, похоже, никогда. Однако в рамках этой книги нет места для этих |
|
споров, так что мы ограничимся малым. |
|
Во#первых, следует сразу сказать, что цветами невозможно передавать |
|
пользователям сколько#нибудь сложную информацию. Как правило, схемы |
|
типа «этот объект тёмный, значит…» не работают, поскольку требуют от |
|
пользователей длительной тренировки. С другой, стороны, люди хорошо |
|
способны замечать и анализировать взаимосвязи цветов, так, строки в |
|
таблице, окрашенные в разные цвета, подсознательно будут группировать# |
|
ся пользователями по цветовому признаку. Обратите внимание, что |
|
работать это будет только при очень ограниченном числе используемых |
|
цветов (как можно догадаться, максимальное число цветов равно объему |
|
кратковременной памяти). Однако на практике, всё, что можно передать |
|
цветом, умещается в одно предложение: для всех красный цвет обозначает |
|
«нельзя» или «осторожно», для многих людей зеленый обозначает «пое# |
|
хали» (от умения пользоваться светофором; интересно, что желтый цвет не |
|
работает, хотя должен). Реально актуальна только первая половина пре# |
|
дложения, поскольку в нашем деле фраза «для многих людей» часто значит |
|
«ни для кого». |
|
Не используйте кодирование цветом без крайней необходимости, когда же вы всё&таки его используете, добавляйте дополнительные способы индикации
WWW . UI BOOK . R U | В ЛАД В . Г ОЛОВАЧ | ДИЗ АЙН ПИ: О СТАЛ ЬНОЕ |
|
Во#вторых, восприятие цвета индивидуально, при этом порой слишком сильно. Я не имею в виду дальтоников (хотя и их тоже), просто достаточно большое количество людей использует старые мониторы, на которых цвета «поехали», и, что более важно, с возрастом зрение слабеет, при этом види# мые цвета темнеют и выцветают. Это значит, что нельзя использовать цвет как единственный индикатор чего#либо, обязательно должен быть и другой признак. Из#за этой индивидуальности восприятия цветов происходит другое правило: позволяйте пользователю самому выбрать цвета, поскольку цвет, нравящийся одному человеку, возможно, будет вызывать омерзение у другого (желательно делать это системными средствами).
Звук, как и цвет, в интерфейсе не есть вещь абсолютно необходимая. |
Звук |
Скажем так, он практически не может делать что#либо полезное, помимо |
|
индицирования конца какого#либо процесса (благодаря которому пользо# |
|
ватель освобождается от необходимости поминутно поглядывать на экран). |
|
Это происходит вовсе не потому, что звук плох, но лишь потому, что очень |
|
незначительное количество компьютеров имеет работающие звуковые |
|
подсистемы. Только в играх можно рассчитывать на наличие звука, исходя# |
|
щего из компьютера пользователя. Таким образом, звука мы оказываемся |
|
лишены. В то же время и о звуке есть что сказать, хотя и не много. |
|
Система, завершив какую&либо длительную операцию, должна пищать
Во#первых, восприятие звуков у каждого человека уникально ещё более чем даже восприятие цвета. Если пользователям полезно давать возможность изменить цвета системы, то применительно к звукам правило звучит более жестко: обязательно позволяйте пользователю самому выбирать звуки (и уж как минимум отключать их вовсе). Во#вторых, возможность издавать полноценные звуки есть отнюдь не у каждого компьютера, в особенности это касается офисных машин: у кого#то нет звуковой платы, кому#то запрещают включать звук, чтобы не раздражать соседей по комнате. Это значит, что издавать писк при окончании операции нужно не с помощью звуковой платы, а с помощью зуммера, который есть в каждом компьютере. В#третьих, надо всегда помнить, что качественный и приятный фоновый звук чаще всего не воспринимается пользователями как благо, но зато при этом звуке субъективно улучшается изображение (процентов на 20). Это и есть главный аргумент за хороший звук.
WWW . UI BOOK . R U | В ЛАД В . Г ОЛОВАЧ | ДИЗ АЙН ПИ: О СТАЛ ЬНОЕ |
|