Design for over tjue millioner brukere: WordPress 3.0
WordPress 3.0 er uten tvil en av de mest spennende oppdateringene til plattformen i svært lang tid.
I tillegg til ting som alle brukere vil legge merke til, for eksempel tilpassede menyer, egendefinerte bakgrunner og et nytt standardtema, er det også massive tillegg til kodebasen, for eksempel muligheten til å kjøre flere nettsteder fra en enkelt installasjon og egendefinerte innleggstyper.
Disse tingene gir WordPress opp til fart som et ekstremt kraftig CMS, samt en publiseringsplattform.
Siden januar i år har jeg blitt involvert i det kjente WordPress-fellesskapet for å bidra tilbake til den pågående utviklingen, og i dag vil jeg gjerne fortelle deg litt om hvordan det fungerer.
Bli involvert i Fellesskapet
WordPress har alltid hatt et sterkt utviklingssamfunn, og utviklerne har faktisk hatt regelmessige møter og ressurser for å organisere seg med i årevis.
Problemet er at jeg ikke er utvikler. Jeg kan gjøre litt PHP her og der, og jeg er ganske nyttig når det gjelder WordPress, men det er absolutt ikke det jeg spesialiserer meg på. Heldigvis ble en OpenSource-arbeidsgruppe for WordPress brukergrensesnittet (User Interface) nylig startet, noe som er ledet opp av Jane Wells: lederen til alle ting UX (User Experience).
Så snart jeg ble involvert med UI-gruppen, innså jeg at standarden på arbeidet mitt måtte bli ganske høyt. Historien til folk som er involvert i WordPress brukergrensesnittet er i utgangspunktet en som er hvem av de største designerne i verden, fra Jason Santa Maria til HappyCog Studios (Zeldman).
Design for over tjue millioner brukere
Det første prosjektet som jeg taklet for brukergrensesnittet var en for å oppdatere overskriften og bunnteksten i WordPress administrative systemet; skremmende å si mildt. Det er en endring i WordPress 3.0 som (dessverre) ikke blir nevnt veldig ofte, men det er nummer én tingen som de fleste brukere vil legge merke til når de oppgraderer.
Grunnleggeren av wordpress, Matt Mullenweg , nevnt i hans hovedtale på årlig WordPress-konferanse i San Francisco nylig at en estimert 8,5% av alle nettstedene på internett kjører på WordPress. Med rundt 246 millioner nettsteder på internett totalt (desember 2009), vil over 20 millioner mennesker (og mer hvis du mener at mange WordPress-installasjoner har flere enn en admin bruker) se det nye admin-topptekstdesignet; forutsatt at de oppgraderer til den nyeste utgivelsen. Det skremmer dritten ut av meg.
Design for WordPress er ingenting som å designe for en klient. Med så mange brukere, er det overveielser som du aldri ville drømme om. For eksempel, som en tommelfingerregel når du designer noe med tekst i det: elementet må være fleksibelt nok til å utvide for å doble sin normale bredde. Hvorfor? Fordi WordPress er oversatt til ca. 70 forskjellige språk og ikke alle ord er like lange når de oversettes!
Selvfølgelig når det gjelder språk, er bredden på teksten ikke det eneste problemet; noen er skrevet fra høyre til venstre. Du visste sikkert ikke at WordPress har et helt sett med stilark og bilder fra RTL (Right To Left). Selv noe så enkelt som en rullegardinmeny må gis ekstra forsiktighet, fordi grafikken som brukes, må også fungere når den speiles horisontalt med kontrollene på motsatt side.
Designprosessen
OpenSource-design er litt annerledes enn OpenSource-utviklingen. Når det gjelder bidragskode er det ikke mye som er subjektiv, men med design kan mange ting komme ned til personlig mening. Av denne grunn støtter Jane Wells arbeidet i brukergrensesnittet og har endelig avsluttet designbeslutninger.
Hvis du trodde det var vanskelig å ta med alle brukergrensesnittets nyanser i betraktning, så vil du definitivt ikke ha Jane's jobb. Hun må vurdere enhver beslutning i forhold til WordPress som helhet, dens verdier og planer for fremtiden. Hun må håndtere forespørsler fra folket på toppen, noe som kanskje ikke alltid oversettes til hva folk i bunnen ønsker å høre. Hun gjør en fantastisk jobb med å organisere alt, jeg absolutt ikke misunner hennes arbeidsbelastning.
Jane satte kort for den nye overskriften og bunnteksten, som skulle lette dem opp for å fremme tilgjengelighet (mørk tekst på en lys bakgrunn) og å bevege seg bort fra det svært mørke grået som har vært i WordPress i lang tid. Et par mockups ble fremsatt og deretter etter diskusjon i UI-gruppemøtene, ble en versjon valgt for å bli implementert.
Utviklingsprosessen
Når designen var ferdig, kunne jeg ganske enkelt ha trappet tilbake på dette punktet og la en av utviklerne implementere den ... men hvor ville det være moro i det? Å lære å kode for WordPress var en annen veldig interessant opplevelse, ingenting som noe jeg har gjort før.
Å redigere kjernen WordPress CSS-filene er ganske ærlig, forferdende. Hvis du sletter en enkelt klasse i en CSS-fil, kan du hypotetisk kaste noen plugin og temaer for millioner av brukere. Du kan ikke bare kode det slik du tror det skal være og gå videre.
Strukturen til CSS er også ganske forskjellig fra normal. Det finnes CSS-filer som styrer kjerneoppsettet og CSS-filene som styrer adminens hud (som kan byttes). For å legge til en 1 pikselgrense til topptekst og bunntekst, måtte grensen selv defineres i kjerne-css-filen, men fargen på grensen måtte defineres i "hud" css-filen. Med denne typen kodestruktur kan enhver plugin eller temautvikler over-ride disse stilene hvis de vil.
All Change, La oss gjøre dette annerledes
En annen forskjell i arbeidet med et OpenSource-prosjekt er at alt er i konstant utvikling, ingenting er noen gang ferdig. Når den nye admin-toppteksten og bunnteksten ble fullført, ble de revidert ytterligere fire eller fem ganger. Faktisk bare for noen dager siden tok vi beslutningen om å overføre dem til å bruke CSS3-gradienter med en fallback solid farge.
Dette er frustrerende til tider fordi du kan ende med å føle at du legger mye arbeid som ikke blir brukt (jeg kan ikke engang fortelle deg hvor lenge jeg brukte på den opprinnelige grafikken for de gradene), men til slutt fører det til Et bedre resultat, som vi alle vil ha.
Vil du designe for WordPress?
Å kunne si at jeg har designet noe for en så stor plattform gir meg en ekte følelse av prestasjon, men ikke glem at noen kan bidra til WordPress UI-gruppen. Hvis du er interessert i å gi brukergrensesnitt til neste utgave av WordPress, så hodet på over til http://make.wordpress.org/ui for å se dagens diskusjoner og møteplaner.
Akkurat nå er det en ganske liten, men fokusert gruppe, jeg vil oppfordre alle til å bli involvert og forme fremtiden for WordPress. Det beste med OpenSource er at hvis du ikke liker noe, kan du bidra til å gjøre det bedre.
Til slutt, hvis du vil sjekke ut WordPress 3.0 før den starter, kan du hente en kopi av offentlig beta fra WordPress.org .