Как 25+ лет эволюции веб-дизайна привели нас сюда

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

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

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

Самый первый веб-сайт, который когда-либо был онлайн, был создан в 1991 году отцом Интернета Тимом Бернерсом-Ли. Вы не можете получить доступ к исходному веб-сайту сегодня, но вы все еще можете получить доступ к его копии, сделанной в 1992 году. Вы заметите, что первый веб-сайт не содержал никаких изображений — это был только текст и гиперссылки.

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

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

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

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

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

К концу десятилетия Flash стал одним из основных элементов веб-дизайна. Shockwave, разработанный Macromedia, был еще одним способом придать веб-сайту некоторую динамику. Он был разработан еще до Flash. Однако он был слишком большим и неуклюжим для пользователей, которые все еще подключались к Интернету с помощью телефонной линии. Flash был меньше и шустрее, и быстро стал основой веб-дизайна.

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

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

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

К концу десятилетия «паутина» в «веб-дизайне» претерпевала значительные изменения. Появлялась новая парадигма, которая позволяла пользователям играть активную роль в разработке веб-сайта и его содержимого. Эта парадигма, получившая название «Веб 2.0», наиболее заметна на веб-сайтах социальных сетей, а также в приложениях. Разработка Web 2.0 в значительной степени зависит от использования асинхронного JavaScript и XML.

С точки зрения пользователей веб-сайтов, Web 2.0 означает, что содержимое веб-страниц может изменяться без необходимости перезагрузки страницы. Они также, вероятно, заметили, что веб-сайты стали сильно полагаться на сторонний контент.

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

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

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

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