дизайн

История и эволюция веб-дизайна

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

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

1990 - 1997 - Начало эпохи Интернета и первые сайты

В августе 1990 года - Тим Бернерс-ли разработал и запустил первый браузер и веб-сервер на компьютере NeXT в ЦЕРН. Копия первого веб-сайта все еще доступна по адресу w3.org. На сайте были ссылки, которые объясняли, что такое Интернет.

Изображение первого веб-сайта в Интернете, созданного в 1991 году.
Изображение первого веб-сайта в Интернете, созданного в 1991 году.

В 1994 году компания Pizza Hut открыла первый сайт доставки пиццы в Санта-Крус, штат Калифорния, что позволило заказывать пиццу через Интернет.

Также в 1994 году был сформирован Консорциум Всемирной паутины (W3C), который начал определять стандарты, которые будут использоваться в языках программирования, и до сегодняшнего дня это основной справочник, который помогает при создании новых браузеров и используемых языков, таких как HTML, Javascript и т. Д.

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

Первый сайт Amazon
Первый сайт Amazon

1998 - Начало эры Flash и сайтов Google

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

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

Также в том же году был запущен Google, сегодня крупнейшая поисковая система в Интернете, по-прежнему конкурирующая с такими крупными каталогами, как Altavista или Yahoo. Google возник как исследовательский проект Ларри Пейджа и Сергея Брина, целью которого было найти результаты поиска с помощью математического алгоритма. Позже алгоритм был назван PageRank и анализировал взаимосвязь между несколькими страницами, их содержание и перекрестные ссылки, таким образом определяя их релевантность.

Google в 1998 и 2019 годах
Google в 1998 и 2019 годах

Начало 2000-х - рост количества сайтов с CSS и юзабилити.

В 2000 году, в дополнение к знаменитой ошибке Millennium Bug, Internet Explorer 5 был первым браузером, который достиг примерно 99% поддержки CSS1, что положило начало генерации стилизованных веб-сайтов, которые мы имеем сегодня (сегодня мы используем CSS3 и HTML5). CSS позволил разделить контент (HTML) и дизайн (CSS), тем самым упростив стилизацию веб-сайта без необходимости изменения структуры веб-сайта, в дополнение к тому, что веб-сайты загружались быстрее, чем те, которые созданы с помощью Flash.
В том же году W3C рекомендовал вторую версию Javascript, и к 2002 году практически все браузеры поддерживали эту технологию.

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

Середина 2000-х - Веб 2.0, SEO и интернет-революция

В середине 2000-х годов интернет-революция началась с того, что называлось Web 2.0: сайты с интерактивным контентом, социальные сети, немедленный отклик, семантика и, конечно же, удобство использования стали еще более важными.
Помимо изменений в эстетике, возросла важность типографики, использования значков и цветов, а также начало популяризации SEO (Оптимизация для результатов поиска) и начало упадка Flash.

Начали создаваться и становиться популярными социальные сайты, такие как:

  • MySpace - Созданный в 2003 году, это был основной социальный сайт, пока он не начал терять пользователей в Facebook, позволяя пользователям знакомиться с новыми людьми, поддерживать связь с друзьями.
  • Youtube - Создан в 2005 году, позже был куплен Google за $1,65 миллиарда долларов.
  • Reddit - Основанный в 2005 году, сегодня это один из крупнейших сайтов с дискуссионными группами. Сайт был основан с целью облегчения обмена контентом и разделен на несколько тем.
  • Facebook, созданный в 2004 году, сайт был открыт для публики в 2006 году, быстро став крупнейшей социальной сетью.

В 2005 году был создан один из первых вирусных веб-сайтов, известный как Домашняя страница на миллион долларов. Сайт был создан британским студентом Алексом Тью и состоял из страницы с сеткой 1000x1000 пикселей, где любой пользователь мог купить место размером 1 пиксель за доллар. Наименьшее разрешенное пространство составляло 10 × 10, а в 2006 году размер сайта достиг 1 миллиона пикселей.

Домашняя страница на миллион долларов - История веб-дизайна
Домашняя страница на миллион долларов

2010 - Начало мобильной эры и падение Flash

В 2010 году использование сотовой телефонии выросло до такой степени, что примерно половина доступа к Интернету осуществлялась с помощью сотовых телефонов. Таким образом, внимание к созданию сайтов, которые работали бы на экранах, намного меньших, чем настольные компьютеры, и с более медленным подключением, сильно выросло. Это было одной из причин начала падения использования Flash-сайтов и усилилось после Открытое письмо Стива Джобса, основатель Apple и iPhone, в котором рассказал о недостатках использования Flash-сайтов. Поскольку Apple уже была лидером рынка сотовых телефонов, это письмо оказало большое влияние на создание веб-сайтов, снизив популярность Flash.

С падением флэш-памяти появилось поколение популярных сегодня адаптивных сайтов, делающих страницы доступными для всех браузеров с помощью CSS и Javascript для идентификации и настройки в соответствии с оборудованием, которое обращается к сайту. Популярность стала еще больше с появлением HTML5 и CSS3.

Сегодня - производительность и плоский дизайн

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

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

Книга по истории веб-дизайна

Издатель Taschen в партнерстве с веб-сайтом FWA, известным своим признанием лучших сайтов в Интернете, только что выпустил книгу, в которой рассказывается история дизайна в Интернете или веб-дизайна, как они предпочитают.

Изучите прошлое, если хотите расшифровать будущее.
Конфуций

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

  • 1-й сайт со звуком
  • 1-я навигация с перелистыванием страниц
  • 1-й сайт, использующий интегрированные видео
  • 1-й вирусный сайт
  • 1-й сайт, куда можно было отправить фото
  • 1-й сайт, похожий на YouTube
  • и многое другое…

Есть более 200 сайтов, все с комментариями и любопытством от создателей сайтов, включая Джонатана Гея (Flash), Джошуа Дэвиса (Praystation) и многих других творческих умов, которые помогли проследить Интернет, как мы видим сегодня. Есть 21 глава, по одной на каждый год, в которой подробно описаны пользовательский опыт, удобство использования и основные этапы, которые повлияли на развитие Интернета до уровня, которого мы достигли сегодня.

Стоит посетить сайт «История веб-дизайна«Чтобы увидеть более подробную информацию.

Татуировки, мотоциклы, граффити, музыка - вот некоторые из моих увлечений и моих основных тем в BlendUp.

ru_RURU