Главная страница портала » Главная страница каталога статей » Публикация статей на тему » ВЕБ ДИЗАЙН

Простые мысли о простом дизайне

 Это очень большая разница, хотя в головах многих дизайнеров эти два понятия часто переплетаются. 

 Так как создание сайта - процесс последовательный, давайте и здесь все разложим по полочкам: 

1. Заглушка и заставка сайта.
 Очень «креативный» подход сделать флеш-заставку на сайт с кучей мельтешащих точек, квадратиков, машинок и написать «до открытия осталось n-дней». У любого посетителя захватит дух от увиденного и через n-дней он вернется посмотреть, что же получилось у авторов. Бред! Никто больше на этот сайт не вернется, так как если они и попали туда, то случайно! И не дав человеку «по ту сторону экрана» нужной информации, ваша чудо-творение просто будет закрыто кнопкой «крестик». 
 Любая заглушка на сайте актуальна только в том случае, если открытие ресурса действительно ожидаемо. Но даже в этом случае информация на заглушке должна быть полезной для пользователя. Укажите дату открытия, что планируется реализовать на сайте, предложите посмотреть предварительный дизайн сайта, оставить свой отзыв – т.е. заинтересуйте!
 Прежде чем лепить свое флеш творение в виде заглушки, задумайтесь и будьте проще в этом вопросе. И если без заглушки или заставки можно обойтись, обойдитесь. 

2. Структура и навигация.
 Очень занимательно на некоторых сайтах бороздить в поисках нужной информации 5, 10 страниц. Хотя любой среднестатистический человек откажется от поиска на 2 странице и забудет про ваш сайт навсегда. 
Навигация - один из самых важных вопросов при создании сайта, это второе, что человек оценит после визуальной составляющей. Поэтому, пожалуйста, потрудитесь уделить этому не меньше внимания, чем непосредственно дизайну.
 Очень полезно после структурирования сайта воспользоваться обычной блок-схемой и разложить перемещение по сайту. 
Не стоит дублировать 3 раза навигационное меню на сайте, не надо располагать его в ногах сайта и других креативных местах. У него есть два исторических места: либо в шапке, либо по бокам основного тела сайта.
 Облегчает путешествие по сложным сайтам, порталам наличие навигации в виде хлебных крошек. Это строка, расположенная всегда под шапкой сайта, указывающая последовательность страниц, которые вы посетили и позволяющая пользователю вернуться назад. Но опять же, если сайт состоит из 5-10 несвязанных страниц, хлебные крошки неуместны.
 Третий подход - это карта сайта. С ней, я думаю, все понятно, и как она выглядит, каждый знает. Единственное, думайте, где она действительно нужна , а где нет. 

3. О роботах и контенте.
 «Мы открыли свой сайт», «Новых новостей нет»! Знакомые фразы? 
Не надо этого писать! Вы же не для роботов сайт делаете, люди не понимают бессмысленную информацию, представленную 2 битами текста. Если новости на сайте не обновляются ежедневно, уберите этот блок. Важную информацию можно будет в будущем представить в виде пресс-релиза на главной странице. И про открытие вашего сайта писать не стоит: если для вас это радость, празднуйте ее в офисе.
 На сайте должен присутствовать только текст, имеющий ценность для непосредственного посетителя. Все! Остальную рекламную и прочую шелуху выбросьте. Хороший контент сам по себе – отличная реклама вашей компании и сайта.
 По этой причине тексты необходимо писать очень внимательно, и, чем сложнее специфика компании, заказавшей сайт, тем больше внимания этому вопросу необходимо уделять. Если не умеете, а заказ очень престижный, то лучше не беритесь сами, а найдите хорошего редактора и оплатите его услуги из своего гонорара. 

4. Ссылки.
 Все ссылки должны соответствовать одному единственному правилу. Они должны быть ссылками. 
 А ссылкой в интернете считается текст голубого цвета, с подчеркиванием. Все и без вариантов. 
 У любого пользователя только такое отображение вызывает желание нажать на ссылку.
 Не надо прятать ссылки в рисунках, делать меню в виде одно сплошного JPG и мастрячить там карту ссылок, использовать флеш и прочие премудрости. Сделайте обычную ссылку, и всем будем понятно, куда и зачем нажимать. 

5. Изображения.
 Все, что вы вставляете на сайт, должно быть оптимизировано! Любой сайт должен грузиться не более 5 сек., ну максимум 7. Лишние секунды, и у вас на одного пользователя стало меньше. На сегодняшний день существует много методик оптимизации графики, начиная от сжатия с помощью Фотошопа, когда качество еще простительного глазу человека, до того же прогрессивного jpg. 
 Ну и, конечно, при верстке нет необходимости фоном лепить градиент размером 1024 на 768, достаточно полоски в 1 пиксель. В общем, думайте, и сжимайте. 

6. Дизайн.
Вот мы и подошли к самой важной части нашего разговора.
Дизайн. Должен. Быть. Простым.
 Каждый элемент на сайте должен нести смысловую нагрузку, это обязательно. Не надо лепить дизайнерские изыски, перегружая страницу, на ваш взгляд, чем-то очень крутым. Все должно нести смысловую нагрузку: изображение объекта, детали и узлы, реклама товара, объекты корпоративного стиля и т.д. 
 Использование технологий типа флеш, 3D, анимации допустимо, только если это действительно необходимо. Не стоит показывать какой вы крутой дизайнер, моделируя каждый товар из каталога в 3D, достаточно качественной иллюстрации. 
 Ну и, конечно, обязательно учитывайте специфику сайта: круто обработанная в фотошопе тачка из Форсажа 4 для сайта ОАО «Автоваз» не проканает. 

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



Контактные данные автора




Источник: http://www.morozov-ei.ru
Категория: ВЕБ ДИЗАЙН | Добавил: 24KR (19.07.2011)
Просмотров: 3536 | Комментарии: 1
Всего комментариев: 1
1 denissim   (30.03.2012 23:03) [Материал]
Помниться на заре моей юности я делал анимированные баннеры для одного сайта, так вот там было строго 18 Кб на маленький баннер и 26 на большой. Современной "школоте" от дизайна этого не понять. Само слово оптимизировать сайт у этих юнцов на 99% будет ассоциироваться с СЕО'низмом, а не с оптимизацией графики.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Спасибо за ваши рекомендации:

Нравится



Схожие материалы:

Яндекс.Метрика