Правильный дизайн сайта существует!

Правильный дизайн сайта существует!

Мы постоянно говорим о сео, внутренней оптимизации и юзабилити, а вот тема «дизайна» на Родине Линков почти не освещалась. Исправим данную ситуацию прямо сейчас.

Сформулируем ключевые советы по созданию правильного дизайна сайте. Хотя слово «правильный» в данном контексте легко оспорить. В среде дизайнеров правильность скорее исключение, чем норма.

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

  1. Первое, о чем стоит подумать, это цветовая гамма. Цветовое оформление должно соответствовать теме вашего ресурса и его наполнению. Доказано, что выбор черного и красного цветов отрицательно влияют на поведенческие факторы. Хотя, к примеру, на сайтах на тему игр такой дизайн встречается не редко и воспринимается пользователями, как «свой», «правильный». С другой стороны, голубой и зеленый вызывают умиротворение и желание остаться на сайте подольше. Светлый фон выглядит выигрышным практически всегда, обведите ярким несколько элементов и кнопок и спокойный дизайн готов. Однотонный сайт делать не стоит, но и перегружать цветом не нужно. Достаточно будет 3-4 цветов, одной цветовой гаммы. На наш взгляд, самый правильный дизайн содержит 2-3 цвета. Подобрать цвета и посмотреть результат можно на сайте http://СolorsСheme.ru/
  2. Второе, оформление не должно быть слишком ярким, закрывающим собой текст. Прежде всего, пользователь приходит за информацией. Не затмевайте текст элементами дизайна. Прежде всего, задачей дизайна будет являться представление текста в удобочитаемом виде. Здесь же можно отметить и использование градиента. Если вы работаете с ним, то придерживайтесь единого стиля, разбавляя детали.
  3. Создайте собственные иконки. Индивидуальная графика привлечет пользователей, которые запомнят ваш ресурс и выделят из общей массы. Распознать шрифт с картинками в три шага можно здесь http://www.axure.com/.
  4. Следующим пунктом следует поставить качественные изображения и фото. Они не должны быть слишком большими, содержать следу компрессии, разводов или маркировки других сайтов. Купить изображения в соответствующем банке можно за небольшую плату. Это лучше, чем взять готовые картинки из поисковых систем, которые уже итак пестрят на других сайтах.
  5. Веб – дизайн сайта включает в себя и правильное форматирование текста. Используйте списки, разбивайте текст на абзаце, не используете слишком мелкий шрифт. Выбор шрифта дело не такое уж и простое, он должен соответствовать собственной функции. Новый интересный шрифт, которого нет на сайтах конкурентов, привлечет пользователей эффектом новизны. Всегда одинаково должны выглядеть заголовки и подзаголовки на сайте. Всегда одинаковое расстояние должно быть между строками и выравнивание между элементами.
  6. Обилие кнопок на сайте выглядит, по меньшей мере, странно. Есть, что предложить пользователю? Одной-двух кнопок вполне достаточно. Вообще, каждый раз, как решите ставить кнопку, подумайте, можно ли ее заменить на обычную ссылку. Если ответ положительный, заменяйте. Чуть больше кнопок, чем это необходимо и их эффективность резко падает, пользователи перестают воспринимать такой элемент дизайна.
  7. Прокрутке дорогу! Доказано, что пользователи, которые вынуждены после прочтения части текста прерываться и переходить по ссылке на другую страницу, задерживаются на сайте не часто. Поэтому, «освободите» полосу прокрутки, удалите все препятствия, которые могут помешать пользователю прокрутить страницу вниз и прочесть содержимое. Кроме того, удаление препятствий на пути прокрутки, облегчит навигацию.

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

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

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

Надеемся, наши советы помогут вам на этапе разработки дизайна проекта заложить правильный фундамент для его развития.

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

«Совершенство достигается не тогда, когда нечего больше добавить, а когда нечего отнять» Антуан де Сент - Экзюпери.

Автор , на 17 июня 2014 г. в Веб-дизайн, юзабилити.

Расскажите друзьям:


Комментарии

  1. Fyrrion
    11.07.2014 23:46 #

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

  2. Juiseed
    13.07.2014 02:36 #

    Fyrrion, целиком и полностью согласен с Вами. Я считаю, что каждый сайт должен опираться на "трех китов". Уникальный контент + качественный дизайн + SEO оптимизация

  3. Сергей
    14.07.2014 08:27 #

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

  4. rodinalinkov.ru FlyHelen
    rodinalinkov.ru FlyHelen
    14.07.2014 13:05 #

    Сделать свой дизайн всегда лучше и интереснее, чем взять готовый шаблон. Не делали пост на эту тему? С удовольствием бы почитали.

  5. Михаил
    Михаил
    16.07.2014 21:20 #

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

  6. rodinalinkov.ru FlyHelen
    rodinalinkov.ru FlyHelen
    17.07.2014 00:16 #

    С какими основными проблемами вы столкнулись, разрабатывая собственный дизайн сайта?

Комментирование отключено.

Услуги
Спецпредложения

Подписка на блог

без спама, не чаще одного раза в неделю

Кто победит?

Google

Yandex