Шаблон 74- Dropdown Chooser (Раскрывающийся селектор)
Рис. 3. Панель выбора цвета в Word
Используйте концепцип меню, но в более широком смысле — создайте раскрывающуюся или всплывающую панель, содержащую
более сложный пользовательский интерфейс для выбора значения.
Основы интерфейса и дизайна в редакторах
Пользователи, создающие что-либо, работают нелинейно: они создают небольшой фрагмент, оценивают, как он выглядит или работает, меняют его, дополняют, что-то удаляют и делают шаг назад, чтобы бросить очередной оценивающий взгляд. Когда инструменты реагируют на действия пользователя и предназначены специально для выполнения определенной задачи, они «растворяются» в сознании пользователя, и он полностью уходит в творческий процесс.
Для того чтобы добиться состояния потока, пользователь должен уметь эффективно и искусно пользоваться инструментами. К счастью для пользователей, большинство редакторов, относящихся к одной идиоме, прошли долгий путь эволюции и стали очень похожими, поэтому навыки и привычки, приобретенные в одном редакторе, могут переноситься и в другие. Однако не нужно делать свой редактор идентичным какому-нибудь другому — в дизайне редакторов достаточно много пространства для инноваций. Тем не менее лучше не пытаться за один раз «изобретать слишком много велосипедов.
Есть еще вопрос эффективности. Ничто так не нарушает рабочий поток, как излишне длинные последовательности диалоговых окон, трудоемкие и изнурительные движения мышью или необходимость ждать, когда же программное обеспечение выдаст ответную информацию. Создавая редакторы, всегда стремитесь, чтобы реакция приложения была незамедлительной: обычные шаги должны выполняться минимальным количеством нажатий клавиш или движений мыши, а каждое действие должно давать немедленный результат.
Многие решения в дизайне взаимодействия, принимаемые вами при разработке любого компоновщика или редактора, относятся к редактированию в стиле WYSIWYG, прямой манипуляции, режимам или выделению. Правильное понимание этих концепций критически важно для того, чтобы обеспечить пользователю удобную и эффективную работу.
В большинстве редакторов наиболее важными являются четыре элемента:
возможность редактирования по принципу WYSIWYG,
возможность напрямую манипулировать интерфейсом и элементами данных,
разнообразие режимов работы;
широкий диапазон возможностей выделения текста или объектов.
Редактирование wysiwyg
Сокращение WYSIWYG расшифровывается как «what you see is what you get» — что видишь, то и получаешь (хотя вы, наверное, это и так знали). В таких интерфейсах пользователю проще редактировать содержимое, так как во время разработки ему не приходится напрягаться, чтобы понять, как в конечном итоге будет выглядеть результат.
Редактирование WYSIWYG лучше всего подходит для изображений, векторной графики, видео и анимации, некоторых компоновщиков графического пользовательского интерфейса и «жестко» отформатированного текста — когда конечный продукт выглядит одинаково, независимо от контекста, в котором он просматривается.
Но подумайте об HTML. Когда вы создаете веб-страницу, у вас может не быть» полного контроля над готовым продуктом. В зависимости от того, как написан код, страница может управляться множеством факторов на стороне конечного пользователя: таблицы стилей, размер текста, размер окна, разнообразие браузеров и устройств отображения, параметры размещения элементов и даже настраиваемое содержимое. Что означает WYSIWYG, если каждый зритель видит уникальный конечный результат? Это открытый вопрос.
Помимо этого, если вы разрабатываете текстовый редактор, производящий отформатированный текст, то учтите, что практически на каждом компьютере под управлением Windows есть копия приложения Microsoft Word, поэтому в голове пользователя существуют вполне конкретные и очень сильные ожидания относительно того, как должен работать текстовый редактор. С другой стороны, практически у каждого пользователя есть электронная почта, и большинство редакторов электронной почты создают простой текст. Предполагалось изначально, так как электронная почта по своей сути — это средство передачи простого текста. Существует миллион веб-страниц, позволяющих редактировать сообщения на форумах или в блогах и в основном с использованием простого текста, хотя некоторые из них разрешают выполнять несложное форматирование при помощи тегов. В программах мгновенного обмена сообщениями также применяется простой текст.