Kako smo dizajnirali pretpregled stranica za Wikipediju - i što bismo mogli učiniti s njima u budućnosti

Slika Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0.

Danas smo objavili novu značajku za čitatelje Wikipedije na pregledu stranica radne površine. Evo nekoliko dizajnerskih nijansi iza toga.

Zečja rupa

Ljudi vole Wikipediju. Ljudi vole Wikipediju iz određenih razloga. Evo jednog od popularnih, kako je objasnio XKCD:

Kaže

To nazivamo "zečja rupa" oko dvorana ureda Fondacije Wikimedia. (Besraman čep za majicu Wikipedia Rabbit-hole.)

Ovo je jedan od najpopularnijih i najpopularnijih uzoraka korisnika koji vidimo na Wikipediji. Ljudi počinju od jednog članka, a zatim se kreću negdje drugdje, a zatim negdje drugdje, usput usput i uče o raznim temama.

Dizajn je dobar ono za što je optimiziran. Dizajniramo za ove čitatelje, optimizirajući ne za prikaz stranica ili angažman, već za učenje. A ispada da je kontekst ključni dio učenja.

Kontekst je važan, ali prebacivanje konteksta je skupo

Pretpregledi stranica, kao značajka, utilitarni je obrazac interakcije koji postoji otkad je izumio Javascript.

Evo kako Twitter upotrebljava preglede da bi stvorio kontekst o korisniku. Snimka zaslona / GIF putem Twittera, fer upotreba.

To nije revolucionarno rješenje za pružanje konteksta bez gubitka niti. Pa ipak, i najosnovnije promjene interakcije na Wikipediji dolaze sa vlastitim jedinstvenim izazovima. Osvijetlimo zašto je to velika stvar:

Nekoliko brojeva koji će vam pomoći

  • Gotovo jedna četvrtina prometa Wikipedije dolazi klikom na unutarnje plave veze. a.k.a silazeći zečjom rupom
  • Plave veze prikazuju 4 milijarde pregleda stranica mjesečno
  • više od 10 000 veza prelazi svake sekunde u sve Wikipedije

Drugim riječima, plave veze su najčešće korišteni interaktivni elementi na Wikipediji. To čini zabrinjavanje ili promjenu bilo koje značajke povezane s plavim vezama malo više ... osjetljivom i zahtjevnom.

Dodajte vrijednost ne boli

Teško je mijenjati tako često ponašanje. Kvalitativni i kvantitativni uvidi započeli smo zaključivanjem vremenske trake interakcije za prikaz pregleda:

Vremenska traka prikazuje događaje nakon što korisnik prijeđe na plavu vezu. Grafikon Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0.

S obzirom na razmjere Wikipedije, manja promjena bilo koje od ovih varijabli uvijek može rezultirati velikim utjecajem na iskustva krajnjeg korisnika kao i na našu infrastrukturu. Koristeći evaluacijsko istraživanje, saznali smo da neki ljudi čitaju tekst na mreži lebdeći iznad rečenica čineći preglede stranica potencijalno neugodnim za ovu publiku.

Stvaranje umjetnih kašnjenja prije nego što se pojavi stranica - otprilike 650 milisekundi - omogućilo nam je da smanjimo broj neželjenih pregleda. Također smo pojednostavili deaktiviranje ove značajke bez preskakanja obruča.

Predstavljanje konteksta

Sljedeći je izazov bio predstavljanje članka s dostupnim informacijama i informacijama koje nisu dostupne. Kako obračunavate nepoznati sadržaj? Pa, vi dizajnirate za sve mogućnosti.

Slučajevi ivica, kućišta i ivice

Osobno mi se ne sviđa termin. Uglavnom zbog toga što se zloupotrebljava za donošenje odluka o dizajnu. Još je netočniji kada je u pitanju dizajn za Wikipediju.

Sadržaj Wikipedije napisalo je više od 200.000 ljudi i botova na 300 jezika. Razlikuje se u tonu, formatu, dostupnosti, razini detalja i temi. Sve je rubni slučaj, stoga ništa nije.

Dizajniranje pregleda bilo je poput igranja Tetrisa bez da znamo što će biti sljedeći komad. Ovdje su prikazane različite inačice pregleda:

Grafički prikaz Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0.

Ovaj raznoliki skup slučajeva korištenja rezultira različitim prikazima članka, u rasponu od slika krajolika, visokih pregleda portreta, pregleda lijevo do lijevih poveznica koje vode do popisa članaka. Podešavanje visine retka za matematičke stranice na pregledu stranica na Tamilu kako bi isječak rečenica ispravno funkcionirao dio je dizajniranja pregleda stranica.

Grafički prikaz Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Tekst i slike iz naznačenih članaka Wikipedije na različitim jezicima.

Budućnost pregleda stranica

Ovo je samo početak - stranica daje pregled otvorenih mogućnosti na više područja jer kontekst postaje sve važniji ne samo na Wikipediji nego i na Internetu općenito. (Imajte na umu da su ovo samo ideje i nisu u aktivnom razvoju.)

Podrška za više vrsta sadržaja

Trenutno su pregledi namijenjeni samo za članke, ali mi smo ih izradili na takav način da se mogu koristiti za različite vrste sadržaja i formate.

Grafički prikaz Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Tekst s naznačenih stranica na Wikimedia wikisu.

Pretpregledi napajanja za urednike

Do sada su pretpregledi stranica dizajnirani za čitatelje - ali mogli bi ih prilagoditi uređivačima napajanja tako što nude sveobuhvatne informacije i korisne radnje koje su urednicima relevantnije.

Danas puno urednika koristi alat pod nazivom Navigacijski skočni prozori koji je namijenjen za istu svrhu. Značajke navigacijskih skočnih prozora mogu se lako prilagoditi pretpregledima stranica -

Grafički prikaz Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Tekst Mona Lise.

Wikipedija izvan Wikipedije

Wikipediju nazivamo drugim materijalom. Baš kao što se rječnik koristi za objašnjenje značenja riječi dok čitate knjigu, Wikipedia se često koristi kao drugi izvor za poznavanje konteksta za čitanje čak i izvan Wikipedije.

Grafički prikaz Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Sadrži tekst Wikipedije s dlakave nose, a temelji se na Jeremyju Colesu,

Preglede Wikipedije drugi bi izdavači mogli usvojiti kao način za pružanje brzog konteksta oko tema.

Zamotavanje

Pregledi stranica trase put za drugi način interakcije s Wikipedijom. Čitanje Wikipedije može se raščlaniti na manje dijelove. Radujemo se što ćemo više odstupiti od tradicionalnog pojma monolitnih članaka ka modularnijem i kontekstualnijem učenju.

Slobodno možete dati povratne informacije o našoj stranici projekta.

Hvala vam!

Nirzar Pangarkar, voditelj dizajna, dizajn publike
Zaklada Wikimedia

Ovaj post možete pročitati i na blogu Wikimedia.