UX vs UI vs IA vs IxD : 4 förvirrande termer för digital design definierade

Sep 11, 2017 – 5 min read

Det fanns en gång i tiden ett tillfälle då, om du sa ordet ”design”, oddsen var överväldigande troliga att du pratade om grafisk design. Men nuförtiden blir den digitala världen allt mer komplicerad och det dyker upp många nya jobbpositioner, vilket leder till förvirring för personer som står utanför eller är nya inom designbranschen. Här är en snabb översikt över de fyra olika primära formerna av design för att hjälpa dig att förstå vad de betyder.

Bild av: Användarupplevelse design (UXD, UED eller XD) är processen för att öka användartillfredsställelsen genom att förbättra användbarheten, tillgängligheten och nöjet i interaktionen mellan användaren och produkten. Design av användarupplevelser omfattar traditionell design av interaktion mellan människa och dator (HCI) och utvidgar den genom att ta upp alla aspekter av en produkt eller tjänst som den uppfattas av användarna.”

UX-designer är den person som ansvarar för att skapa produkternas ”logik” via wireframes och prototyper med hjälp av programvara som Axure, JustInMind, Mockplus osv. Kommunikation är en av UX-designernas viktigaste färdigheter. De genomför också forskning, konkurrensanalyser i början samt användbarhetstester och A/B-tester efter att projektet har lanserats. UX-designers är främst intresserade av hur produkten känns. Om din webbplats eller app är svår att använda kommer användarna förmodligen att bli frustrerade och gå vidare till något annat. Om de har en bra upplevelse är de mer benägna att komma tillbaka och berätta för sina vänner hur bra din app är.

Lösningar: Wireframes, prototyper, storyboards, sitemap, skriftliga specifikationer.

Varumärkesverktyg: Sketch, Axure, Mockplus, Fireworks, UXPin

UI Design (User Interface Design)

Bild av: Jesse James Garrett, författare och grundare av Adaptive Path – ett konsultföretag för användarupplevelser – definierar gränssnittsdesign som att det handlar om att välja rätt gränssnittselement – som text, knappar, textfält, färgkodade listor etc. – för den uppgift som användaren försöker utföra och att ordna dem på skärmen på ett sätt som är lätt att förstå och använda. Målet är att göra användarens interaktion så effektiv och enkel som möjligt.

Interfaceelement inkluderar men är inte begränsade till:

Inputkontroller: knappar, textfält, kryssrutor, radioknappar, rullgardinslistor, listboxar, växlar, datumfält

Navigationskomponenter:

Navigationskomponenter: brödkrumma, glidare, sökfält, sidoordning, glidare, taggar, ikoner

Informationskomponenter: verktygstips, ikoner, förloppsindikator, meddelanden, meddelanderutor, modala fönster

Innehållsbehållare: dragspel

Handlingsredskap: verktygstips, ikoner, förloppsindikator, meddelanden, meddelandefält, modala fönster: Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Informationsarkitektur)

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

Informationsarkitektur (IA) handlar om hur en webbplats/app är strukturerad och hur innehållet är organiserat. Målet är att hjälpa användarna att hitta information och utföra uppgifter. ”Med andra ord är informationsarkitektur skapandet av en struktur för en webbplats, en applikation eller ett annat projekt, som gör det möjligt för oss att förstå var vi befinner oss som användare och var den information vi vill ha finns i förhållande till vår position. Informationsarkitektur resulterar i skapandet av webbplatskartor, hierarkier, kategoriseringar, navigering och metadata. När en innehållsstrateg börjar separera innehållet och dela in det i kategorier praktiserar hon informationsarkitektur. När en designer skissar på en toppmeny för att hjälpa användarna att förstå var de befinner sig på en webbplats praktiserar han också informationsarkitektur”- från uxbooth.com

Några kvalifikationer för IA:

1. Erfarenhet av att dokumentera komplexa digitala egenskaper (webbplatser, mobilappar, produkter och systemtjänster)

2. Extremt detaljerad dokumentation, förmåga att hitta diskrepanser, sprickor etc. bland komplex dokumentation av webbplatser

3. Behärskar Axure, OmniGraffle, Keynote samt Visio och andra program som är direkt relaterade till IA

4. Analyserar tillgänglig information och tillgångar för att bedöma optimal IA-strategi

Stark kommunikationsförmåga (skriftlig och muntlig) och förmåga att presentera effektivt för byrå- och kundpersonal

5. Behöver vara analytisk, hårt arbetande, kreativ, nyfiken och intresserad av människor och idéer

6. Måste vara en självsäker och motiverad självgående person

IxD (Interaction Design)

Definition av IxD: ”Interaction Design (IxD) definierar strukturen och beteendet hos interaktiva system. Interaktionsdesigners strävar efter att skapa meningsfulla relationer mellan människor och de produkter och tjänster som de använder, från datorer till mobila enheter till apparater och vidare. Våra metoder utvecklas i takt med världen.”- från ixda.org

IxD-designer är de personer som ansvarar för webbplatsernas/apparnas rörliga element & interaktioner. Om du har sett en häftig animation på en webbplats eller app, som fick dig att säga wow eller som är riktigt häftig, är det sådant som rörelsedesigners gör.

Arbetsbeskrivning för IxD-designer på Google:

I rollen som interaktionsdesigner tar du dig an komplexa uppgifter och förvandlar dem till intuitiva, lättillgängliga och lättanvända konstruktioner för miljarder människor runt om i världen – från den förstagångsanvändare som använder dem till den sofistikerade experten. För att uppnå detta mål krävs samarbete med team av designers, forskare, ingenjörer och produktchefer under hela designprocessen – från att skapa användarflöden och trådramar till att bygga mockups och prototyper för användargränssnitt. I varje skede kommer du att förutse vad våra användare behöver, förespråka dem och se till att slutprodukten överraskar och gläder dem.

Så i ett förenklat och användarvänligt nötskal är UX-design hur en användare känner för apparna, UI-design är vad, var och hur elementen fungerar i apparna, informationsarkitektur är hur en app är organiserad och interaktionsdesign är hur användaren och appen agerar och reagerar på varandra.

Sist men inte minst är gränserna mellan var och en av dessa olika designroller mycket flytande. IxD är ganska lik UX-design i sitt tillvägagångssätt eftersom det är en del av UX-designcykeln, så i vissa fall kan dessa roller ha en hel del överlappning.

Lämna ett svar

Din e-postadress kommer inte publiceras.