Работа над чужими ошибками

Фленов Михаил

Спецвыпуск: Хакер, номер #050, стр. 050-070-3

Справа от ссылки на предложения компании для различных клиентов находится список скачиваемых чаще всего программ (Top Downloads), подписка на новости, быстрые ссылки на основные разделы и баннеры. Все решения по отдельности великолепны, но расположено все по-идиотски. В чем основная ошибка? Цвета картинок и текстовых ссылок не сочетаются друг с другом. Главная страница вообще пестрит цветами, как новогодняя елка. Более страшной ошибкой является сам макет правой половины сайта: текстовые ссылки идут вперемешку с баннерами. Я понимаю, что дизайнер хотел выделить определенные ссылки, но забыл или не знал, что этого делать нельзя. Кто решил, что ссылка на подписку новостей важнее быстрых ссылок и должна быть выполнена в виде картинки? Баннеры отвлекают внимание от текстовых ссылок и заставляют его метаться между текстом и графикой. В этом случае лучше стремиться к единообразию и не впихивать при этом графику везде, где только можно только потому, что умеешь рисовать. Если что-то необходимо выделить, то лучше выбрать особый цвет, размер или стиль текста, но не перемешивать несовместимые картинки и тексты..

Послать в любое место

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

Нужная информация должна быть найдена посетителем как можно быстрее, и если удастся сэкономить его трафик, время и нервы, то такой человек еще не раз вернется и друзей с собой приведет. Для реализации всего вышесказанного на сайте, а особенно на главной странице, должно быть хорошее меню. Посмотри на снимок главной страницы хостера Valuehost (рис. 5). Информации минимум, а ссылок еще меньше. Вот сижу я и думаю, где та ссылка, с помощью которой можно было бы узнать о тарифных планах и расценках? Где ссылка для входа в свою приватную зону управления сайтом? А ведь на сайте работает форум и много других сервисов, которые сразу увидеть нереально. Только если зайти в какой-нибудь раздел, перед тобой откроется страница с более полным набором пунктов меню. Но это мы еще обсудим.

По шапке

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

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