Wikipediaa parhaillaan on paljon tarvittavaa uudelleensuunnittelua käyttäjien kokemusten parantamiseksi.

Jokainen voi esikatsella tätä uudelleensuunnittelua luo tili, kirjaudu sisään ja klikkaa minkä tahansa sivun oikeassa yläkulmassa olevaa Try Beta- linkkiä.

"Wikipedia Usability Initiative" on jaettu kahteen vaiheeseen. Ensimmäinen vaihe oli prototyyppivaihe, ja se päättyi kesällä 2009.

Projektiryhmä on tällä hetkellä toisessa vaiheessa, joka on kehitys- ja testausvaihe.

Hanke on myös erotettu neljään tiedotteet ; tämän artikkelin kirjoittamisen jälkeen toinen julkaisu (Babaco) on parhaillaan kehittymässä.

Tässä artikkelissa keskustelemme Wikipedian suunnittelumuutoksista ja niiden syistä.

Wikipedia Usability Initiative on tarkoitus valmistua keväällä 2010. Lisätietoja projektista löytyy tässä .

Uudelleen suunnitelma keskittyy käytettävyyteen . Vaikka mitään dramaattisia muutoksia ei ole tehty, sivuston yleinen ulkoasu ja tunnelma on paljon puhtaampaa ja nykyaikaisempaa. Uudistettu muokkausliittymä on merkittävä päivitys, jonka Wikipedia-toimittajat saavat varmasti innoissaan.

Kuten monet pienimuotoiset operaatiot, Wikipedialla ei ole talousarviota, jolla järjestelmällisesti testataan kävijöiden käyttöä verkkosivustolla. Sen sijaan se tukeutuu käyttäjien palautteeseen selvittääkseen ja käsittelemään asioita.

Siivottu

Ensimmäinen vaikutelma beta-uudistamisesta on, että se näyttää melko teräväksi ja siistinä. Asettelu on edelleen pohjimmiltaan sama; tämä uudelleensuunnittelu ei todennäköisesti aiheuta samaa törkeästi Facebook sekoitettiin sen uudelleensuunnitteluun maaliskuussa 2009.

Ilmeisin muutos on, että sivun eri osat eivät ole enää vain omassa laatikossaan. Navigointi- ja pääsisältöalueet eivät ole suljettuja, ja ne ulottuvat aina selainikkunan reunaan.

Toinen ilmeinen muutos on, että Wikipedia on poistunut avoimen kirjan taustakuvasta. Tämä puhdistaa suunnittelua merkittävästi ja tekee logosta paljon terävämpi.

Vanha muotoilu:


Uusi muotoilu:

Värien heikko muutos

Kaiken kaikkiaan uusi muotoilu näyttää pehmeältä . Vasemman sivupalkin navigointi linkit ovat nyt hieman suurempia ja helpompi lukea. Linkki värejä on muutettu hieman, jotta ne ovat vähemmän elinvoimaisia.

Vanhan linkin väri (vasen) verrattuna uuteen linkkikuvioon (oikea):


Vanha vieraili linkin väri (vasemmalla) verrattuna uuteen (oikea):

Vierailun linkin vaihtaminen purppurasta tummansiniseen suuntaan vie pitkän matkan tekemään verkkosivustolta nykyaikaisempaa. Se myös yksinkertaistaa värimallia ja tekee ulkonäöstä ammattimaisemman.

Hakupalojen siirtäminen

Yksi muutos, joka saattaa tavata säännöllisiä kävijöitä on hakupalkin uudelleensijoittaminen.

Se ei enää ole navigointirivin keskellä. Se on siirretty sivun oikeassa yläkulmassa. Tämä sijoittelu on tullut standardiksi useille verkkosivustoille ja siellä, missä ihmiset näyttävät ensin, kun he haluavat tehdä haun.

Hakupalkin uusi sijainti:

Uudistetut välilehdet

Välilehdet on myös organisoitu uudelleen. Heille on annettu uusi ilme ja ne ovat nyt helpommin paikalla. Jakaminen kahteen ryhmään tekee niiden rakenteesta loogisemman. Välilehtien haalistuvasta yläosasta avautuu myös sivu.

Vanha muotoilu:


Uusi muotoilu:

Sivun muokkaus

Uusi sivunmuokkausliitäntä on ihana. Tekstin ja graafisten kuvakkeiden sekoitus ja muokkausvaihtoehtojen yhdistäminen helpottaa muokkaamista.

Jotta pääset selville, mitä kukin painike teki ennen, käyttäjän piti hypätä viattomalle kuvakkeelle ja odottaa työkalupisteen avaamista. ei enää. Tekstipinnan oikealla puolella oleva uusi paneeli auttaa käyttäjiä siirtymään sivulle.

Vanha muokkausliitäntä:


Uusi muokkausliittymä:


Voit ottaa uudet ominaisuudet käyttöön valitsemalla Asetukset ja valitsemalla sitten Muokkaus-välilehden. Alareunassa on joitain valintaruutuja, jotka on merkitty nimellä "kokeellinen".

Kokeellisten ominaisuuksien käyttöönotto:


Uusin versio sisältää uusia valintaikkunoita linkkien ja taulukoiden lisäämiseen. Koska tekstikenttä voi olla hieman sekava, nämä valintaikkunat ovat käteviä auttamaan käyttäjiä keskittymään yhteen tehtävään kerrallaan.

Taulukko-valintaikkunassa voisi olla enemmän toimintoja (kuten voit muuttaa taulukon solujen sisältöä), mutta tämä julkaisu on edelleen kehittymässä, joten odotan, näkyykö lisää, ennen kuin virallisesti lisätään ominaisuuksia toivelistani.

Linkin lisäämiseen käytettävä valintaikkuna:

Taulukon lisääminen valintaikkunaan:

Mikä puuttuu?

Koska projekti on edelleen beta-ohjelmassa, nyt on paras aika ehdottaa, mitä muuta voidaan tehdä Wikipedia-käyttöliittymän parantamiseksi. Tässä ovat minun ideani:

  • AJAX BeautyTip-esikatselu linkin hoverissa
    Se olisi siisti, jos työkalupalkki ilmestyi BeautyTip jQuery-plug-in, aina kun liikut yli sisäisen linkin. Tooltip sisältää linkitetyn artikkelin ensimmäisen kohdan. Tämän ominaisuuden kaistanleveyden kasvu saattaa olla liian suuri, mutta haluaisin silti nähdä sen testatuksi.
  • Syntaksivärjäys muokkaustekstialueella
    Työskentely koodilla kaikki saman värin kanssa on hyvin vaikeaa. Ihmissilmä on skannattava tekstiä lineaarisesti, jotta se löytää sen. Visuaaliset vihjeet olisivat valtava apu. Vaikka olemme siinä, tekstipalkissa pitäisi olla myös vaakasuora vierityspalkki, jotta tavarat, kuten taulukot, näyttäisivät paremmilta koodissa.
  • Vaihtoehto on kiinteä leveä runko teksti
    Kun luen pitkää tekstiä, haluan maksimoida ikkunani minimoimaan häiriötekijöitä. Kuten en, en voi tehdä sitä, koska tekstirivit tulevat laajemmiksi kuin laajakuvanäytökseni. Haluaisin pystyä korjaamaan kappaleiden leveyden noin 600 pikseliin, jotta lukeminen olisi helpompaa.
  • Lisää visuaalisen painon "Go" -painiketta
    Yksi muutos, jonka olen vastustava, tekee Go-painikkeesta saman painon kuin "Hae" -painikkeella. Vanha suunnittelu painoi Go-painikkeen tekstiin hieman raskaampaa, mikä teki selväksi, että "Enter" -näppäimen painaminen oli sama kuin napsauttamalla "Go" -painiketta. Painon ero oli niin pieni, että käyttäjät näkivät eron vain katsomalla sitä oikein. Tämä olisi palautettava.

Kokeile sitä!

Uusi muotoilu näyttää melko hyvältä, mutta se ei ole vielä valmis. Olen varma, että Wikipedia Usability Initiative -tiimi arvostaisi, että kaikki kokeilevat betaa ja lähettävät palautetta.

Wikipedia on riippuvainen sen käyttäjistä selvittääkseen, miten sivustoa voidaan parantaa, ja olen varma, että Webdesigner Depot -yhteisö voi saada aikaan hienoja ideoita.

Lopuksi, harkitse lahjoittaa Wikipedialle . Koska voi lukea vanhoja Nintendo-pelejä ilman Evony-mainoksia, roskaaminen sivu on melko mukava.


Kirjoitettu yksinomaan WDD: lle Eli Penner .

Mitä mieltä olet Wikipedian tulevasta suunnittelusta? Miten parantaisit suunnittelua?