Wikipedia Redesign: Hvad er der i butikken?
Wikipedia er i øjeblikket under et meget nødvendigt redesign for at forbedre brugeroplevelsen.
Alle kan forhåndsvise dette redesign ved Opret en konto, logger ind og derefter klikke på "Prøv Beta" linket øverst til højre på en side.
"Wikipedia Usability Initiative" er blevet opdelt i to faser. Fase 1 var prototypefasen, og den sluttede sommeren 2009.
Projektgruppen er i øjeblikket i anden fase, som er udviklings- og testfasen.
Projektet er også blevet opdelt i fire udgivelser ; som ved skrivelsen af denne artikel er den anden udgivelse (Babaco) i øjeblikket under udvikling.
I denne artikel diskuterer vi Wiktionarys designændringer og årsagerne bag dem.
Wikipedia Usability Initiative er planlagt til at være klar i foråret 2010. Mere information om projektet kan findes her .
Redesignet er fokuseret på brugervenlighed . Selv om der ikke er foretaget nogen drastiske ændringer, er hjemmesidenes overordnede udseende meget renere og mere moderne. Den opdaterede redigering grænseflade er en vigtig opgradering, at Wikipedia redaktører vil helt sikkert blive begejstret for.
Wikipedia har ikke budgeten til systematisk at teste, hvordan besøgende bruger hjemmesiden, ligesom mange småskala operationer. I stedet baserer den sig på tilbagemelding fra brugere for at finde ud af og adressere problemer.
Gjorde rent
Vores første indtryk af beta-redesignet er, at det ser ret skarpt og ryddeligt ud. Layoutet er stadig fundamentalt det samme; dette redesign sandsynligvis vil ikke forårsage den samme oprør som Facebook omrørt med sin redesign tilbage i marts 2009.
Den mest oplagte ændring er, at de forskellige komponenter på siden ikke længere er begrænset til deres egen boks. Navigations- og hovedindholdsområderne er ikke lukket, og de strækker sig helt til kanten af browservinduet.
Den anden åbenbare forandring er, at Wikipedia har pensioneret baggrundsbilledet for den åbne bog. Dette renser designet væsentligt og gør logoet meget skarpere.
Gamle design:
Nyt design:
Lille ændring i farver
I det hele taget ser det nye design blødere ud . Navigationslinkene i venstre sidebjælke er nu lidt større og lettere at læse. Linket farverne i hele er blevet ændret lidt for at gøre dem mindre levende.
Ændring af den besøgte link farve fra lilla til mørk blå går langt for at gøre hjemmesiden til at se mere moderne ud. Det forenkler også farveskemaet og gør udseendet mere professionelt.
Søg barflytning
Den eneste ændring, der kan rejse op til regelmæssige besøgende, er flytningen af søgefeltet.
Det er ikke længere beliggende midt i navigationsafsnittet. Det er flyttet til øverst til højre på siden. Denne placering er blevet standard på mange websites og er, hvor folk ser først, når de vil udføre en søgning.
Den nye placering af søgefeltet:
Omorganiserede faner
Fanerne er også blevet omorganiseret. De har fået et nyt udseende og er nu nemmere at få øje på. Opdele dem i to grupper gør deres struktur mere logisk. Fade toppen af fanerne åbner også siden op.
Gamle design:
Nyt design:
Side redigering
Den nye side redigering interface er vidunderlig. Blandingen af tekst- og grafik ikoner og gruppering af redigeringsindstillinger gør redigering meget lettere.
For at finde ud af, hvad hver knap gjorde før, måtte brugeren svæve over det uintuitive ikon og vente på, at værktøjstipen skal dukke op; ikke mere. Og det nye panel til højre for tekstområdet hjælper brugere med at navigere på siden.
Gamle redigeringsgrænseflade:
Ny redigering grænseflade:
For at tænde de nye funktioner skal du gå til dine "Indstillinger" og derefter klikke på "Rediger" fanen. I bunden finder du nogle afkrydsningsfelter mærket "Eksperimentelle".
Aktivering af eksperimentelle egenskaber:
Den nyeste version indeholder nye dialogbokse til indsættelse af links og tabeller. Da tekstområdet kan blive lidt rod, er disse dialogbokse nyttige til at hjælpe brugerne med at fokusere på en opgave ad gangen.
Tabelldialogboksen kan gøre med mere funktionalitet (f.eks. Tillader dig at redigere indholdet af tabelceller), men denne udgivelse er stadig under udvikling, så jeg venter på at se, om der kommer mere, før jeg officielt tilføjer funktioner til min ønskeliste.
Dialogboksen for indsættelse af et link:
Dialogboksen for indsættelse af en tabel:
Hvad mangler?
Fordi projektet stadig er i beta, er det nu den bedste tid til at foreslå, hvad der ellers kan gøres for at forbedre Wikipedias brugergrænseflade. Her er mine ideer:
- AJAX BeautyTip preview på link svever
Det ville være pænt, hvis et værktøjstip dukkede op, via BeautyTip jQuery-plugin, når du svæver over et internt link. Værktøjetipet vil indeholde det første afsnit i den linkede artikel. Forøgelsen af båndbredde fra denne funktion kan være for stor, men jeg vil stadig gerne se den testet. - Syntaksfarve i redigeringstekstområdet
At arbejde med kode alle i samme farve er meget svært. Det menneskelige øje skal scanne teksten lineært for at finde den ønskede. Visuelle tips ville være en stor hjælp. Mens vi er i det, skal tekstområdet også have en vandret rullepanel, så ting som tabeller ser pænere ud i koden. - Mulighed for at have fast teksttekst i fast bredde
Når jeg læser en lang tekstgang, kan jeg maksimere mit vindue for at minimere distraktioner. Som det er, kan jeg ikke gøre det, fordi tekstlinjerne bliver bredere end min widescreen-skærm. Jeg vil gerne være i stand til at fastsætte bredden af afsnit til omkring 600 pixels for at gøre læsningen nemmere. - Øg visuel vægt af "Gå" -knappen
Den eneste ændring jeg er imod, gør "Go" -knappen samme vægt som "Søg" -knappen. Det gamle design vægtede knappen "Go" -knappen lidt tungere, hvilket gjorde det klart, at trykke på "Enter" -tasten var det samme som at klikke på "Gå" -knappen. Forskellen i vægt var lille nok til, at brugerne kun kunne se forskellen ved at se lige ved den. Dette bør bringes tilbage.
Prøve det!
Det nye design ser godt ud, men det er endnu ikke færdigt. Jeg er sikker på, at Wikipedia Usability Initiative-teamet vil sætte pris på alle, der prøver beta og sender feedback.
Wikipedia afhænger af sine brugere at finde ud af, hvordan man forbedrer hjemmesiden, og jeg er sikker på, at Webdesigner Depot-fællesskabet kan komme med nogle gode ideer.
Endelig overveje donere til Wikipedia . Fordi at kunne læse om gamle Nintendo spil uden evony annoncer rensning siden er temmelig rart.
Skrevet udelukkende til WDD af Eli Penner .
Hvad synes du om Wikipedias kommende design? Hvordan ville du forbedre designet?