Элементы дизайна сайта
12 важных элементов дизайна, которые нужны вашему сайту
В наш цифровой век лучшие практики дизайна веб-сайтов должны быть в центре внимания каждой стратегии бизнес-маркетинга. Без хорошо оптимизированного веб-сайта с удобной навигацией может пострадать вовлеченность вашей аудитории, которая попытается понять, чем занимается ваша компания.
Команда Art Unlimited знает, что у вас плотный график, поэтому мы разработали 12 элементов дизайна веб-сайта, чтобы убедиться, что вы будете использовать их, когда будете создавать новый веб-сайт.
1. Цвета
Когда дело доходит до цветов вашего сайта, нужно учитывать так много! Во-первых, у вас есть фирменные цвета. Если вы еще не меняете или меняете их, у вас есть целая радуга на выбор!
- Хорошо ли сочетаются цвета вашей компании?
- Как они выглядят в черно-белом?
- Хорошо ли они контрастируют, когда накладываются на фон, элементы дизайна и текст?
Рекомендации по обеспечению доступности веб-контента являются важной частью передового опыта в области дизайна веб-сайтов, пользовательского опыта и SEO. Соблюдение цветового соответствия WCAG сделает ваш сайт доступным для людей с различными нарушениями. Если вы не будете следовать им, это может повредить просмотру вашей страницы и ранжированию веб-сайта, а также лишит потенциальных клиентов возможности найти ваши услуги.
2. Заголовок
Заголовок идет под многими именами. Слоган. Заголовок. Заголовок страницы. Н1. Н2. Н3. Каждый из них играет неотъемлемую роль в дизайне вашего сайта. H1 является основным заголовком. Он всегда вверху каждой страницы. На главной странице должно быть четко указано, чем вы занимаетесь и как ваши услуги меняют жизнь клиентов — как можно короче. H2 и H3 также известны как подзаголовки. Они помогают разбивать блоки информации, чтобы посетители понимали, о чем каждый раздел.
3. Кнопка призыва к действию
Когда люди посещают ваш веб-сайт, они хотят получить больше информации о продуктах и услугах вашей компании. Они также хотят знать, как его получить. Кнопка CTA (призыв к действию) играет решающую роль в том, чтобы максимально упростить их следующий шаг. По этой причине текст на вашей кнопке CTA должен быть чистым шрифтом. Кнопке также нужен заметный цвет, чтобы она выделялась. Цвет также должен сочетаться с дизайном сайта в целом.
4. Логотип
Посетители должны знать, что они в нужном месте, как только они заходят на ваш сайт. Ваш логотип помогает выполнить это, когда он сразу виден им. Здесь важны и расположение, и размер. Сделайте его достаточно большим, чтобы его было легко читать, но не настолько большим, чтобы отвлекать внимание от заголовков или других элементов на странице. Если меню остается в верхней части экрана, когда посетитель прокручивает каждую страницу вниз (так называемая полоса стикеров), вам нужно всего лишь добавить свой логотип в верхний левый угол. Однако, если меню не перемещается, поместите свой логотип в верхний левый угол и в нижний колонтитул страницы.
Вы спросите, почему слева? Потому что мы читаем информацию по Z-шаблону, начиная слева. Ваш логотип — одна из самых важных частей информации, которая нужна посетителям, поэтому размещение его в левом верхнем углу поможет его увидеть первым.
5. Меню
Меню является жизненно важным элементом дизайна веб-сайта, который необходимо включить. Он действует как инструмент навигации, поэтому посетители могут легко переходить из одной части вашего сайта в другую. Вы можете поместить в меню много ресурсов, но вам нужно, по крайней мере, убедиться, что вы предоставили:
- Призыв к действию, например номер телефона или страница контактов в правой части меню.
- Услуги, которые вы предлагаете
- Больше о вашей компании (например, история, фотографии вашей команды, сертификаты, партнерские отношения, участие сообщества и т. д.)
6. Номер телефона
Возможность связаться с вашей компанией при попытке превратить лид в желанную конверсию имеет решающее значение для успеха вашего бизнеса в Интернете. Из-за этого вы должны быть уверены, что номер вашего рабочего телефона доступен как вверху, так и в нижнем колонтитуле. Он также должен быть кликабельным, чтобы люди могли быстро вам позвонить. На самом деле, любая контактная информация компании на вашем сайте должна быть кликабельной для удобства и доступности.
7. Содержание
Как мы уже говорили выше, наши глаза естественным образом тяготеют к верхней левой части страницы. Когда ваш кликабельный номер телефона находится в правом верхнем углу страницы, глаза начинают перемещаться вниз влево. Здесь лучшее место для добавления вашего слогана или заголовка. Кнопка CTA прямо под слоганом означает, что ваш контент в верхней части страницы готов! По мере того, как ваш контент, заголовки, призывы к действию и изображения перемещаются вниз по странице, они должны продолжать Z-паттерн, чтобы вести посетителей вниз по странице к тому, что важно знать.
8. Услуги и продукты, которые вы предлагаете
Хотя все, о чем мы говорим в блоге, важно, одним из наиболее важных аспектов является предоставление информации о ваших услугах и/или продуктах. В конце концов, именно поэтому люди посещают ваш сайт! Вы хотите, чтобы каждая услуга выделялась, а также упоминалась на веб-сайте. Если услуга пересекается с другой, укажите это. Кроме того, сделайте ссылку на другую страницу службы, которая создает ценные внутренние ссылки. Это хорошо для вашего SEO и помогает посетителям легче ориентироваться на вашем сайте.
При написании нового контента обязательно говорите только об услугах или продуктах, которые вы предлагаете. Одно предостережение в этом случае, если необходима внешняя услуга или продукт. В этом случае убедитесь, что ясно, что вы не предоставляете услугу. Вот несколько примеров:
- Вы устанавливаете жилые крыши, но только черепицу и металл. В этом случае лучше не говорить о черепичной кровле или любых других кровельных системах. Это также относится к производителям, с которыми вы работаете.
- Вы заменяете чердачную изоляцию, но если она заплесневела, сначала нужно нанять ремонтную компанию. В этом случае разумно упомянуть, что им также нужно будет позвонить кому-то еще. Сообщите посетителям, если у вас есть рекомендации, либо попросив посетителей позвонить для получения списка, либо перечислив ваши рекомендации.
- Вы устанавливаете водосточные желоба, но только если заменяется и крыша. В этом случае, возможно, потребуется целая страница о ваших услугах водосточных желобов, но с самого начала страницы должно быть ясно, что замена водосточных желобов не является отдельной услугой.
9. Картинки
Мы визуалы! Это делает крайне важным следовать рекомендациям по дизайну веб-сайта для изображений на вашем веб-сайте. Вам нужны четкие, качественные фотографии , желательно сделанные для вашей компании. Они должны быть сохранены в веб-формате и соответствовать содержимому страницы (например, не показывать металлические крыши, если вы устанавливаете только черепицу или выделяете желоба на странице сайдинга).
Изображения на вашем веб-сайте также должны иметь читаемый описательный замещающий текст. Это поможет посетителям, использующим программное обеспечение для чтения с экрана, читать веб-сайты вслух.
Пример:
Онлайн аукцион SlonBid
10. Адрес в нижнем колонтитуле
Адрес вашего офиса всегда должен быть в нижнем колонтитуле, чтобы посетители могли легко найти, где вы находитесь. Кроме того, как и в случае с вашим номером телефона, ваш адрес должен быть кликабельным. Ссылка должна привести их к Google Maps, чтобы они могли проложить маршрут до вашего офиса.
11. Контактная форма
Ваша контактная форма должна быть легко доступна. Это может быть частью вашей липкой панели. Это может быть в футере. Часто это только на странице контактов, на которую есть ссылка в меню. Независимо от того, где он находится, убедитесь, что его легко найти, чтобы у людей было несколько способов связаться с вашей компанией.
12. Номера лицензий подрядчика
Хотя это в первую очередь относится к подрядчикам по обслуживанию домов и кровельщикам, если ваша отрасль требует, чтобы у вас был номер лицензии, укажите его на своем веб-сайте. Он не должен быть большим и ярким, но должен быть заметным. Это особенно важно в штатах, которые требуют указания номеров лицензий подрядчиков. Мы часто помещаем это в нижний колонтитул с адресом и другой контактной информацией.
Итак, у вас есть это. (My Minnesotan выходит!) Эти 12 элементов дизайна веб-сайта дадут вам преимущество перед конкурентами. Если вы готовы создать новый веб-сайт или хотите привести в порядок свой текущий, свяжитесь с нами, чтобы узнать, как наша команда может вам помочь.