Wikipedia Redesign: Hva er i butikken?
Wikipedia gjennomgår for øyeblikket et stort behov for redesign for å forbedre brukeropplevelsen.
Alle kan forhåndsvise dette redesignet av Opprett en konto, logg inn og deretter klikker du på "Prøv Beta" -linken øverst til høyre på en hvilken som helst side.
"Wikipedia Usability Initiative" er delt inn i to faser. Fase 1 var prototypefasen, og avsluttet sommeren 2009.
Prosjektteamet er for tiden i andre fase, som er utviklings- og testfasen.
Prosjektet har også blitt delt inn i fire utgivelser ; som ved skrivelsen av denne artikkelen, er den andre utgivelsen (Babaco) for tiden i utvikling.
I denne artikkelen vil vi diskutere Wikipedias designendringer og årsakene bak dem.
Wikipedia Usability Initiative er planlagt å være klar våren 2010. Mer informasjon om prosjektet kan bli funnet her .
Redesignet er fokusert på brukervennlighet . Selv om det ikke er gjort drastiske endringer, er nettstedets overordnede utseende mye renere og mer moderne. Det reviderte redigeringsgrensesnittet er en stor oppgradering som Wikipedia-redaktører sikkert vil bli begeistret for.
I likhet med mange småskala operasjoner har Wikipedia ikke budsjettet for systematisk å teste hvordan besøkende bruker nettstedet. I stedet er det avhengig av tilbakemelding fra brukere for å finne ut og adressere problemer.
Ryddet opp
Vårt første inntrykk av beta-design er at det ser ganske skarpt og ryddig ut. Oppsettet er fortsatt fundamentalt det samme; dette redesign sannsynligvis vil ikke forårsake den samme opprøret som Facebook rørt med sin redesign tilbake i mars 2009.
Den mest åpenbare forandringen er at de ulike komponentene på siden ikke lenger er begrenset til sin egen boks. Navigasjons- og hovedinnholdsområdene er ikke stengt inn, og de strekker seg helt til kanten av nettleservinduet.
Den andre åpenbare forandringen er at Wikipedia har pensjonert bakgrunnsbildet til den åpne boken. Dette renser opp designet vesentlig og gjør logoen ser skarpere ut.
Gammelt design:
Nytt design:
Svak endring i farger
I det hele tatt ser det nye designet mykere ut . Navigasjonslinkene i venstre sidefelt er nå litt større og enklere å lese. Lenkens farger i hele er blitt endret litt for å gjøre dem mindre levende.
Endring av den besøkte lenken farge fra lilla til mørk blå går langt for å gjøre nettstedet ser mer moderne ut. Det forenkler også fargeskjemaet og gjør utseendet mer profesjonelt.
Søk Bar Flytting
Den eneste endringen som kan komme opp på vanlige besøkende, er flyttingen av søkefeltet.
Det er ikke lenger plassert midt i navigasjonsdelen. Den har blitt flyttet øverst til høyre på siden. Denne plasseringen har blitt standard på mange nettsteder og er hvor folk ser først når de vil utføre et søk.
Den nye plasseringen av søkefeltet:
Omorganiserte faner
Flikene har også blitt omorganisert. De har fått et nytt utseende og er nå lettere å få øye på. Å dele dem i to grupper gjør strukturen mer logisk. Den fading toppen av kategoriene åpner siden også.
Gammelt design:
Nytt design:
Side redigering
Det nye sidedigeringsgrensesnittet er fantastisk. Blandingen av tekst og grafikk ikoner og gruppering av redigeringsalternativer gjør redigering mye lettere.
For å finne ut hva hver knapp gjorde før, måtte brukeren sveve over det unintuitive ikonet og vente på at verktøytipset skal dukke opp; ikke nå lenger. Og det nye panelet til høyre for tekstområdet hjelper brukere å navigere på siden.
Gamle redigeringsgrensesnitt:
Nytt redigeringsgrensesnitt:
For å slå på de nye funksjonene, gå til "Preferences", og klikk deretter på "Rediger" -fanen. På bunnen finner du noen avkrysningsruter merket "Eksperimentelle".
Aktiverer eksperimentelle funksjoner:
Den nyeste versjonen inneholder nye dialogbokser for å sette inn koblinger og tabeller. Fordi tekstområdet kan bli litt rotete, er disse dialogboksene nyttige for å hjelpe brukerne med å fokusere på en oppgave om gangen.
Tabelldialogboksen kan gjøre med mer funksjonalitet (for eksempel at du kan redigere innholdet i tabellceller), men denne utgivelsen er fortsatt i utvikling, så jeg venter på å se om mer kommer før du offisielt legger til funksjoner i min ønskeliste.
Dialogboksen for å sette inn en lenke:
Dialogboksen for å sette inn et bord:
Hva mangler?
Fordi prosjektet fortsatt er i beta, er det nå den beste tiden å foreslå hva som kan gjøres for å forbedre Wikipedias brukergrensesnitt. Her er mine ideer:
- AJAX BeautyTip forhåndsvisning på link svinger
Det ville være pent hvis et verktøytips dukket opp, via BeautyTip jQuery-plugin-modulen, når du svinger over en intern lenke. Verktøytipset vil inneholde første ledd i den koblede artikkelen. Økningen i båndbredde fra denne funksjonen kan være for stor, men jeg vil fortsatt se den testet. - Syntaksfarging i redigeringstekstområdet
Å jobbe med kode alt i samme farge er veldig vanskelig. Det menneskelige øyet må skanne teksten lineært for å finne det som ønskes. Visuelle tips ville være en stor hjelp. Mens vi er på det, bør tekstområdet også ha en horisontal rullefelt slik at ting som tabeller ser bedre ut i koden. - Mulighet for å ha fastteksttekst i fast bredde
Når jeg leser en lang tekstpass, liker jeg å maksimere vinduet mitt for å minimere distraksjoner. Som det er, kan jeg ikke gjøre dette fordi tekstlinjene blir bredere enn min widescreen-skjerm. Jeg vil gjerne være i stand til å fikse bredden på avsnittene til rundt 600 piksler for å gjøre lesingen enklere. - Øk visuell vekt av "Go" -knappen
Den eneste endringen jeg er imot gjør "Go" -knappen til samme vekt som "Søk" -knappen. Den gamle designen vektet "Go" -knappen litt tyngre, noe som gjør det klart at det å trykke på "Enter" -tasten var det samme som å klikke på "Go" -knappen. Forskjellen i vekt var liten nok til at brukerne bare kunne se forskjellen ved å se rett på den. Dette bør hentes tilbake.
Prøv det!
Den nye designen ser ganske bra ut, men den er ikke ferdig ennå. Jeg er sikker på at Wikipedia Usability Initiative-teamet vil sette pris på alle som prøver beta og sender tilbakemelding.
Wikipedia avhenger av brukerne for å finne ut hvordan man kan forbedre nettstedet, og jeg er sikker på at Webdesigner Depot-fellesskapet kan komme med noen gode ideer.
Til slutt, vurder donere til Wikipedia . Fordi å kunne lese om gamle Nintendo-spill uten Evony annonser littering siden er ganske fin.
Skrevet utelukkende for WDD av Eli Penner .
Hva synes du om Wikipedias kommende design? Hvordan ville du forbedre designen?