UI vs. UX: En kulinarisk sammenligning
Hvis tittelen på denne artikkelen trakk deg inn, er det en god sjanse for at du har sett et slags Venn-diagram med et dusin sirkler som viser overlappingen mellom brukergrensesnitt (UI) og brukeropplevelse (UX). Denne artikkelen bestrider ikke noe av det. Men det forklarer UI vs. UX på en alternativ måte.
En av de kraftigste teknikkene en UX-designer kan bruke er historiefortelling. Historier lar publikum forholde seg til et emne på en mer meningsfull måte og forhåpentligvis hjelpe dem til å forstå det bedre.
Utforsk designressurser
Matlageanalogien
La oss starte med å gå ut av den digitale verdenen.
Opplevelsen og maten er koblet, men likevel adskilt.Tenk på tankene som går ut på å tilberede et måltid. Gode ingredienser øker sannsynligheten for å lage en velsmakende rett; Imidlertid er måten disse ingrediensene tilberedes og kombineres også veldig viktig. I tillegg er paringen av retter i et måltid eller på tvers av kurs viktig.
Et godt måltid består av ingredienser satt sammen og manipulert med vilje for å skape en tiltalende smak som er større enn summen av delene. Dette er hva et godt brukergrensesnitt gjør.
Og likevel går opplevelsen utover måltidet!
Ved å fokusere på maten, har vi ikke snakket i det hele tatt om kundens mål for måltidet, eller forventningene deres gitt pengene de har betalt. Et firestjerners måltid kan være passende for en jubileumsmiddag, men helt galt hvis kafeen først og fremst er interessert i å få en rask matbit før han drar på et viktig møte. Og nivået på tilfredshet fra en hamburger avhenger mye av om du betalte $ 5 eller $ 50 for det.
Opplevelsen og maten er koblet, men likevel adskilt.
Tenk på restaurantene i ditt område. Hvorfor holder noen av dem seg i flere tiår mens andre kommer og går? Er det fordi de langvarige har den beste maten og de andre har det dårligst? Det er absolutt en faktor, men den større opplevelsen er en bedre indikator. Hvordan er tjenesten? Hva er stemningen? Er beliggenheten praktisk? Lokker de deg med kuponger eller "happy hour" -rabatter? Føler du at du får det du betaler for?
Og nå, la oss gå fra det kulinariske flyet til 2D-verdenen av skjermer.
Et dypt dykk i UI-design
Så hva er design av brukergrensesnitt? Det er overraskende vanskelig å definere. Definisjonen av crowddsourced (dvs. Wikipedia) sier i det vesentlige at "design av brukergrensesnitt er utformingen av programvarens brukergrensesnitt", noe som ikke er veldig opplysende.
En bedre måte å forstå det på er gjennom prosessen med å dekonstruere et brukergrensesnitt til områdene som en UI-designer er opptatt av. Det er faktisk flere lag med UI-design og flere faktorer som en UI-designer vurderer når du oppretter et brukergrensesnitt.
UX handler om (opplevd) ytelse
Vent, gjør ikke applikasjonen fort utviklerjobben? Hva har UX å gjøre med hastighet?
La oss si at UI-designeren er kokken på en restaurant. Det er klart de er den viktigste determinanten i hvor raskt maten kommer ut.
Men tenk på hva servitøren / servitøren gjør. De spør deg vanligvis om du vil ha noe å drikke først. Dette krever ingen krefter fra kokken, og det gir kunden noe å gjøre mens de venter. Etter at du har bestilt, bringer de deg litt brød som er tilberedt på forhånd. I løpet av få minutter etter at du satte deg ned drikker og spiser du noe, har du allerede restaurantopplevelse, og du har ikke en gang prøvd noe av den virkelige maten ennå. Til slutt, hvis maten tar ekstra lang tid, vil en god servitør eller servitør oppdatere deg, eventuelt fortelle deg hvor mye lenger du kan forvente å vente.
Selv i en uformell restaurant får du et bestillingsnummer, som gir deg et inntrykk av hvor lenge du må vente.
Å vente 20 minutter på maten uten noe på bordet føles mye lenger enn 20 minutter med et godt glass vin og litt snacks. Det er ikke den absolutte tiden som betyr så mye som den opplevde tiden.
Klar for mer?
Dette utdraget er hentet fra Springboards blogg. Gå videre til Springboards blogg for å lese hele artikkelen om UI vs. UX a Culinary Comparison skrevet av Leon, Springboard Mentor og designer og skribent for Balsamiq.
