Науката го потвърждава: всички уебсайтове наистина изглеждат еднакво

Проучихме 10 000 уебсайта и установихме, че дизайнът им е станал по -единен с течение на времето. Какво означава това за бъдещето на творческото изразяване в интернет?

Науката го потвърждава: всички уебсайтове наистина изглеждат еднакво

През последните няколко години, статии и публикации в блога започнаха да задават някаква версия на същия въпрос: Защо всички уебсайтове започват да изглеждат еднакво?



Тези публикации обикновено посочват някои общи елементи на дизайна, от големи изображения с наслагван текст, до менюта за хамбургер , които са тези три хоризонтални линии, които при щракване разкриват списък с опции за страница, от които да избирате.

Моите колеги Bardia Doosti, David Crandall, Norman Su и аз изучавахме историята на мрежата когато започнахме да забелязваме тези публикации. Никой от авторите обаче не е правил някакво емпирично изследване. Това беше по -скоро предчувствието им. Затова решихме да проучим твърдението, за да видим дали има истина в представата, че уебсайтовете започват да изглеждат еднакво и, ако е така, да проучим защо това се случва. Бягахме поредица от проучвания за извличане на данни които разгледаха близо 200 000 изображения в 10 000 уебсайта.



Как изобщо измервате приликата?

На практика е невъзможно да се изучава целия интернет; има над милиард уебсайтове , с многократно повече уеб страници. Тъй като няма списък с всички, от които да избирате, извършването на произволна извадка от интернет е извън масата. Дори и да беше възможно, повечето хора виждат редовно само малка част от тези уебсайтове, така че случайна извадка може дори да не улови интернет, която повечето хора изпитват.



В крайна сметка използвахме уебсайтовете на Ръсел 1000 , водещият бизнес в САЩ по пазарна капитализация, която се надявахме да бъде представителна за тенденциите в мейнстрийма, корпоративния уеб дизайн. Проучихме и два други набора от сайтове, един с 500 -те най -трафични сайтове на Alexa, а друг с сайтове, номинирани за Награди Webby .

Тъй като се интересувахме от визуалните елементи на тези уебсайтове, като данни използвахме изображения на техните уеб страници интернет архива , която редовно съхранява уебсайтове. И тъй като искахме да съберем количествени данни, сравняващи милиони двойки уебсайтове, трябваше да автоматизираме процеса на анализ.

За да направим това, трябваше да се спрем на определение за сходство, което можем да измерим автоматично. Изследвахме както специфични атрибути като цвят и оформление, така и атрибути, научени автоматично от данни с помощта на изкуствен интелект.



За атрибутите цвят и оформление ние измерихме колко пиксела по пиксел редакции ще трябва да направим, за да трансформираме цветовата схема или структурата на страниците на един уебсайт в друг. За атрибутите, генерирани от AI, обучихме модел за машинно обучение, за да класифицира изображенията въз основа на кой уебсайт са дошли и да измерваме атрибутите, които моделът е научил. Предишната ни работа показва, че това върши сравнително добра работа при измерване на стилистичното сходство, но за хората е много трудно да разберат върху какви характеристики се фокусира моделът.

Как се промени интернет?

Открихме, че и в трите показателя-цвят, оформление и генерирани от AI атрибути-средните разлики между уебсайтовете достигат своя връх между 2008 и 2010 г., а след това намаляват между 2010 и 2016 г. Разликите в оформлението намаляват най-много, намалявайки с над 30% през този период от време .



Графиката показва сходството на уебсайтове на компании в Russell 1000. По -ниските стойности означават, че средно изследваните сайтове са били по -сходни. [Изображение: с любезното съдействие на автора]

Тези констатации потвърждават подозренията на блогърите в уеб дизайна, че уебсайтовете стават все по -сходни. След като показахме тази тенденция, искахме да проучим нашите данни, за да видим какви специфични промени я причиняват.

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

как да мислиш на крака

Графиката вляво показва спад в сходството на кодовете между уебсайтовете на Russell 1000, докато графиката вдясно показва увеличаване на припокриването на библиотеките. [Изображение: с любезното съдействие на автора]

Библиотеките разполагат с колекции от общ код за общи задачи, като например преоразмеряване на страница за мобилни устройства или превключване и излизане на меню за хамбургер. Разгледахме кои сайтове имат много общи библиотеки и колко приличат. Сайтовете, изградени с определени библиотеки - Bootstrap, FontAwesome и JQuery UI - имаха тенденция да изглеждат много по -подобни един на друг. Това може да се дължи на това, че тези библиотеки контролират оформлението на страницата и често използват опции по подразбиране. Сайтовете, които използват други библиотеки, като SWFObject и JQuery Tools, обикновено изглеждат много по -различно и това може да се дължи на факта, че тези библиотеки позволяват по -сложни, персонализирани страници.

Промените в уебсайтовете от 2005 до 2016 илюстрират случващото се.

луд списание шпионин срещу шпионин

Сайтовете със средни оценки за сходство през 2005 г. изглеждаха по -малко сходни от тези със средни резултати за сходство през 2016 г.

Например през 2005 г. Webshots.com и Yum.com се считат за относително сходни, но имат малко по -различни цветови схеми и много различни оформления. Докато и двамата използват предимно бяло, синьо и черно, сайтът вдясно има син фон.

Екранни снимки от 2006 на Webshots.com и Yum.com. [Изображение: с любезното съдействие на автора]

Два сайта от 2016 г., Xfinity.com и Gilt.com, от друга страна, са още по -сходни: И двата имат лента с менюта отгоре и са предимно бели и черни с изображения. Тези страници имат много по-малко текст и използват по-добре съществуващите в момента монитори с по-висока разделителна способност.

Снимки от Xfinity.com и Gilt.com от 2016 г. [Изображение: с любезното съдействие на автора]

Съответствието здравословно ли е?

Какво трябва да се направи от това пълзящо съответствие?

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

От друга страна, интернет е споделен културен артефакт и неговият разпространен, децентрализиран характер го прави уникален. Тъй като началните страници и напълно персонализираните платформи като NeoPets и MySpace избледняват в паметта, уеб дизайнът може да загуби голяма част от силата си като форма на творческо изразяване. Фондация Mozilla е спорил че консолидацията е лоша за здравето на интернет и естетиката на мрежата може да се разглежда като един елемент от нейното благосъстояние.

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

Тази огромна мощност е част от по -голяма история за консолидация в технологичната индустрия - такава, която със сигурност може да бъде причина за безпокойство . Ние вярваме, че естетическата консолидация също трябва да бъде критично изследвана.

Сам Гори е докторант по информатика в Университета в Индиана . Bardia Doosti, David Crandall и Norman Su също допринесоха за тази статия. Тази статия е преиздадена от Разговорът под лиценз Creative Commons. Прочетете оригинална статия .