UX vs UI vs IA vs IA vs IxD : 4 forvirrende digitale designbegreber defineres

11. sep, 2017 – 5 min read

Der var engang, hvis du sagde ordet “design”, var der overvejende sandsynlighed for, at du talte om grafisk design. Men i dag bliver den digitale verden stadig mere kompliceret, og der dukker en masse nye stillinger op, hvilket fører til forvirring for folk uden for eller nye i designbranchen. Her er en hurtig oversigt over de fire forskellige primære former for design, så du kan forstå, hvad de betyder.

Billede af:

Netizen Experience

Som det fremgår af Wikipedia “User experience design (UXD, UED eller XD) er processen til at øge brugertilfredsheden ved at forbedre brugervenligheden, tilgængeligheden og den fornøjelse, der opnås i interaktionen mellem brugeren og produktet. User experience design omfatter traditionelt design af menneske-computer-interaktion (HCI) og udvider det ved at tage fat på alle aspekter af et produkt eller en tjeneste, som de opfattes af brugerne.”

UX-designer er den person, der er ansvarlig for at skabe produkternes “logik” via wireframes og prototyper via software som Axure, JustInMind, Mockplus osv. Kommunikation er en af UX-designernes afgørende færdigheder. De udfører også research, konkurrencemæssige analyser i begyndelsen samt brugervenlighedstest og A/B-test, efter at projektet er lanceret. UX-designere er først og fremmest optaget af, hvordan produktet føles. Hvis dit websted eller din app er vanskelig at bruge, vil brugerne sandsynligvis blive frustrerede og gå videre til noget andet. Hvis de har en god oplevelse, er de mere tilbøjelige til at komme tilbage og fortælle deres venner, hvor fantastisk din app er.

Deliverables: Wireframes, prototyper, storyboards, sitemap, skriftlige specifikationer.

Håndværksværktøjer: Sketch, Axure, Mockplus, Fireworks, UXPin

UI Design (User Interface Design)

Billede af:

Billede af: Jesse James Garrett, forfatter og grundlægger af Adaptive Path – en konsulentvirksomhed inden for brugeroplevelse – definerer interface design som værende alt sammen et spørgsmål om at vælge de rigtige interface-elementer – som tekst, knapper, tekstfelter, farvekodede lister osv. – til den opgave, brugeren forsøger at udføre, og arrangere dem på skærmen på en måde, der vil blive let forstået og let anvendt. Målet er at gøre brugerens interaktion så effektiv og enkel som muligt.

Interfaceelementer omfatter, men er ikke begrænset til:

Inputkontroller: knapper, tekstfelter, afkrydsningsfelter, radioknapper, dropdown-lister, listebokse, vippeknapper, datofelt

Navigationskomponenter:

Informationskomponenter: brødkrumme, slider, søgefelt, paginering, slider, tags, ikoner

Informationselementer: værktøjstip, ikoner, fremskridtslinje, meddelelser, meddelelsesbokse, modale vinduer

Containere: harmonika

Håndværkets værktøjer: Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Informationsarkitektur)

imgae by: ga-core.s3.amazonaws.com

Informationsarkitektur (IA) omfatter den måde, hvorpå et websted/en app er struktureret, og hvordan indholdet er organiseret. Målet er at hjælpe brugerne med at finde oplysninger og udføre opgaver. “Med andre ord er informationsarkitektur skabelsen af en struktur for et websted, en applikation eller et andet projekt, der gør det muligt for os at forstå, hvor vi befinder os som brugere, og hvor de oplysninger, vi ønsker, er i forhold til vores position. Informationsarkitektur resulterer i oprettelsen af webstedskort, hierarkier, kategoriseringer, navigation og metadata. Når en indholdsstrateg begynder at adskille indhold og opdele det i kategorier, praktiserer hun informationsarkitektur. Når en designer skitserer en topniveaumenu for at hjælpe brugerne med at forstå, hvor de befinder sig på et websted, praktiserer han også informationsarkitektur.”- fra uxbooth.com

Nogle kvalifikationer for IA:

1. Erfaring med at dokumentere komplekse digitale egenskaber (websites, mobilapps, produkter og systemtjenester)

2. Ekstremt detaljeret dokumentation, evne til at finde uoverensstemmelser, revner osv. blandt kompleks site-dokumentation

3. Dygtig i Axure, OmniGraffle, Keynote samt Visio og andre programmer, der er direkte relateret til IA

4. Analyserer tilgængelige oplysninger og aktiver for at vurdere den optimale IA-tilgang

Stærke kommunikationsevner (skriftligt og mundtligt) og en evne til at præsentere effektivt for bureau- og kundepersonale

5. Skal være analytisk, arbejdsom, kreativ, nysgerrig og interesseret i mennesker og idéer

6. Skal være en selvsikker og motiveret selvstarter

IxD (Interaction Design)

Definition af IxD: “Interaction Design (IxD) definerer strukturen og adfærden af interaktive systemer. Interaktionsdesignere stræber efter at skabe meningsfulde relationer mellem mennesker og de produkter og tjenester, som de bruger, lige fra computere til mobile enheder til apparater og videre. Vores praksis udvikler sig i takt med verden.” – fra ixda.org

IxD-designer er de personer, der står for websteder/apps bevægelige elementer & interaktioner. Hvis du har set en fed animation på et websted eller en app, der fik dig til at sige wow, eller som er virkelig cool, er det det, motion designere laver.

Jobbeskrivelsen for IxD-designer hos Google:

I en rolle som interaktionsdesigner tager du fat på komplekse opgaver og omdanner dem til intuitive, tilgængelige og brugervenlige designs for milliarder af mennesker verden over – fra førstegangsbrugeren til den sofistikerede ekspert. For at nå dette mål er det nødvendigt at samarbejde med teams af designere, researchere, ingeniører og produktchefer i hele designprocessen – lige fra at skabe brugerflow og wireframes til at bygge brugergrænseflader og prototyper. I hver enkelt fase skal du forudse, hvad vores brugere har brug for, tale for dem og sikre, at det endelige produkt overrasker og begejstrer dem.

Så i en oversimplificeret og brugervenlig nøddeskal er UX Design, hvordan en bruger føler sig med apps, UI Design er, hvad, hvor og hvordan elementer fungerer i apps, Informationsarkitektur er, hvordan en app er organiseret, og Interaction Design er, hvordan brugeren og appen handler og reagerer på hinanden.

Sidst, men ikke mindst, er grænserne mellem hver af disse forskellige designroller meget flydende. IxD minder ret meget om UX-design i sin tilgang, da det er en del af UX-designcyklussen, så i nogle tilfælde kan disse roller have et stort overlap.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.