Как популярные сайты выглядели 20 лет назад • ВсеЗнаешь.ру
Как быстро летит время… Технологии не стоят на месте… Банальщина? Когда речь заходит о ностальгических чувствах, даже столь заезженные шаблоны простительны. Особенно если говорить не о КПК или телефонах, а о сайтах, которыми пользуемся каждый день. Мы ведь уже едва помним, как выглядели первые версии Яндекс, Google и ВКонтакте, Twitter, YouTube и Thefacebook (да-да, именно так он назывался при рождении!). Тем интереснее взглянуть на начало их пути, осознать, как они изменились, и понять, почему именно так, а не иначе.
Для начала почему бы не вспомнить, с чего начинался Интернет. В своём современном виде, то есть с World Wide Web в основе, он начался в 1990 году с запуском Тимом Бернерсом-Ли самого первого сайта (вот здесь лежит его восстановленная копия). Собственно, на этой страничке и описывалась сама технология, основанная на протоколе HTTP. Этот же программист написал и первый веб-браузер WorldWideWeb, позже переименованный в Nexus. Правда, в массы сначала пошёл NetScape Navigator, который потом был надолго вытеснен, страшно сказать, Internet Explorer’ом.
Но всё это чуть другая история. Мы же вспомним, как выглядели первые версии популярных сайтов. В скобках в заголовках указана приблизительная дата запуска первой публичной версии ресурса.
Яndex (сентябрь 1999): разговаривайте с ним человеческим языком
Возможно, вы и не знали, но «Яндекс» для широких масс был запущен примерно на год раньше, чем Google, к тому же поначалу имевший статус beta. Поначалу блок «Горячих новостей» сопровождался сигаретным «бычком», спасибо Великому и Ужасному Дизайнеру всея Рунета, но из второй версии его (речь о «бычке») всё же убрали.
Помимо очевидных визуальных изменений обращает на себя внимание возможность выбора кодировки — актуальная для Интернета двадцатилетней давности опция. Есть ещё и таинственный раздел «Сказки» — эдакий блог разработчиков о наблюдениях в Сети и свежих достижениях. Например, из «Сказок» стало известно о возможности получать информацию по запросам, заданным естественным, а не машинным языком.
Google (сентябрь 1998): главное не внешность, а внутренний мир
Самый известный поисковик в мире, в свою очередь, с самого начала являл собой торжество минимализма против визуальной замусоренности тогдашнего лидера Yahoo!. Хоть и имел в логотипе такой же восклицательный знак. Визуально, если вдуматься, изменилось совсем немного, а самой громкой историей стала, пожалуй, перерисовка логотипа пару лет назад. Зато «под капотом» было перелопачено всё и многократно, а компания из простого «поисковичка» превратилась в одну из крупнейших мегакорпораций современности.
Декабрь 1998 (сверху), март 2018 (снизу)
Lenta (конец 1999): узкая вёрстка для широкой мысли
На примере одного из самых известных в своё время новостных порталов Рунета хорошо видно, как старательно тогда сайты стремились ужаться в скромное разрешение ЭЛТ-мониторов, которое сегодня стыдно иметь даже бюджетному смартфону. И неплохо получалось!
Декабрь 1999. Сайт с фиксированной шириной 780 пикселей, на современных мониторах выглядит примерно так
YouTube (февраль 2005): приз за самый постоянный логотип
Создатели YouTube довольно долго определялись с тем, как должен выглядеть их сайт, а также с его направленностью — в числе прочего была даже идея сервиса видеочатов. Первая «стабильная» версия представлена на скриншоте ниже. На нём же видно, что знаменитый логотип с небольшими изменениями сохранился с самых ранних версий по сей день. И не будем забывать, что до 2015 года сервис по умолчанию работал на Flash, который затем сменился HTML5. До сих пор на просторах YouTube несложно найти самое первое загруженное в него видео.
Декабрь 2005
Twitter (март 2006): привет из девяностых
Даже сервис микроблоггинга Twitter использовал Flash в силу отсутствия достойной альтернативы. И если его суть за одиннадцать с лишним лет практически не изменилась, дизайн даже близко перестал напоминать первоначальный «привет из 1990-х», став максимально лёгким. И, конечно, в логотипе появилась знаменитая птичка.
Ноябрь 2006
Apple.com (1992 год): когда яблочко падает далеко от яблони
Для мегакорпорации Apple в 1990-х Интернет был скорее вспомогательной, нежели целевой площадкой. Только в «нулевых» с развитием iTunes ситуация изменилась. Тем не менее, даже без Стива Джобса (к тому моменту покинувшего Apple и ещё не вернувшегося) компания старалась использовать это перспективное направление для создания собственной экосистемы.
1992 год
Правда, дизайн и наполнение сайта до возвращения Джобса к родным пенатам говорят о том, что попытки провалились. Apple.com превратился в заурядную площадку, полностью потеряв свою идентичность — равно как и вся компания.
Апрель 1997
Thefacebook (февраль 2004): Марк следит за тобой
За более чем десятилетнюю историю (а ведь кажется, будто лет двадцать прошло!) Thefacebook не только потерял артикль из названия, но из локальной площадки для колледжа, напоминающей форум, превратился в крупнейшую социальную сеть в мире. Конечно, можно ругать разработчиков за излишне мудрёный интерфейс или благодарить за активное использование Ajax, но что однозначно радует — из угла исчезло вечно подсматривающее за тобой лицо Аль Пачино.
Июль 2005
«ВКонтакте» (октябрь 2006): и Дуров следит за тобой
У автора была мысль скопировать и лишь немного подправить текст предыдущего блока для рассказа о ВКонтакте. Но нет — когда Facebook резко сменил структуру, Павел Дуров сумел удержаться на привычных рельсах, разве что стену убрал и не вернул (и хорошо). У руля социальной сети это его не удержало, но убрать своё лицо из левого угла интерфейса он догадался задолго до этого.
Конец 2006
Wikipedia (январь 2001): когда менять решительно нечего (да и не нужно)
Сложно представить, как могла бы поменяться свободная Интернет-энциклопедия, наполняемая преимущественно текстами и перекрёстными ссылками, которые к трём часам ночи могут увести тебя с описания модного сериала в глубины квантовой физики. Как «Вика» представляла собой чёрно-синий текст на белом фоне, так по сей день почти ничего и не изменилось — посвежела разве что дизайном, да логотип стал осмысленнее.
Ноябрь 2001
Newsru.com (август 2000): держаться корней
Этот новостной ресурс, до 2000 года принадлежавший телеканалу НТВ и располагавшийся на его же домене — один из немногих, кто бережно хранит память о своих истоках. Несмотря на существенно обновлённый дизайн, сверху до сих пор находится кнопочка «Классическая версия» с нескромным пилоном — по её нажатию новый контент доступен в старой «обёртке». Что ж, перефразируя классика, раз версия сайта существует, значит, это кому-нибудь нужно.
Слева — ноябрь 2005, справа — март 2018 в классическом дизайне
4PDA (апрель 2005): «И вот его начало…»
4PDA появился во время активного распространения мобильных компьютеров в России и был призван собрать в одном месте знания от специалистов, энтузиастов и просто ценителей. Движок был написан практически с нуля и также активно использовал Flash. И вот уж действительно, как быстро летит время: совсем скоро сайту исполняется 13 лет.
Ноябрь 2005
WAP-сайты: мал золотник да дорог
В начале «нулевых» вместе с продвинутыми «мобилками» и КПК до России потихоньку начал добираться и мобильный интернет — тогда в основном в виде WAP. Это небольшие, преимущественно текстовые (для быстроты загрузки) ресурсы, адаптированные под крошечные дисплеи кнопочных «звонилок». Вот только больно дорогие поначалу: например, минута WAP у «БиЛайн GSM» в 2001 году стоила от 5 до 15 центов. И это не для любого WAP-сайта, а для внутреннего, «Вымпелкомовского»!
Так выглядел очень хорошо сделанный WAP-сайт
Не адаптированные к мобильным устройствам сайты
Тем не менее достойной альтернативы WAP долгое время не было: полновесные ресурсы были банально не адаптированы ни под размеры дисплеев (даже огромных экранов КПК на 3–3,5ʺ), ни под их разрешение. Две скролл-полоски — вертикальная и горизонтальная — в подобных случаях были обычной картиной. Понятно, ни о каком удобстве безо всяких мультитачей, пинчтузумов и прочих смартфонных хитростей и речи не было.
Автор текста: Макс Дворак
vseznaesh.ru
Как выглядели популярные сайты 20 лет назад?
Это может прозвучать довольно странно для некоторых молодых людей, но интернет 20 лет назад уже существовал: как выглядели тогда сайты, популярные и сейчас?
На заре зарождения Интернета сайты делались по другим принципам. С тех пор многое изменилось в традициях дизайна и в самой концепции подачи информации.
Маркетологам, дизайнерам, копирайтерам и владельцам бизнеса разного уровня наверняка будет очень любопытно посмотреть, как выглядели сайты 20 лет назад. Особый интерес представляют те долгожители, которые популярны до сих пор.
Apple
Компания Apple недаром прославилась своим вдумчивым подходом к дизайну. Сайт конца прошлого века выглядит свежо и светло даже по нынешним меркам. Спокойный дизайн и очень внятная структура с понятной и полезной информацией. Ничего лишнего, ничего случайного. Логично, что следующие поколения дизайнеров взяли эту концепцию чистоты линий за основу и продолжили работать в том же ключе.
eBay
Перед создателями ресурса изначально стояла задача разместить сразу много информации на главной странице. Они так и сделали — и в результате сайт был очень перегружен. Сейчас, пожалуй, ситуация улучшилась, хотя количество объявлений на сайте только выросло. Цвета стали поспокойнее, а структура — более внятной.
Всем известно, что создателю самой популярной на сегодня соцсети Марку Цукербергу нравится синий цвет. Именно он использовался с самого начала. Сегодня дизайн выглядит совершенно иначе, в нем прибавилось много новых сервисов. Настораживает одно — порой дизайнеры сильно меняют стиль сайта. Многим привыкнуть к изменениям бывает не так легко.
Gismeteo
Главная страница одной из первых версий портала с информацией о погоде визуально воспринималась тяжело и была перегружена лишней информацией. Сегодня сайт похорошел, обзавелся многомиллионной аудиторией и улучшенными функциями поиска нужных данных.
От поисковика требуется одно: строка поиска и яркий логотип. По такому принципу выстраивалась концепция этого сайта, и на сегодняшний день его главная страница практически не изменилась. Периодически дизайнеры аккуратно меняют шрифты в логотипе, но это никак не влияет на популярность и узнаваемость ресурса. Отличный пример того, как выпустить изначально качественный и полезный для пользователей продукт.
КоммерсантЪ
Яркие цвета, упрощенная сетка размещения ссылок на материалы, крупный кегль — так выглядел сайт раньше. Конечно, стоит учитывать, что раньше мониторы были другими — соответственно, разработчикам приходилось ориентироваться и на этот показатель. Нынешняя главная страница выглядит гораздо солиднее, да и характер подачи информации выглядит серьезнее.
Комсомольская правда
Стилистика сайта практически полностью повторяет формат бумажной газеты. Это делает ресурс узнаваемым, облегчает поиск нужных материалов. Философия любимой многими “Комсомолки” — подавать новости в определенном ключе — изначально прослеживалась и на главной сайта. С тех пор не слишком многое поменялось в самом дизайне, но сервисов, конечно, прибавилось.
КТО?ЧТО?ГДЕ?
Изначально портал позиционировался сборником информации обо всем на свете, что и было заложено в самом названии. Однако дизайн и структура в одной из первых версий сайта никак не позволяли совместить в себе десятки рубрик. В 2017 году дизайн сайта был полностью переработан: появилось четкое разделение рубрик, новые сервисы, среди которых «Маркетплейс», «Имена», «Праздники». Из просто журнала сайт превратился в многофункциональный сервис, отражающий представления обновленной редакции о том, как должен выглядеть современный глянцевый онлайн-проект.
Mail.ru
В случае с изначально простым и незамысловатым почтовым сервисом было довольно сложно предположить, что получится мощный портал с множеством опций и подсервисов. С тех пор сайт изменился до неузнаваемости, занял одну из лидирующих позиций в русскоязычном сегменте по количеству пользователей и обзавелся солидным дизайном.
Одноклассники
Главная страница соцсети практически не изменилась: возможно, по той причине, что и времени с момента ее создания прошло не так уж и много. Изначальная задумка предполагала простоту поиска по школам — и эта функция осталась до сих пор в качестве ключевой при регистрации на ресурсе.
Сайт РАЭК
Сайт Российской ассоциации электронных коммуникаций существует довольно давно. Уже с первых же сохранившихся версий главной страницы понятно, что сайт делался профессионально, грамотно и толково. Например, образец семилетней давности: добротный, лаконичный, внятный и стильный. Прозрачная сетка, выверенные цвета дизайна и очень приятный визуальный ряд.
Rambler
Этот поисковик изначально был на английском языке. Полноценная адаптация под русскоязычных пользователей была постепенной — на это ушло несколько лет. Длина поискового запроса в те времена задавалась вручную: нужно было сперва подумать и решить, будет ли он коротким, средним или длинным.
РБК
Курсы доллара и основных акций, основные новости из страны и мира и ничего лишнего. Бизнес-тематика диктует определенные правила дизайна и размещения информации на главной странице — и они соблюдались с самого начала.
РИА Новости
Новостной портал сразу предполагает определенные законы структуры сайта: на главной отображаются актуальные заголовки, самые горячие новости идут отдельной лентой. Прозрачно, структурированно и внятно. Эти принципы соблюдались с момента создания ресурса и продолжают диктовать концепцию сайта сегодня.
ВКонтакте
Изначально популярная в Рунете соцсеть создавалась для общения выпускников элитных ВУЗов, как можно видеть на скринсейве одной из ранних версий. Позже этот подход поменяли, а вот сам дизайн остался практически прежним: спокойным, лаконичным и интуитивно понятным.
Яндекс
Лучший в России поисковик сразу был сделан прозрачным и чистым: белый фон, яркое название. Лупу позже убрали, сервисов добавили: например, уже через несколько лет после создания ресурса можно было читать новости. Сегодня это один из самых посещаемых порталов с разветвленной структурой, которой удобно и просто пользоваться.
YouTube
Хорошо узнаваемый логотип, интуитивно понятная сетка расположения материалов — снова можно видеть пример продуманного дизайна. Создатели явно с самого начала понимали, что и зачем они делают, формируя структуру удобной для пользователей. С тех пор не слишком многое поменялось — наверняка потому, что сам механизм поиска нужного видео остался прежним.
kto-chto-gde.ru
Сайт archive.org — Архив Интернета — «Хотите узнать, как выглядел сайт Irecommend раньше? 1 год назад? 5 лет назад? Это можно легко сделать с помощью Wayback Machine! Ну просто мегаполезный сервис для доступа к архивам сайтов Интернета!! »
Всем привет!
Хочу поделиться информацией об одном замечательном Web-ресурсе, благодаря которому можно узнать или вспомнить, как выглядели различные сайты 5, 10, 15 или 20 лет назад!
Internet Archive (Архив Интернета)
Это некоммерческая организация, основанная в США в 1996 году. В общем, авторы затеяли просто глобальный проект, который сохранял бы множество копий Web-страниц, а также видео,музыку, программное обеспечение и некоторое другое.
Конечно, самым интересным проектом этого коллектива стал сервис The Wayback Machine — он хранит архивы сайтов.
Итак, что же из себя представляет Wayback Machine?
Если вам интересно, как менялись популярные сайты со временем, то этот сайт может вам помочь. Сервис начал собирать этот архив с 1997 года!! Если вы зайдёте на самую главную страницу проекта, то вы увидите:
Для просмотра архивных страниц сайта достаточно ввести его адрес в поисковик. Для удобства можно выйти из главной страницы проекта, и открыть непосредственно главную страницу Wayback Machine — просто щёлкаем мышкой на красно-чёрном заголовке. Это главная страница уже непосредственно сервиса для просмотра архивных страниц сайтов: Сервис сообщает нам о том, что он заархивировал более 273 биллиона Web-страниц. Ну а в окно поиска вводим адрес нужного сайта.
Как выглядел Irecommend раньше?
Набираем в окне поиска адрес нашего сайта. Нажимаем на кнопку Browse History.
Откроется следующее окно: Давайте разберёмся, что показал нам этот сервис.Saved 281 times between января 20, 2009 and октября 14, 2016.
Т.е главная страница сайта Irecommend была сохранена в этом архиве 281 раз, первый — 20 января 2009 года, последний — 14 октября 2016 года.
Далее отображается лента с годами и календарь. Тут всё понятно — выбираем любой год, а сервис покажет за какие дни имеется архив главной страницы сайта. Эти дни выделяются голубым кружком. Нажимаем на любой из подобных дней, и откроется архивная страница сайта, сохранённая в этот день.
Хотите перемещаться вперёд или назад во времени? Просто щёлкайте в нужное место на ленте времени, которая находится в самом верху страницы. Если вы выберете белое место, т.е. тот период времени, где нет ни одной сохранённой копии, то сервис автоматически отобразит первую близкую к выбранному периоду страницу. Например, если вы выберете 30 октября 2010 года, а за этот день архива нет, то сайт автоматически подберёт ближайший день, в который эта страница сохранялась, т.е. 30 декабря 2010 года.
Стоит отметить, что эта лента относится именно к главной страницы Irecommend. Например, для других страниц сайта раскладка будет уже другая!
Например, раздел «Красота и здоровье«:
Как мы видим, страница этого раздела сохранялась архивной машиной 204 раза — а это уже меньше, чем у главной страницы. Это само собой разумеющееся — все главные страницы любых сайтов имеют наибольшее число архивных копий.
Вообще, наиболее интересно зайти на страницу отзывов на наш сайт — например, 2 года назад лучшие отзывы на Irecommend были в таком виде:
Так как немало авторов обновляют тексты своих отзывов, то очень занимательно посмотреть на те версии, которые были изначально!
Такие дела.
Плюсы Wayback Machine
1. Если вы являетесь долгие годы пользователем какого-либо сайта, то интересно ностальгировать, вспоминать, как выглядел этот сайт раньше. Или, если это социальная сеть — то интересно вспомнить, как выглядела ваша персональная страница раньше.
2. Если какой-либо ресурс уже недоступен, то его страницы можно посмотреть с помощью этого сервиса. Тут возможны 3 варианта:
а) если поменялась концепция сайта, и некоторые разделы были убраны владельцами
б) бывает, что некоторые публикации в Интернете могут вызвать сильный резонанс, а затем удаляться владельцами этого контента. Их тоже может помочь найти Wayback Machine.
в) если сам сайт уже не существует, то доступ к его страницам, опять же, можно получить с помощью данного сервиса.
3. Если ваша работа непосредственно связана с Web, то этот ресурс тоже может вам помочь.
Небольшие неудобства
1. Архивные страницы дольше загружаются
2. Если вы открываете очень старые страницы, то возможен вариант, при котором сервис покажет один текст без форматирования и изображений. Также не всегда отображается содержимое страницы на все 100% — могут не прогружаться какие-то изображения, диаграммы, аватарки и т.п.
3. Проблемы с правообладателями. Т.е. сервис может удалять некоторые архивные страницы по требованию правообладателей. А если вы являетесь владельцем сайта, то мы можете закрыть доступ к нему, чтобы он не архивировался.
Пара сайтов, действительно изменившихся со временем
Пример №1 — AliExpress
Так выглядел этот Интернет-магазин 13 января 2012 года:
Ну а так он выглядит сейчас:
Пример №2 — Музыкальный сайт Last.fmПример исчезнувшего контента на этом сайте — чарты, которые разработчики убрали с глобальными изменениями в 2015 году.
Так сайт выглядел в 2007 году:
Спустя 4 года, в 2011 году: А в августе 2015 года было глобальное обновление сайта, и стал он выглядеть так: На мой вкус, дизайн был гораздо лучше и удобнее до этих прошлогодних обновлений.
Как итог
Конечно, некоторые архивные страницы можно просмотреть в кэше и Google, и Яндекса. Причём, я сам пользуюсь подобной возможностью. Но просмотреть можно лишь те страницы, которые существовали недавно, например, в 2016 году. Для просмотра удалённых/заблокированных страниц это подойдёт.
Ну, а если вам нужны страницы за гораздо более ранние периоды (в том числе конец 90-ых, начало 00-ых), или вы хотите просмотреть развитие сайтов Интернета со временем, то лучше сервиса, чем Wayback Machine просто не найти!
Это действительно мощный, интересный и полезный ресурс! Очень рекомендую!
Всем спасибо за внимание!!
irecommend.ru
где можно посмотреть как выглядел сайт месяцы или годы назад? так сказать архив изменений
ему всего 3 года. а помню да, был другой..
чей сайт? как правило истории нет вот на Гугле сделали карту земли и по годам назад можно смотреть что было там год-два-десять назад
Может остаться на диске у веб-мастера.. . =)))
Может быть в кэше поисковиков, а лучше всего обратись к администраторам сайта.
у меня есть книга, секреты там чета про интернет, в общем типа самоучитель, если очень нада зайди в книжный в раздел литературы про интернет и там позырь и перепиши ссылку в мобилу, а книга моя просто где то у родителей внапряг идти искать, там точно такая ссылка будет я даж заходил туда, прикольно )))) а все эти олени выше фуфло гонят, есть в нете сервак где хранятся истории картинок всех сайтов почти
нужно создать машину времени
В 2011 году на этом сайте мой мир была трансляция как на smotri.com
сайт называется Wayback Machine вот ссылка: <a rel=»nofollow» href=»https://archive.org/web/» target=»_blank»>https://archive.org/web/</a>
touch.otvet.mail.ru