Jag har deltagit i ganska många webbprojekt i olika roller — utvecklare, projektledare och produktägare. Under åren har jag kommit att ha väldigt svårt för projekt som i grunden bygger på Photoshop-skisser. Jag använder här Photoshop som metafor för all pixelperfekt design.
1. Iden om att allt är klart skapar tröga projekt
När man gör en Photoshopdesign över en sajt säger man att så här ska den se ut. Slutsnackat. I realiteten kommer det alltid önskemål om ändringar, tillägg och ux-analys som gör att man måste ändra designen. En Photoshop-design är väldigt trög att ändra när den väl är gjord. Det finns genvägar med att designa modulärt, men de räcker inte enligt min mening. Det blir även lätt konflikter eftersom varken designer eller produktägare vill ändra designen till kundens fördel. Det är lätt att hitta på en massa ursäkter om varför den är perfekt.
2. Design för fel skärm
Web designers jobbar gärna på stora skärmar och tänker ibland inte på hur slutanvändaren kommer att konsumera tjänsten. En riktigt dator-ovan designer som jag jobbade med tänkte inte ens på att skärmen skulle gå att scrolla på en dator. All grafik var skapad som ett statiskt A4-papper. En annan tänkte inte på att all grafik gjorde att sajtens innehåll inte syntes när man loggade in. Idag är det många som glömmer bort mobilskärmen.
3. Ogenomtänkt placeholder copy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis dui sollicitudin, ullamcorper felis eget, egestas erat. Suspendisse fringilla cursus odio, et lobortis quam suscipit eu. Sed sit amet leo dolor. Nunc condimentum nulla feugiat laoreet molestie. Curabitur a rhoncus augue. Aliquam quis dui ut sem ultricies fringilla. Proin erat magna, lacinia at maximus laoreet, commodo vitae erat. Phasellus quis fringilla lorem.
Lorem Ispum är hittepå-latin som hjälper en designer att designa perfekta textstycken till sina perfekta bilder, men som sällan rimmar med verkligheten. Det är ok med placeholder-text, men använd en riktig eller snudd på riktig text istället. En meme som följde lanseringen av den första Apple Watch, sätter fingret på min poäng.
Hur och när ska man använda grafisk design då?
En grafisk profil sätter rätt prägel på varför din sajt skiljer sig från en annan. Det är teckensnitt, färgskala, hur man jobbar med bilder, logotyp och mycket mer som är superviktigt. Jobba tillsammans med utvecklare eller gör det till ett separat projekt att sminka sajten mot slutet. En grafisk designer ska heller inte behöva sitta och designa minsta detalj på en sida. Skapa hellre komponenter som kan designas individuellt och återanvändas för flera olika sidor. Tro mig, det behöver inte blir fyrkantigt och tråkigt för att man tänker till lite.
Jag tycker att den lösning vi har på Tretti fungerar bra, där vi har en frontendkodare med UX-kunskap och design-öga. Han bollar med mig och vår grafiska designer för att få ihop den bästa lösningen. Vi får allt vi behöver i designväg och samtidigt jobbar designen med koden istället för emot dem. En genomtänkt designprocess och strategi kring designen gör det lättare att byta och återanvända design.
Jag vet att detta går emot hur många andra jobbar så alla tankar om detta tar jag gärna emot.
###
Denna post är nummer 50 ien serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.