Корпоративный веб-сайт на 100%. Требуйте от сайта большего! - Роман Овчинников

Например, в 2008–2009 годах в качестве основных трендов стали называть использование эффекта прозрачности, «газетную» верстку, многоколоночность, внимание к шрифтам, активное внедрение видео и скринкастов, сложный фон, создание огромных иллюстраций. Интересно, что значительная часть этих «инноваций» ранее считалась морально устаревшей, так как активно применялась примерно 9-10 лет назад. Мода сделала круг.

Мы рекомендуем вам ориентироваться на более фундаментальные законы восприятия и удобства использования интерфейсов, а не на сиюминутные поветрия. Или, по крайней мере, не требовать от дизайнеров создания нефункциональных «красивостей», бизнес-задачи которых совершенно не очевидны.

27. Веб 2.0-интерфейс

Термин «Веб 2.0» (Web 2.0) впервые появился в 2005 году и до сих пор не получил однозначного определения. С ним связывают:

•  идею генерации контента веб-сайта самими пользователями, социализацию, интерактивность;

• определенный стиль и набор принципов, используемых в дизайне интерфейсов .

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

Благодаря удобству использования и прогрессивности внедренных подходов, проекты тренда Веб 2.0 активно «стягивают» трафик с корпоративных сайтов. Это явная угроза для них.

Сайты тренда Веб 2.0 – это сервисные интернет-проекты, в большинстве своем ориентированные на активный маркетинг и последующую продажу

Как использовать идеи Веб 2.0

Если вы приняли решение об использовании на корпоративном веб-сайте принципов Веб 2.0, то желательно обеспечить следующее:

♦ Простой, компактный интерфейс , содержащий только реально востребованные для пользователей функциональности и материалы

♦ Использование «новых» технологий и решений , таких как Ajax, Mash-up, RSS/Atom, вебсервисы и др.

♦ Обеспечение максимальной обратной связи с посетителями

♦ Открытый маркетинг , избегающий пафоса, «раздувания щек» и обмана (отточенные тексты)

♦ Активное вовлечение пользователей в работу с контентом, создание сообществ, общение, поддержку рейтингов и т. д.

♦ Обязательное наличие явной и хорошо обозначенной бизнес-идеи

Некоторые элементы Веб 2.0-функциональностей присутствуют на корпоративных сайтах достаточно давно. Например, это форумы, а в последнее время – блоги, RSS и «облака тегов».

Следование тенденциям Веб 2.0-стиля предполагает:

♦ Уместное использование различных «звездочек», «теней», «отражений» и т. д. (например, для привлечения внимания к спецпредложениям или визардам)

♦ Укрупненный логотип

♦ Наличие крупных кнопок с явным обозначением их функций

♦ Резкое цветовое отделение верхней секции сайта

♦ Использование увеличенных, часто цветных заголовков

Обратите внимание, что многие крупные транснациональные корпорации (например, Xerox или HP) видоизменили свой фирменный стиль под эти тенденции.

В качестве примеров посмотрите следующие сайты: www.flickr.com, www.digg.com, www.blogger.com, www.elance.com, www.plaxo.com, www.metadesign.com, www.linkedin.com, www.salesforce.com. В данном случае обращайте внимание только на приемы, используемые для оформления интерфейса.

Перспективы – Веб 3.0

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

Семантическая паутина (англ. Semantic Web)  – часть глобальной концепции развития сети Интернет, целью которой является реализация возможности машинной обработки информации, доступной во Всемирной паутине

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

Из рецензий наших экспертов

Из рецензий наших экспертов

28. Силы, влияющие на дизайн

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

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

Мы рекомендуем вам внимательнейшим образом отнестись к анализу этих сил, чтобы не попасть в ситуацию  «хотели как лучше, а получилось как всегда».

Давление со стороны участников проекта:

♦ Внутри компании-разработчика (менеджер проекта, руководство, аналитики, специалисты по юзабилити, другие дизайнеры, «лидеры мнений», просто коллеги)

♦ Со стороны Клиента (менеджер проекта, дизайнеры, менеджер по маркетингу и др.)

Давление со стороны других заинтересованных сторон:

♦ От дизайнерского сообщества

♦ От конкурентов

♦ От будущих Клиентов

♦ От друзей, родственников

Кроме этого, дизайнер должен учитывать:

♦ Технические и программные ограничения на стилевой макет (например, необходимость корректного отображения сайта в браузерах мобильных устройств)

♦ Отраслевые тенденции , стандарты, клише, стереотипы (такие, как использование отражений и градиентов на сайтах тренда Веб 2.0)

♦ Особенности восприятия целевой аудитории сайта (скажем, консервативные взгляды владельцев бизнеса, диктующие необходимость работы только с серо-синей цветовой гаммой)

♦ Собственные представления и амбиции (в том числе, например, личные пристрастия к определенным цветовым гаммам)

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