förstå digitala Designvillkor: IA, UI och UX

Om du har spenderat någon tid i världen av webbdesign och utveckling har du förmodligen blivit översvämd med akronymer som UX, UI, IA och bortom. Du har förmodligen läst om dem, och säkert har sett arbetstillfällen för dem.

men vad är de exakt? Och vad är deras skillnader?

dessa akronymer är en del av digital design, och de fokuserar främst på användarupplevelse (UX) – så det finns en! Och medan de kan kretsa kring slutanvändaren – deras resa, köparens tratt och önskan att skicka dem till omvandlingar — har de alla lite olika betydelser.

Vad är IA?

informationsarkitektur

IA står för informationsarkitektur. I stort sett är informationsarkitektur arrangemanget av saker som ska vara förståeligt. Inom webbdesign och utveckling, Usability.gov definierar IA som ” organisering, strukturering och märkning på ett effektivt och hållbart sätt.”

medan ingenjörer och datavetare kan använda IA för att definiera hur de bygger programvara, definieras IA i webbdesign ofta av etiketter som navigering och sidnamn. Den står för webbplatsens eller appens struktur och webbplatskarta.

information Architecture Institute säger att ” informationsarkitektur handlar om att hjälpa människor att förstå sin omgivning och hitta det de letar efter, i den verkliga världen såväl som online.”Från att utforma gångarna i livsmedelsbutiker till webbplatser kan information som hjälper människor att hitta vad de behöver betraktas som IA.

IA följer också andra viktiga delar av webbpusslet, inklusive men inte begränsat till:

  • webbplatskartor
  • taxonomier och kategorisering
  • Tvärbindningsstrategier
  • Parent-child sidrelationer
  • sidstruktur och informationshierarki
  • Metadatastruktur

de som utför IA letar också efter viktiga relationer mellan innehåll och tillgångar, bygga anslutningar eller vägar som sökmotorer kan använda för att skapa och användare kan enkelt följa.

vem gör IA?

en utvecklare från Bayut förklarar att informationsarkitektur är ett viktigt steg i alla större webbprojekt och kan göras av en mängd experter, inklusive webbdesigners, innehållsstrateger och dedikerade informationsarkitekter.men medan en person eller ett team kan vara mest kunnig i IA, är det en gemensam färdighet att förstå det strategiska beslutet att göra användbara, informativa etiketter som hjälper dina användare att navigera i din digitala närvaro.

IA spelar också en viktig roll i användargränssnittet.

IA-resurser

för att lära dig mer om IA, kolla in dessa användbara resurser:

  • Slickplan ’ s information Architecture Learning Center
  • 3 sätt att lära sig informationsarkitektur online
  • Usability.gov informationsarkitektur
  • Nielsen Norman Group-skillnaden mellan informationsarkitektur och navigering

vad är UI?

användargränssnitt

UI står för användargränssnitt, och hänvisar i allmänhet specifikt till gränssnittsdesign eller webbdesign. Medan IA fokuserar på grunden för hur information relaterar till varandra, fokuserar UI på hur den erfarenheten och anslutningen ser ut och fungerar för slutanvändaren.

UI, i stort sett, är närmast associerad med grafisk design. Webbdesigners förlitar sig på kreativitet och förståelse för IA och primära målgrupper och uppdrag för att hjälpa till att bygga en design som uppfyller deras behov. Från färgpaletter och bildval till animationer, designers — eller UI — experter-försöker få varumärkets stil och upplevelse till liv för användare på andra sidan skärmen.

enklare definierar UserTesting UI som ” allt som en användare kan interagera med för att använda en digital produkt eller tjänst.”Från webbplatser till appar till smartphones beror alla interaktioner vi har med digitala upplevelser på en UI-experts arbete.

enligt Interaction Design Institute är användargränssnittet mest värdefullt för användare när det utför grundläggande webbregler som:

  • konsekvent användning av knappar – knappar på en webbplats eller app fungerar på samma sätt, oavsett var den placeras
  • Håll enkelhet i åtanke – Det är OK om det finns blanksteg. Ibland blir det bästa användargränssnittet ur vägen och ger den viktigaste informationen i den enklaste formen. Respektera användarens uppmärksamhet och behov före din egen estetik.
  • använd animering sparsamt – det kan vara en lätt distraktion, speciellt om det inte är animering som driver konvertering. Animering för animations skull kan ofta komma i vägen.
  • lita på återanvändbara designmönster-Håll en stilguide till hands och använd en konsekvent stil på alla sidor på webbplatsen eller appen. Undvik ” digital whiplash ”och få användare att” lära om ” sidans struktur genom att hålla varje sida konsekvent i dess layout, utseende och funktioner.

vem gör UI?

användargränssnittet är oftast anpassat till grafiska designers, som tidigare nämnts. Grafiska designers arbetar dock ofta nära webbutvecklare (eller kodare), liksom innehållsstrateger för att samarbeta.

precis som IAS hjälper strategiskt samarbete bland webbexperter till att säkerställa att de väsentliga elementen — från varumärkesstil till avsedda konverteringspunkter — uppfylls inom designupplevelsen.

UI och IA är båda väsentliga för den övergripande UX-eller användarupplevelsen.

UI-resurser

för att lära dig mer om UI, kolla in dessa användbara resurser:

  • Slickplan ’ s User Interface (UI) bloggar
  • Usability.gov User Interface Design Basics
  • Vad är User Interface (UI) Design? – Interaktionsdesign Foundation

Vad är UX?

användarupplevelse

UX står för användarupplevelse eller användarupplevelse design. Medan UI fokuserar på design, och IA fokuserar på organisering av information, fokuserar UX på allt: Paraplyet för upplevelsen som levereras till användarna.

användarupplevelse är viktigt eftersom att förstå hur användare ska (eller för närvarande) interagera med din webbplats eller app Driver viktiga förändringar för att förbättra deras upplevelse.

Peter Morville på Semantic Studios använder en honeycomb-modell för att visa relationerna mellan färdigheter som går in i UX inklusive:

  • användbar
  • användbar
  • önskvärd
  • sökbar
  • tillgänglig
  • trovärdig
  • värdefull

i UX kommer experter med denna titel eller inom detta område att fokusera på Användardata, personas och användarresekartor för att förstå utmaningar, frågor och behov hos målgruppen eller slutanvändaren.

Godfathers of user experience Don Norman och Jakob Nielsen, grundare av den berömda Nielsen Norman Group, definierar användarupplevelse som något som ” omfattar alla aspekter av slutanvändarens interaktion med företaget, dess tjänster och dess produkter.”

lyckligtvis är UX ett sådant växande fält, och det finns en mängd kunskap och lärande för att hjälpa till att få någon igång i rätt riktning. Det finns också många ”tentakler” och underaktiviteter av UX som gör det så viktigt, inklusive:

  • användartestning-att lära sig hur användare interagerar med produkter, tjänster eller varumärken som ditt kan hjälpa till att driva riktningen för att få kontakt med de målanvändare du söker. Användartestning åstadkommer detta, från fokusgrupper till fjärrtestning via onlineplattformar. Detta är också praktiskt för att testa prototyper innan utveckling eller byggnad börjar.
  • användarforskning – liksom användartestning är användarforskning lika viktig. Vissa användarundersökningar kan göras i en testmiljö, och andra kan göras genom att undersöka analyser och data. Användarforskning och analys kan hjälpa till att avslöja hur användare hittar din webbplats och de nyckelord de använder för att komma dit, vilket kan vara till hjälp för att utveckla upplevelsen eller göra förbättringar.
  • Wireframe development-Building wireframes är något UX-proffs ofta har till uppgift att göra. Efter att ha förstått användarnas behov lägger wireframes ut” skelettet ” på webbplatsen eller appen, hur bitar fungerar tillsammans och hur användaren – helst – ska trampa igenom upplevelsen.
  • tillgänglighet och användbarhet – framför allt har UX-proffs en skyldighet att se till att webbplatsen eller appen håller upp till användbarhet (det fungerar) och tillgänglighet (det fungerar för alla). Att förstå hur användare med specifika behov skulle komma åt innehållet eller konvertera online, driver många viktiga beslut som styr innehålls-och designexperter. På samma sätt säkerställer webbplatsens förmåga att arbeta på alla enheter eller plattformar att det är lätt att använda för alla.
  • samarbete med andra experter – alla med en specifik UX-Titel samarbetar ofta med UI (design) och IA (content strategy), som hjälper till att beskriva navigeringen i wireframe och designen för konceptet. Den person som har till uppgift att UX fungerar som en lagkamrat, vägleda vad de lärt sig från användaren testning och forskning för att driva beslut.

vem gör UX?

användarupplevelsen har vuxit till en roll eller titel som individer eller lag har, men på vissa ställen är det fortfarande en del av förväntningarna hos designers och innehållsstrateger. UX, eller UX-design, anses vara en nödvändig färdighet i dagens webbdesignvärld, och även om någon inte håller UX i sin titel, är det underförstått i andra roller.

UX Resources

för att lära dig mer om UX, kolla in dessa användbara resurser:

  • Slickplan ’ s UX Design blogs
  • Vad är användarflöde?
  • Vad är användarupplevelse Design? – Smashing Magazine
  • användbarhet.Gov user Experience Basics
  • UX Training av Nielsen Norman Group

ett ständigt utvecklande fält

som alltid med webben är det bra att hålla fingret på pulsen på vad som förändras. När enheter blir mer avancerade och hur människor använder webben och apparna ändras med tiden, så kommer IA, UI och UX-rollerna.

för att hålla jämna steg med branschen, följ Slickplans blogg för fler tips, artiklar och insikter i detta utvecklande område.

skriven av Erin Schroeder

Erin Schroeder är en senior innehållsstrateg och författare på Geonetric, där hon hjälper vårdvarumärken att organisera användarförsta webbplatser, innehållsmarknadsföring och varumärkesmeddelanden. Som tidigare journalist förlorade hon aldrig sin kärlek att skriva. Du kommer också att se hennes artiklar om innehållsstrategi och användarupplevelse på webben, inklusive UX Collective, UX Booth och Prototypr.

taggar: Informationsarkitektur, användarupplevelse, användargränssnitt, webbdesign

Lämna ett svar

Din e-postadress kommer inte publiceras.