Разработка веб-дизайна – процесс творческий

Разработка веб-дизайна – процесс творческий

В нашей прошлой статье “Интернет убивает креативность” мы уже рассказывали, почему сегодня многие сайты выглядят как “под копирку”. Возможно, всё дело в том, что дизайн и контент больше не заодно. Шаблоны неумолимо съедают идею, а ведь именно заложенный в ней смысл мог бы вдохнуть  жизнь в  наполнение сайта контентом. Мы уверены, что разработка веб-дизайна должна быть наполнена творчеством, однако как этого достичь? Будем разбираться вместе.

Для всего ли нужна CMS?

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

cms

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

  • Насколько «редкий» контент будущего сайта?
  • Есть ли вероятность его изменений?

Если информация не тиражируется по всему сайту, то это и есть «редкий» контент, и обычно в таком случае CMS не нужна. И чем дольше актуальность текста на сайте, тем больше можно посвятить ему работы. Такой контент, как новости или описание товаров в интернет-магазине, скорее всего, нуждаются в CMS, потому что имеют относительно недолгую актуальность. Их придётся регулярно обновлять.
Увеличится ли стоимость дизайна сайта в сравнении со стандартной иллюстрацией с текстом? Да. Выглядит ли это более вдохновляюще? Мы определенно так думаем.

Хорошо. Двигаемся дальше.

Священная книга «Разработка веб-дизайна: делай так, а не так»

Представители индустрии (исследователи, дизайнеры, разработчики) любят объединяться в сообщества и делиться друг с другом своим бесценным опытом и наработками. Ирония в том, что это один из главных камней преткновения на пути творчества.

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

  • Ты не должен определять высоту строки в пикселях
  • Ты не должен называть Имя Господне всуе
  • Ты должен сначала разработать дизайн мобильного сайта
  • Ты не должен писать эту важную хрень вот здесь
  • Ты не должен поклоняться ложным идолам и так далее.

Ирония в том, что чужое экспертным мнением здорово мешает творчеству.

Наш свод правил лажает по двум причинам. Во-первых, это самонадеянность. Мы начинаем думать, что знаем ответы на все вопросы и что если все просто будут следовать «лучшим» советам, то можно разработать дизайн сайта, который станет идеальным.

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

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

Разработка веб-дизайна  – сплошное нарушение правил

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

Ещё не шокированы? Сомневаюсь. Я чувствую ваше осуждение. Вместе с развитием индустрии увеличиваются (а иногда уменьшаются) спорные вопросы и тренды в дизайне, которые делят наше общество пополам. Вчера мы спорили о меню гамбургеров, сегодня об оформлении страниц. А завтра? Кто знает.

Действительно ли карусельный дизайн так плох? Конечно, нет. Нужно ли запретить параллакс? Не глупите. Работает ли меню гамбургеров? Ну, это пока неясно. Когда я занимался дизайном журналов, никто никогда не говорил о показателях кликов, воронках конверсии и юзабилити. Нам просто оставалось надеяться, что наши читатели сумеют открыть журнал, найти содержание и прочесть номер страницы. И мне кажется, большинство людей были на это способны (точных данных, как вы понимаете, у нас не было).
В интернете все не так просто. Столько всего может пойти не так, если не дать человеку точного руководства. А это меню работает так же, как на старой версии Файрфокса? Люди поймут, что означает иконка с гамбургером? Они вообще умеют скроллить? К счастью, можно эти показатели измерить!

testing

Мы страстно любим диаграммы и преклоняем колени, когда кто-то публикует какие-то результаты. Если интересуетесь гамбургерами, вы наверняка видели A/B тесты Джеймса Фостера, которые доказали, что когда гамбургер помещен в рамку, то выглядит он как кнопка, а это увеличивает его привлекательность на 22,4%. Также тесты доказали, что наличие полосок рядом со словом «Меню» увеличивает показатель кликов на 20%.
Слово «доказали» я использую довольно условно. На самом деле, тесты Фостера показали нам конкретный результат за определённый период времени на определённом сайте, с использованием определённого набора иконок. Другими словами, тесты ничего не доказывают.

Почему? Во-первых, потому что A/B тестирование исключает все остальные буквы алфавита. Мы не знаем, что бы случилось, если бы кнопка была другого цвета, размера или находилась в другом контексте. Что если бы на домашней странице было только меню в виде гамбургера и ничего больше?

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

Я не осуждаю А/В тестирование (или самого Джеймса Фостера). В любом случае, проводите тесты и выбирайте оптимальный для себя вариант. Я веду к тому, что чьё-то А/В тестирование в очень редких случаях может послужить основой для вашего проекта. Несмотря на наши усилия и лучшие намерения, у нас просто нет инструментов или данных, чтобы точно сказать, насколько хорошо что-то работает в любом из контекстов.

Каждый раз, когда начинается разработка веб-дизайна, какие бы вопросы не приходили в голову, ответы на них начинаются со слов “это зависит от…”. И псевдо-научная статистика, почерпнутая из Твиттера ничего не изменит.

Подумайте вот ещё о чем: если разработка дизайна сайта идёт по пути карусели, т.е. по “плохому” сценарию, то почему же тогда почти все смартфоны используют его для главной навигации? Большинство из нас пользуются карусельным дизайном каждый день. Пока люди а) знают, как ею пользоваться и б) хотят посмотреть на следующий слайд, – за карусель можно не беспокоиться.
Значит, по крайней мере, в некоторых случаях, она действенна. То же самое относится к гамбургерам, параллаксу и страницам весом в тонну.

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

Усталость от образцов

Термин «нестандартное мышление» («lateral thinking») был введен Эдвардом де Боно в 1967 году и завоевал популярность благодаря его одноимённой книге, вышедшей в 1970-м. В ней автор много говорит о различных моделях-шаблонах и о том, как трудно нарушить устоявшееся. В качестве примера он дает читателю задачку, в которой нужно из увеличивающегося количества частей построить наибольшую простую фигуру (например, прямоугольник).

Добавлять каждый новый кусочек к построенной фигуре просто. Пока не остаётся последний. И что тогда? Большинство людей в этот момент сдаётся, но, как утверждает де Боно, решение придёт, если пересмотреть всю модель, а не только последнюю часть.

разработка веб-дизайна сайта

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

F – fast – быстро. Именно так юзеры читают ваш драгоценный контент. За несколько секунд их глаза с невероятной скоростью просматривают слова на вашем сайте, по системе, которую вы не проходили в школе.

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

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

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

«Креативность нужна нам для того, чтобы освободиться от выработанных за долгое время структур»
Эдвард де Боно

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

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

Почему мы так одержимы этой навигацией на каждой странице? Без нее контенту было бы просторнее. Может быть, каждому сайту полезнее иметь одну страницу с оглавлением, а с остальных убрать лишнее? Возможно, мы усваивали бы информацию лучше, если бы пришлось её поискать? И тогда контент потреблялся бы совершенно иначе. Что если потеряться – это хорошая идея?

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

А если веб-сайты читать как журналы?

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

Итак, убивает ли Интернет креативность?

Я коснулся контента, правил и усталости от шаблонов, так как это – главные препятствия на пути к творчеству в сети. Так к чему мы пришли? Неужели веб-дизайн уже мёртв?
Одним словом, нет. Интернет не убил креативность, и веб-дизайн не мёртв! Но мертвы типовые решения. И роботы действительно наступают нам на пятки. Как же много инструментария, столько каркасов. Есть SquareSpace и the Grid. За ними последуют и другие.

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

Но помните следующее: у машин нет воображения. Роботы работают по определённым наборам правил. Они следуют рецепту. Они не могут создать нечто оригинальное и осмысленное. Если мы хотим пережить Матрицу (моя мрачная метафора выбора), мы должны поддерживать свой мир. Разработка веб-дизайна сайта – это не слепое следование рецепту.

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

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

Понравилась наша статья, поделитесь с друзьями!

Поделиться с друзьями

Похожие статьи