Использование шаблонов
для создания веб-сайтов: типичные ошибки. Часть 2

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

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

Ошибки при использовании шаблона веб-сайта

• Избегание настройки популярного шаблона

Шаблоны похожи на фреймворки, такие как Bootstrap CSS. Они поставляются уже в готовом виде с оформленным контентом и компонентами внутри. Это значительно упрощает время, но также может повлиять на уникальность вашего сайта. Если вы не будете настраивать популярные шаблоны в соответствии с вашим брендом, то ваш сайт будет выглядеть похожим на большинство других.

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

Источник изображения

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

• Несоблюдение рекомендаций по веб-дизайну

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

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

Для это вам необходимо потратить время на изучение принципов проектирования и лучших практик. Рассмотрим некоторые из них ниже. 

Как использовать шаблон веб-сайта

1. Соответствуйте своему брендингу.

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

2. Выберите уникальную цветовую схему.

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

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

3. Грамотно выбирайте шрифты.

Шаблоны и темы веб-сайтов поставляются с несколькими вариантами шрифтов. Мы советуем вам придерживаться 2-3 шрифтов и создавать визуальную иерархию с помощью разных размеров.

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

4. Проектируйте сайт с учетом удобства просмотра.

Вам необходимо проектировать свой сайт с учетом удобства просмотра. Для этого нужно:

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

5. Будьте последовательны.

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

Лучше, чтобы фон, цветовые схемы, шрифты были одинаковыми на всех страницах вашего сайта. Страницы могут иметь разный макет, но одинаковые элементы.

6. Будьте проще.

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

7. Обновляйте по мере необходимости.

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

1. Проводить A/B тесты.
2. Внедрять стратегии, которые работают для конкурентов.
3. Собирать обратную связь от ваших клиентов.
4. Проводить аудит вашего сайта.

^{Источник:  hubspot.com}