Как выглядит интернет без юзабилити. Редизайн известных сайтов, который вызвал негодование

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

В своем блоге на vc.ru IT-Академия Алексея Сухорукова рассказывает о новых интересных взглядах на технологии, разработку, маркетинг и дизайн.

Борис Мюллер, профессор по Интерактивному дизайну в Университете прикладных наук в Потсдаме (Professor for Interaction Design at FH Potsdam, co-director of Urban Complexity Lab) решил перепроектировать интернет вместе со своими студентами.

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

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

По иронии судьбы современные веб-технологии обладают огромными возможностями для дизайна. Сегодня мы можем реализовать практически все идеи и макеты. Мы можем создавать радикальные, удивительные и вызывающие воспоминания сайты. Мы можем комбинировать экспериментальную типографию с генеративными изображениями и интерактивными впечатлениями. Но при этом даже веб-сайты для дизайнеров основаны на контейнерах в контейнерах в контейнерах. Самые популярные порталы для объявлений в Интернете - Dribbble и Behance - настолько фундаментально скучны, что их не отличить друг от друга.

Есть несколько причин. Технологические структуры, такие как системы управления контентом (CMS) и платформы для ведения блогов, такие как WordPress, основаны на шаблонах. Веб-страницы этих фреймворков не создаются индивидуально, а генерируются «на лету», объединяя различные типы медиа (изображения, заголовки, основной текст и видео). Шаблоны не являются проектами. Скорее, это правила для объединения связанных типов данных. Помимо шаблона, эти платформы обычно не дают пользователям возможности влиять на внешний вид страницы. Вы видите то, что вы влили в шаблон.

Существует множество других причин отсутствия творчества в веб-дизайне. Большинство из них являются экономическими и прагматичными. Например, создание отдельных страниц занимает много времени. Учитывая скорость онлайн-новостей и частоту новых статей, крупные веб-сайты просто не имеют ресурсов для разработки страницы с нуля. Кроме того, веб-дизайн по-прежнему зависит от технических знаний: HTML, JavaScript и CSS остаются сложными инструментами для дизайнеров. Я подозреваю, что творческая и интеллектуальная лень дизайнера тоже виновата. В эпоху мобильной разработки, основанной на каркасе, никто не беспокоится о визуальной и контекстной целостности веб-страницы.

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

Борис Мюллер решил, что пришло время поспорить с таким интернетом. Он преподает курс интерактивного дизайна в Потсдамском университете. Своим студентам он предложил выполнить итоговое задание - сделать редизайн известных существующих сайтов (в их числе оказались сайты NASA, Берлинского музея, Wired, Hacker news, Medium)

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

Сам профессор отдельно выделил четыре проекта, которые отражают четыре разных подхода к новому сайтостроению.

Но прежде, чем переходить к ним, взгляды Бориса Мюллера мы попросили прокомментировать нашего преподавателя курса по usability (проектированию интерфейсов) Ольгу Орешкову.

Ольга Орешкова - UX&UI дизайнер, продуктолог и разработчик образовательных программ. Она консультирует стартапы, работала в таких компаниях как Europlan и Aliance Ltd. (более подробно об ее интересном опыте и взглядах на веб-дизайн вы можете прочитать в нашем интервью с ней).

Нам сейчас особенно важно, что свою карьеру в вебе Ольга начинала именно в Германии (компания Mediartis Ltd.), где и появился этот любопытный эксперимент. По ее словам, без национального менталитета тут не обошлось.

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

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

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

Уличный художественный журнал, платформа для будущих художников и социальных вопросов. Здесь представлены фотографии, живопись, иллюстрации, дизайн, журналистика и художественные тексты. Студенты выполнили сайт в виде города, состоящего из четырех кварталов (разделов журнала). Сильные иллюстративные стили сочетаются с пространственной типографикой, которая четко разделяет город на части.

Здесь студенты подошли к задаче очень структурно. Их целью было “распустить” веб-страницу, разбить ее на семантические, синтаксические и статистические свойства. Они хотели продемонстрировать текучесть HTML. Сайт позволяет пользователям разрывать длинные блоки текста в экспериментальном типографическом пространстве.

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

Борис Мюллер надеется, что в будущем интернет сильно изменится:

"Я, например, хотел бы увидеть более радикальный, генеративный, вызывающий воспоминания, продуманный, адекватный, контент-специфический и интеллектуальный веб-дизайн. Я хотел бы вновь открыть интернет как пространство для проектных экспериментов. Хотелось бы чаще удивляться. Я не знаю, как будет выглядеть интернет еще через 23 года, но я, конечно, надеюсь, что он не будет похож на сегодняшний”.

Ольга Орешкова считает, что IT-сообществу пришло время повзрослеть:

“Если всё неоднозначно и нелинейно, то что делать нам? Чтобы увидеть закономерности развития, давайте посмотрим на ставшие уже классическими области. Например, моды или машиностроения. 100-150 лет назад тренды в них могли держаться десятилетиями. Сейчас же за один год может появиться несколько новых коллекций/моделей. На смену функциональным моделям приходят футуристические, на смену минимализму и симметричности – буйство в цветах/фактурах и ассиметричность.

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

Эксперимент спровоцировал бурю негодования. Такую, что профессору даже пришлось закрыть комментарии к своей статье и выпустить небольшое опровержение, которое называлось уже “Баланс между креативом и юзабилити” .

"Мой эксперимент и его обсуждение сводятся к позиции “творчество против юзабилити”. Я критикую конкретную тенденцию к веб-шаблону, управляемому шаблонами, который оставляет очень мало места для инновационных и сложных подходов к разработке. Я вообще не критикую юзабилити . Это было бы абсурдом и полным неправильным толкованием моего текста.

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

#дизайн #usability