Один и тот же сайт, разные картинки: как веб-дизайнеры рисуют себя в углу

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

Возможно, это было бы не так плохо, если бы в результате было что-то действительно оригинальное и интересное, но правда в том, что вряд ли кто-то приложил усилия в этом направлении. Иногда сходства выходят за рамки структуры, и вы видите визуальные элементы, которые слишком знакомы. Даже контент иногда просто нагло срывается, и это не может быть хорошо для индустрии веб-дизайна. Это то, что убьет нашу индустрию, потому что эти скучные и напуганные дизайнеры делают себя (и вас) устаревшими.

Как дублирование сайтов делает вас излишним в уравнении дизайна

На данный момент покупатели веб-сайтов не совсем осознают ситуацию. Кажется, они не заметили, что любой другой сайт в Интернете - это просто переработанная версия какого-то другого сайта. В настоящее время тенденция дизайна заключается в создании огромных прокручивающихся стен из гигантских изображений с наложением текста. Ароматы месяца: белый текст на голубом (спасибо за это, Twitter!), Белый текст на коричневом, белый текст на любом другом цвете, где его можно использовать, а когда это невозможно, мы увидим серый текст или, по крайней мере, что-то действительно бледное и размытое. Мы также едем в город с большими плоскими пуговицами.

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

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

Пример использования: Dollar Shave Club

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

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

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

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

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

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

Некоторые из изменений включали:

  • Полное изменение стиля от вызывающего и современного к старому и прохладному
  • Добавление нового логотипа
  • Выделенное бонусное предложение
  • Менее сложная навигация с улучшенными заголовками ссылок
  • Проще увидеть ссылки входа и регистрации
  • Вступление в видео
  • Огромная линия тегов
  • Нижний колонтитул страницы больше не изолирован от остальной части дизайна

Этот дизайн, возможно, действительно близок к той точке, где они, вероятно, должны были перестать вводить новшества. В этой форме это было уже красиво, с единственными недостатками в том, что вступительное видео было установлено в iframe и автозапуск был включен. Ни одна из этих вещей не является хорошей идеей, и ни один дизайнер в 2016 не должен даже подумать о том, чтобы делать это без веской причины. Кроме того, сайт был настолько близок к совершенству, насколько возможно. Единственным важным изменением для 2012 стало добавление ссылки на блог в основной области навигации.

К концу 2013 сайт получил существенную скрытную переработку своего исходного кода, выбив вступительное видео из этого надоедливого iframe и больше не используя эту противную функцию автозапуска. Пользователи не увидели бы большой визуальной разницы, но они наверняка оценили бы возможность выбора, смотреть ли им видео. Если вам интересно, почему это так важно, возможно ... вы новичок в Интернете. Возможно, вы никогда не знали радостей измеряемой пропускной способности или других подобных вещей. Это сделало бы вас действительно особенным человеком.

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

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

Сентябрь 2014 знаменует собой последний раз, когда этот сайт будет иметь этот компактный и разумный дизайн. Начиная с октября, они снова изолировали заголовок страницы / раздел навигации и нижний колонтитул от основного контента, и, таким образом, сайт снова стал общим, однородным последователем стада. Ориентация деревянных досок также изменилась с вертикальной на горизонтальную. С явно преднамеренным снижением рейтинга сайта до общего вида «Fortune 500 Approved», они, похоже, сделали то же самое, о чем предупреждал Кирк Лазарь, что никогда не следует делать.

К этому моменту сайт уже перешел в общий вид, искаженный тысячами - может быть, даже миллионами - другими корпоративными сайтами, взяв его с ног на голову со скоростью загрузки по FTP, но это не было полностью потеряно. Это все еще не закончило полный переход. Он парил там, как pre-op kathoey, похожий на общий шаблон, но не на все функции.

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

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

Вся эта дополнительная работа и принятие решений дополняют уровень CUF (совокупное разочарование пользователей) и повышают вероятность того, что пользователь покинет магазин. В случае с Dollar Shave Club предложения достаточно хороши, и пользователи, вероятно, будут терпеть множество неприятностей (высокий порог CUF), но это будет не так для каждого сайта.

Название сайта также развивалось в течение всего этого времени, с некоторыми из названий, перечисленных ниже:

  • Дешевые бритвенные лезвия за $ 1 в месяц
  • Cheap бритвенные лезвия
  • Dollar Shave Club: Наши клинки великолепны!
  • Dollar Shave Club - время бритья, деньги бритья
  • Доллар бритья клуб

Из этой эволюции легко увидеть влияние корпоративной культуры на отличные идеи. Вы можете изобразить какого-то слабого маленького парня, одетого в Армани и сжимающего свой чемоданчик от Gucci, который на пресс-конференции рассказывает: «Эй, ты не можешь сказать что-то подобное!». Но угадайте, какая линия привлекла к ним наибольшее внимание, наибольшее количество акций и как много людей связалось с ними?

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

Итак, вот как выглядит сайт сегодня:

Невероятно, на что пойдут некоторые люди (и сайты), не так ли?

Часть вины ложится на инструменты, которые мы используем

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

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

Это так много, что иногда, когда ожидаемый «стандартный» элемент отсутствует, клиенты задаются вопросом, почему. Это нехорошо… у клиентов не должно быть ожиданий относительно результата процесса проектирования, они должны говорить «Ух ты! Это здорово! », А не« Где [элемент дизайна причудливой причуды]? ».

Вторым фактором, способствующим этой проблеме, является подход «Дешевый Чарли» к дизайну, при котором создается единственный макет, и ожидается, что он будет уменьшен до одного столбца для мобильных пользователей. Google хочет, чтобы мы разрабатывали дизайн для мобильных устройств, и, конечно, мы должны это учитывать, но если учесть, сколько места нам нужно играть на рабочем столе, мы должны воспользоваться этим.

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

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

Богдан Рэнца

Богдан является одним из основателей Inspired Mag, накопив за этот период почти 6-летний опыт. В свободное время он любит изучать классическую музыку и изучать изобразительное искусство. Он тоже одержим исправлениями. У него уже есть 5.