Оффтоп Daria Khokhlova
37 584

«Веб-брутализм»: Зачем разработчики создают простые и некрасивые сайты в стиле 90-х годов

Издание The Washington Post опубликовало материал о том, почему всё больше разработчиков предпочитают создавать «уродливые» сайты. Для этого направления в веб-дизайне, пишет журналист издания, даже появилось собственное название — «веб-брутализм». Редакция vc.ru выбрала интересные моменты из материала.

«В веб-дизайне прослеживается интересная тенденция: создание некрасивых сайтов. За примерами далеко ходить не нужно — взгляните на Hacker News, Pinboard, Bloomberg Businessweek Features», — пишет автор заметки. Девушка приводит в качестве примеров сайты, созданные в разное время, но все они, отмечает журналистка, «отрицают стандарты разработки дружелюбных интерфейсов и производят впечатление страниц, сверстанных вручную в 90-е годы».

У стиля таких сайтов, рассказывает журналистка, даже есть собственное название — «веб-брутализм» (брутализм — стиль в архитектуре, получивший распространение во второй половине двадцатого века).

Страницы, оформленные в этом стиле, собирает на своём сайте креативный директор швейцарского агентства Freundliche Grüsse Паскаль Девилль. Специалист не только публикует примеры «брутальных» страниц, но и общается с их создателями. Креативный директор Freundliche Grüsse расспрашивает их о том, почему для оформления сайта они выбрали именно такой стиль, и рассуждает о преимуществах подобного подхода к дизайну.

Веб-брутализм, говорит Девилль, характеризует не только внешний вид сайта в этом стиле, но и то, как он создан. «Если взглянуть на код, сразу становится понятно, что перед вами — изящная работа или грубо сделанный проект на простом HTML». Именно поэтому, отмечает дизайнер, по-настоящему «брутальными» могут считаться не все страницы, которые выглядят соответствующим образом.

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

Другие отмечают, что в «веб-брутализме» их привлекает отсутствие правил и условностей. «Всё определяется только платформой, на которой построен сайт», — рассказывает создатель Trulybald.com Джейк Тобин.

Модератор новостного агрегатора Hacker News, назвавшийся Даниэлем, рассказал Девиллю, что при создании ресурса его разработчик Пол Грэм (предприниматель, инвестор, основатель Y Combinator) руководствовался идеей о том, что на подобном ресурсе первичным является контент, а не оформление.

Генеральный директор Basecamp и 37signals Джейсон Фрайд отмечает, что рассматривает сайт 37signals скорее как письмо к его посетителям, а не дизайнерский объект. «Будем считать, что это письмо случайно попало в сеть. Я прежде всего думаю о комфорте и простоте — особенно когда дело доходит до чтения».

Разработчик Кол Яковски говорит, что не пытался сделать свой сайт-портфолио «брутальным», так как даже не подозревал о существовании такого стиля. Яковски хотел, чтобы потенциальные заказчики оценивали его не по способности создавать красивые интерфейсы, а по успехам в области программирования — его основной специальности.

В качестве примера коммерчески успешного «брутального» сайта Девилль приводит доску объявлений Craigslist. «Это потрясающе брутальный сайт, — говорит он. — Только взгляните».

#Интерфейсы #интерфейсы #уродливые_интерфейсы #веб_брутализм #уродливые_сайты #брутализм

Статьи по теме
Дизайнер Basecamp: «Мне нравятся уродливые интерфейсы»
{ "author_name": "Daria Khokhlova", "author_type": "editor", "tags": ["\u0443\u0440\u043e\u0434\u043b\u0438\u0432\u044b\u0435_\u0441\u0430\u0439\u0442\u044b","\u0443\u0440\u043e\u0434\u043b\u0438\u0432\u044b\u0435_\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u0435\u0431_\u0431\u0440\u0443\u0442\u0430\u043b\u0438\u0437\u043c","\u0431\u0440\u0443\u0442\u0430\u043b\u0438\u0437\u043c"], "comments": 66, "likes": 46, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 15445, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 15445, "author_id": 5723, "diff_limit": 1000, "urls": {"diff":"\/comments\/15445\/get","add":"\/comments\/15445\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/15445"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

66 комментариев 66 комм.

Популярные

По порядку

Написать комментарий...
86

Современный уродливый сайт должен быть одинакого уродлив как на компе так и на мобильном устройстве.
Даёшь адаптивно-уродливые сайты!

Ответить

Комментарий удален

34

Редакции религия не позволяет ссылки вставлять? Я за интернет плачу не для того, чтобы лишний раз гуглить!

Ответить
2

Да, можно подумать, от 3-х ссылок на Hacker News, Craigslist и 37signals, VC.ru развалился б на части.

Ответить
1

Наверное, VC боится, что люди уйдут по ссылкам на эти сайты и, очарованные их брутальностью, никогда не вернутся на уютный VC.ru

Ответить
–1

Page Rank перетечет же!

Ответить
3

Его отменили, если что.

Ответить
–1

Я для вас специально картинку скачал

Ответить
0

не первый раз уже просто

Ответить
1

Верю. И всецело поддерживаю необходимость ссылок. В конце концов, кто мы без гипертекста?

Ответить
17

Сайты на бутстрапе еще хуже

Ответить
9

Ага, особенно когда забыл его подключить

Ответить
–2

Стоит уточнить что сайты на голом(!) бутстрапе хуже

Ответить
16

Красивый сайт или нет - плевать, если он успешно выполняет свою основную функцию.

Ответить
1

Мемосы?

Ответить
13

Наконецто леблядев соснёт хуйца, со своим псевдодизайном

Даёшь реддит и баш!

Ответить
0

дизайнеры не нужны. главные - разработчики

Ответить
3

если бы все руководствовались такими принципами, то вы бы сейчас сидели под командной строкой в unix

Ответить
1

Он делал в таком стиле довольно долго http://www.artlebedev.ru/everything/web/years/1995-1999/

Ответить
0

как бы в конце 90х, все сайты были такими. Не?

Ответить
–2

причём тут Лебедев вообще

Ответить
11

motherfuckingwebsite.com

Ответить
3

есть и улучшенная версия: http://bettermotherfuckingwebsite.com/

Ответить
10

Ура! Я не рукожоп, я веб-брутальный верстальщик!))

Ответить
1

Вы здесь есть: http://websitesfromhell.net/?

Ответить
9

это когда нифига не получилось, а всем сказал что это фича

Ответить
7

Мой топ сайтов с брутальным веб-дизайном.

http://www.lingscars.com/ /// В html коде кстати тоже весело.
http://russkii.by/
http://crazydimka.ru/

Ответить
0

Тоже хотел крэзидимку скинуть, но вижу, сайт то - популярный)))

Ответить
0

Слушал трек Arash Feat. Snoop Dogg - Oh My God, зашёл на lingscars.com - действительно OMG.

Ответить
2

Тут дело не в последних тенденциях, а того, почему крейгслист, reddit или bash.org тот же не обновляются уже 15 лет.

Ответить
10

Видимо по принципу: "If it works don't fix it"

Ответить
9

мда, коммент не воробей - продублировалось, не удалишь

Ответить
2

lib.ru туда же. 20 лет не обновляется. И нахер не нужно

Ответить
1

например, потому что всем похуй.

Ответить
4

Один из самых популярных футбольных сайтов тоже очень брутален http://football.kulichki.net/

Вообще, в этом что-то есть.

Ответить
0

Теплый ламповый хатымээль.

Ответить
4

Веб-брутализм 2.0 http://www.lingscars.com/

Ответить
0

Когда прочитал материал, сразу вспомнил этот сайт :D

Ответить
0

Когда прочитал материал, сразу вспомнил этот сайт :D

Ответить
0

Это-ж будто в голову к шизофренику забраться..

Ответить
3

Дауншифтинг в web

Ответить
2

ОГО, мой первый сайт, созданный а детстве оказывается брутален
http://allakula.narod.ru/index.html

Ответить
0

Чувак, ты со своим "брутальным" сайтом сделал мой день))) Спасибо!

Ответить
1

Оставлю небольшой каталог подобных сайтов http://brutalistwebsites.com

Ответить
1

лень, скорость, экономия, усталость - вот почему

Ответить
1

Википедия

Ответить
1

Блядь. Уже сайты брутальными стали. Я в шоке. Не мужики, не какие-то поступки, а сайты. САЙТЫ.

Ответить
0

А как же упячка?)

Ответить

Комментарий удален

0

Там где нет web 2.0 - уже брутализм, получается?

Получается, что на Народе и Вен.Ру я делал самые брутальные сайты.

Ответить
0

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

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

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

Так вот. На сайтах, созданных "в соотв. с последними тенденциями" - а особенно лэндингами - сделать это очень и очень сложно - ты хочешь Продукт А, тип Б, 1 штука, а продраться к этому можно только через несколько неочевидных переходов, по дороге к которым тебе будут предлагать оставить свой телефон чтобы перезвонили ... или сайт для подписки на рассылку, или добавиться срочно в их группу в ВК.

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

А что мол, продаж нет по всем этим кликам - так это вопрос к продажникам.

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

Большая часть покупателей при такой массированной атаке просто развернется и уйдет.

Но зато продавцы запишут себе в Performance Review +1 контакт с покупателем за день (при полном отсутствии покупателей от этого ведь наверное зависит бонус/отсутствие штрафов, да?)

Ответить
0

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

Ответить
0

Забыли еще написать про facebook.

Ответить
0

Это же какая экономия на web-дизайне.А то сидишь, понимаешь, ждешь макетов, двигаешь что-то, нафига - есть функция, лепим ее и все.

Ответить
0

Просто видно что люди устают от этих ваших дизайнов. Меня очень радует что появляется такая тенденция потому что все эти дизайны с кучей вылезающих окошок типа "напишите нашему дефективному менеджеру а то скучает", огромное количество скриптов пожирающих оперативку и превращающих серфинг в слайдшоу просто выводит из себя. Я какое-то время использовал браузер k-melon только из-за того что там есть "отключить javascript" "kill flash" и пр.

Ответить
0

Очень кстати показательна была реакция на "дезигн" кинопоиска и проект Татьяныча по поводу вк.

Ответить
0

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

Одно я знаю точно - ориентируясь на именно этого редактора я точно понимаю, что сэкономлю тысячи часов перелопачивая ленты СМИ.

Нверное это немалого стоит. Мой низкий (без ссылок) ему поклон.

Ответить
0

Вот по-настоящему брутальный сайт http://motherfuckingwebsite.com/

Ответить
0

Вижу, уже запостили его :)

Ответить
0

Есть брутальность и в этом сайте http://prinzhorn.github.io/skrollr/examples/gradientsmotherfucker.html

Ответить
–1

:laughing: на первом скрине yahooo узнал свой сайт, тема буковок из фото, только недавно поправил....:grinning::grin:

Ответить
–1

lingcars.com я на него случайно ткнул на milliondollarpage, так что, от неожиданности эффект был сильнее)))

Ответить
0

Не совсем брутализм, но не мог не поделиться)))

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления