User Experience (UX) v. User Interface (UI) Design - Process & Trends

Battle of Designers - Hvilken er vigtigere?

Der er intet, der får mig til at føle mig mere tilfreds med produktdesign end en perfekt balance i datadrevet brugeroplevelse (UX) og visuelt stimulerende brugergrænseflade (UI) design. Hvilken nørd, ikke?

Men hvis de to trådte ind i ringen, som de ofte gør, hvem tror du, ville vinde kampen? Mens vi håber på 18 runder og en perfekt blanding af de to, i slutningen af ​​dagen, opvejer brugeroplevelsen det visuelle design.

Brugeroplevelsesværdi-forslaget

Hvis ikke af den enkle grund, at hvis noget ikke er funktionelt, betyder det ikke noget, hvor smukt det er, lad os se på vigtigheden af ​​brugeroplevelsesdesign og de tendenser, vi fortsat vil se vokse i 2019.

Digital historiefortælling

Brugeroplevelse er historiefortælling. Fjern skrifttyper, farver og grafik, og find en måde at guide brugeren gennem en rejse. Hvordan skal de føle sig, når de lander på en webside? Hvad vil du have dem til at vide? Hvilken handling vil du have, at de skal tage? Det er som en digital købmand. Vi leder brugerne til mejerisektionen, så de passerer brød og korn på vej. Hvis du har en vigtig meddelelse at udtrykke eller en handling, som folk skal tage, skal du ikke lade det visuelle design forhindre dig i at holde sig til det grundlæggende.

UX driver forretning

Brugeroplevelse er generelt blevet accepteret som nøglen til en virksomheds online succes. Amazon? Ebay? Google? Yaa-hoooOoo? Disse virksomheder bruger millioner split på at teste størrelsen og placeringen af ​​knapper for at maksimere brugeroplevelsen og optimere deres nøgletragter. Brugeroplevelse er det, der adskiller de gode mærker fra enhørsteknologiske virksomheder inden for e-handel som AllBirds, MeUndies, Harry's og Dollar Shave Club.

”Design er mere end en følelse; det er en CEO-prioritet for vækst og langsigtet præstation. ”- McKinsey Design

UX-forfatterens stigning

Brugeroplevelse og online historiefortælling er blevet så integreret i en virksomheds markedsføringsplan, at mærker søger "brugeroplevelsesforfattere" for at bruge en datadrevet tilgang til tekstforfatter. På samme måde som A / B-test online-annoncer, ansætter mærker brugeroplevelsesforfattere for at sikre, at kopi er på mærket, mens de er optimeret til søgemaskiner og klikfrekvens. Tro ikke mig? Se selv.

Skønheden i visuel design

Bliv dog ikke narre. Jeg er en kreativ fyr, og visuelt design er min forte, og det kan være grunden til, at jeg er så tiltrukket af brugeroplevelse - det er ukendt. Hvis du kan finde en balance mellem visuelt stimulerende og datadrevet design, end du er bierens knæ. Hvis du kan lave en vis front-end-udvikling oven på det, er du en enhjørning. Disse færdigheder er meget værdifulde i den digitale grænse, og du bør skubbe dig selv ud af din komfortzone for at finpudse dem.

”Godt design går til himlen; dårligt design går overalt. ”- Mieke Gerritzen
José Aires @ Unsplash

Del II: Designprocessen til brugeroplevelse

Inden du starter et projekt og hvert øjeblik gennem projektgennemførelsen, skal du minde dig selv om det primære mål for projektet. Hvis dine mål ikke inkluderer brugeren, der tager en handling, men snarere omfavner en følelse, så lad højre side af din hjerne skyde på alle synapser. Bliv kreativ! Hvis du dog definerede dine mål for at generere flere kundeemner, øge tiden på stedet eller øge indtægterne, er god UX Design svaret på disse mål.

  1. Definer: Det første trin i brugeroplevelsen er at forstå det problem, du håber, at design vil løse. For at gøre dette foreslår jeg, at man interesserer sig for interessenterne for virksomheden, forstår de forskellige brugere og deres krav.
  • Brugerpersoner: En repræsentation af en kundetype.
  • Brugerhistorier: Et naturligt eksempel på en funktion, som persona muligvis har brug for.
  • Brug sager / brugerflow: Stien, som brugeren har taget for at udføre denne opgave.
“Tommelfingerregel for UX: Flere muligheder, flere problemer.” - Scott Belsky, Chief Product Officer

2. Forskning: Det naturlige næste trin i en designarbejdsgang er at samle noget inspiration. Dette er et kritisk trin, der skal spare dig for meget tid. God forskning kan virkelig stimulere dine ideer.

  • Undersøg dine konkurrenter
  • Lær om din branche
  • Få inspiration fra konkurrenter og andre virksomheder i lignende brancher
“Gode kunstnere kopierer, store kunstnere stjæler” - Picasso (… og enhver person, nogensinde)

Ressourcer: Behance, Dribbble, Pinterest, Awwwards

3. Skitse: Når du har fået klare mål og din inspiration, er det tid til at lave nogle grundlæggende mockups. Én mulighed er aldrig nok. Start med at tegne nogle grundlæggende strømme vha. Pen og papir, og flyt derefter til en prototypesoftware som Sketch eller InVision. Generer et par ideer til test og validering og få feedback fra dine interessenter.

”Digital design er som maleri, undtagen at malingen aldrig tørrer.” - Neville Brody

4. Design: Med skitser komplet og klar aftale om hvilke brugeroplevelses wireframes der kan lide af alle interessenter, er det tid til at lave fuld UX-wireframes til projektet. Brug Sketch & Craft-integration med Invision-appen til at opbygge en prototype, som folk kan bruge. Dette giver udviklere mulighed for let at implementere dette med kode ved hjælp af Inspect.

”Design er ikke kun, hvordan det ser ud og føles. Design er, hvordan det fungerer. ”- Steve Jobs

5. Test & evaluer: Nu hvor produktet er i naturen, skal du teste og evaluere succes for brugeroplevelsen ved hjælp af analyseværktøjer som Google Analytics. Få kundefeedback med formularer, så du kan se produktets effektivitet og konstant forbedre den samlede UX.

”Godt design er som et køleskab - når det fungerer, bemærker ingen, men når det ikke gør det, stinker det helt sikkert.” - Irene Au

Tak for at have læst! Fortæl mig, hvis du har spørgsmål eller feedback angående brugeroplevelse af visuelt design! Jeg ville meget gerne høre dine tanker.

Denne historie er offentliggjort i The Startup, Medium's største iværksætterpublikation efterfulgt af +411.714 mennesker.

Abonner for at modtage vores tophistorier her.