Det här har vi lärt oss om UX design (hittills)

Början till din resa inom UX börjar här.

Vi kommer att utforska huvudsakliga koncept kring användarupplevelser och UX design.

Att lära sig grunderna först kommer försäkra dig om att du kommer kunna skapa webbsidor som lockar till sig, fångar upp och förvandlar besökare till kunder.

I denna guide kommer du lära dig:

  1. UX design
  2. Användarupplevelse
  3. Designtänkande
Fernando Silvestrin
Fernando Silvestrin
Senast uppdaterad december 7, 202020 Antal lästa minuter
Det här har vi lärt oss om UX design (hittills)
1

Vad är UX design?

Att täcka alla aspekter ur ett stort och komplext ämne som UX design skulle vara en utmaning för varje guide, artikel eller bok. Användarupplevelser täcker allt från forskning till användbarhet på webbplatser och UX design.

Som den legendariska industri-designern från Tyskland, Dieter Rams, en gång sa:

”Bra design är så lite design som möjligt.”

Jag skulle vilja ge dig så lite design som möjligt, bara precis tillräckligt, så du kan skapa bra design till dig själv och dina kunder.

Bra och dålig UX design

  • Varför är vissa webbplatser och webb-applikationer så otroligt svåra att använda?
  • Hur kan ett enkelt online-formulär ibland få oss att känna oss så frustrerade?
  • Varför är knapparna så förvirrande, eller navigeringsmenyn på sidan så komplicerad?
  • Varför fungerar ingenting på det sätt det är ämnat att fungera?

Tänk på den motsatta situationen:

Varför är vissa webbplatser och webb-applikationer så otroligt enkla att använda?

Användarupplevelsen är utmärkt, funktionaliteten är enkel, ingenting kollapsar någonsin och webbplatsens design är enastående. Har du några idéer kring varför det fungerar så bra?

Därför att webbplatsens design, eller webb-applikationen, har skapats för dig – användaren. När allt fungerar smidigt enligt användarens mål, då är det en bra användarupplevelse (UX).

Cat Noone session “Den felaktiga användarupplevelsen” @mobX (bild av Thorsten Jonas)

Dåliga användarupplevelser finns överallt (tyvärr). Kanske var det senaste gången du beställde mat online, eller bokade den där semestern för att resa till Asien.

Faktum är att vi använder webben varje dag: på våra telefoner, datorer, surfplattor, smart-TV och andra enheter. Alla dessa plattformar tillämpar UX design som en strategi för att förse användaren med relevanta, meningsfulla och minnesvärda upplevelser. Ibland lyckas det, men ibland misslyckas det.

Jag gillar Brad Frosts definition:

”Jag anser att varje person som hjälper till att skapa en produkt är en UX-designer. Korrekturläsaren som skapar innehåll som är enkelt att läsa och navigera genom är en UX-designer. Backend-utvecklaren som gör sidan säker och snabb är en UX-designer. Den visuella formgivaren som använder färg, typografi och textur för att göra sidan enklare att använda är en UX-designer.”

Processen att skapa webbplatser, -applikationer och tjänster som förser användare med meningsfulla, relevanta upplevelser kallas UX design (design för användarupplevelsen).

Är UX, XD, UCD och UI samma sak?

Det korta svaret är nej. Att förstå spektret av UX designens olika roller är grundläggande för att lära sig nya färdigheter och växa som designer. Låt oss se efter:

  1. Användarupplevelser (UX)

    Varje kontaktpunkt av användares interaktion och kvaliteten på upplevelsen en användare har när de interagerar med en webbplats, -applikation eller tjänst kallas för UX. Du kan lägga till överlägsen funktionalitet och hur många nya egenskaper du vill till din webbplats. Men framgången med ditt projekt kommer slutligen att baseras på vad användarna tycker om det. Och det är förhoppningsvis bra!

  2. Design för användarupplevelsen (UX)

    Om användarupplevelsen (UX) har med kopplingen mellan en användare och en webbplats, teknik eller enhet att göra, så är design för användarupplevelsen (UX) intresserad av den ”globala” upplevelsen av ett varumärke.

Låt mig förklara.

Design för användarupplevelsen används oftast i samband med marknadsföringen av ett varumärke och beror vanligtvis på de tillfällen då människor interagerar med varumärken. Upplevelsen av ett varumärke i kundens sinne, idéer, minnen och känslor som skapas genom dessa stunder räknas som design för användarupplevelsen (UX).

Helhetsbilden av UX och dess fokusområden [källa toptal.com]
  • Användarfokuserad design (UCD)

Okej. Låt oss bygga en webbsida eller webb-applikation. Vad behöver vi? Vi behöver användare och affärsmål.

Där UX är intresserat av kvaliteten på upplevelsen, är användarfokuserad design (UCD) att studera strategier och processer för att bygga den upplevelsen.

Affärsmålen och användaren är i centrum för alla miljöers processer och strategier: från användarundersökningar, planering, UX design, webbplatsers användbarhet, responsiv design, design av användargränssnitt till utveckling och implementering.

Det är ett tillvägagångssätt för design som anpassar affärsmål och rätt typ av användare för att leverera värde till båda.

  • Användargränssnitt (UI)

Vad är design av användargränssnittet? Kort sagt är det allt det fina.

UI står för design av användargränssnittet. Det handlar om hur saker ser ut. Det rätta gränssnittet höjer din produkt till en högre professionell standard och skapar förtroende hos dina följare. Genom att bygga tillit och förtroende kommer du att locka till dig rätt sorts kunder och få din webbplats, -applikation eller tjänst att sticka ut från konkurrenterna på din marknad.

Design av användargränssnittet är utseendet och känslan på allt från bilder till knappar, grafik, text och animationer.

Är du förvirrad än? Det är inte ens hela listan.

Hur kopplar vi ihop allt det här?

Som du kanske har märkt så överlappar många av de här ämnena, medan andra kompletterar varandra. Diagrammet nedan visar ett fågelperspektiv av spektrumet av modern webbdesigns domäner:

bildkälla https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966

Jag har presenterat många roller och områden inom användarupplevelser och modern webbdesign för dig. Det du bör ta med dig är att erkänna att ta hänsyn till användaren hjälper alla under designprocessen:

  1. Företagsperspektivet: sparar tid och pengar genom att dra ner på kostnader och förbättra användarnas tillfredsställelse.
  2. Utvecklarens perspektiv: visar dem i rätt riktning och förstärker deras chanser att lyckas med projektet.
  3. Användarens perspektiv: är skillnaden mellan att köpa produkten eller lämna webbplatsen, klara av en uppgift eller sluta halvvägs och aldrig komma tillbaka.

Är du fortfarande med oss? Bra.

Det slutliga målet med UX design är att ta sig in i användarens hjärna.
2

Användarupplevelse: Varför är det viktigt?

Men varför? Varför bry sig om användarupplevelser eller UX design och spendera så mycket tid på alla dessa koncept och arbetsbeskrivningar? Det är vad vårt nästa ämne handlar om.

I det här skedet tänker du förmodligen:

”Allt jag ville var att åt mig själv!” designa en webbplats

”Mina kunder behöver bara en !” modern webbdesign

”Varför behöver jag kunna allt det här?”

”Är så här komplicerat?” bra webbdesign

Tyvärr finns det tre huvudsakliga problem med dessa frågor.

  1. Kampen om uppmärksamhet: Under webbens äldre dagar var det mycket mindre konkurrens om folks uppmärksamhet online. Användare och programmerare försökte fortfarande förstå hur de skulle utforska internets potential till fullo. Varumärken och företag byggde huvudsakligen sin image och sitt rykte offline.
  2. Användaren är inte väsentlig: När det inte tas någon hänsyn till användaren, kommer framgången eller misslyckandet av ett projekt bero på slumpen. Design-teamet och företagsledningen kommer då använda sitt eget omdöme för att utvärdera målet med webbplatsen eller -applikationen.
  3. Konkurrensfördel: Webben dominerades ursprungligen av experter, men, som tur är för oss, är dessa dagar borta sedan länge. Internet är den mest demokratiska platsen på planeten idag. Om du inte frågar dig de rätta frågorna, eller blir informerad om hur du förbättrar dina designfärdigheter, kommer tusentals andra människor från alla samhällsskikt att överträffa dig.

En blomstrande industri

UX design är en blomstrande industri över hela världen. Företag upptäcker den massiva avkastningen på investeringen (ROI) de kan få genom att investera i användarupplevelsen för deras webbprodukter och -tjänster.

Design för användarupplevelsen är inte längre en exklusiv tjänst som teknikjättar eller reklambyråer tillhandahåller. Fältet fortsätter att söka sig in i andra branscher som utbildning, mode, film och ideella organisationer.

Efterfrågan på UX-designers är inte bara hög, utan deras lönenivåer är också mycket konkurrenskraftiga. CareerFoundry har ett antal mycket bra artiklar som förklarar allt om jobbmarknad/lönenivåer inom UX:

UX-designers löner per land från CareerFoundry

Behovet av kvalitativa UX-designers förutspås att öka och jobbmarknaden och -möjligheterna har skjutit i höjden för UX-designers de senaste 10 åren. UX design har också rankats som jobbet med den sjätte högst betalda ingångslönen, enligt den här undersökningen från Glassdoor.

En inblick i ROI för användarupplevelsen från Human Factors International:

Human Factors International ROI för användarupplevelsen

Det breda spektrumet av jobbroller och aktiviteter inom UX design, och de ökande marknadsmöjligheterna runt om i världen finns i en blandning av miljöer idag, inklusive:

  • Komplexa projekt: komplicerade projekt som blir hanterbara genom att tillämpa UX-tänket. Allt för många funktioner som hanteras på fel sätt kan avskräcka användare från att använda din webbplats eller -applikation.
  • Startups: högteknologiska startups fortsätter att utveckla innovativa projekt och de behöver sätt att förstå deras användares beteenden – från vad de känner till hur de interagerar med en webbapplikation.
  • Projekt med en anspråkslös budget: små företag brukar vanligtvis hoppa över att undersöka i lågt värderade projekt. Men varje utvecklingsprojektgrupp med en blygsam budget kommer att avsätta en del av sina ekonomiska resurser till en grupp UX-designers. användarupplevelsen
  • Långa projekt: Ju längre projekt, desto mer resurser använder de. Därför blir och en allt mer värdefull tillgång som levererar avkastning på investeringen. UX design användarupplevelsen
  • Utvecklade områden: är inte längre en exklusiv tjänst som teknikjättar eller reklambyråer tillhandahåller. Som en snabbt växande gren når den snabbt in i andra branscher som utbildning, mode, film och ideella organisationer. Design för användarupplevelsen

Titta på dessa 13 imponerande statistikuppgifter om UX design.

Läs designundersökningen där 9429 designers deltog.

Lär dig mer om UX:s ställning under 2020 här.

Stjäl som en konstnär

När vi lär oss något nytt är det alltid en bra vana att kopiera från mästarna. Följande principer och koncept skapades av några av de mest inflytelserika UX-designerna. Dags att lära sig att låna utan att skämmas.

  • Don Norman, UX:s gudfader 1988 var UX:s gudfader, Don Norman, den förste att beskriva design som baserades på användarnas behov. Han började på Apple 1993 och blev den första personen någonsin som hade ”användarupplevelse” i sin jobbtitel. För Norman var det viktigaste hos en vardaglig ”pryl” hur väl den tjänade sin användare, inte dess utseende eller dekorativa värde.
Don Norman from https://www.nngroup.com/
  • Jesse James och UX-isberget Författare till den klassiska boken om användarupplevelser ”The elements of User Experience,” Jesse James Garrett delade upp processen att skapa en användarupplevelse i fem plan.

    Det ytliga planet: på ytan ser du en serie med webbside-utformare, som består av bilder och text. Vissa av dessa bilder är klickbara objekt.

Femplansprocessen av James Garret

  1. Skelettplanet: under ytan ligger webbplatsens/webb-appens skelett. Det är platsen för knappar, flikar, foton och textblock – som optimerar layouten och arrangemanget för maximal effekt och effektivitet.
  2. Det strukturella planet: strukturen definierar hur användare hamnade på webbsidan och vart de kan gå när de är klara.
  3. Omfattningsplanet: avgör hur webbplatsens/webb-appens många funktioner och egenskaper fungerar och passar ihop. Frågan om huruvida den funktionen (eller någon funktion) inkluderas på en webbplats är en fråga om spännvidd.
  4. Det strategiska planet: hanterar webbplatsens strategi. Det innefattar inte bara vad gruppens och företagets mål är, men också vad användarna vill få ut av sidan. UX-design

Femplans-konceptet blev senare (åter)använt och populariserat i UX-isbergets ramverk som baserades på Jesses klassiska bok.

UX-isberget (höger) inspirerades av den klassiska boken ”The Elements of User Experience”.
  • Peter Morville och A vaxkaka nvändarupplevelsens Sedan 1994 har Peter Morville betraktats som en pionjär inom fälten användarupplevelser och informationsarkitektur. Han skapade ett av de mest delade och använda diagrammen för att “illustrera användarupplevelsens aspekter – särskilt för att hjälpa kunder att förstå varför de måste gå bortom användbarheten.” UX-vaxkakan har sju aspekter och den “stora bikupan” illustrerar, med Morvilles ord, ett “… dynamiskt, flerdimensionellt utrymme där det, åtminstone de kommande 10 åren fortfarande finns gott om utrymme att bygga nya lådor och rita nya pilar. “

Jag antar att Peter hade rätt, då uttalandet är från 2004 och vi fortfarande pratar om det 16 år senare.

De gamla mästarna och tidiga UX-designerna insåg att om arbetet konceptualiserades skulle det bringa större klarhet och knuffa UX-industrin mot att utveckla bättre produkter och upplevelser för användarna.

”Ditt jobb är att samla in bra idéer. Ju fler idéer du samlar in, desto fler kan du välja att bli inspirerad av.”

Austin Kleon

Rollen som nybörjardesigner handlar om att förstå grundläggande principer och bygga en stabil grund, så det bästa sättet att bli en bra UX-designer är att först börja tänka som en.

Läs Stjäl som en konstnär av Austin Kleon

Mer om informationsarkitektur

En annan klassiker ”The double diamond UX concept” av designcouncil.org.uk

3

Designtänkande vs. UX design

UX design siktar på att lösa specifika användarrelaterade problem och oroar sig för kvaliteten på användarupplevelsen (webbplats, produkt eller webb-applikation). Å andra sidan handlar designtänkande om att hitta rätt problem att lösa.

Femstegsprocessen i designtänkandet, som populariserades av Stanford d.school, kan appliceras brett och även i områden utanför UX och traditionell design.

Det är användbart för att hantera okända problem och kan delas in i en process med fem steg:

  1. Känn medkänsla: efterforska dina användares behov.
  2. Definiera: ange dina användares behov och problem.
  3. Samla idéer: utmana antaganden och skapa idéer.
  4. Prototyp: skapa lösningar och repetera.
  5. Testa: prova dina lösningar.
This is a framework explaining the design thinking process.

Designtänkande är icke-linjärt, så du behöver röra dig inom femstegsprocessen för att nå en djupare förståelse för användarna och vad deras ideala lösning skulle vara.

‘Designtänkande är ett människocentrerat tillvägagångssätt för innovation som integrerar människors behov, teknikens möjligheter och kraven för affärsframgång.’ – Tim Brown, VD för IDEO

TIM BROWN, CEO OF IDEO

Lär dig mer med ”Förklararens” video om designtänkande nedan:

Systemtänkande

Systemtänkande är ett verktyg för att analysera det övergripande systemet där en aktivitet äger rum.

  • Varför har vi brister?
  • Hur kan vi få grupperna att kommunicera bättre?
  • Varför har andra designteam annorlunda budgetar om vi båda uppnår målet?
  • Hur kan vi göra vår strategi bättre?

Detta är frågor som systemtänkare måste ställa sig. Det är ett tillvägagångssätt på högre nivå för design jämfört med det användarfokuserade tillvägagångssättet.

Genom att förstå kopplingarna inom det kollektiva systemet kommer designers att förstå sina användares branscher och affärsmodeller bättre och därmed bygga mer relevanta produkter och upplevelser.

Allt blir klarare när du förstår helheten:

Okej. Nu då?

Om vi skulle sammanfatta vad vi lärt oss om UX design så här långt, hur tror du då att det skulle låta?

Du tänker troligtvis på något sorts mångfacetterat tillvägagångssätt gentemot design, där användarupplevelsen är i dess centrum.

Inte illa. UX-designers behöver ta sig in i användarnas hjärnor och förvandla komplexa idéer och beteenden till ett gränssnitt som är enkelt att använda. Utöver det kan vi lägga till att upplevelsen också behöver vara njutbar, så användare fortsätter att komma tillbaka och/eller uppnår sitt slutmål.

Innehåll