4 аспекта современного сайта

15 лет назад Интернет был совсем другим. Он был скучным, непривлекательным. Не было возможности взаимодействовать с веб страничками - веб был статичным информационным пространством.

Много воды утекло с того времени. Сегодняшние тренды в Интернете более изысканные, привлекательные, притягивающие. Создание удивительных интерактивных интерфейсов с помощью Flash/Flex или Silverlight стало намного легче и более доступно дизайнерам.

Достаточно взглянуть на популярную галерею Flash/интерактивных сайтов - The FWA (http://www.thefwa.com/) и сразу всем понятно, что сегодня можно воплотить любую идею в жизнь с помощью новейших технологий. Решения некоторых дизайнеров, как будто, "не с мира сего".

Но как же быть с "универсальным дизайном"? Юзабилити? Или же можно всем этим пожертвовать ради незабываемых эффектов?

В этой статье я бы хотел выделить 4 аспекта современных "юзабельных" дизайнов (эти пункты необходимо держать у себя в уме при создании Ваших проектов).

1. Визуальный дизайн

Выдающиеся дизайны очень творческие и порой выходят за рамки безопасных дизайнов. Такие дизайны легко выделить и они надолго запоминаются посетителям.

Но насколько можно выходить за рамки?

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

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

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

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

2. Динамическая обратная связь

Вам становиться скучно, когда Вы видите стандартную статическую обратную связь (это то, что появляется после заполнения формы)? Мне, да!

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

На сайте Сергея Тюканова (онлайн галерея) обратная связь базируется на реальном мире. Тут имеется ввиду не обратная связь (контакт, отправить письмо), а возможность просматривать картины, якобы, в настоящей картинной галерее.

3. Информационная архитектура

Если пользователь не может найти то, что он хочет за несколько кликов, он, наверняка, покинет сайт. Навигация должна быть естественной для пользователя. Кнопки управления должны быть видимыми.

Пользователь должен четко представлять, что он должен сделать для "добычи" информации. Взгляните на сайт Кока-Кола: он прекрасно сделан таким образом, что можно быстро найти то, что интересует.

4. Ограничения

Значение слова "ограничение" - определение ряда действий, которые нельзя выполнить. Другое значение этого слова с англ. наоборот означает - дать пользователям больше свободы и контроля над действиями.

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

Вот и все про юзабилити на сегодня. До новых уроков, уважаемые читатели!