·4 min läsning·Nicklas Lindroth

Struktur före snygghet: därför vinner tydlighet

Det är frestande att börja med färger och fina effekter. Men en sida som är vacker och rörig förlorar mot en som är enkel och tydlig. Här är varför struktur alltid kommer först.

Design & UX

När man bygger en hemsida är det lätt att hoppa direkt på det roliga: färgerna, bilderna, de snygga animationerna. Men vi har en grundregel på iBuildit — struktur före snygghet. En ful men tydlig sida slår en vacker men rörig varje dag i veckan, för en kund som inte hittar det hen söker bryr sig inte ett dugg om hur fint det ser ut.

Besökaren bestämmer på några sekunder

En besökare avgör nästan omedelbart om hen ska stanna eller klicka bort. I det ögonblicket ställer hen tre tysta frågor: Vad gör ni? Är det här för mig? Vad ska jag göra nu? Svarar din sida snabbt och tydligt på de frågorna har du vunnit. Om hen istället måste leta — då är hen redan borta, hur vacker sidan än är.

Struktur betyder att rangordna

Bra struktur handlar om att bestämma vad som är viktigast och låta det synas mest. Det allra viktigaste budskapet högst upp och störst. Nästa steg tydligt utpekat med en knapp. Detaljer längre ner för den som vill veta mer. När allt skriker lika högt hör man ingenting. När en sak får ta plats vet besökaren genast var hen ska titta.

Snygghet bygger ovanpå — inte istället

Det här betyder inte att utseende är oviktigt. Tvärtom — men det kommer efter strukturen, inte istället för den. När innehållet sitter där det ska blir snyggheten ett sätt att förstärka det som redan fungerar. Färg leder blicken rätt, luft skapar lugn, typsnitt sätter tonen. Lägger man på det fina ovanpå en rörig grund döljer man bara problemet, man löser det inte.

Börja med en skiss, inte med färger

Vårt tips: börja varje sida med en enkel skiss i svartvitt. Bara rutor och text, inga färger. Klarar sidan att vara tydlig och övertygande i svartvitt, då blir den fantastisk när färgen kommer på. Klarar den inte det, ja då är det strukturen som behöver jobb — inte paletten. Vill du ha hjälp att bygga en sida som både är tydlig och snygg, i rätt ordning? Hör av dig så tar vi det därifrån.

Vilken bit saknar ni?

Boka ett kort, förutsättningslöst möte så tittar vi på era flöden tillsammans.