Tänk dig att du ska bygga hus. Byggaren visar dig inte en målad och möblerad lägenhet första dagen. Först får du en ritning där rummen är inritade. Att säga att köket ska ligga mot vardagsrummet är enkelt då. Säger du det när väggarna är uppe blir det dyrt och alla blir irriterade.
Med hemsidor är det likadant. Designern skickar en bild, du säger "det ser bra ut", och två veckor senare, när sidan är live, undrar du varför bokningsknappen är så liten. I den här artikeln går jag igenom vilka steg du får se när du beställer en hemsida, vad du ska titta på i varje steg och hur du ger feedback som faktiskt hjälper. Du behöver inte förbereda något själv. Målet är att du ska kunna läsa det du får se.
Vad visar designern, och i vilken ordning?
I ett välskött projekt kommer ett utkast till hemsida i tre olika former. Var och en ser mer "på riktigt" ut än den förra, och var och en är dyrare att ändra.
- Ett upplägg i enkla rutor: grå rutor som visar vad som ska stå var på varje sida.
- En färgad designbild: en bild av den färdiga sidan med färger, typsnitt och foton.
- En klickbar provversion: en grov förhandsvisning där du kan trycka på knappar och bläddra mellan sidor, fast ingenting fungerar på riktigt bakom.
Ordningen har en anledning. Först tas de stora besluten (vilka sidor, vad ska besökaren göra), sedan besluten om utseende (färg, foton) och sist besluten om användning (vad händer när man klickar). Den som hoppar över ett steg skjuter bara upp besluten.
Steg 1: Upplägget i enkla rutor
Här ser du något helt utan färg, med rutor där det står "Rubrik" eller "Här kommer text". I designvärlden kallas det wireframe, alltså sidans skelett. Din första reaktion kan bli "det här ser tråkigt ut". Så ska det vara. Poängen är inte att se snyggt ut utan att pröva upplägget.
Vad du ska titta på:
- Förstår en främling vad du gör inom fem sekunder på startsidan?
- Syns det du helst vill att besökaren gör (ringa, boka, be om offert) direkt?
- Är menyvalen skrivna på din kunds språk och inte på ditt branschspråk?
- Är det enkelt att hitta tjänster, vanliga frågor, adress och telefonnummer?
- Saknas en sida? En tandläkare kanske vill ha en egen sida för implantat.
Billigt att säga i det här steget: lägga till eller ta bort sidor, byta ordning på avsnitt, förenkla menyn. Ingenting är formgivet ännu, rutorna flyttas bara runt.
Steg 2: Den färgade designbilden
Nu blir rutorna till riktiga foton, färger och texter. Oftast visas den för både dator och mobil. Se den som ett foto av den färdiga sidan. Du kan inte klicka på den än.
Vad du ska titta på:
- Passar färger och typsnitt din verksamhet? En advokatbyrå och en lekhall ska inte kännas likadana.
- Är texten lätt att läsa? Ljusgrå text ser elegant ut men syns knappt i mobilen i solsken.
- Visar fotona dig och ditt team, eller är det standardbilder som alla andra använder?
- Finns det verkligen en mobilversion? De flesta besökare kommer från mobilen.
- Stämmer logotyp, adress och telefonnummer? Stavfel är lättast att hitta i det här steget.
Billigt att säga: färger, typsnitt, val av foton och formuleringar. Dyrt att säga: "egentligen vill jag ha en helt annan startsida". Då går designern tillbaka till steg 1 och stora delar av arbetet görs om.
Steg 3: Den klickbara provversionen
I större projekt, särskilt för sidor med bokning eller reservationer, skickar designern ibland en länk. Du öppnar den, klickar på menyn och sidorna byts. Det finns ingen riktig sida bakom, men du får en känsla för hur den beter sig.
Vad du ska titta på:
- Hur många klick tar det till boknings- eller kontaktformuläret? Ett eller två är idealiskt.
- Lämna mobilen till någon som aldrig sett sidan och fråga: "Hur skulle du kontakta oss?" Där personen tvekar finns problemet.
- Är det tydligt vad som händer när någon skickat formuläret? Finns ett meddelande som "Tack, vi ringer dig"?
- Går det att trycka på knapparna med tummen utan besvär?
Billigt att säga: knappars placering, formulärfält, flödet mellan sidorna. Efter det här steget blir ändringar på riktigt dyra, eftersom bygget har börjat.
Hur ger du bra feedback?
Den mening som designers har svårast för är "jag gillar det inte, gör något annat". Ju tydligare din feedback är, desto snabbare går projektet.
- Prata om mål, inte smak. "De flesta av våra patienter är äldre, så texten ska vara större" hjälper mer än "jag gillar inte det blå".
- Skicka allt på en gång. Prata med alla inblandade och skicka en lista i stället för ett meddelande varje kväll. Var tydlig med vem som har sista ordet.
- Beskriv problemet, inte lösningen. Säg "bokningsknappen syns inte" i stället för "gör den röd". Att hitta lösningen är expertens jobb.
- Visa i stället för att beskriva. En markerad skärmbild slår ett långt mejl.
- Öppna inte ett tidigare steg igen. Har du godkänt upplägget kostar en ändring av det under färgsteget både tid och pengar.
Frågor du kan ställa till designern i början:
- Hur många steg får jag se, och vad godkänner jag i varje?
- Hur många rättningsrundor ingår per steg?
- När behöver du mitt godkännande, och vad händer med leveransdatumet om jag är sen?
- Får jag se mobilversionen i samma steg?
Tidsåtgången varierar med projektet, men en försening hos dig skjuter oftast leveransen framåt också. Snabba svar är ditt viktigaste bidrag.
Vanliga frågor
Kan jag hoppa över upplägget i rutor och gå direkt till den färgade designen?
På små ensidiga sidor slår vissa designers ihop de två första stegen, och det kan vara helt okej. Ju fler sidor det blir, desto mer minskar en färglös vy risken för fel.
Kan jag be om ändringar efter godkännandet?
Små text- eller bildrättningar går oftast bra. Ändringar i strukturen räknas som nytt arbete och förlänger tiden. Fråga hur många rättningsrundor som ingår i avtalet.
Behövs en klickbar provversion i varje projekt?
Nej. För en vanlig företagssida räcker den färgade designbilden ofta. Vid bokning, reservationer eller formulär i flera steg förhindrar en provversion allvarliga misstag.
Vad gör jag om jag inte har några egna idéer?
Visa designern tre eller fyra sidor du gillar och inte gillar, med en rad om varför. Det är ofta mer användbart än ett långt skriftligt underlag.
Vad händer härnäst?
Rätt feedback vid rätt tillfälle skyddar både budget och tid. Vill du ha en process där du i förväg vet vad du får se och vad du godkänner, kan du läsa om hur jag arbetar på sidan Bygga hemsida.