VAR SÅ GOD. DETTA ÄR

1. UX
2. UI
3. BYGG

När någon frågar vad jag gör så svarar jag att jag designar och bygger hemsidor. Jag är webbdesigner och webbutvecklare. Sedan undrar jag om den jag sa det till blev något klokare av det svaret... Jag tänkte lägga ut texten lite här om webbdesign. Dels för att berätta mer om vad jag faktiskt gör. Men också för att du som är uppdragsgivare ska få en tydlig bild av vad du ska kunna förvänta dig när du anlitar en webbdesigner.

Från webbdesign till UX/UI-design

Men först. Idag pratar vi om två sorters webbdesign; UX-design och UI-design. Även om arbetsuppgifterna inom webbdesign inte förändrats speciellt sedan mitten av 90-talet, så kan jag hålla med om att det länge funnits ett behov av att tydligare definiera olika delar inom design. Här tycker jag att branschen lyckats bra, även om många (inklusive jag själv) jobbar över gränsen mellan UX och UI.

1. UX-design

UX-design är kopplat till användarens upplevelse (UX = user experience), det vill säga - hur en webbplats uppfattas och fungerar rent funktionellt. I grunden finns det två perspektiv att ta hänsyn till:

  1. Den som besöker webbplatsen, kunden - hittar jag vad jag söker?
  2. Den som äger webbplatsen, säljaren - hur får jag besökaren att göra det jag vill att de ska göra?

Det handlar (lite förenklat) om struktur, menyer, knappar och rubriker som ska hjälpa besökaren att hitta rätt, och samtidigt bli tydligt exponerad för det som säljaren vill berätta eller få besökaren att göra.

Tänk dig hur hyllor och produkter är placerade i en butik i relation till de gångar (vägar) som är mer eller mindre tilltalande och/eller tydliga. Hur ska jag gå genom en butik för att till slut hitta ut. Och vad exponeras jag för på vägen. Hur placeras vissa produkter i relation till andra.

Vad man som UX-designer alltid behöver ha med sig är:

  • Hur exponeras det huvudsakliga i relation till det alternativa?
  • Hur driver man processer framåt (trafiken dit vi vill)?
  • Hur sänker man trösklar för att förenkla beslut?

Om detta görs ur både kundens och säljarens perspektiv får man en lösning som stärker den totala kundupplevelsen, samtidigt som affärer skapas. En win win som i slutändan med största sannolikhet stärker relationen mellan köpare och säljare, och därmed varumärket.

2. UI-design

UI-design är det visuella, vad som syns på skärmen (UI = user interface). Här jobbar man med färg, form, typografi och det du scrollar, fyller i och klickar på. Allt i harmoni för att göra komplexa saker tydliga och enkla att förstå.

Utgångspunkten här är:

  1. Hur skapar man en visuell helhetsupplevelse som hänger ihop?
  2. Hur visualiserar man det huvudsakliga i relation till det alternativa?
  3. Hur lyser man upp (tydliggör) vägen man vill att kunden ska gå?

Uppgiften kan sammanfattas - Hur kan jag visa upp saker för mina kunder så att de, på ett tydligt och enkelt sätt, kan se vad de kan eller behöver göra.

Låter det knepigt? Om vi tar butiksexemplet igen så kan man se det som allt från färg på väggarna och inredning till val av ljusstyrka på belysning och musik för att etablera en stämning. Utanpå detta har du skyltar om avdelningar och erbjudanden som ska presenteras. Det kanske ligger en röd matta i de gångar där säljaren vill att du ska gå, medans det är lite trångt mellan hyllorna där du helst inte ska passerar. Det kanske står någon i ett hörn och bjuder på ett smakprov. Och skyltfönstret... Ja, jag tror du hänger med.

Generellt om design

Som uppdragsgivare är det viktigt att förstå vem man designar för. Och när det kommer till hemsida så är det främst kunden, inte säljaren. Det är egentligen så generellt när man jobbar med marknadsföring skulle jag säga. På samma sätt som man designar butikskoncept, restauranger eller kontor så ska det givetvis vara en bra arbetsplats, men miljö och atmosfär ska samtidigt vara tydligt tilltalande för kunderna. Kunden ska förstå vad som förväntas, känna igen sig i hur säljaren kommunicerar (även i andra sammanhang) och gärna känna tillhörighet - här passar jag in. Det är därför alla vi som jobbar med marknadsföring tjatar så mycket om målgrupp. Vem är egentligen kunden?

Hemsidan är idag en stor del av varumärkesarbetet. Därför är det viktigt, när man designar en hemsida, att ta stor hänsyn till företagets grafiska profil. Samtidigt som man i många fall måste utveckla nya lösningar för den specifika uppgiften, i det specifika sammanhanget. Men var noga med att hela tiden ha en tydlig koppling till företagets visuella identitet, för att kunden ska känna igen sig och känna sig trygg.

3. Bygg

När du är klar med UX och UI är det dags att bygga hemsidan. Detta är ett eget kapitel som jag tänkte återkommer till i ett senare inlägg. Men vad jag kan avslöja redan nu är att det inte räcker med att vara en duktig programmerare för att bygga en hemsidan. Här krävs en kombination av hårda och mjuka färdigheter. Du ska dels kunna det tekniska hantverket programmering. Men du ska också kunna ta det som UX och UI gjort, och tolka/översätta det med programkod, vilket kan vara lite knepigt och utmanande i många fall...

Kontakt

Vill du ha hjälp med det digitala?
Hör gärna av dig.

Jag brukar vara bra på att förklara med liknelser, så att alla förstår - vad man kan göra, vad man bör göra och hur man gör det.
 

  • Jag ger dig kunskap och därmed ett bättre digitalt självförtroende
  • Jag hjälper dig med webbdesign (UX och UI) och webbutveckling
  • Behöver du hjälp med någonting annat inom marknadsföring så delar jag gärna mina kontakter
Fyll i dina uppgifter för att bli kontaktad

    Jag godkänner att Chords Agency AB lagrar den persondata jag lämnar genom detta formulär.

    Tack för att du läste ända hit! Håll gärna koll på mina artiklar på LinkedIn om du är intresserad av marknadsföring och webb. Och lägg gärna till mig som kontakt 😉
    Allt gott! Önskar Anders Liljenberg.