Kuinka suunnittelimme Wikipediaa varten sivun esikatselut - ja mitä voimme tehdä niille tulevaisuudessa

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

Tänään julkaisimme uuden ominaisuuden Wikipedian lukijoille työpöydällä - sivun esikatselut. Sen takana on muutama suunnittelussa esiintyvä vivahde.

Kanin reikä

Ihmiset rakastavat Wikipediaa. Ihmiset rakastavat Wikipediaa tietyistä syistä. Tässä on yksi suosituimmista, kuten XKCD selitti:

Siinä sanotaan ”The Problem”, mutta luulen, että hän rakastaa sitä. Kuva Randall Monroe / xkcd, CC BY-NC 2.5

Kutsumme tätä "kanin reikäksi" Wikimedia-säätiön toimiston salien ympärille. (Häpeämätön pistoke Wikipedian Kani-reikäinen t-paita.)

Tämä on yksi ikonimmista ja suosituimmista käyttäjämalleista, joita näemme Wikipediassa. Ihmiset alkavat yhdestä artikkelista, suuntaavat sitten jonnekin muualle ja sitten jonnekin muualle, opiskellessaan paljon erilaisia ​​aiheita matkan varrella.

Suunnittelu on yhtä hyvä kuin se on optimoitu. Suunnittelemme näille lukijoille optimoimalla ei sivun katseluun tai sitoutumiseen - vaan oppimiseen. Ja käy ilmi, että konteksti on keskeinen osa oppimista.

Konteksti on tärkeä, mutta kontekstin vaihtaminen on kallista

Sivun esikatselu ominaisuutena on utilitaristinen vuorovaikutusmalli, joka on ollut olemassa Javascriptin keksinnästä lähtien.

Näin Twitter käyttää esikatseluja saadaksesi käyttäjän kontekstin. Näyttökuva / GIF Twitterin kautta, oikeudenmukainen käyttö.

Se ei ole uraauurtava ratkaisu kontekstin tarjoamiseksi menettämättä säiettä. Jopa Wikipedian vuorovaikutteisimmissa muutoksissa on kuitenkin omat ainutlaatuiset haasteensa. Katsotaanpa valaisemaan, miksi tämä on iso juttu:

Muutama numero auttaa sinua grok

  • Lähes neljäsosa Wikipedian liikenteestä tulee napsauttamalla sisäisiä sinisiä linkkejä. a.k.a menemällä kanin reikästä
  • Sinisten linkkien osuus on 4 miljardia sivun katselua kuukaudessa
  • Yli 10 000 linkkiä leijuu sekunnissa kaikissa Wikipediaissa

Toisin sanoen siniset linkit ovat Wikipedian yleisimmin käytettyjä interaktiivisia elementtejä. Tämä tekee sinisiin linkkeihin liittyvien ominaisuuksien sekoittamisesta tai muuttamisesta hieman ... herkkyyttä ja haastavaa.

Lisäarvo, ei kipu

Tällaisen usein käyttäytymisen muuttaminen on vaikeaa. Aloitimme laadullisilla ja määrällisillä oivalluksilla vuorovaikutuksen aikajanan päättämiseksi esikatselun näyttämiseksi:

Aikajana näyttää tapahtumat, kun käyttäjä siirtyy siniselle linkille. Kaavio Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0.

Wikipedian mittakaavan mukaan minkä tahansa näistä muuttujista tehdyllä pienellä muutoksella voi aina olla valtava vaikutus loppukäyttäjän kokemuksiin ja infrastruktuuriin. Arviointitutkimusta käyttämällä opimme, että jotkut ihmiset lukevat tekstiä verkossa viemällä virkkeitä lauseiden yli, jolloin sivujen esikatselut voivat olla ärsyttäviä tälle yleisölle.

Keinotekoisten viiveiden rakentaminen ennen sivun esikatselun ilmestymistä - noin 650 millisekuntia - antoi meille mahdollisuuden vähentää ei-toivottujen esikatselujen määrää. Teimme myös helpon tämän ominaisuuden poistamisen käytöstä joutumatta hyppäämään kehien läpi.

Kontekstin edustaminen

Seuraava haaste oli edustaa artikkelia, joka sisältää tietoja, jotka ovat saatavilla, ja tietoja, joita ei ole saatavana. Kuinka tilit tuntemattomasta sisällöstä? Suunnittelet kaikille mahdollisuuksille.

Reuna-, reuna- ja reunalaukut

En pidä termiä henkilökohtaisesti. Lähinnä siksi, että sitä käytetään väärin suunnittelupäätösten tekemiseen. Se on vielä epätarkempi Wikipediaa varten suunnittelussa.

Wikipedian sisällön on kirjoittanut yli 200 000 ihmistä ja robotit 300 kielellä. Se eroaa sävy, muoto, saatavuus, yksityiskohtaisuus ja aihe. Kaikki on reunatapaus, joten mikään ei ole.

Esikatselun suunnittelu oli kuin Tetriksen pelaaminen tietämättä mitä seuraava kappale tulee olemaan. Tässä on erilaisia ​​muunnelmia esikatseluista:

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

Tämä monipuolinen käyttötapauskokoelma johtaa artikkelin erilaisiin esityksiin aina maisemakuvista, pitkien muotokuvien esikatselusta, artikkelikokonaisuuteen johtavien linkkien oikealta vasemmalle esikatseluihin. Matematiikkaan liittyvien sivujen rivikorkeuden säätäminen tamilinsivun esikatselussa, jotta lauseen leikkaus toimii kunnolla, on osa sivun esikatselujen suunnittelua.

Grafiikka Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Teksti ja kuvat mainituista Wikipedia-artikkeleista eri kielillä.

Sivun esikatselujen tulevaisuus

Tämä on vasta aloitussivu, joka esittelee avoimia mahdollisuuksia useilla alueilla, koska konteksti on tulossa yhä tärkeämmäksi paitsi Wikipediassa, myös Internetissä yleensä. (Huomaa, että nämä ovat vain ideoita, eikä niitä kehitetä aktiivisesti.)

Tuki erityyppiselle sisällölle

Tällä hetkellä esikatselut on tarkoitettu vain artikkeleille, mutta olemme rakentaneet ne siten, että niitä voidaan käyttää erityyppisiin sisältöihin ja muotoihin.

Grafiikka Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Teksti Wikimedia wikissä ilmoitetuilta sivuilta.

Tehoesikatselut toimittajille

Sivun esikatselut on nyt suunniteltu lukijoille - mutta niitä voitaisiin mukauttaa tehokäyttäjille järjestämällä kattavat tiedot ja hyödylliset toimet, jotka ovat toimittajille osuvampia.

Nykyään monet toimittajat käyttävät samaan tarkoitukseen tarkoitettua navigointi ponnahdusikkunoita. Navigointi ponnahdusikkunoiden ominaisuudet voidaan helposti mukauttaa sivun esikatseluihin -

Grafiikka Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Teksti Mona Lisalta.

Wikipedia Wikipedian ulkopuolella

Kutsumme Wikipediaa toiseksi lähdemateriaaliksi. Aivan kuten sanakirjaa käytetään selittämään sanan merkitys kirjaa luettaessa, Wikipediaa käytetään usein toisena lähteenä, joka tuntee lukemisen kontekstin jopa Wikipedian ulkopuolella.

Grafiikka Nirzar Pangarkar / Wikimedia Foundation, CC BY-SA 3.0. Sisältää Wikipedia-tekstin karvaisen nenän saukosta ja perustuu Jeremy Colesiin,

Muut julkaisijat voivat käyttää Wikipedian esikatselua keinona tarjota nopea konteksti aiheiden ympärille.

Kääri se

Sivun esikatselut tasoittavat tietä toiselle tapa olla vuorovaikutuksessa Wikipedian kanssa. Wikipedian lukukokemus voidaan jakaa pienempiin osiin. Odotamme lisää tapoja siirtyä pois perinteisestä käsitteestä yksittäisiä monoliittisia artikkeleita modulaarisempaan ja kontekstuaaliseen oppimiseen.

Voit antaa palautetta projektisivullamme.

Kiitos!

Nirzar Pangarkar, suunnittelupäällikkö, yleisösuunnittelu
Wikimedia-säätiö

Voit lukea tämän viestin myös Wikimedia-blogissa.