Snabbtips Låt inte dina designer utvecklas

En webbdesigners arbete är aldrig gjort, även när en webbplats lanseras är jobbet med att testa, analysera och upprepa bara början. Men iterering är inte detsamma som att låta en design utvecklas. Om dina mönster utvecklas gör du något fel. Här är varför.

Evolution är en linjär process

När något utvecklas (och vi brukar tala om levande organismer) förändras det i progressiva steg. Steg A ändras och blir steg B, steg B till C, C till D och så vidare. Detta leder till ofullkomlighet, eftersom evolutionen inte på något sätt tar ett steg bakåt.

En Giraffs Tale *

* Bär med mig, det här är en bra analogi som jag lovar.

Om du någonsin har läst någonting av Richard Dawkins kan du ha stött på ett av hans favorit exempel på evolution på jobbet. Giraffen. 

Vi börjar med släktforskning. Den genetiska linjen hos alla däggdjur kan spåras tillbaka till en viss av någon art, och vår däggdjursanatomi (tro det eller inte) speglar fortfarande den av vår fiskiga förfader. Som däggdjur har utvecklats har delar skiftats, skelett har förändrats, fenor har blivit extremiteter, organ har flyttat och vi är nu ganska långt borta från något havsboende.

Den återkommande larynxnerven

Det är här det blir intressant. Den återkommande laryngeala nerven är en del av vagus nerv som reser från hjärnan till struphuvudet, skickar signaler om hur vi talar (eller skäller, eller vad som helst). Det var närvarande i vår fiskiga förfader, precis som det är närvarande i fisk och däggdjur idag. Dess väg från hjärnan till struphuvudet ska vara ganska direkt i alla fall, och det är för fisken, men det passerar också genom en av de viktigaste artärer som leder från hjärtat.

Återigen är det bra när det gäller fisken, men när evolutionen tog tag i och däggdjur som utvecklats från detta varelse, migrerade hjärtat in i det som blev en bröstkavitet som tog larynxnerven (looped runt artären) med den. Hos människor reser denna nerv nu från hjärnan, ner i nacken, in i bröstet och runt aortabågen innan han går tillbaka upp halsen till struphuvudet.

Detsamma gäller alla däggdjur; exemplet visas ännu mer spektakulärt när man betraktar den absurda omvägen måste nerven ta sig in i en giraffs kropp!

Detta arrangemang är resultatet av en ofullkomlig linjär process.

Var var vi? Ah Ja, webbdesign

En evolutionär process i samband med webb / produktdesign leder alltid till ofullkomlighet. Som designers bör vi tillåta oss att göra misstag, men sedan backa upp till var vi var övertygade om våra beslut och ta oss bort i en annan körfält, till och med flera körfält, av utredning.

Julie Zhuo illustrerade det väldigt bra nyligen i sin artikel om designprocesser. Här jämför hon processen med en junior designer vs. en senior designer.

Processen av en Junior Designer - Tagen från Junior Designers vs Senior DesignersProcessen av en Senior Designer - Tagen från Junior Designers vs Senior Designers

Oavsett huruvida det här är en rättvis analys av hur junior designers arbetar (eller ens om det finns en sådan sak som mål), är logiken bakom arbetsflödena sann.

Ett snabbt exempel

Ett exempel kan göra det tydligare. Föreställ dig att du måste ändra en webbsidestruktur på grund av oförutsedda förändringar. Låt oss säga att du måste använda annorlunda (mindre) annonser i sidofältet. De nya dimensionerna kanske inte matchar nätverket som du använder för resten av sidan, så du ändrar sidobarets bredd manuellt.

Men nu ser förhållandet mellan sidofältet och huvudsidans område inte riktigt rätt ut. Så du ändrar också bredden på det. Med det ser nätet bättre ut, men linjelängden (åtgärden) av huvudinnehållet är plötsligt alldeles för länge. Lösning? Gör stilsorten större på kroppstext!

Nu har du fixat din åtgärd, men i så fall har du ignorerat den modulära skalan av din typografi och all annan text ser ojämn ut i jämförelse. Var säker på att chipping away vid de andra teckensnittstorlekarna kommer också att avslöja nya problem.

Det här går fel

Du kanske inte har märkt, du kanske tror att du bara är tweaking designen, men det är faktiskt utvecklas och oundvikligen presentera fler och fler problem. 

Slutsats

I vårt exempel borde vi ha gått direkt tillbaka till början, med hänsyn till alla designelement.

Vi kallar denna konjunkturprocess i design iteration; återvänder tillbaka till ritbordet, forskar, wireframing, prototyping och byggnad. Iterering är meningsfullt och det gör det möjligt för konstruktörer att ständigt förbättra en produkt. Men var inte rädd för att ta steg tillbaka och gå av med en annan väg, annars skulle ditt arbete kunna utvecklas i fel riktning.