Wikipedia Redesign: Vad finns i butik?
Wikipedia genomgår för närvarande en välbehövlig omkonstruktion för att förbättra användarupplevelsen.
Vem som helst kan förhandsgranska denna redesign av Skapa ett konto, logga in och sedan klicka på "Försök Beta" länken längst upp till höger på en sida.
"Wikipedia Usability Initiative" har delats upp i två faser. Fas 1 var prototypfasen och slutade sommaren 2009.
Projektgruppen är för närvarande i andra fasen, som är utvecklings- och testfasen.
Projektet har också separerats i fyra utgåvor ; från skrivandet av denna artikel är den andra utgåvan (Babaco) för närvarande under utveckling.
I den här artikeln diskuterar vi Wiktionarys designändringar och orsakerna bakom dem.
Wikipedia Usability Initiative är planerat att vara klart under våren 2010. Mer information om projektet finns här .
Redesignen är inriktad på användbarhet . Trots att inga drastiska förändringar har gjorts, är webbplatsens övergripande utseende mycket renare och modernare. Det uppgraderade redigeringsgränssnittet är en stor uppgradering som Wikipedia-redaktörer säkert kommer att bli glada över.
Liksom många småskaliga operationer har Wikipedia inte budgeten för att systematiskt testa hur besökarna använder webbplatsen. Istället är det beroende av återkoppling från användare att identifiera och adressera problem.
Städade
Vårt första intryck av beta-designen är att den ser ganska skarp och städad ut. Layouten är fortfarande fundamentalt densamma. denna omkonstruktion kommer sannolikt inte att orsaka samma upprörelse som Facebook omrördes med dess omkonstruktion tillbaka i mars 2009.
Den mest uppenbara förändringen är att de olika komponenterna på sidan inte längre är begränsade till sin egen låda. Navigations- och huvudinnehållsområdena är inte stängda, och de sträcker sig hela vägen till kanten av webbläsarfönstret.
Den andra uppenbara förändringen är att Wikipedia har avgått bakgrundsbilden på den öppna boken. Detta rengör designen signifikant och gör logotypen mycket skarpare.
Gammal design:
Ny design:
Liten ändring i färger
På det hela taget ser den nya designen mjukare ut . Navigationslänkarna i den vänstra sidofältet är nu något större och lättare att läsa. Länkfärgen i hela har ändrats något för att göra dem mindre levande.
Att ändra den besökta länkfärgen från lila till mörkblå går långt för att webbplatsen ska bli mer modern. Det förenklar också färgschemat och gör utseendet mer professionellt.
Sök Bar Flyttning
Den enda förändringen som kan leda till regelbundna besökare är flyttningen av sökfältet.
Det är inte längre inbäddat mitt i navigeringsdelen. Den har flyttats till höger om sidan. Den här placeringen har blivit standard på många webbplatser och det är där folk ser först när de vill utföra en sökning.
Den nya platsen i sökfältet:
Omorganiserade flikar
Flikarna har också omorganiserats. De har fått ett nytt utseende och är nu lättare att upptäcka. Att dela dem i två grupper gör deras struktur mer logisk. Flikens övre topp öppnar sidan också.
Gammal design:
Ny design:
Sidredigering
Det nya sidredigeringsgränssnittet är underbart. Blandningen av text- och grafikikoner och gruppering av redigeringsalternativ gör att redigering mycket enklare.
För att ta reda på vad varje knapp gjorde innan användaren var tvungen att sväva över den ointuitiva ikonen och vänta tills verktygstipset dyker upp. inte längre. Och den nya panelen till höger om textområdet hjälper användarna att navigera på sidan.
Gamla redigeringsgränssnitt:
Nytt redigeringsgränssnitt:
För att aktivera de nya funktionerna, gå till din "Inställningar" och klicka sedan på fliken "Redigering". I botten hittar du några kryssrutor märkta "Experimentella".
Aktivera experimentella funktioner:
Den senaste versionen innehåller nya dialogrutor för att infoga länkar och tabeller. Eftersom textområdet kan bli lite rörigt, är dessa dialogrutor praktiska för att hjälpa användare att fokusera på en uppgift åt gången.
Tabelldialogrutan kan göra med mer funktionalitet (till exempel att du kan redigera innehållet i tabellceller), men den här utgåvan är fortfarande under utveckling, så jag väntar på att se om mer kommer innan jag officiellt lägger till funktioner i min önskelista.
Dialogrutan för att infoga en länk:
Dialogrutan för att infoga en tabell:
Vad saknas?
Eftersom projektet fortfarande är i beta är det nu dags att föreslå vad som annars kan göras för att förbättra Wikipedias användargränssnitt. Här är mina idéer:
- AJAX BeautyTip-förhandsgranskning på länkhuvudet
Det skulle vara snyggt om ett verktygstips uppstod, via BeautyTip jQuery-plug-in, när du svävar över en intern länk. Verktygstipset innehåller den första stycket i den länkade artikeln. Ökningen i bandbredd från denna funktion kan vara för stor, men jag skulle fortfarande vilja se den testas. - Syntaxfärgning i redigeringstextområdet
Att arbeta med kod allt i samma färg är mycket svårt. Det mänskliga ögat måste skanna texten linjärt för att hitta den vill ha det. Visuella tips skulle vara en stor hjälp. Medan vi är i det, bör textområdet också ha en horisontell rullningsfält så att saker som tabeller ser trevligare ut i koden. - Alternativ för att ha fast text i fast bredd
När jag läser en lång textpassning gillar jag att maximera mitt fönster för att minimera distraktioner. Som det är, kan jag inte göra det eftersom textrutorna blir bredare än min widescreen-bildskärm. Jag skulle gärna kunna fixa bredden på punkter till omkring 600 pixlar för att göra behandlingen lättare. - Öka visuell vikt på "Go" -knappen
Den enda förändringen jag är emot gör "Go" -knappen lika stor som "Sök" -knappen. Den gamla designen väger "Go" -knappen lite tyngre, vilket gör det uppenbart att slå "Enter" -tangenten var densamma som att klicka på "Gå" -knappen. Skillnaden i vikt var liten nog att användarna kunde se skillnaden bara genom att titta direkt på den. Detta bör tas tillbaka.
Testa!
Den nya designen ser ganska bra ut, men den är inte klar än. Jag är säker på att Wikipedia Usability Initiative laget skulle uppskatta alla som försöker beta och skicka feedback.
Wikipedia beror på användarna för att räkna ut hur man förbättrar webbplatsen, och jag är säker på att Webdesigner Depot-gemenskapen kan komma med några bra idéer.
Slutligen, överväga donera till Wikipedia . För att kunna läsa om gamla Nintendo-spel utan Evony annonser skräp är sidan ganska trevligt.
Skriven uteslutande för WDD av Eli Penner .
Vad tycker du om Wikipedias kommande design? Hur skulle du förbättra designen?