Шаблонов: 22,048     Фрилансеров: 2,646     Веб-студий: 199
Статьи Новости Реклама на сайте Форум
Помогаем продавать
и покупать готовый дизайн
Каталог шаблонов Каталог продавцов Продающие страницы Подписка на новые шаблоны

5 подсказок для упрощения веб-дизайна

2 декабря 2013     Комментарии
5 подсказок для упрощения веб-дизайна

Правила простоты! Эти правила заставляют веб-сайты выглядеть гладкими, предотвратить беспорядок, и помогает  достичь желаемых целей и результатов (т.е. больше регистраций, подписчиков и продаж). Но очень часто кажется недостижимым упростить веб-дизайн. Независимо от того, насколько усердно вы стараетесь, ваша работа не будет похожа на работу Apple. И что веб-дизайнеру нужно делать в таком случае? Спокойствие! Поскольку есть 5 подсказок, чтобы упростить Ваш веб-дизайн.

 

 

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

Готовы начать упрощать свой веб-дизайн? Удивительно! Далее без лишних слов вам представлены 5 отправных точек, чтобы упростить ваш веб-дизайн.

 

1. Сосредоточьтесь только на существенных элементах

 

Первый шаг, вероятно, покажется очевидным ударом в лоб, и вы подумаете «конечно, я должен уделить внимание только существенным вещам на своём сайте, я что - идиот?» Но удивительное число веб-сайтов не делают этого, и результат - большой беспорядок из абсолютно неважных и незначительных вещей, извергнутых на страницу. Я так же виновен в таких действиях в прошлом. Трудно быть объективным и расположить по приоритетам что важно, а что нет, потому что все кажется важным. Если Вы хотите, чтобы Ваш веб-дизайн был проще, выделите то, что должно быть в центре внимания, точно так же, как с любым хорошим визуальным проектированием или художественным произведением. Это и значит «сконцентрировать внимание только на существенных элементах».

 

Используйте правило 80-20

20% того, что находится на странице, дают 80% ценности и содержания, ради которых люди заходят на данный сайт? Это могла бы быть копия, некоторое социальное доказательство (отрывки обзоров, свидетельства, символы СМИ), или форма регистрации или, например, кнопка призыва к действию. Это и есть эти 20%. На вашем веб-сайте, так же как на каждой отдельной странице, фокусируйтесь на демонстрации именно этих 20 %, которые предоставляют 80% полноценности.

Это не технический шаг, а принцип, который вы можете использовать в качестве своего гида, чтобы постоянно упрощать веб-дизайн. Правило «80-20» поможет упростить вашу работу, урезая элементы сайта ближе к сути. Действительно здорово то, что правило «80-20» также поможет увеличить желаемые результаты, которые вы надеетесь достичь. Например, увеличение количества посетителей, подписчиков или покупателей. Как? Вы делаете это за счёт уменьшения отвлекающих факторов, которые заставляют посетителей покинуть страницу.

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

Крис Пирсон, создатель популярного Тезиса системы управления содержимым WordPress, говорит, что это как раз то, что помогло увеличить продажи на его сайте.

 

2. Избавьтесь от всех ненужных элементов

 

В этом параграфе продолжение о правиле «80-20».

Когда вы идентифицировали 20% элементов веб-сайта, которые помогут достичь 80% желаемых результатов, пора избавиться от всех ненужных элементов. Другими словами, 80%  элементов сайта, которые принесут вам только 20% результата. Это могут быть социальные приманки СМИ, элементы рекламы, метаданные поста в блоге (дата, время, автор, число комментариев, и т.д.), или ссылки в нижней сноске (это - особенный преступник уже давно, особенно когда посетитель ищет вышеупомянутые причины покинуть страницу).

 

3. Сократите количество страниц

 

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

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

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

 

4. Предоставьте больше содержания на первой странице (выше линии страницы)

 

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

Это не что иное как изменение ценности "высоты" заголовка в вашем stylesheet (как правило style.css или stylesheet.css). Кроме того, посмотрите, находится ли кнопка для регистрации ниже видимой страницы. Переместите этот элемент выше на страницу, таким образом, что бы это была первая вещь, которую увидит посетитель. В конце концов, это - призыв к действию посетителя.

 

5. Ограничьте цветовую схему

 

Легко увлечься  цветами. Зачем соглашаться на 2 или 3 цвета, когда вы можете использовать 12 или 13? Но для того, чтобы визуально упростить дизайн сайта, необходимо ограничить цветовую гамму. Если вы сомневаетесь, то используйте меньше цветов. Конечно, в зависимости от вашего дизайна цветогамма будет меняться, но попробуйте придерживаться не более 2-х или 3-х цветов для начала. Если вам нужно больше тонкости и структуры в визуальном дизайне, используйте оттенки одного цвета - светло-голубой для фона и темно-синий для заголовков и пунктов меню.

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

 

И последнее, но не менее важное

 

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

Для повторения, вот 5 отправных точек для упрощения вашего сайта:

  1. Концентрируйте  внимание только на существенных элементах
  2. Избавьтесь от всех ненужных элементов
  3. Сократите количество страниц
  4. Поместите больше содержания на первой странице
  5. Ограничьте цветовую палитру

 

Автор: Oleg Mokhov
Источник: www.hongkiat.com

 

Комментарии (0)

Комментариев пока нет. Вы будете первым!

Как продать дизайн?

Наши и другие рекомендации по разработке дизайна и дальнейшей публикации на сайте
Продаём фирменный стиль. Основные аспекты. Хочу продать логотип. Как это сделать? Как продать дизайн сайта
 
Advertising
Advertising


Вход в кабинет