Design är att styra – inte en jakt efter det som är snyggt

av | jul 8, 2022

⏱ Ca 6 minuter att läsa

Design är att styra, att få betraktaren att se på det du vill se och uppmärksamma det du vill uppmärksamma. Det är inte en jakt på det som är snyggt i första hand utan på det som fungerar.

“Det du tycker är snyggt fungerar inte alltid” – det är bland de första lärdomarna som jag delar med mig av till mina kunder. Design handlar inte i första hand om att skapa något som är vackert – inte när det handlar om appar, program, hemsidor eller digitala butiker. Då är det funktion som måste gå före därför att “det som är snyggt kanske inte fungerar”.

Tolka nu inte det som att det skulle finnas ett motsatsförhållande mellan det som är tilltalande för ögat och det som faktiskt fungerar. Det är det inte men det kan finnas ett motsatsförhållande.

Ett exempel:

En enkel design där ögat styrs till mitten och till den största texten. I fallande ordning så kommer du sedan att läsa i den ordning som du ser ovan.

Vet vi

Det här vet vi och vi vet att vissa färger lockar ögat mer än andra. Vi vet att vit text på svart botten blir jobbigt för oss att läsa i takt med stigande ålder. En mörk sida med ljus text har sämre kontrast och därmed sämre läsbarhet än en vit sida med svart text. I takt med att vi blir äldre med en lite mindre elastisk synnerv så blir det lite jobbigare för att läsa. Så satsa inte på en svart sida med grå text om din målgrupp är +40.

Vi vet att breda spalter blir svårare att läsa än lite mindre breda spalter och vi vet att versaler är svårare att läsa än en korrekt blandning av stora och små bokstäver. Vi vet att långa meningar blir tunga att ta sig igenom och att bara en massa korta meningar kan vara irriterande. 

Med andra ord – det är en massa saker som vi vet och som vi borde låta påverka det vi designar oftare än att låta det vi tycker är snyggt styra. 

blank

Det här vet vi också – vi fyller i och läser ut det som inte står där. Ögat och hjärnan rättar och korrigerar vilket vi också bör ha i bakhuvudet när vi designar saker. Vi vet att popups är störande, irriterande och att de kan förstöra läsupplevelsen helt och hållet. I värsta fall så lämnar besökaren din hemsida, direkt. 

Vi vet att reklam, insprängd i löpande text inte heller är populärt, tvärtom så är det risk att läsaren slutar att läsa och drar vidare. 

Vi kan och vet en hel del när det handlar om design, vad vi gillar och inte gillar men vi tenderar också till att glömma allt det här i vår strävan att försöka att uppnå något annat – samla statistik, försöka locka användaren till vårt nyhetsbrev eller få besökare att köpa saker. 

Annonser

Det går att vända på resonemanget också – en till synes fungerande design kan på sikt visa sig vara helt misslyckad. 

När Google började att peta in annonser i topp på sidor så kunde jag leva med det. En banner i topp gick att scolla förbi men sedan petade Google in en banner som du inte kunde scrolla förbi i nederkant och kastade dessutom in annonser mitt i löpande text – min text och den text som jag skriver med förhoppningen att du ska ta dig tid att läsa den, utan irriterande störningsmoment. Då var gränsen passerad och även om det innebär tappade intäkter så slog jag av alla Googles annonser och jag passade samtidigt på att rensa bort Googles övriga tjänster så när som på översättningsfunktionen.

Google prioriterar sidvisningar och glömmer bort att utan besökare så kommer de inte att ha sidor att visa annonserna på. För mycket reklam, för påträngande reklam är kontraproduktivt. Du får färre besökare, färre sidvisningar och minskande intäkter. 

En sådan design fungerar inte i längden.

Klick

Klick är också en fälla i sammanhanget – för många klick och en misslyckad design där information döljs och göms bakom fler klick. 

Ett exempel: 

Du letar efter en epostadress till ett företag, kommer in på deras hemsida och får leta efter sidan för kontaktinformation. Tänk så enkelt det skulle vara om den informationen låg i sidfoten på alla sidor.

Du vill kontakta en person på företaget – tänk så enkelt det hade varit om informationen du letar efter fanns på kontaktsidan, med bild, telefonnummer, epostadress och annan information istället för en bild och sen en länk till kontaktinformationen. Även om det bara handlar om ett enda klick till så är det i de allra flesta fall ett onödigt klick – därför att designern tycker att det är snyggare.

Så – design är att se till att det som ska byggas fungerar (i de här sammanhangen). Du bör alltså ägna mer tid att fundera över flödesscheman över hur du vill att dina besökare ska navigera på din nya hemsida än sitta där och fundera över färgval och val av typsnitt. Det är inte detsamma som att det inte både kan vara funktionellt och snyggt. God design är det nämligen sen kan just det här med snyggt alltid diskuteras. Det är en fråga om tycke och smak. Funktion däremot är något annat. Det handlar inte i lika hög grad om tycke och smak. Här finns det regler och saker som vi vet. Bryter du mot dem så spelar det ingen roll hur snygg din app, hemsida eller din lösning är. Då fungerar det inte.

blank

Mikael Winterkvist

Fyrabarns-far, farfar, morfar och egen företagare i Skellefteå med kliande fingrar. Jag skriver om fotografering, sport, dataprylar, politik, nöje, musik och film. Vid sidan av den här bloggen så jobbar jag med med det egna företaget Winterkvist.com. Familjen består av hustru, fyra barn (utflugna) och fem barnbarn.

Jag har hållit på med datorer sedan tidigt 1980-tal och drev Artic BBS innan Internet knappt existerade. Efter BBS-tiden har det blivit hemsidor, design, digitala medier och trycksaker. Under tiden som journalist jobbade jag med Mac men privat har det varit Windows som har gällt fram till vintern 2007. Då var det dags att byta och då bytte vi, företaget, helt produktionsplattform till macOS. På den vägen är det.

_____________________________________________________________________________________

Anmäl dig till Magasin Mackens nyhetsbrev

Du får förhandsinformation om Macken, våra planer och du får informationen, först och direkt till din mail. Vi lovar att inte skicka din information vidare och vi lovar att inte skicka ut mer än max ett nyhetsbrev per månad.

Anmäl dig här

_____________________________________________________________________________________

Magasin Macken använder AI för att samla in information och underlag för de texter som publiceras. Vi använder även AI för att skapa bilder och illustrationer. Dessa märks alltid med att det är AI-bilder om bilderna är fotorealistiska. I förekommande fall så läggs även till länkar till källa och referenser till i texterna som alltid kontrolleras av en mänsklig skribent - som är den som skriver och redigerar alla texter till alla väsentliga delar.

Vill du kommentera den här texten, komma med förslag, kritik eller ställa frågor så gör du det enklast i något av de sociala medier som jag och Magasin Macken finns med i. Länkarna hittar du nedan.

  • Facebook
  • Instagram
  • Bluesky
  • Threads
  • Mastodon
  • LinkedIn
  • YouTube
  • Vimeo
  • Twitter
  • RSS
  • E-Mail

De senaste inläggen:

Här har du Mackens Nyheter det senaste dygnet (8 januari 2026)

Här har du Mackens Nyheter det senaste dygnet (8 januari 2026)

Här har du Mackens Nyheter det senaste dygnet (8 januari 2026) Google Gemini knappar in på ChatGPT:s herravälde Maktbalansen på marknaden för AI-verktyg håller på att skifta rejält. Nya siffror från analysföretaget SimilarWeb visar att ChatGPT tappar marknadsandelar i en…

läs mer
Gratis är gott: wBlock – stoppar störande reklam

Gratis är gott: wBlock – stoppar störande reklam

wBlock är en kraftfull innehållsblockerare för Safari som gör webbläsaren renare, snabbare och mer privat – helt gratis och öppen källkod. Funktioner Stöd för userscripts – Förbättra surfningen med avancerade userscripts som lägger till funktioner som vanliga webbläsare saknar. Visa…

läs mer
När hjärnan spelar dig ett spratt

När hjärnan spelar dig ett spratt

Jag har gjort det hundratals, kanske tusentals gånger under åren – kopierat en webbplats, flyttat den och aktiverat den. En ren rutinsak som brukar ta maximalt någon timme beroende på hur stor webbplatsen är. En baggis med andra, eller det…

läs mer