• 0k
  • 0
Веб-дизайн \ 23 Июль 2014

Красота — не всё: как сделать сайт максимально эффективным

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

Узнайте, как превратить любительский сайт в по-настоящему профессиональный, используя современные принципы веб-дизайна:

Как сделать сайт по-настоящему эффективным

1. Навигация: логика — мать порядка

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

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

Настройка стиля меню в редакторе Wix

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

Добавление ссылки на главную страницу сайта в редакторе Wix

  • Если вы используете подразделы, обязательно добавьте выпадающее меню, в котором пользователи смогут легко выбрать нужную категорию.
  • Первая кнопка в меню всегда должна вести на главную страницу.

2. Мобильная версия: будьте доступны с любого устройства

Не стоит дискриминировать посетителей по виду устройства, с которого они зашли на ваш сайт: пусть у каждого будет возможность просмотреть ваш сайт в любое время, с любого устройства. Согласно недавнему исследованию Mail.ru, за последний год пользователей мобильного интернета в России стало в полтора раза больше, в то время как наиболее часто мобильный интернет используют как раз для поиска информации. Это в очередной раз доказывает, что наличие мобильной версии для сайта просто необходимо для расширения охвата аудитории. Мобильный редактор Wix позволяет за пару кликов сделать ваш сайт доступным для просмотра с любого мобильного устройства, будь то смартфон или планшет. При этом, мобильный сайт сохраняет свой изначальный вид, но его структура перестраивается в соответствии с требованиями используемого устройства.

Редактор Wix: мобильная версия сайта в режиме предпросмотра

3. Визуальный язык: не говорите лишнего

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

Страницы сайта, оформленные в едином стиле.

4. Функционал сайта: думайте на шаг вперёд

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

Редактор Wix: добавление якорной ссылки

Редактор Wix: встроенная лента новостей из Instagram

  • Добавьте эффект увеличения фотографий для детального ознакомления с товарами в вашем онлайн-магазине.

Не все эти функции могут подойти вашему сайту, но вы должны всегда рассматривать новые варианты для его улучшения. Следите за новостями Wix на наших страницах в Facebook, ВКонтакте или в Google+ и подпишитесь на блог Wix, чтобы быть в курсе последних обновлений и регулярно получать от нас советы и вдохновение.


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email