Технологии HTML и Flash

Две основные технологии, HTML и Flash, применяемые для реализации интерфейсов во Всемирной паутине, имеют естественные технические ограничения, сужающие круг доступных элементов интерфейса. Это и хорошо, и плохо.

Плохо, поскольку ограничивает наши возможности: некоторые подходы к интерфейсу, общепринятые в настольных приложениях, просто не удается реализовать в Сети. Но вместе с тем это и хорошо, поскольку пользователи, научившиеся работать с относительно небольшим количеством стандартных элементов управления, смогут успешно применять свои знания на многих сайтах.

Хотя язык HTML был изначально разработан для хранения простой гипертекстовой информации, люди быстро разглядели его потенциал в части повышения интерактивности страниц. Вскоре после своего появления HTML получил в распоряжение набор стандартных элементов интерфейса.

Флажки позволяют пользователям выбирать опции, не зависящие друг от друга.

Кнопки-переключатели позволяют пользователю выбрать одну из взаимоисключающих опций.

Текстовые поля позволяют пользователям (вы не поверите!) вводить текст.

Раскрывающиеся списки обеспечивают ту же функциональность, что и переключатели, но занимают меньше экранного места, позволяя использовать его более эффективно.

Списки обеспечивают ту же функциональность, что и флажки, но занимают меньше места на экране, потому что предоставляют возможность прокрутки содержимого. Как и раскрывающиеся списки, они позволяют легко разместить на экране большое количество опций.

Кнопки могут выполнять самые разные действия. Как правило, они дают указание системе принять всю информацию, предоставленную пользователем через другие элементы интерфейса, и выполнить с нею некие операции.

Технология Flash предлагает тот же набор базовых элементов, но поскольку по происхождению она является средством анимации, то обеспечивает более гибкую реакцию интерфейса на действия пользователя. Вследствие этого Flash-интерфейсы сложнее реализовать должным образом, и при их создании разработчику приходится принимать больше интерфейсных решений.

Необходимость выбора между различными элементами интерфейса неизбежно ведет к компромиссам. Раскрывающиеся списки действительно позволяют сэкономить место на странице по сравнению с набором кнопок-переключателей, но зато они прячут от пользователя другие варианты выбора. Ввод категории поиска в текстовое поле, пожалуй, снизит нагрузку на систему управления базами данных, но одновременно увеличит нагрузку на пользователя. Если варианты поиска ограничиваются шестью категориями, лучше воспользоваться флажками.

Дизайн интерфейса для Всемирной паутины сводится к выбору подходящих элементов с учетом задачи, стоящей перед пользователем, и к их размещению на странице таким образом, чтобы было легко понять и использовать их. Решая свою задачу на веб-сайте, пользователь обычно взаимодействует с несколькими страницами, содержащими различные наборы элементов интерфейса. То, какие функции на каких страницах будут выполняться, – предмет проектирования взаимодействия на структурном уровне. То, как именно эти функции реализованы на странице, – тема дизайна интерфейса.

Информационный дизайн играет важную роль в тех задачах интерфейсного дизайна, где интерфейс должен не только получать какие-то сведения от пользователя, но и передавать ему информацию. Классическая задача информационного дизайна при создании успешных интерфейсов – сообщения об ошибках; еще одна – предоставление инструкций пользователю (задача непростая уже хотя бы потому, что труднее всего заставить их прочитать эти инструкции). Каждый раз, когда система должна облегчить пользователю работу с интерфейсом путем предоставления информации (например, когда пользователь только начал работать с сайтом или совершил ошибку), это задача информационного дизайна.