Нажмите ENTER, чтобы посмотреть результаты поиска, или нажмите ESC для отмены.

Правила хорошего сайта: основные тренды веб-дизайна 2017 года

Дорогие читатели!

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

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

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

Основные замечания наших читателей к дизайну можно сгруппировать по 4 пунктам:

  • Улучшить навигацию на сайте, сделать более удобным главное меню;
  • Поменять структуру главной страницы сайта так, чтобы предоставить доступ к большему количеству материалов;
  • Упростить поиск похожих материалов;
  • Сделать дизайн более ярким, более футуристичным. Как написал один пользователь: “Сайт из настоящего, не чувствуется будущего”.

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

Тренды веб-дизайна могут быть весьма противоречивы, например, в 2016 году в моду вошло упрощение всего и вся, и вместе с тем – гигантские видеозаставки (а также gif-анимация и новый тренд – синемаграфия).

Синемаграф – это статичная картинка с анимированной деталью, то есть, по сути, “живая фотография”

Яркость и динамичность оформления сохранились в трендах этого года. Джон Мур Уильямс, топ-менеджер компании Webflow, в своей статье “18 трендов веб-дизайна в 2017 году” выделяет среди них:

  • большое количество ярких цветов

    Редизайн лого Instagram
  • больше анимации
Сайт Chekhov — яркий пример анимационного оформления сайта
  • и, главное – все внимание контенту.

 

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

Чтобы акцентировать внимание читателя на контенте, важно оформление главной страницы и система навигации сайта. Авторы блога Designmodo в качестве ключевого тренда этого года выделяют «максимальное упрощение главной страницы», что бы это ни значило. Схожей точки зрения придерживаются эксперты компании Impact. По их мнению, в 2017 году самые лучшие сайты должны следовать следующим рекомендациям:

  • Отказ от скрытой навигации («гамбургер–меню»). Вы наверняка знаете эти “бутерброды” из гиперссылок в боковой панели. Специалисты уверены – «гамбургер-меню» трудно обнаружить с первого взгляда.
  • Отказ от «карусели» на главной странице. Это действительно становится плохим тоном — слайдеры, на которых скачет калейдоскоп публикаций и создает сумятицу в голове пользователя.
  • Размещение всего контента «выше линии сгиба» (попытка уместить весь важный контент на первом экране) – люди привыкли к прокрутке, им не сложно проматывать страницу.

Обобщая принципы, которые выделяют специалисты и общеизвестные формулы построения дизайна, при создании современного сайта не стоит забывать о следующих постулатах (они, например, приняты в качестве стандарта порталом Госуслуг Великобритании) :

  • Начинать с потребностей пользователя.
  • Не делать лишнего.
  • Руководствоваться данными.
  • Все упрощать, даже если это стоит большого труда.
  • Работать итеративно.
  • Создавать для каждого.
  • Понимать контекст.
  • Строить сервисы, а не сайты.
  • Быть последовательными, но не однообразными.
  • Делиться тем, что делаешь, — другие помогут сделать твой продукт еще лучше.

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

Рекомендуем