Теплопрофи.

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


ГЛАВА 5
ГЛАВА 5. Пользовательский интерфейс...
Значение пользовательского интерфейса
Значение пользовательского интерфейса Один из самых частых вопросов, которые задают в конференциях начинающие shareware-авторы — нужно ли делать для программы красивый пользовательский интерфейс?...
Основы построения интерфейсов
Основы построения интерфейсов Когда говорят о научных основах проектирования пользовательских интерфейсов, в первую очередь упоминают термин HCI. HCI — это аббревиатура английского Human-Computer...
Разработчики Microsoft Internet
Рисунок 5.1. Разработчики Microsoft Internet Explorer совершенно правильно предположили, что не все пользователи будут использовать по умолчанию И, наконец, третий принцип - "Программа должна...
Microsoft Access запрашивает подтверждение
Рисунок 5.2. Microsoft Access запрашивает подтверждение действия, которое не будет иметь никакого значения А этот пример особенно часто приводится в качестве иллюстрации к рассказу о "тупых&q...
Microsoft Word не слишком уверен
Рисунок 5.3. Microsoft Word не слишком уверен в собственных возможностях по преобразованию файлов Еще один известный пример интерфейса, который дает повод поразиться "глупости" компьютер...
Сообщение о возможной потере форматирования
Рисунок 5.4. Сообщение о возможной потере форматирования...
Эвристические правила Якоба Нильсена
Эвристические правила Якоба Нильсена Три основных принципа проектирования интерфейсов компьютерных программ, о которых я рассказал в предыдущем разделе, являются, безусловно, чрезвычайно полезными...
Видимость состояния системы (правило обратной связи)
Видимость состояния системы (правило обратной связи) Система (в данном случае — компьютерная программа) должна всегда информировать пользователя о состоянии своей работы с помощью соответствующих...
Информированность пользователя
Информированность пользователя Пользователь всегда должен иметь информацию о текущем статусе работы программы — например, сколько времени прошло от начала процесса копирования файлов, когда будет...
Средства обеспечения обратной связи
Средства обеспечения обратной связи Выбор конкретного средства обратной связи зависит от типа информации, которую нужно донести до пользователя, а также типа действия, которое вызывает потребность...
Сообщение о незначительных ошибках
Рисунок 5.5. Сообщение о незначительных ошибках в строке состояния Internet Explorer Что касается зависимости выбора средства обратной связи от типа действия, вызывающего ее, то традиционно считае...
Реакция текстового редактора Microsoft
Рисунок 5.6. Реакция текстового редактора Microsoft Word на выбор пользователем команды меню Статистика Часто реакция на одно и то же действие различается именно в зависимости от того, кем это дей...
Время оповещения
Время оповещения Промежуток времени, в который пользователь получает информацию о реакции на его действие или о событии, должен быть минимальным. Это особенно важно, т. к. от наличия или отсутстви...
Равенство между системой и реальным миром
Равенство между системой и реальным миром Система должна разговаривать с пользователем на его языке. Имеется в виду не язык его страны, хотя это тоже имеет значение. В данном случае подразумеваетс...
Интерфейс имитирующий лицевую
Рисунок 5.7. Интерфейс, имитирующий лицевую панель проигрывателя компакт-дисков Самый распространенный пример реализации этого принципа — построение интерфейсов, имитирующих объекты реального мира...
В окне программы WinAmp кнопка
Рисунок 5.8. В окне программы WinAmp кнопка со сгрелкой, направленной вверх, не открывает лоток CD-ROM-привода, а вызывает окно Открыть файл А вот дизайн популярной программы Lotus Organizer, наоб...
Свобода действий пользователя
Свобода действий пользователя Пользователь должен иметь контроль над системой и возможность изменить текущее состояние программы. Очень часто пользователь дает различные команды по ошибке (наприме...
Свойство кнопки Cancel в среде
Рисунок 5.9. Свойство кнопки Cancel в среде Borland Delphi определяет, будет ли кнопка срабатывать при нажатии клавиши <Escape> Еще одно, причем немаловажное, средство выхода из ошибочной си...
Последовательность и стандарты
Последовательность и стандарты Принцип последовательности означает использование одних и тех же средств для выражения схожих образов и выполнения действий, имеющих одинаковую природу. Принцип посл...
Однаединственная форма "нетрадиционной
Рисунок 5.10. Одна-единственная форма "нетрадиционной ориентации" придает всему интерфейсу крайне непрофессиональный вид Принцип последовательности — одно из важнейших правил проектирова...
Предупреждение ошибок
Предупреждение ошибок Этот принцип широко распространен и в обычной жизни, вне сферы компьютеров и интерфейсов для них. "Пожар легче предупредить, чем потушить" - гласил один из плакатов...
Понимание лучше чем запоминание
Понимание лучше, чем запоминание При разработке интерфейса нужно делать все объекты, функции, действия видимыми и легко доступными пользователю. Минимизируйте запоминание — пользователь не должен...
Гибкость и эффективность использования
Гибкость и эффективность использования Правило вполне закономерное, ведь программа в первую очередь должна решать задачу (см. разд. "Основы построения интерфейсов" данной главы), над кот...
Меню Файл с командами вызова недавно открывавшихся файлов
Рисунок 5.11. Меню Файл с командами вызова недавно открывавшихся файлов Еще одна составляющая часть правила "Гибкость и эффективность использования" — необходимость предоставлять пользов...
В меню сначала показываются часто
Рисунок 5.12. В меню сначала показываются часто выполняемые команды, а после щелчка по стрелке — все остальные...
Эстетичный и минималистический дизайн
Эстетичный и минималистический дизайн Если выразиться проще, то это правило означает: "Ничего лишнего". Не нужно загромождать интерфейс программы элементами, которые в данном случае явля...
Распознавание и исправление ошибок
Распознавание и исправление ошибок "Помогайте пользователю, распознавать и исправлять ошибки" - говорит Якоб Нильсен. Это правило определяет проектирование сообщений об ошибках. Хорошие...
Описание ошибки
Описание ошибки Оно должно быть четким, ясным и понятным, давать пользователю всю необходимую информацию о причинах и месте возникновения ошибки. Многие разработчики программ опасаются делать сооб...
После нажатия кнопки Подробнее
Рисунок 5.13. После нажатия кнопки Подробнее появляется дополнительная информация об ошибке При составлении описаний ошибок нужно не забывать проверять правильность сообщений, генерируемых програм...
Описание решения проблемы
Описание решения проблемы Как уже упоминалось выше, информация о том, как исправить ошибку или решить проблему имеет даже большее значение, чем собственно описание ошибки или проблемы. Ведь подска...
Справка и документация
Справка и документация Принцип о необходимости предоставления справочной системы и документации к программе, идущий в списке Якоба Нильсена последним, не становится от этого менее важным. Составле...
Другие принципы построения интерфейсов
Другие принципы построения интерфейсов Конечно, помимо эвристических правил Якоба Нильсена, тех минимальных требований, которым должен удовлетворять интерфейс любой программы, существует довольно...
Золотое сечение
Золотое сечение Золотое сечение — это самая комфортная для глаза пропорция. Форма, в основе построения которой лежит сочетание симметрии и золотого сечения, способствует наилучшему зрительному вос...
Кошелек Миллера
Кошелек Миллера Этот принцип назван так в честь ученого-психолога Г. А. Миллера, который исследовал кратковременную память, проверяя выводы, сделанные ранее его коллегой, Г. Эббингаузом. Эббингауз...
Принцип группировки
Принцип группировки Согласно этому правилу, экран программы должен быть разбит на ясно очерченные блоки элементов, может быть, даже с заголовком для каждого блока. При этом группировка, естественн...
Бритва Оккама или KISS
Бритва Оккама или KISS Философский принцип, носящий название "Бритва Оккама", гласит: "Не множить сущности без надобности". Или, как говорят американцы, KISS ("Keep It Sim...
Видимость отражает полезность
Видимость отражает полезность Смысл этого принципа состоит в том, чтобы вынести самую важную информацию и элементы управления на первый план и сделать их легкодоступными пользователю, а менее важн...
Умное заимствование
Умное заимствование Заимствование широко распространенных приемов дизайна интерфейсов и удачных находок авторов конкурирующих программ позволяет резко сократить время обучения и повысить комфорт п...
Типы интерфейса Windowsпрограмм
Типы интерфейса Windows-программ В справочниках по созданию приложений для Windows интерфейсы программ традиционно делятся на два вида: однодокументный и многодокументный интерфейсы. Однодокументн...
Пример реализации многодокументного интерфейса
Рисунок 5.15. Пример реализации многодокументного интерфейса Примеры реализации MDI-интерфейса - это, в частности, различные многооконные, редакторы: текстов, изображений, музыки, системы управлен...
Создание профессионального интерфейса
Создание профессионального интерфейса Иногда бывает достаточно одного взгляда, чтобы определить, что интерфейс программы делался новичком-любителем: настолько они отличаются от интерфейсов продукт...
Стандартные элементы интерфейса
Стандартные элементы интерфейса Постарайтесь не использовать в своей программе нестандартные элементы интерфейса - например, командные кнопки не только с текстом, но и с рисунком, или комбинирован...
Небольшая палитра инструментов
Небольшая палитра инструментов Логическое развитие правила применения стандартных элементов: не используйте слишком большое их количество. Например, если где-то в одном из диалоговых окон программ...
Пример непоследовательного выбора
Рисунок 5.16. Пример непоследовательного выбора элементов управления: в двух функционально похожих окнах используются кнопки разного вида пример реализации принципа последовательности, сформулиров...
Одинаковое расстояние между элементами управления
Одинаковое расстояние между элементами управления Если элементы управления на форме приложения располагаются на разном расстоянии между ними, то это сразу придает интерфейсу непрофессиональный вид...
Различное расстояние между элементами
Рисунок 5.17. Различное расстояние между элементами управления придает интерфейсу непрофессиональный вид...
TabOrder "Правильный" порядок
TabOrder. "Правильный" порядок TabOrder — это порядок, в котором экранный курсор перемещается по элементам управления в форме при нажатии клавиши <Таb> на клавиатуре компьютера. На...
Выбор шрифтов
Выбор шрифтов Здесь все просто — автор не должен выбирать никаких шрифтов. Оставьте их такими, какими они определены по умолчанию, а лучше — укажите в свойстве Шрифт (Font) соответствующие глобаль...
Масштабирование шрифтов
Масштабирование шрифтов Нужно учитывать, что на разных компьютерах установлены различные по масштабу шрифты: одни пользователи предпочитают крупный шрифт, другие — более мелкий. Из-за этого тексто...
Выбор цветов
Выбор цветов Здесь ситуация в точности такая же, как и со шрифтами: никакого выбора. При проектировании интерфейса нужно вообще забыть о свойстве Цвет (Color) элементов управления. Оставьте цвета...
Альтернативное управление
Альтернативное управление Ваша программа должна одинаково хорошо управляться как с помощью мыши, так и клавиатуры. Не должно быть функций, которые можно выполнить только мышью (за исключением трад...
Кирпичики интерфейса
Кирпичики интерфейса Итак, вы познакомились с теорией проектирования интерфейсов и практическими рекомендациями по выбору типа интерфейса и приданию ему профессионального вида. Настало время погов...
Заголовок окна (формы)
Заголовок окна (формы) Хотя в палитрах доступных программисту компонентов современных систем создания приложений отсутствует такой элемент управления, как заголовок окна, он определяется свойством...
При взгляде на Панель задач можно
Рисунок 5.18. При взгляде на Панель задач можно легко узнать, какой документ открыт в Microsoft Word, а вот какие документы загружены в UltraEdit, Aditor и Adobe Photoshop — нет т. к. при чтении...
Командные кнопки
Командные кнопки Наиболее частая ошибка начинающих разработчиков интерфейсов — использование в проекте нестандартных кнопок, включающих, помимо текста, также и графику. Во-первых, из-за обычно нев...
Текстовые подписи
Текстовые подписи Казалось бы, какие "подводные камни" могут быть при использовании одного из самых простых элементов управления — Label? Во-первых, не забудьте о масштабировании шрифтов...
Меню
Меню Список команд по работе с программой, предлагаемых на выбор пользователя — одно из самых старых и универсальных средств организации интерфейса компьютерных программ. В самых первых программах...
Меню грамотно спроектированной
Рисунок 5.19. Меню грамотно спроектированной программы чрезвычайно информативно Замечание 3Замечание 3 Если главное окно программы выполнено в виде диалога, т. е. окна, имеющего фиксированную гран...
Даже самая простая программа должна иметь меню
Рисунок 5.20. Даже самая простая программа должна иметь меню И, конечно же, не стоит забывать о контекстных меню — меню, появляющихся при щелчке правой кнопкой мыши на каком-либо объекте и содержа...
Списки
Списки Элемент управления Список (ListBox) один из самых популярных во всей палитре компонентов для создания интерфейса. Он позволяет легко просматривать большие объемы информации и осуществлять в...
Флажки и переключатели
Флажки и переключатели Флажки (Checkboxes) и переключатели (Option Buttons) используются для одной цели: для выбора из группы предложенных вариантов. Разница между ними, как вам, наверное, известн...
Панели инструментов
Панели инструментов Кнопочные панели инструментов (Toolbars) - излюбленный компонент многих разработчиков. С ним окно программы сразу приобретает более привлекательный, солидный и профессиональный...
Панель инструментов Adobe Photoshop
Рисунок 5.21. Панель инструментов Adobe Photoshop Тип границы кнопок на панелях инструментов — тоже не такой простой вопрос, как кажется. Традиционно кнопки на инструментальных панелях точно так ж...
Свойство Flat компонента Toolbar
Рисунок 5.22. Свойство Flat компонента Toolbar отвечает за "плоский" вид панели...
Вкладки
Вкладки Вкладки (Tabs) широко используются при проектировании интерфейсов современных программ, с тех самых пор, как вышла Windows 95, в которой практически каждое диалоговое окно содержало вкладк...
Всплывающие подсказки
Всплывающие подсказки Всплывающие подсказки (ToolTips) — это, конечно, не самостоятельные элементы управления, хотя в коллекциях компонентов и можно найти модули для создания сложных (многострочны...
Всплывающая подсказка на Строке состояния
Рисунок 5.23. Всплывающая подсказка на Строке состояния Тем не менее, иногда встречаются программы, интерфейс которых словно шевелится: такой эффект создают всплывающие подсказки, выскакивающие бу...
Осторожно скины
Осторожно: скины Скин (англ, skin — кожа, шкура) — это набор графических изображений, с помощью которых можно менять внешний вид программы. Естественно, сама эта программа должна поддерживать рабо...
Каталог скинов на сайте www winamp com
Рисунок 5.24. Каталог скинов на сайте www.winamp.com Таким образом, сделав свой продукт совместимым со "шкурам" WinAmp, вы одним выстрелом убиваете не двух, а трех зайцев, получая: деся...


- Начало -