23 секрета эффектного веб-дизайна

Объявления:

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

  1. Текст привлекает больше внимания, чем графика. Вопреки распространенному мнению, посетителей на сайте привлекает вовсе не графика. Большинство из них приходит на ваш сайт за информацией, а не из-за дизайна, поэтому постарайтесь делать основной акцент на текстовое содержимое.
  2. Сначала посетитель смотрит на левый верхний участок страницы. Интерфейс большинства программ следует этому правилу. Следует учитывать этот момент при создании дизайна сайта. Если вы хотите создать действительно успешный сайт, вы должны помнить, что к этому правилу привыкло подавляющее большинство посетителей.
  3. Посетители сначала смотрят на левую верхнюю часть страницы, и только затем переводят взгляд ниже и правее. Схематично взгляд посетителей проходит по веб-странице по форме буквы ‘F’. Постарайтесь располагать наиболее важные элементы вашего сайта в этих участках: заголовки, подзаголовки, выделенный текст, чтобы побуждать посетителей читать ваш сайт дальше.
  4. Посетители игнорируют баннеры. Возможно, ваш сайт приносит доход с помощью баннеров и объявлений, но исследования показывают, что большинство посетителей просто игнорируют баннеры, как только их видят. Если вы хотите зарабатывать на рекламе, вам придется экспериментировать с расположением и видами рекламы.
  5. Необычные эффекты и нестандартные шрифты игнорируются. Почему? Потому что подсознательно посетители принимают такие элементы за рекламу. Согласно исследованиям, посетителям трудно отыскать нужную информацию в ярком тексте, и они его игнорируют. Старайтесь не перегружать дизайн сайта разными необычными эффектами (анимированными курсорами и т.д.).
  6. Используйте нумерованные списки. Читателям будет гораздо легче отыскать нужную информацию, если вы будете использовать нумерованные списки.
  7. Размер шрифта влияет на поведение посетителей. Хотите повлиять на поведение читателей на своем сайте? Изменить размер шрифта. Мелкий шрифт фокусирует взгляд, в то время как крупный побуждает посетителя к поиску на странице. В зависимости от ваших целей, вы можете использовать какой-либо из вариантов.
  8. Посетителей интересуют заголовки. Делайте заголовки интересными и привлекательными. Постарайтесь включить в них ключевые слова, что положительно скажется на позициях вашего сайта в поисковых системах.
  9. Читатели часто просматривают нижние части страниц. Вы можете выгодно использовать это, разместив там что-нибудь интересное.
  10. Короткие параграфы лучше для восприятия, чем длинные. Придерживайтесь этого правила и разбивайте текст на страницах на небольшие абзацы, которые лучше воспринимаются.
  11. Одна колонка эффективнее для привлечения взгляда, чем несколько. Не старайтесь выдать посетителям сразу всю информацию. Чем проще оформление, тем лучше.
  12. Реклама в верхних и левых участках сайта наиболее эффективна. Если вы размещаете рекламу на своем сайте, постарайтесь разместить ее в верхних левых участках страницы, это сделает ее максимально эффективной. При этом старайтесь сделать ее неназойливой и не нарушать дизайн.
  13. Реклама рядом с популярными материалами сайта более эффективна. Если вы хотите получить максимум от рекламы, размещайте ее ближе к самым интересным материалам. Посетители смогут изучить лучшее, что у вас есть и одновременно высока вероятность, что они кликнут на рекламу, расположенную рядом.
  14. Текстовая реклама является наиболее просматриваемой из всех видов рекламы. Как мы уже упоминали, посетители не уделяют должного внимания тому, что хоть немного напоминает рекламные баннеры. Именно поэтому текстовые объявления более эффективны. Они не столь назойливы и часто принимаются за часть контента.
  15. Чем больше изображения, тем больше внимания они привлекают. Если вы собираетесь использовать иллюстрации на сайте, то чем они больше, тем лучше, в разумных пределах, конечно. Постарайтесь, чтобы изображения соответствовали тексту, иначе они будут игнорироваться. Большой процент посетителей имеет скоростной доступ к интернету, так что не стесняйтесь загружать большие изображения.
  16. Отчетливые лица на иллюстрациях хороши для привлечения внимания. Если вы используете фотографии с лицами людей, постарайтесь, чтобы они были отчетливо видны. Также фотографии обычных людей привлекают больше внимания, чем фото моделей.
  17. Заголовки привлекают внимание в первую очередь. Посетители замечают заголовки на страницах в первую очередь. Заголовки не должны закрываться элементами дизайна и должны быть хорошо видны при первом взгляде на страницу.
  18. Посетители уделяют достаточно много внимания кнопкам и пунктам меню. Поэтому следует уделить время этим деталям, потому что это одни из самых важных элементов оформления сайта.
  19. Нумерованные списки дольше привлекают внимание посетителей. Один из популярных вариантов оформления содержимого страниц на сайте - сделать его в виде нумерованного списка. Используйте нумерацию или символы для выделения важной информации на веб-страницах. Это сделает ваш сайт более удобным для поиска информации.
  20. Посетители не любят большие блоки текста. Исследования подтверждают, что большинство посетителей на интернете избегают больших блоков текстовой информации, невзирая на ее оригинальность и полезность. Поэтому важно разбивать текст на небольшие параграфы и использовать нумерацию и символы.
  21. Грамотное форматирование привлекает внимание. Используйте жирный и наклонный шрифт для того, чтобы удерживать внимание посетителей. Также можно использовать другой цвет шрифта, подчеркивание и заглавные буквы. Старайтесь при этом соблюдать меру.
  22. Используйте белые и пустые участки на сайте. Старайтесь оставлять некоторые участки страниц визуально пустыми. Сайты с перенасыщенной информацией часто игнорируются пользователями. Старайтесь использовать простое оформление и больше открытого пространства для того, чтобы глаза посетителей не переутомлялись.
  23. Меню в верхней части сайта - одно из самых эффективных. В идеале нужно добиваться, чтобы посетители просматривали как можно больше страниц на сайте, поэтому важно дать им удобное меню для навигации по всем разделам сайта.

Автор: Christina Laun

Источник

Перевод: Глобатор


Буду благодарен, если поделитесь этой статьей:
Опубликовать в twitter.com Опубликовать в своем блоге livejournal.com
Приглашаю присоединиться ко мне в следующих сервисах:
Мои группы:
↑ Как поставить такие же кнопки на свой сайт ↑
Эффективное продвижение статьями
Комментарии Вконтакте:

Пора попить кофе!
Комментарии Facebook:
Комментарии Wordpress:
Комментариев: 15

1. Svetolish 18 января 2008 в 10:42 pm

Спасибо за перевод., И все же, чтоб осмыслить и понять как примень все 23 пункта надо изучить Eyetrack III. Слишком много мелких нюансов, на которые надо обращать внимание

2. sheller 18 февраля 2008 в 3:27 pm

А что есть Eyetrack III?

3. Degustator 17 мая 2008 в 5:07 pm

ППКС, но к сожалению, достаточно сложно соблюсти всё без ущерба для сайта, либо для рекламы на сайте

4. bobov 26 мая 2008 в 10:16 am

Спасибо, открыл для себя новое!

5. fotomaster 26 мая 2008 в 10:17 am

Спасибо, побольше бы таких статей!

6. formylady 27 мая 2008 в 2:14 am

Ух здорово! Все четко и по делу! И добавить-то нечего…автору наиогромнейший респект!

7. Доктор 27 мая 2008 в 11:58 pm

Большое спасибо за статью. По большому счету все и так знал, но ряд пунктов дали повод задуматься.

8. MegaM0zg 11 июля 2008 в 5:52 pm

Подробнейший faq! о многих вещах даже не задумывался…

9. DeN 15 июля 2008 в 6:05 pm

Отличная статья, многое взял себе на заметку, учту при создании сайтегов….

10. Петрович 13 августа 2008 в 12:53 am

Сам заниамаюсь уже давно дизайном, но из статьи много чего можно взять на заметку

11. Кирилл 16 августа 2008 в 4:35 pm

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

12. alex 10 сентября 2008 в 2:03 pm

в целом статья грамотная, но с рядом вопросов кардинально не согласен, например пункты 6, 9 и 22

13. mr. bis 11 сентября 2008 в 10:28 pm

Некоторые утверждения довольно спорны, но в целом я согласен. Графика тоже привлекает посетителей, на сайте с красивым дизайном находится куда приятнее чем на “помойке”.

14. DimaZzz 20 сентября 2008 в 2:48 am

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

15. Алексей Крылышкин 24 декабря 2008 в 11:45 am

Немного критики: Вы рекомендуете располагать наиболее важные части страницы в виде буквы F - так ходит взгляд посетителя.

А у самих менюшка блога - справа.

У меня тоже справа, но в следующем своём сайте обязательно сделаю слева.

Подписаться на обновления shakin.ru по RSS

Количество RSS подписчиков Рейтинг блогов




Новый сервис ссылок навсегда





Эффективная биржа ссылок

Обновления сайта

Читать Shakin.ru в твиттере
Читать Shakin.ru в Google Reader
Читать Shakin.ru в Яндекс.Ленте


Достигнутые цели


Мои бесплатные рекомендации

В случае перепечатки материалов обязательно мое письменное разрешение и прямая индексируемая ссылка на Shakin.ru
Продвижение сайтов, веб-дизайн и креатив © 2007-2012