- •1. Интерфейс создан для интерактивности
- •2. Ясность — задача номер 1
- •3. Удерживайте внимание любой ценой
- •4. Предоставьте пользователю контроль над ситуацией
- •5. Прямое взаимодействие лучше
- •6. Одно главное действие на экран
- •7. Оставьте второстепенные действия второстепенными
- •8. Обеспечьте естественный следующий шаг
- •9. Форма следует за функцией
- •10. Последовательность имеет значение
- •11. Строгие визуальные иерархии работают лучшим образом
- •12. Порядок разгружает мозг
- •13. Используйте цвет для выделения, а не создания смысла
- •14. Постепенное появление
- •15. Помогайте пользователям по ходу
- •16. Решающий момент: нулевой шаг
- •17. Существующие проблемы — самые главные
- •18. Лучший дизайн незаметен
- •19. Черпайте вдохновение в других областях
- •20. Интерфейсы создаются, чтобы ими пользовались
- •2. Wimp-интерфейс
- •1.6. Дополнительные элементы wimp-интерфейса
1.6. Дополнительные элементы wimp-интерфейса
Полоса прокрутки
Для перемещения текста в окне с помощью мыши существуют так называемые линейки скроллинга, или полосы прокрутки. Они бывают горизонтальными и вертикальными.
Размеры рабочей области окна порой значительно превосходят размер рабочей области экрана. Поэтому может случиться, что даже в распахнутом во весь экран окне не будет, целиком помещаться текст или изображение, с которым работает пользователь.
Для того чтобы просмотреть содержимое рабочей области уже в интерфейсе командной строки использовалась операция скроллинга , или прокрутки. При нажатии на определенные клавиши экран мог сдвигаться на одну позицию (символ или строку) вверх, вниз, вправо и влево. При нажатии других клавиш текст перемещался на один экран влево, вправо, вверх и вниз. С появлением WIMP - интерфейса эти же операции стали осуществляться при помощи мыши. Таким образом, появились полосы прокрутки. Для прокрутки текста в окне вверх-вниз стала использоваться вертикальная, а для перемещения вправо-влево – горизонтальная линия прокрутки.
Горизонтальная полоса расположена в нижней области окна справа, а вертикальная - на правой границе области внизу. Полосы имеют две стрелки на краях полосы, собственно полосы и маркера, показывающего положение выводимого участка текста относительно его правой и левой границы - для горизонтальной полосы, или его верхней и нижней строки - для вертикальной полосы.
Ползунок
Ползунок (slider) позволяет (с некоторым шагом) изменять числовое значение связанной с ним величины. Для этого ползунок перетаскивается на нужное место. Вообще ползунок очень похож на линейку прокрутки, однако он отличается от нее внешним видом и отсутствием стрелок на концах.
Рис. Стандартный ползунок в WIMP-интерфейсе
Счетчик
Счетчик (spinner, spin box) является гибридом ползунка и поля ввода. Содержит поле ввода, кнопки «стрелка вверх» и «стрелка вниз», а также промежуток между ними.
Рис. Стандартный вид счетчика в WIMP-интерфейсе
Кнопки и переключатели
Основными элементами диалоговых окон, конечно же, являются кнопки и переключатели.
Кнопка обычно представляет собой прямоугольник серого цвета , на котором написан текст, поясняющий функцию кнопки. «Нажатие» на кнопку приводит к выполнению заранее определенному алгоритмом диалогового окна действию (например, выполнение команды закрытия окна). Кнопки бывают доступными и недоступными. У недоступных кнопок, как и у недоступных пунктов меню, текст написан неяркими тонами (темно-серым на светло-сером фоне).
Кнопка может быть нажата, отжата и зафиксирована. Обычно эти эффекты чисто визуально отображают состояние кнопки и не имеют никакой информации о выполнении связанной с кнопкой командой.
Рис. Стандартный вид кнопки в WIMP-интерфейсе
Флажок (check box) представляет собой белый квадрат небольшого размера. Он связан с определенной настройкой в диалоговом окне и может быть включен (белый квадрат перечеркнут черным крестиком ) или выключен (пустой белый квадрат).
Рис. Стандартный вид флажка в WIMP-интерфейсе
Переключатель (Radio button) представляет собой набор белых кружков, реализующих одну их возможных альтернатив. У выбранной альтернативы внутри белого кружка находится черный кружок, в отличие от невыбранных альтернатив , имеющих только белый фон .
Поясняющие надписи находятся справа или, реже, слева от переключателей.
Как и кнопка, любой переключатель или флажок может быть доступным и недоступным. У недоступного переключателя или флажка кружок и прямоугольник имеет не белый, а серый фон.
Рис. Стандартный вид переключателей в WIMP-интерфейсе
На этом мы заканчиваем знакомство с WIMP-интерфейсом и его основными элементами. Используя полученные знания, Вы сможете при разработке интерфейса для своих будущих программ использовать необходимые элементы (кнопки, меню, иконки, полосы прокрутки и так далее).
Контрольні запитання
Назовите основные принципи проектирования интерфейсов и дайте им характеристику
Назовите основные элементы WIMP-интерфейса
Дайте определение курсора
Назовите типы курсоров
Дайте определение понятию рабочая область
Дайте определение окна в WIMP-интерфейсе
Какие типы окон используются в WIMP-интерфейсе
Дайте определение иконки в WIMP-интерфейсе
Дайте определение меню и укажите, какие типы меню используются в WIMP-интерфейсе
Что такое полоса прокрутки?
Какие элементы являются основными для диалоговых окон?
Литература