Каким должен быть дизайн: правильная структура и юзабилити

Рубрика: Теория

Гостевой пост от Ольги Владыко, TemplateMonster Russia.

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

Каким же должен быть дизайн, чтобы моментально обратить на себя внимание пользователей? Именно это мы с вами сейчас и попытаемся выяснить.

Наверняка вы и сами не единожды попадали на такие веб-ресурсы, где с первых же секунд каким-то необъяснимым и магическим образом вас постоянно тянуло в верхний правый угол экрана. Да-да, именно туда, где находится заветный крестик, закрывающий нежелательные окна. Причина, как правило, в следующем: неудобно, неинтересно, скучно. Для всех подобных слов существует одно четкое определение — «юзабилити». Это заморское слово означает не что иное как полезность, удобство и простоту использования.

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

Приветливость дизайна

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

http://www.tedler.com/

 

Логика и структура

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

http://www.markdearman.com/

 

Рассмотрим, какие же бывают виды внутренней структуры сайта.

Линейная

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

Древовидная

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

Гибридная

Это некий симбиоз линейной и древовидной структур, где важно представить одну часть информации в иерархической последовательности, а другую — с разбиением на несколько разделов и частей.

Решетчатая

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

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

Красочный шаблон на продвинутой системе MotoCMS:

Лаконичный, но функциональный HTML шаблон:

Шаблон WordPress с продуманной навигацией и удобным интерфейсом:

И напоследок несколько советов начинающим веб-мастерам.

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

ПОНРАВИЛАСЬ СТАТЬЯ? ПОДЕЛИСЬ С ДРУЗЬЯМИ!

Статьи из рубрики:

Хотите оставить комментарий к статье Каким должен быть дизайн: правильная структура и юзабилити?
  • Хорошие советы. Думаю многим они пригодятся.

  • Я на своем сайте использую стандартный серый дизайн. Проводил опрос на сайте, большинство проголосовало за него объясняя тем, что  дизайн не важен, важна информация.

  • Долго работал над дизайном. В итоге сам дизайн так себе, но зато все хорошо видно, понятно, и интуитивное юзабилити.

Анонсы

RSS-лента


Подписаться в Facebook


Подписаться в ВК


Следуй за мной в Twitter



Получать на email:

Я зарабатываю на
Cityads - партнёрская система с оплатой за результат (CPA). Лью покупной и "бесплатный" трафик со своих и чужих сайтов.
Admitad - партнёрская сеть, изначально ориентированная на e-commerce.
EPN - CPA-платформа, сочетающая партнёрские программы топовых интернет-магазинов для вебмастеров и рекомендательный сервис с кэшбэком для покупателей.
Gogetlinks - биржа ссылок. Продаю дорогие "вечные" ссылки со своих качественных сайтов.
Miralinks - биржа статей. Продаю статьи (гостевые посты) на своих сайтах и блогах.
Kwork - биржа фриланса: всё по 500 рублей.
PokerStrategy - играю в покер. Просто хобби.
Публикации
Статистика