Рекламные кампании для вашего бизнеса
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Веб-дизайн: как не нужно делать

Россия +7 (495) 960-65-87
Шрифт:
6 7332

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

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

В нашей статье мы рассмотрим несколько популярных приемов, обращаться с которыми нужно осторожно.

Иконка-гамбургер на десктопах

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

hamburger.png

Понять, почему «гамбургеры» так популярны, легко. С ними сайт выглядит чище. Но этот прием работает далеко не на всех ресурсах и зачастую негативно сказывается на пользовательском опыте – кто-то просто не понимает, как ему найти то, что нужно.

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

Слайдеры на главной странице

Слайдеры. Слайдеры везде. Они добавляют разнообразия и упорядочивают хаос. Но их беспорядочное использование делает некоторые ресурсы больше похожими на свалку.

be-careful-trends-awwwards-0.png

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

  • Это вредит SEO. Слайдеры создают следующие проблемы: несколько заголовков h1, использование Flash, низкая скорость загрузки и «пустой» контент на странице.
  • Снижается производительность. Чем больше элементов на странице, тем дольше она загружается.
  • Это вредит usability. Здесь срабатывает так называемый «эффект мегафона». Слайдер отвлекает на себя внимание пользователей, и они не обращают внимания на контент, размещенный под ним.
  • По слайдерам никто не кликает. Пользователи просто игнорируют их и не обращают внимание на контент, спасибо баннерной слепоте – эффекту, благодаря которому пользователь сайта не замечает рекламные блоки и объекты, похожие на них.

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

Параллакс-скроллинг

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

  • Это затрудняет восприятие информации. Пользователи жалуются на то, что параллакс-скроллинг мешает им воспринимать информацию – они отвлекаются на другие элементы страницы.
  • Динамика быстро утомляет. Навигация по странице интересна только первые несколько секунд.
  • Увеличивается длина лендинга. На просмотр страницы целиком требуется слишком много времени.

«Тяжелый» экран загрузки

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

be-careful-trends-awwwards-11.png

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

Наверняка вы уже поняли, о чем речь? Не усложняйте, или потеряете посетителей. Все просто.

Слишком много JavaScript

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

Также не стоит забывать, что поисковые роботы не индексируют контент, генерируемый JavaScript.

images.jpg

«Сложное» оформление

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

  • Экспериментируйте со шрифтами. Ищете тот, что соответствует стилистике вашего бренда.
  • Если вы используете несколько шрифтов, старайтесь подобрать их так, чтобы они дополняли друг друга стилистически. Или создавали интересный контраст.
  • Хотите выглядеть «традиционно», выбирайте serif.

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

Источник: Awwwards

internet-dlya-biznesa
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • Гость
    4 месяца назад
    Несколько h1 в слайдерах... Зачем использовать h1, если можно любыми тэгами оформить?
    -
    2
    +
    Ответить
    Поделиться
  • Гость
    6 месяцев назад
    Один только вопрос: почему нигде не указано, что статья - из этого источника? www.awwwards.com/be-careful-about-these-6-web-design-trends-in-2016.html
    -
    4
    +
    Ответить
    Поделиться
  • Гость
    6 месяцев назад
    Яндекс, не так давно рассказал, что его роботы, теперь умеют читать java script
    -
    0
    +
    Ответить
    Поделиться
  • Dj Mishka
    1
    комментарий
    0
    читателей
    Dj Mishka
    6 месяцев назад
    насчет java скриптов очень точно подмечено.
    -
    0
    +
    Ответить
    Поделиться
  • DRe
    6 месяцев назад
    Это вредит SEO. Слайдеры создают следующие проблемы: несколько заголовков h1, использование Flash, низкая скорость загрузки и «пустой» контент на странице.
    FLASH??? Нда.... Я его не видел уже года три в вебе....Автор явно не технолог.
    -
    10
    +
    Ответить
    Поделиться
  • Руслан Полищук
    1
    комментарий
    0
    читателей
    Руслан Полищук
    6 месяцев назад
    "Это вредит SEO. Слайдеры создают следующие проблемы: несколько заголовков h1, использование Flash, низкая скорость загрузки и «пустой» контент на странице."

    Ну, это как-то странно. Если такие проблемы возникают - гнать в шею программиста и верстальщика. У нормальных-пряморуких специалистов таких проблем нет.

    "Снижается производительность. Чем больше элементов на странице, тем дольше она загружается. "

    Туда же... Проблема притянута за...
    "Это вредит SEO. Слайдеры создают следующие проблемы: несколько заголовков h1, использование Flash, низкая скорость загрузки и «пустой» контент на странице."

    Ну, это как-то странно. Если такие проблемы возникают - гнать в шею программиста и верстальщика. У нормальных-пряморуких специалистов таких проблем нет.

    "Снижается производительность. Чем больше элементов на странице, тем дольше она загружается. "

    Туда же... Проблема притянута за уши.
    -
    10
    +
    Ответить
    Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
23 действительно эффективных совета по продвижению интернет-магазина
Гость - Троль Гуру паНгинации - Что такое паНгинация?))))
Конкурс: угадайте пятерку лидеров рейтинга «SEO глазами клиентов 2016»
Марина
1
комментарий
0
читателей
Полный профиль
Марина - Ingate i-Media SEO.RU Netpeak 1PS.RU
Анализ ссылок: сравнение многофункциональных платформ по размеру их баз
Михаил - Хватит пениться на каждый аргументированный отзыв. Это не придает вашей компании чести.
Как создать интернет-магазин: сколько стоит открытие?
Гость - да у битрикса что ни обновление - то сплошные баги. недавно знакомый обновился на лицензии интернет-магазина, про***лись заказы за последнюю неделю, слетели все связи по складам. одним словом, жопа. при этом обновился на сразу, а спустя месяц после выкатывания, надеялся, успеют все поправить
Как упростить продвижение вечными ссылками?
Coursh - Зарегестрировался. Накинули 1100 рубликов за пополнение на 10к. Очень неплохо!
Вопрос недели: почему сайт хорошо ранжируется в Google и не интересует Яндекс?
Nina S.Dzh. - У вас достаточно конкурентная тематика для рунета и по главной странице домена расположена англоязычная версия. Полагаю, в этих двух фактах вся проблема. Поскольку Яндекс в данном случае считает английскую версию сайта приоритетной, а среди ваших конкурентов в выдаче достаточно много хороших русскоязычных сайтов, то он и не ранжирует ваш сайт высоко. Грубо говоря, ему есть что предложить пользователю и без вашего сайта. На мой взгляд, в данном случае версии нужно разводить по разным доменам, русскую вешать на RU и продвигать там.
Кому и зачем нужен маркетплейс от Яндекса
Дарья Калинская
0
комментариев
0
читателей
Полный профиль
Дарья Калинская - Максим, спасибо, рада, что статья оказалась полезной )
Конкурс: угадай победителя рейтинга «Известность бренда SEO-компаний»
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Оптимизм Дэмис Кокос Ашманов и Партнеры Раш эдженси
ТОП-10 автоматизированных сервисов контекстной рекламы
Жанна Рожкова
155
комментариев
0
читателей
Полный профиль
Жанна Рожкова - Научитесь отличать рекламу от PR-активности. Если следовать вашей логике, на этом сайте (и на всех остальных информационных ресурсах в принципе) кроме рекламы ничего и нет. Так что насчет статьи от понимающего эксперта? Будем рады, если подготовите
Экспериментальное SEO: «Дырявые носочки панды»
Adrian - Испания и Португалия находятся в Европе и участвовали в чемпионате Европы. Одна из этих стран даже стала победителем. А Южная и Центральная Америка здесь при том, что там разговаривают на испанском и португальском языках. Сына, учите географию.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
200
Комментариев
171
Комментариев
155
Комментариев
137
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
93
Комментариев
80
Комментариев
70
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
49
Комментариев
45
Комментариев
44

Отправьте отзыв!
Отправьте отзыв!