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

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

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

Готовы начать упрощать дизайн вашего сайта? Потрясающие. Без лишних слов, вот 5 отправных точек для упрощения дизайна вашего сайта.

1. Сфокусируйтесь только на основных элементах

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

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

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

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

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

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

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

Мы продолжаем с правилом 80-20 здесь.

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

3. Уменьшите количество страниц

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

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

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

4. Получите больше контента выше сгиба

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

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

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

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

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

Не могу выбрать цвет для начала? До после Журнал имеет полезную бесплатную электронную книгу о том, как найти идеальный цвет здесь. Нужна помощь в выборе цветовой схемы? Попробуйте этот удобный генератор цветовой схемы.

Последний, но тем не менее важный

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

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

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

Статьи по Теме

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

За вами: какие ваши любимые советы по дизайну сайта? Видели ли вы увеличение желаемых результатов от упрощения вашего дизайна?

Примечание редактора:Этот пост написан Олег Мохов for Hong'Hongkiat.com. Олег Мохов - самый мобильный в мире электронный музыкант, энтузиаст веб-дизайна и визуального дизайна, а также соучредитель музыкального магазина премиум-класса без роялти Soundtrackster.