В чем заключается хороший дизайн

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

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

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

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

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

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

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

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