.

Группировка и создание вложенных элементов

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

Если вы, например, объедините текстовые надписи (без эффектов) и расположите их на однородном фоне, то получится ] рафический элемент, выделяющийся среди остальных объектов Web-страницы. Группировка похожих надписей обычного текста в одной области позволяет добиться следующих результатов (рис. 5.8).

У Эффект интерактивности. Набор подобных текстовых или графических элементов, объединенных в одну группу, привлекает внимание пользователей. Тот факт, что элементы сгруппированы, подразумевает наличие у них интерактивных свойств.

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

Можно обозначить взаимосвязь сгруппированных элементов, располагая их один под другим (создавая видимость списка). Взгляните, к примеру, 5.8. Пользователь сразу понимает, что элементы Services и Products являются подпунктами раздела Offerings и не относятся к остальным разделам. Такой наглядный эффект достигнут за счет выравнивания этих элементов со сдвигом относительно разделов, а также за счет расположения этих элементов внутри раздела Offerings.

Создание подсказок для ориентирования по Web-сайту

Пользователям полезно знать, где на Web-сайте они находятся в данный момент времени, а также, сколько этапов им осталось пройти до завершения выполнения какой-либо задачи. Для того чтобы помочь пользователям сориентироваться, можно создать специальные подсказки. Ниже приведены примеры таких подсказок.

Изменение цвета использованных ранее переходов но сайту. Цвет навигационного элемента, который остается видимым на экране после того, как пользователь щелкнул на этом элементе (в отличие от элементов раскрывающегося меню), должен изменяться. Обычно для основных кнопок дизайнеры создают графические копии другого цвета, указывающие, что на этой кнопке пользователь уже щелкал. В своем дизайне вы можете воспользоваться таким изменением отображения кнопки, чтобы напомнить пользователям, в каком месте сайта они находятся (рис. 5.9).

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



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×