Tiede vahvistaa sen: Verkkosivustot näyttävät todella samalta

Tutkimme 10000 verkkosivustoa ja huomasimme, että niiden suunnittelu on ajan myötä muuttunut yhtenäisemmäksi. Mitä tämä tarkoittaa Internetin luovan ilmaisun tulevaisuuden kannalta?

Tiede vahvistaa sen: Verkkosivustot näyttävät todella samalta

Viimeisten vuosien aikana, artikkeleita ja blogiviestit ovat alkaneet kysyä jotain versiota samasta kysymyksestä: Miksi kaikki sivustot alkavat näyttää samalta?



Nämä postaukset osoittavat yleensä joitain yleisiä suunnitteluelementtejä suurista kuvista, joissa on teksti päällekkäin hampurilaismenut , jotka ovat niitä kolmea vaakasuoraa viivaa, jotka napsauttamalla paljastavat luettelon sivuvaihtoehdoista, joista valita.

Kollegani Bardia Doosti, David Crandall, Norman Su ja minä tutkimme verkon historiaa kun aloin huomata näiden postausten ilmestyvän. Kukaan kirjoittajista ei kuitenkaan ollut tehnyt minkäänlaista empiiristä tutkimusta. Se oli enemmän aavistus heillä. Päätimme siis tutkia väitettä nähdäksemme, onko käsityksessä siitä, että verkkosivustot alkavat näyttää samalta, olemassa jotain totuutta, ja jos on, tutkia, miksi näin on tapahtunut. Me juoksimme joukko tiedonlouhintatutkimuksia joka tarkasti lähes 200 000 kuvaa 10 000 verkkosivustolla.



Miten mitataan edes samankaltaisuutta?

On käytännössä mahdotonta tutkia koko Internetiä; sivustoja on yli miljardi , monta kertaa enemmän verkkosivuja. Koska kaikista niistä ei ole luetteloa, joista valita, satunnaisnäytteen suorittaminen Internetistä on poissa pöydältä. Vaikka se olisi mahdollista, useimmat ihmiset näkevät vain pienen osan näistä verkkosivustoista säännöllisesti, joten satunnainen otos ei ehkä edes kaappaa internetiä, jonka useimmat ihmiset kokevat.



Päädyimme käyttämään verkkosivustoja Russell 1000 , USA: n suurimmat yritykset markkina -arvon mukaan, jonka toivoimme edustavan valtavirran yritysten web -suunnittelun suuntauksia. Tutkimme myös kahta muuta sivustojoukkoa, joista toisella oli Alexan 500 eniten liikennöityä sivustoa ja toisella sivustoja, Webby Awards .

älä polje minua

Koska olimme kiinnostuneita näiden verkkosivustojen visuaalisista elementeistä, käytimme tietoina niiden verkkosivujen kuvia Internet -arkisto , joka säännöllisesti säilyttää verkkosivustoja. Ja koska halusimme kerätä kvantitatiivista tietoa miljoonien verkkosivustojen parien vertaamiseksi, meidän piti automatisoida analyysiprosessi.

Tätä varten meidän piti tyytyä samankaltaisuuden määritelmään, jonka voimme mitata automaattisesti. Tutkimme sekä tiettyjä ominaisuuksia, kuten väriä ja asettelua, että ominaisuuksia, jotka opittiin automaattisesti tekoälyä käyttävistä tiedoista.

miksi en voi saada harjoittelua



Väri- ja asettelumääritteille mitattiin, kuinka monta pikselikohtaista muokkausta meidän olisi tehtävä muuttaaksemme verkkosivuston värimaailman tai sivurakenteen toiseksi. Tekoälyn luomia määritteitä varten koulutimme koneoppimismallin luokittelemaan kuvat sen perusteella, mistä verkkosivustosta ne ovat peräisin, ja mittaamaan oppimansa mallin ominaisuudet. Aiempi työmme osoittaa, että tämä tekee kohtuullisen hyvää työtä tyylillisen samankaltaisuuden mittaamisessa, mutta ihmisten on erittäin vaikea ymmärtää, mihin ominaisuuksiin malli keskittyi.

Miten Internet on muuttunut?

Havaitsimme, että kaikkien kolmen muuttujan-värin, asettelun ja tekoälyn luoman määritteen-verkkosivujen väliset keskimääräiset erot saavuttivat huippunsa vuosina 2008–2010 ja pienenivät sitten vuosina 2010–2016. Asetteluerot pienenivät eniten ja laskivat yli 30% tuossa ajassa .



Kaavio osoittaa Russell 1000: n yritysten verkkosivujen samankaltaisuuden. Alhaisemmat arvot tarkoittavat, että tutkitut sivustot olivat keskimäärin samankaltaisempia. [Kuva: kirjoittajan kohteliaisuus]

Nämä havainnot vahvistavat web -suunnittelubloggaajien epäilykset siitä, että verkkosivustot ovat muuttumassa samankaltaisiksi. Tämän suuntauksen osoittamisen jälkeen halusimme tutkia tietoja nähdäksemme, millaiset erityiset muutokset aiheuttivat sen.

maksavat pankit kolikoista

Saatat ajatella, että nämä sivustot vain kopioivat toistensa koodia, mutta koodin samankaltaisuus on itse asiassa vähentynyt merkittävästi ajan myötä. Ohjelmistokirjastojen käyttö on kuitenkin lisääntynyt paljon.

Vasemmanpuoleinen kaavio näyttää koodin samankaltaisuuden vähenemisen Russell 1000 -sivustojen kesken, kun taas oikealla oleva kaavio osoittaa kirjastojen päällekkäisyyden lisääntymisen. [Kuva: kirjoittajan kohteliaisuus]

Kirjastoissa on yleisiä koodikokoelmia yleisiin tehtäviin, kuten sivun koon muuttamiseen mobiililaitteille tai hampurilaisvalikon liukumiseen sisään ja ulos. Tarkastelimme, millä sivustoilla oli paljon yhteisiä kirjastoja ja kuinka samankaltaisia ​​ne näyttivät. Sivustoilla, jotka on rakennettu tietyillä kirjastoilla - Bootstrap, FontAwesome ja JQuery -käyttöliittymä - näytti olevan paljon enemmän samankaltaisia. Tämä voi johtua siitä, että nämä kirjastot ohjaavat sivun asettelua ja niissä on yleisesti käytettyjä oletusasetuksia. Sivustot, jotka käyttivät muita kirjastoja, kuten SWFObject ja JQuery Tools, näyttivät yleensä paljon erilaisilta, ja tämä saattaa johtua siitä, että nämä kirjastot mahdollistavat monimutkaisempia, mukautettuja sivuja.

Verkkosivustojen muutokset vuodesta 2005 vuoteen 2016 kuvaavat mitä tapahtuu.

Sivustot, joilla oli keskimääräiset samankaltaisuustulokset vuonna 2005, näyttivät yleensä vähemmän samanlaisilta kuin sivustot, joilla oli keskimääräiset samankaltaisuustulokset vuonna 2016.

Esimerkiksi vuonna 2005 Webshots.comia ja Yum.comia pidettiin suhteellisen samanlaisina, mutta niillä oli hieman erilaiset värimallit ja hyvin erilaiset asettelut. Vaikka molemmat käyttävät enimmäkseen valkoista, sinistä ja mustaa, oikealla olevalla sivustolla on sininen tausta.

Kuvakaappauksia vuodelta 2006 Webshots.com ja Yum.com. [Kuva: kirjoittajan kohteliaisuus]

Kaksi vuoden 2016 sivustoa, Xfinity.com ja Gilt.com, ovat toisaalta vieläkin samankaltaisempia: Molemmissa on valikkorivi yläosassa ja ne ovat pääasiassa valkoisia ja mustia kuvien kanssa. Näillä sivuilla on paljon vähemmän tekstiä ja ne hyödyntävät paremmin nykyisiä korkean resoluution näyttöjä.

miten saada anime -suodatin

Kuvakaappauksia vuodelta 2016 Xfinity.com ja Gilt.com. [Kuva: kirjoittajan kohteliaisuus]

Onko yhteensopivuus terveellistä?

Mitä tästä hiipivästä vaatimustenmukaisuudesta pitäisi tehdä?

Toisaalta trendien noudattaminen on täysin normaalia muualla suunnittelussa, kuten muodissa tai arkkitehtuurissa. Ja jos mallit muuttuvat samanlaisiksi, koska ne käyttävät samoja kirjastoja, se tarkoittaa, että ne ovat todennäköisesti helpommin saatavilla näkövammaisille, koska suositut kirjastot ovat yleensä paremmin esteettömyysstandardien mukaisia kuin yksittäiset kehittäjät. Ne ovat myös käyttäjäystävällisempiä, koska uusien kävijöiden ei tarvitse viettää niin paljon aikaa sivuston sivuilla liikkumisen oppimiseen.

Toisaalta Internet on yhteinen kulttuuriesine, ja sen hajautettu, hajautettu luonne tekee siitä ainutlaatuisen. Kun kotisivut ja täysin muokattavat alustat, kuten NeoPets ja MySpace, haalistuvat muistiin, web -suunnittelu voi menettää suuren osan voimastaan ​​luovan ilmaisun muodossa. Mozilla -säätiö on väittänyt että konsolidointi on haitallista Internetin terveydelle ja että webin estetiikkaa voidaan pitää yhtenä sen hyvinvoinnin osana.

Ja jos sivustot näyttävät samanlaisemmilta, koska monet ihmiset käyttävät samoja kirjastoja, kyseiset kirjastot ylläpitävät suuret teknologiayritykset voivat saada suhteettoman vallan Internetin visuaaliseen estetiikkaan. Vaikka kirjastojen julkaiseminen, jota kuka tahansa voi käyttää, on todennäköisesti nettohyöty verkolle koodin salassa pitämisen suhteen, suuret teknologiayritysten suunnitteluperiaatteet eivät välttämättä sovi kaikille sivustoille.

17 numeron merkitys

Tämä ylivoimainen voima on osa laajempaa tarinaa teknologiateollisuuden vakauttamisesta - joka varmasti voisi olla huolenaihe . Mielestämme myös esteettistä vakauttamista on tarkasteltava kriittisesti.

Sam Goree on tietojenkäsittelytieteen tohtori Indianan yliopisto . Bardia Doosti, David Crandall ja Norman Su ovat myös osallistuneet tähän artikkeliin. Tämä artikkeli on julkaistu uudelleen Keskustelu Creative Commons -lisenssin alla. Lue alkuperäinen artikkeli .