diff options
| -rwxr-xr-x | small.html | 34 |
1 files changed, 20 insertions, 14 deletions
@@ -29,12 +29,14 @@ Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная. </blockquote> <a href="https://neustadt.fr/index.html">Parimal Satyal, 25 мая 2020</a> +<p> Каждый редизайн сайта начинается со вдохновения. Вдохновением для конкретно этого (https://neustadt.fr) послужили две странички: <a href="https://anders.unix.se/">Чистый и читабельный вебсайт</a> Андерса, вдохновивший на домашнюю страничку, и <a href="https://marijnflorence.neocities.org/index.html">сайт Marijn</a>, напомнивший, каким прикольным может быть веб. Цвета, графика, <a href="https://marijnflorence.neocities.org/music/">креативная навигация</a>, <a href="https://en.wikipedia.org/wiki/Holocene_calendar">интересные идеи</a>... сам процесс прокликивания чьей-нибудь персональной странички в 2020м вызывает во мне ностальгию по Сети конца 90х и ранних 2000х, на которой я вырос. Некоторые из вас, возможно, уже читали мою предыдущую статью <a href="https://neustadt.fr/essays/against-a-user-hostile-web/">Against an Increasingly User Hostile Web</a>. В ней я утверждаю, что мы заменяем открытую Сеть, объединяющую и вдохновляющую, на ту, что ограничивает людей и превращает их в товар. Я говорил о том, что современная Сеть, следящая, разбухшая и огороженная, конфликтует с той открытой Сетью, что я люблю. И я был приятно удивлён тем, как много людей разделяют мои чувства, людей, писавших мне письма, <a href="https://www.eduardomorais.com/stream/id/3519">ответы в собственных блогах</a> и <a href="https://news.ycombinator.com/item?id=15611122">обсуждавших это</a> на <a href="https://lobste.rs/s/5bi46y/against_increasingly_user_hostile_web">форумах</a>. Несмотря на полуторагодовую давность, статья всё так же, к сожалению, отражает текущее состояние Сети. Но то, что я наткнулся на сайт Marijn, вселило в меня надежду. Она провела меня по кроличьей норе множества других мелких вебсайтов, созданных людьми со всевозможными интересами: фильмы, авиация, музыка, искусство, компьютеры. Это напомнило мне о том, что креативная, персональная, прикольная Сеть, на которой я вырос, не превратилась в тень прошлого — она всё ещё здесь, в 2020. Просто надо знать, где искать. И нет, я не к тому, что раньше всё было лучше. Не было. Были трояны, вредоносные программы, бесконечные всплывающие окна, отвратительные подходы к безопасности, несовместимость браузеров, тормозные Java-апплеты... Нет, технически современная сеть более безопасна и пригодна для использования. Данное эссе — моя попытка показать вам, как может выглядеть независимая Сеть, чем она отличается от сайтов, доминирующих сегодня, почему она стоит того, чтоб её исследовать, и как легко стать её частью. +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -42,7 +44,7 @@ <h2>Дизайн в ретро-стиле</h2> </div> <div class="bh-col-8"> - +<p> На <a href="https://neustadt.fr/">моей домашней страничке</a> я упоминаю, что этот сайт "дань уважения креативной сети 90х". И это не только потому, что на нём есть анимированные гифки и гостевая книга. Сам <em>способ</em> его создания — тот же, которым я пользовался при создании своих первых сайтов: всё написано на голом HTML. Никаких систем управления контентом, никаких генераторов, шаблонов, тем, плагинов. Простая разметка и стиль — базовые кирпичики, из которых строится сеть. Изначально я не планировал так поступать. Ранее я <a href="https://neustadt.fr/essays/crafting-a-simple-blog-with-metalsmith">использовал</a> генератор статических сайтов, чтоб получить чистый HTML, и просто работал над новым дизайном для него. Но моя трехлетняя установка node.js теперь долбила меня сообщениями об ошибках, говоря, что некоторые зависимости должны быть обновлены, и ч топлагин более не совеместим. Ну а так как я ленив, и не хотел чинить это всё, я подумал — а почему бы не делать всё руками, не создавая проблем на ровном месте. @@ -50,7 +52,7 @@ Такой подход не сработал бы с более крупным сайтом. Но в случае с малышом вроде моего, с десятком страниц, очевидны плюсы: никаких зависимостей, простота обслуживания, уверенность в будущем, легко перенести в другое место, и, самое главное, чертовски интересно в работе. Я засиживался до шести утра два дня подряд, работая над дизайном, не потому что не мог уснуть, а потому, что не желал останавливаться. Надо заметить, что около 30% времени было потрачено на прочёсывание <a href="https://gifcities.org/">GifCities.org</a> и <a href="https://archive.org/web/">Internet Archive</a> на предмет анимированных гифок и фоновых изображений. Переработка дизайна сайта в такой манере сподвигла меня прошерстить архивы старых сайтов в поисках интересных реликвий из старой сети. Что, в свою очередь, привело меня на прикольные, креативные вебсайты, активно поддерживаемые до сих пор. Для понимания, что эти мелкие сайты из себя представляют, и почему я считаю, что они важны, нам надо обратиться к прошлому. - +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -58,7 +60,7 @@ <h2>Первые веб-страницы</h2> </div> <div class="bh-col-8"> - + <p> В девяностые Сеть пребывала во младенчестве. Возможно, вы знаете эту историю. Её только-только, в 1991, <a href="https://home.cern/science/computing/birth-web/short-history-web">изобрёл сэр Тим Бёрнерс-Ли</a>, выпустив как <a href="https://home.cern/science/computing/birth-web/licensing-web">общественное достояние</a> в 1993м, делая тем самым доступной для использования и строительства всему миру. В самом начале Сеть была доступна преимущественно технически подкованнаму народу, благодаря протоколам тех времён, таких как Gopher [ныне живее всех живых - прим.пер.], FTP, Usenet и других. И до появления первого удобного графического браузера <a href="http://www.ncsa.illinois.edu/enabling/mosaic">Mosaic</a>, вышедшего в 1993, рядовому пользователю компьютера было непросто начать освоение Сети. Кто-то, как я, например, открыл Сеть позже, когда на сцену вышли <a href="http://sillydog.org/netscape/">Netscape Navigator</a> — порождение Mosaic, ныне породившее <a href="https://www.mozilla.org/en-GB/firefox/new/">Firefox</a> и Internet Explorer. Это было ужасно восхитительно. В отличие от традиционных СМИ, вы теперь могли взаимодействовать и принимать участие в происходящем. Это была первая всепланентная система связи, в которой кто угодно, где угодно в мире, мог создать собственную страничку и делиться своими мыслями и идеями со всем миром. В Netscape позднее даже добавили <a href="https://www.ccsf.edu/Pub/Fac/composer.html">редактор</a>, позволявший пользователям создавать веб-страницы визуально, как будто работая в текстовом процессоре (WYSIWYG, как это тогда называлось: what you see is what you get — что видишь, то и получаешь). Целью было дать возможность каждому, не обладающему техническими навыками, создать страничку. @@ -74,6 +76,7 @@ <br> Но как хоть кто-нибудь должен узнать о существовании этих страничек? Гугла-то тогда не было. Существовали поисковые машины, такие как <a href="https://web.archive.org/web/19980214192548/http://www.lycos.com/">Lycos</a>, <a href="https://web.archive.org/web/19980214192548/http://www.lycos.com/">Excite</a> и <a href="https://web.archive.org/web/19980206192654/http://www.northernlight.com/">Northern Lights</a>, но они не шли ни в какое сравнение с современными поисковыми движками. Чтоб найти что-то нужное, недостаточно было просто ввести несколько слов и в пару кликов получить информацию. Нет, сеть тогда больше напоминала путешествие. Это было <em>место</em>, в которое вы отправлялись, чтоб открыть новые пространства, это напоминало исследование открытого моря. Новое виртуальное пространство, которое приводило в разные странные, интересные, восхитительные места. Таковой была Сеть. По крайней мере, в нашем коллективном воображении. +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -81,11 +84,9 @@ <h2>Мастера и навигаторы</h2> </div> <div class="bh-col-8"> - + <p> Сеть была иным местом в те годы, и для её описания использовали другие слова. В статье, озаглавленной <a href="https://rhizome.org/editorial/2015/nov/30/oldweb-today/">Киберпространство, в старомодной манере</a>, авторы из проекта Rhizome отмечают очень важную вещь: -<blockquote> Современные браузеры стараются быть невидимыми, сливаясь с визуальным окружением рабочей станции, пытаясь убедить пользователя, что "облако" — это продолжение его жёсткого диска. В 90е дизайн браузера придерживался противоположного подхода, используя иконографию, ассоциируемую с путешествиями, чтоб передать ощущение отправки в путешествие. Netscape Navigator, использовавший штурвал в своём логотипе, давал очень явную отсылку к морскому происхождению префикса "cyber", Internet Explorer же своим лого обещал взять пользователя в путешествие вокруг земного шара. -</blockquote> <br> <img src="static/navigator-explorer.jpg" alt="старые логотипы Netscape Navigator и Internet Explorer"> <br> @@ -107,6 +108,7 @@ <img src="static/example-webring.jpg" alt="Пример сетевого кольца на тему Европейской истории"> <br> <a href="http://brisray.com/web/webrings.htm">Сетевые кольца</a> были "круговыми" коллекциями вебсайтов, зачастую созданными вокруг одной темы. Идея была в том, что вы могли переходить с одного сайта на другой, щёлкая на кнопки "следующий" или "предыдущий", которые каждый член Кольца размещал внизу своей домашней странички. Теперь они тоже практически исчезли. +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -115,7 +117,7 @@ </div> <div class="bh-col-8"> - + <p> Сегодня большая часть времени, проводимого в сети, проходит либо непосредственно <em>на</em> небольшом количестве доминирующих платформ вроде Facebook/ВК, либо опосредовано <em>через</em> них. Столь огромное количество "контента" постоянно пропихивается через вас, как пользователя, что нынче редко кто из нас решается на самостоятельное исследование и поиск. Нам просто не нужно. Но эти платформы процветают на "вовлечении пользователя" — лайки, комментарии, репосты — и их алгоритмы предпочитают демонстрировать тот контент, что генерирует нужное поведение. Вместо обозревания, Сеть сейчас для большинства пользователей — бесконечный и зачастую ошеломляющий поток контента и комментариев, отобранных алгоритмами, основанными на том, что, по их мнению, вам уже нравится, и что <em>вовлечёт</em> вас. Эта практика прямо противоположна исследованию. Когда вы не <em>получаете</em> информацию пассивно, а вместо этого активно ищете что-либо, вас, скорее всего, затянет в единую точку сингулярности, где сейчас находятся <a href="https://www.statista.com/statistics/216573/worldwide-market-share-of-search-engines/">87% всех пользователей сети</a> — Google. @@ -125,6 +127,7 @@ <br> Google монополизировал не только поиск — остальные поисковики, такие как Bing, DuckDuckGo и Quant всё ещё <a href="https://www.statista.com/statistics/216573/worldwide-market-share-of-search-engines/">далеко позади</a> — это ещё и крупнейшая торговая площадка. В прошлом году 31% мировых затрат на рекламу ($103,73 миллиарда) <a href="https://www.emarketer.com/content/global-digital-ad-spending-2019">пришлись на площадки Google</a>. Власть, которую даёт такое положение, вкупе с присутствием практически на каждом крупном сайте (посредством широко распространённой платформы аналитики (относительно конфиденциальности которой <a href="https://www.emerald.com/insight/content/doi/10.1108/OIR-02-2018-0056/full/pdf?title=protecting-privacy-on-the-web-a-study-of-https-and-google-analytics-implementation-in-academic-library-websites">имеются обоснованные сомнения</a> ) означает, что он может активно продвигать своё собственное видение Сети. И эта сеть сильно отличается от "малой сети", создаваемой вебмастерами 90х и ранних 2000х. Сеть Google обладает <a href="https://web.archive.org/web/20190214003848/https://marketingplatform.google.com/about/analytics/">другим набором ценностей и терминологией</a>, что приходит с ними: персонализация, взгляды, вовлечение, конверсия, производительность, оптимизация. +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -133,7 +136,7 @@ Google монополизировал не только поиск — оста </div> <div class="bh-col-8"> - + <p> В сети всегда было место коммерции и маркетингу. <a href="https://www.webdesignmuseum.org/web-design-history/amazon-com-1995">Amazon</a> уже в 1995 году продавал книги онлайн, <a href="https://www.webdesignmuseum.org/web-design-history/ebay-1997">eBay</a> был запущен в 1997, а <a href="https://web.archive.org/web/19970605120422/http://www.dell.com/">Dell</a> к концу того же года продал оборудования больше, чем на миллион долларов. К 2000м, невзирая на <a href="https://ideas.ted.com/an-eye-opening-look-at-the-dot-com-bubble-of-2000-and-how-it-shapes-our-lives-today/">крах доткомов</a>, сетевая коммерция росла. Это развитие было естественным — сеть позволила продавцам контактировать с более удалёнными клиентами, без необходимости опираться на телефонные заказы, факс или почтовую систему. Коммерческая сеть сосуществовала и росла вместе с частной, любительской. Открытая природа сети означала, что любые сайты могут процветать. Но сегодняшняя Сеть <em>по большей части</em> коммерческая. Малая сеть любителей не имеет ни ресурсов, ни желания конкурировать за видимость и аудиторию тем способом, которым это делает сеть коммерческая. @@ -145,6 +148,7 @@ Google монополизировал не только поиск — оста Для них Сеть — всего лишь один из каналов торговли. В сравнении с Малой сетью, коммерческая — расчётливая и хищническая. Она способна динамически генерировать сотни страниц вокруг любого распространённого поискового запроса. Она может отслеживать пользователя на множестве сайтов, анализируя его действия, и используя эту информацию для более точного таргетирования. И у неё очень серьёзные ресурсы. За прошлый год компании потратили <a href="https://www.emarketer.com/content/global-digital-ad-spending-2019">более 300 миллиардов евро</a> на онлайн-рекламу, большая часть из которых пошла тем самым привратникам — Google и Facebook — которые продают ис способность лучше <em>таргетировать</em> вас, базируясь на той информации, которую вы им дали. <em>Всё это говорит о том, что пользователи сети пришли к тому, что взаимодействуют они большую часть времени в видимой хищнической коммерческой сети, в то время как множество мелких любительских сайтов остаются скрытыми информационным шумом.</em> +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -152,7 +156,7 @@ Google монополизировал не только поиск — оста <h2>Продукто-ориентированный вебсайт</h2> </div> <div class="bh-col-8"> - + <p> Дизайн современной коммерческой сети "стерилен": он прилизан, он следует конвенциям и оптимизирован для эффективности. Это — одна из причин, почему так много вебсайтов, которые вы посещаете сегодня, выглядят одинаково. Кодекс коммерческой сети стал настолько доминантным, что мы просто забыли, что малая сеть всё ещё существует, и имеет абсолютно иные приоритеты. Современные принципы веб-дизайна крайне редко нацелены на обычного человека, ищущего, как создать свой вебсайт или ищущего что-то, в чём он заинтересован. Вместо этого они фокусируются на эффективных вебсайтах: <blockquote> @@ -163,6 +167,7 @@ Google монополизировал не только поиск — оста Статья 2008 года в Smashing Magazine под названием <a href="https://www.smashingmagazine.com/2008/01/10-principles-of-effective-web-design/">10 принципов хорошего дизайна вебсайта</a> на вершине поисковой выдачи, когда я искал "хороший веб-дизайн" в процессе написания этого эссе. Есть множество других, зачастую более новых, но все они в общей сложности говорят одно и то же. Автор конкретно этой статьи даже вполне ясно начинает её так: «... дизайн, построенный вокруг пользователя, зарекомендовал себя как стандартный подход в успешном и ориентированном на прибыль веб-дизайне». Но сеть не всегда "ориентирована на прибыль", и ей уж точно не нужно быть "построенной вокруг пользователя" (и я это заявляю, как UX-консультант). В противном случае места для творчества и самовыражения оставалось бы ничтожно мало. Богатое разнообразие сети было бы низведено к онлайновому эквиваленту массивного, организованного, стерильного торгового центра, призванного стимулировать продажи. Нет, сеть не может быть и "построенной вокруг автора", вокруг хобби или <a href="https://blog.geocities.institute/archives/6551">собак</a>! Стоит помнить, что сайт не обязательно должен быть продуктом — он может быть объектом искусства. <em>Сеть — ещё и творческое и культурное пространство, которое не должно ограничивать себя соглашениями, навязанными коммерческим дизайном продукта или маркетингом.</em> +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -170,12 +175,13 @@ Google монополизировал не только поиск — оста <h2>Сеть как творческое пространство</h2> </div> <div class="bh-col-8"> - + <p> С доминированием коммерческой сети и упорядочиванием их кодекса и технологий, большинству людей легко подумать, будто сеть — это сложная машина. Большинство сайтов сегодня создаются сложными системами управления контентом, стратегиями SEO и SMM, множеством плагинов, детализированной аналитикой и отслеживанием аудитории, оптимизированными под разные контрольные точки и обслуживаемыми глобальными CDN. Но сеть-то намного проще. Вам, на самом деле, нужно две вещи: вебсервер и HTML (ну и базовый CSS для разметки). И вам не нужно делать его "user-centered" — как ранние вебмастеры на Geocities выстругивали свой собственный уголок в сети, вы можете выразить себя в любой манере, которой захотите. В этом разница между продуктом и искусством. <em>Художник не станет добавлять больше красного цвета в рисунок или изменять композицию только потому, что маркетинговые исследования показывают, что людям это больше нравится. Это видение творца — кому-то понравится, кому-то нет. Но это творение, по своим правилам. Вопрос "эффективности" здесь просто бессмысленен. И то же самое касается Малой Сети.</em> Если коммерческая сеть — "промышленная", то можно сказать, что Малая Сеть — "кустарная". Одно не лучше другого. Они служат разным целям и могут сосуществовать в открытой сети. И тем не менее, было бы стыдно проводить время только в коммерческой Сети, не давая себе возможности изучить творчество, страстность и причудливость Малой Сети. И чтобы продемонстрировать вам, насколько сильно она может отличаться от современных вебсайтов, я собрал для вас несколько примеров, которыми проиллюстрирую богатство Малой Сети. +</p> </div> </div> <div class="bh-wide-row bh-vert-2"> @@ -183,7 +189,7 @@ Google монополизировал не только поиск — оста <h2>Моменты прошлого</h2> </div> <div class="bh-col-8"> - + <p> Сперва посмотрим на маленькие вебсайты из прошлого, и после двинемся к тем, что живут и здравствуют ныне. За возможность откопать эти сайты и предоставить вам доступ к ним, я благодарю поразительную работу по архивированию Сети, выполненную: <ul> @@ -192,7 +198,7 @@ Google монополизировал не только поиск — оста <li><a href="https://restorativland.org/">Restorativland</a> — "восстановленная виртуальная галерея архивных сайтов Geocities, отсортированных по соседству" </li> </ul> - +</p> <h3>Перейдём к примерам.</h3> <p> <h4>A Laurel & Hardy Fansite</h4> @@ -306,7 +312,7 @@ Google монополизировал не только поиск — оста <h3>Ваш собственный уголок в Сети</h3> </div> <div class="bh-col-8"> - + <p> Итак, Малая Сеть всё ещё существует, и всё ещё предоставляет нам все виды сайтов для обозрения и исследования. И как бы ни было весело изучать всё это, лучше всего — влиться и принять участие, создав свой собственный вебсайт. Не на огороженных платформах или в соцсетях, управляемых рекламными корпорациями, а просто в своём собственном маленьком уголке сети. Это лучший способ увидеть, как на самом-то деле проста Сеть. Вы можете просто выложить свои рисунки, поделиться мыслями и идеями, или обзорами на любимый сорт виски. Создайте вебсайт, чтоб делиться своими заметками или рецептами. Или списком любимых адресов в вашем городе — для путешественников. @@ -317,7 +323,7 @@ Google монополизировал не только поиск — оста Если у вас совсем нет опыта, может потребоваться некоторое время, чтоб въехать во все эти размеры текста, цвета, добавление изображений и ссылок между страницами, но мне кажется, это тоже часть веселья. Вы, разумеется, всегда можете использовать готовый шаблон сайта или тему, и использовать их как есть, но это отдельное упражнение. Это как разница между покупкой картины и обучением рисованию или скульптуре. Конечный результат может быть одинаков, но практика различна. Ещё одна вещь касательно Сети — вы всегда можете посмотреть исходные коды любого публичного вебсайта в поисках вдохновения и с целью изучения. Выбирайте простые, базовые — современная сеть полна разбухших жирных сайтов, делающих HTML нечитаемым. Но, например, этот сайт использует базовую разметку HTML и CSS и предлагает вам поиграть с его исходниками. Всё — в <a href="https://neustadt.fr/license.tt">общественном достоянии</a>m так что можете копировать и изменять (и можно даже без обратных ссылок, всё свободно). - </div> +</p></div> </div> </div> |