Как создать современный сайт?
Как создать современный сайт? – Модульный веб-дизайн!
Введение
Системы управления веб-контентом, такие как WordPress или Drupal, не стремятся контролировать ваш контент. Они контролируют веб-страницы. Другими словами, это «системы управления шаблонами», используемые в основном (и в большинстве случаев исключительно) для управления веб-страницами.
Контент, в свою очередь, приходит в различных формах: это может быть пост в блоге, сбор данных в формате электронных таблиц, видео, инфографика и т.д. Контент может быть практически любым, в то время как многие существующие платформы CMS так сосредоточены на том, чтобы создатели контента жили для системы, которую они создали для вас.
Шаблоны – яркий тому пример. Они жесткие, трудно двигаемые, негибкие. Это делает ваш контент очень ограниченным с точки зрения творчества, если нет ничего другого.
Они жесткие в поведении, что затрудняет редактирование страниц для выполнения определенных задач. Трудно перемещать части шаблона, и это мешает разработке свободных форм контента.
Если вы подумываете о создании нового веб-сайта – или, возможно, вы просто хотите сделать свой существующий немного более удобным для пользователей – вы, возможно, натолкнулись на некоторые ключевые слова, описывающих подходы к современному веб-дизайну. Атомарный дизайн, или модульный дизайн, как его часто называют, произвел революцию в том, как мы создаем веб-сайты.
Он привнес новый уровень гибкости в процесс дизайна, передав контроль контента в руки владельцев веб-сайтов.
В этой статье мы поговорим о различиях между шаблонами и модулями в современном дизайне, преимуществах, которые предлагает модульный дизайн, и проблемах, которые необходимо преодолеть. Мы также изучим технологические требования, которые предъявляет модульный веб-дизайн, и обсудим это.
Разница между шаблонами и модулями
Переход на модульную систему означает, что она также состоит из стандартизированных единиц или взаимозаменяема. Модульная конструкция прослеживает большую часть своей родословной до печатных концепций.
Газета, которую мы когда-то держали в руках, но сегодня предпочитаем пролистывать,-отличный тому пример. Опытные печатные дизайнеры впервые использовали блоки контента, обозначая каждый компонент, который будет иметь историю: заголовок, текстовые столбцы, изображения с подписями и т. д.
Наличие шаблона – это именно то, что вам нужно, когда вы выпускаете ежедневную публикацию. В конце концов, время всегда будет иметь значение.
На рисунке показана базовая модульная настройка страницы с компонентами, которые могут быть добавлены или удалены на основе данной страницы.
В то же время модули обладают следующими чертами: гибкий подход к дизайну, они следуют как вертикальному, так и горизонтальному потоку, создают взаимозаменяемые блоки контента для кастомизации и менее строги, чем шаблоны.
Преимущества модульной конструкции
- Более быстрая разработка и развертывание
Модульный сайт, который, например, имеет 5 модулей, которые можно запускать и иметь сотни вариантов страниц!! Это означает, что вы можете запустить сайт как минимально жизнеспособный продукт и при этом иметь определенную уникальность, которой не может добиться сайт на основе шаблонов.
Раньше сайт быстрого запуска мог иметь 2 или 3 шаблона. Пользователь мог легко заметить это и на подсознательном уровне оценить время и усилия, вложенные в сайт. Теперь вы можете очень быстро выйти на рынок и итерации сайта, добавляя новые модули по мере необходимости, как часть постоянного плана постоянного улучшения.
Модульный дизайн дает этим людям больше свободы для размещения и применения концепций, которые они хотят донести.
Проще с точки зрения реализации микротаргетированного редизайна
Допустим, в прошлом вы хотели создать новую целевую страницу. Вы можете поговорить с разработчиком (со мной 🙂 ), который будет работать над созданием макета. Затем вы проводите запутанную серию согласований и встреч, чтобы обсудить дизайн. Примерно к версии 10 вы, вероятно, теряете какой-либо уровень энтузиазма по отношению ко всей кампании.
С модульным веб-дизайном вы можете эффективно исключить дизайнера из процесса. Вы можете собрать живой макет целевой страницы на основе уже существующих частей. Затем страницу можно будет распространить среди членов команды через фактический конечный URL.
Как вы, возможно, уже догадались, люди с меньшей вероятностью дадут общий отзыв о дизайне, если им представлен функциональный URL. В основном потому, что люди хотят быть услышанными и хотят дать обратную связь, но осознают, что на этой поздней стадии вряд ли произойдут массовые изменения.
- Предоставляет больше контроля веб-редакторам
Модульный веб-дизайн начинается с дизайна. CMS должна быть достаточно гибкой, чтобы справиться с этим. Разработчик не обладает квалификацией для создания модулей на основе шаблона и не понимает, что маркетолог делает и чего не должен делать.
Если распечатать на бумаге веб-сайт, то его можно будет разрезать на модули. Обычно это такие элементы, как операционная навигация, изображение героя, блок контента. Может быть, модуль из 3-х или 2-х блоков.
Разработчик должен уметь создавать новые страницы, беря эти части и собирая их заново. По сути, это уровень контроля, который вы получите, когда ваш сайт будет модульно спроектирован и интегрирован в эффективную систему управления контентом.
- Легче поддерживать и исправлять
Шаблоны – это раздутое понятие. Между собой они имеют большое количество зависимостей. Модули гибкие и адаптируемые. Вся веб-страница – это набор модулей от верхней навигации до навигации в нижнем колонтитуле.
Это означает, что с этой методологией вам больше не придется беспокоиться о сложных, запутанных изменениях дизайна веб-сайтов. Мы уже говорили о том, как сегодня создаются веб-сайты. Вы проходите процесс редизайна в течение нескольких месяцев, затем сайт остается в течение 2 лет, пока процесс не повторится. Как правило, каждый раз, когда вы переустанавливаете платформу CMS, перенос содержимого будет такой проблемой, что вы можете просто переписать его.
Можете ли вы представить, если бы ваш следующий редизайн произошел не через два года, а на постоянной основе?
Это еще одно ключевое преимущество такого подхода. Поскольку модули настолько независимы друг от друга, редизайн происходит намного быстрее. Верхний и нижний навигационные модули можно легко менять. Следовательно, ваш следующий редизайн не будет тонуть в дизайне шаблонов (подробнее об этом позже).
Вместо этого вы можете менять части по своему усмотрению на постоянной основе, чтобы увидеть, что работает, а что не работает с точки зрения аналитики. С этой новой методологией потенциально может случиться так, что ваш следующий редизайн и перестройка могут стать последними на очень долгое время, нарушив двухлетний цикл.
- Дешевле строить и поддерживать
Модульный веб-дизайн снова фокусируется на деталях. Дизайнеры должны работать над дизайном деталей, и клиент может представить себе диапазон возможностей. Мы уже говорили о том, что бай-ин легче получить от менеджмента. Но побочным эффектом этого является то, что требуется меньше ревизий и меньше функциональных макетов шаблонов. Это приводит к сокращению затрат времени, что приводит к снижению бюджетных потребностей.
Кроме того, подумайте о техническом обслуживании. Мы поговорим об этом позже, но с сайтом, управляемым шаблоном, у вас будет много случаев, когда потребуется новый шаблон. Это означает, что затраты на проектирование и разработку, в дополнение к накоплению технического долга.
Проблемы дизайна свободной формы
Наряду с довольно значительным списком преимуществ, существуют также проблемы на пути развертывания дизайна произвольной формы. Деннис Кардис, директор по дизайну и производству Diagram, веб-дизайнер с 12-летним опытом, выделяет следующие проблемы дизайна свободной формы:
- Форматирование, основанное на индивидуальном усмотрении, а не на структуре содержимого, приводит к непоследовательному применению стилей.
- Стиль, который применяется к элементам в содержимом, а не контролируется глобально, сворачивает ваш контент с помощью встроенного кода HTML и CSS. Это создает путаницу с тем, как контент повторно используется на сайте, как он отображается на экранах разных размеров или как его можно адаптировать в будущем.
- По мере увеличения количества страниц с настраиваемыми макетами дизайн становится все более бессистемным. Это негативно влияет на навигационный поток пользователя и может создать ненужную путаницу.
Таким образом, несогласованность стилей приложений, проблемы повторного использования на веб-сайте и некоторая путаница по мере роста количества веб-страниц – небольшая цена за все перечисленные выше преимущества.
Требования к технологии
Это огромная тема, которая выходит за рамки этого первоначального сообщения в блоге. Чтобы модульный веб-сайт работал, вам нужна подходящая система управления контентом: система, которая позволяет управлять контентом, а не веб-страницами.
Платформы CMS должны вернуться в исходное состояние: стать системами для управления «контентом», а не «презентациями» контента, такими как веб-сайты. Все самые популярные системы, доступные сегодня, от открытых до корпоративных, в значительной степени ориентированы на контент с точки зрения веб-страниц.
Контент меняется. Самые известные CMS, такие как WordPress, Drupal или Joomla, все одержимы интегрированным отображением, ориентированным на Интернет.
Индивидуальное решение CMS без головы может быть вариантом на будущее: такие системы позволяют менеджерам контента организованно управлять контентом, а затем публиковать его на нескольких носителях. Если ваш единственный носитель сейчас – это Интернет, вы можете расширить его до других форматов, а не сосредотачиваться на отдельном варианте.
Лучше всего то, что с увеличенным сроком службы модульного веб-дизайна и уже доказанным сроком службы безголовых CMS-систем, это может быть вашим вариантом на следующие 5 или даже 10 лет.
Успешные примеры модульного дизайна
Трудно привести пример веб-сайта с модульным дизайном, не обвиняясь в рекламе той или иной торговой марки.
Действительно, найти удобные для пользователя коммерческие или маркетинговые веб-сайты не так уж сложно. Мы решили сделать ставку на модульный веб-дизайн Pinterest.
Если вы много просматриваете розничные или маркетинговые сайты, вы очень часто видите примеры модульного веб-дизайна.
Что по итогу?
В модульном веб-дизайне основное внимание при работе над веб-сайтом смещается от мучительной работы над несколькими отдельными страницами (за счет всех остальных) на интеллектуальную систему, состоящую из многоразовых шаблонов проектирования, взаимозаменяемых компонентов и хорошо спланированной системы. Л – логика! 🙂
Это приводит к более масштабируемой инфраструктуре, лучшему соблюдению стандартов дизайна и авторам контента, которые могут меньше беспокоиться о продвижении пикселей и сосредоточиться на своей основной компетенции: создании более качественных фрагментов контента.
