{"id":23529,"date":"2022-02-08T06:36:47","date_gmt":"2022-02-08T04:36:47","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=23529"},"modified":"2022-02-08T06:37:03","modified_gmt":"2022-02-08T04:37:03","slug":"ui-vs-ux-hva-er-forskjellen-mellom-user-interface-design-og-user-experience-design","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/no\/ui-vs-ux-hva-er-forskjellen-mellom-user-interface-design-og-user-experience-design\/","title":{"rendered":"UI vs UX: hva er forskjellen mellom User Interface Design og User Experience Design?"},"content":{"rendered":"\n

UI vs UX: hva er forskjellen mellom User Interface Design og User Experience Design?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

UI st\u00e5r for User Interface Design, og UX Design er forkortelse for User Experience Design. Med denne forskjellen er det \u00e5penbart at mens brukergrensesnittet handler om estetiske elementer p\u00e5 nettstedet, fokuserer UX p\u00e5 opplevelsen en bruker har med nettstedet eller produktet. <\/p>\n\n

I lekmannstermer. UI handler om dekorasjonene du legger inn mens du bygger et hus, mens UX handler om fundamentet og strukturen til huset. P\u00e5 samme m\u00e5te, n\u00e5r du bygger et hus, tenker du p\u00e5 fundamentet, og hvor sterkt det ville v\u00e6re, og s\u00e5 ville du fortsette \u00e5 forskj\u00f8nne ved \u00e5 koble sammen rommene, trappene og gulvene i huset. N\u00e5r fundamentet er ferdig, og huset er bygget, kan du begynne \u00e5 tenke p\u00e5 \u00e5 gj\u00f8re huset enda mer tiltalende, bestemme veggfargene, dekorasjonene og alle de andre tilleggene du gj\u00f8r for \u00e5 gj\u00f8re huset estetisk tiltalende og fantastisk. <\/p>\n\n

La oss n\u00e5 g\u00e5 litt dypere inn i de to<\/strong><\/h3>\n\n

Tidligere var livet enkelt, med nettsteddesignere som hadde den enkle oppgaven \u00e5 designe et funksjonelt nettsted, og brukergrensesnittet og brukergrensesnittet var ikke s\u00e5 oppdelt. Men etter hvert som designindustrien vokste og modnet, ble skillet mellom de to st\u00f8rre, og rollene ble mer spesifikke. Det er imidlertid viktig \u00e5 forst\u00e5 at b\u00e5de UI og UX ikke konkurrerer med hverandre, snarere utfyller de hverandre, fordi det ene ikke kan eksistere uten det andre. <\/p>\n\n

Hva er UX-design?<\/strong><\/h3>\n\n

UX Design handler om din brukers reise mens personen samhandler med produktet, helt fra start til slutt p\u00e5 en f\u00f8lelsesmessig m\u00e5te. Hele grunnlaget for UX-design er brukervennlighet, og hvordan brukeren liker \u00e5 bruke produktet.<\/p>\n\n

For \u00e5 gj\u00f8re dette aspektet vellykket, m\u00e5 designeren v\u00e6re kjent med brukeren, deres behov og m\u00e5l, til og med deres kamper. For eksempel p\u00e5 et e-handelsnettsted b\u00f8r prioriteringen v\u00e6re \u00e5 gj\u00f8re det enkelt for brukeren \u00e5 finne produktet de leter etter, og foreta et problemfritt kj\u00f8p. Mange trinn er involvert for \u00e5 f\u00e5 dette til, for med mindre nettstedet er lett \u00e5 navigere, vil ingen bes\u00f8ke. Dersom produktet ikke er tilgjengelig, m\u00e5 brukeren enkelt ha et alternativ. Designeren kan bruke ulike data som er tilgjengelige for ham for \u00e5 sikre enkel kundereise. <\/p>\n\n

S\u00e5 du kan si at utviklingen av UX begynte med utviklingen og veksten av brukergrensesnittet, fordi det gir noe for brukerne \u00e5 samhandle, positivt, negativt eller n\u00f8ytralt. <\/p>\n\n

Her er noen oppgaver til enUX-designer<\/strong> :<\/h3>\n\n

Gjennomf\u00f8re brukerunders\u00f8kelser<\/strong><\/p>\n\n

UX-designeren vil gjennomf\u00f8re brukerunders\u00f8kelser for \u00e5 f\u00e5 en f\u00f8lelse av hva brukeren \u00f8nsker. Dette gj\u00f8res gjennom intervjuer, unders\u00f8kelser, observasjoner mm. Under forskningen vil designeren identifisere smertepunktene til kunden, og kanskje til og med lytte til forslagene deres. Det vil definitivt v\u00e6re mer enn \u00e9n id\u00e9 for \u00e5 l\u00f8se kundens problemer, s\u00e5 designeren m\u00e5 brainstorme p\u00e5 de forskjellige ideene, og bestemme hva som er gjennomf\u00f8rbart og ikke. Fra alle mulige ideer ville den mest levedyktige bli valgt. <\/p>\n\n

Ta opp brukervennligheten<\/strong><\/p>\n\n

Brukbarhet er relatert til brukeropplevelse, i den forstand at den svever et sted mellom nytte og \u00f8nskelighet. S\u00e5 n\u00e5r du har kommet opp med en levedyktig l\u00f8sning for brukerens problem, m\u00e5 du ogs\u00e5 adressere brukervennligheten. Brukervennlighetsfaktoren handler om hvordan man im\u00f8tekommer brukerens behov og \u00f8nsker. <\/p>\n\n

Lage en strategisk plan<\/strong><\/p>\n\n

I neste steg mot UX Design lager utvikleren en strategisk plan for \u00e5 lage produktet, her en nettside, og s\u00f8rger for at planen ikke bare involverer hva kundene \u00f8nsker, men hva investorene og interessentene ogs\u00e5 ber om. <\/p>\n\n

Prototyping<\/strong><\/p>\n\n

Prototyping er en annen viktig fase i designsprintene. Dette trinnet kommer etter at en levedyktig id\u00e9 er bestemt, s\u00e5 prototypen vil v\u00e6re en eksperimentell modell av produktet. Dette b\u00f8r samsvare godt med det kundene og interessentene trenger, s\u00e5 det er forskjellige m\u00e5ter prototypen kan lages p\u00e5 – det kan v\u00e6re papirprototyping, bare skisser til digitale mockups p\u00e5 h\u00f8yt niv\u00e5. <\/p>\n\n

Det vil hjelpe deg \u00e5 presse en l\u00f8sning som vil v\u00e6re til nytte for selskapet og brukerne. Det beste med prototyping er at du kan tilpasse endringer tidlig, vise ideen til brukerne for \u00e5 se om de liker den. \u00c5 ha en tidlig prototype bidrar til \u00e5 forhindre kostbare feil. <\/p>\n\n

Hva erUI-design<\/strong>?<\/h3>\n\n
\"\"<\/a><\/figure><\/div>\n\n

UI eller brukergrensesnitt er eiendelen som brukeren samhandler med. S\u00e5 det vil handle mer om utformingen av hvert produktelement som tekst, knapp og andre grensesnittelementer. Og hvordan disse elementene ser ut og fungerer. UI fokuserer ikke bare p\u00e5 det estetiske aspektet ved nettstedet, men p\u00e5 effektiviteten, tilgjengeligheten og responsen til nettstedet i sin helhet. <\/p>\n\n

De forskjellige elementene i UI-design<\/strong><\/h3>\n\n

UI-elementene faller inn i fire hovedkategorier:<\/p>\n\n

Navigasjonskomponenter<\/strong> \u2013 Disse komponentene hjelper brukeren med \u00e5 navigere rundt p\u00e5 nettsiden, for eksempel hamburgermenyen p\u00e5 Android og fanelinjer p\u00e5 Apple-enheter. <\/p>\n\n

Inndatakontroller<\/strong> – Gjennom disse kontrollene kan brukere legge inn informasjon i systemet. Brukerne kan velge informasjonen de trenger fra en rekke inndata, noe som gj\u00f8r det lettere for dem \u00e5 legge inn informasjon. <\/p>\n\n

Informasjonskomponenter<\/strong> – Disse komponentene inkluderer verkt\u00f8ytips, varsler, meldingsbokser, ikoner, fremdriftslinjer osv., og hvordan denne informasjonen deles med brukerne. <\/p>\n\n

Containere<\/strong> – En container i UI fungerer som et element som er opprettet for \u00e5 inneholde sideelementene til en viss, rimelig bredde i forhold til brukerens skjerm. Dette kan kombineres med andre brukergrensesnittelementer (for eksempel rutenett, meny) for bedre visning. <\/p>\n\n

UI-forskning<\/strong><\/h3>\n\n

UI-designet inneb\u00e6rer ogs\u00e5 forskning fordi sluttproduktet m\u00e5 utformes med brukerbehov og forventninger. For dette jobber UI-designerne og UX-designerne sammen for \u00e5 vite om m\u00e5lene for prosjektet og publikumsforventningene oppfylles. UI-designerne vil forske p\u00e5 de beste visuelle elementene som vil fungere med de beste, fargepalettene, fronttypene, m\u00f8nstrene osv.<\/p>\n\n

Konklusjon<\/strong><\/h3>\n\n

Kombinasjonen av de to er s\u00e5 viktig for \u00e5 levere utmerket brukeropplevelse av produktet. N\u00e5r brukere sammenligner et produkt, vil det imidlertid v\u00e6re UX-designet som fungerer som skillet n\u00e5r det kommer til produktene dine og konkurrentens. Folk som opplever d\u00e5rlig UX vil helt sikkert g\u00e5 over til konkurrerende produkter.<\/p>\n\n

S\u00e5 faktisk konkurrerer de ikke med hverandre, men utfyller funksjonene deres for \u00e5 sikre at brukerne navigerer p\u00e5 nettstedet uten problemer. Hvis brukergrensesnittet er bra, men brukergrensesnittet ikke er behagelig nok, kan de bli motet fra \u00e5 komme tilbake, og omvendt. <\/p>\n\n

Kort fortalt handler UI om hvordan brukeren samhandler med nettsidens visuelle og tekniske komponenter, og UX handler om helhetlig opplevelse gitt til brukeren. <\/p>\n\n

Interessante lenker:<\/strong><\/h3>\n\n

Mer informasjon om UI og UX Design<\/a><\/p>\n\n

Noen av likhetene og forskjellene mellom UX-design og UI-design<\/a><\/p>\n\n

Bilder: Canva<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

Forfatteren: Sascha Thattil jobber p\u00e5 Software-Developer-India.com som er en del av YUHIRO Group. YUHIRO er en tysk-indisk bedrift som tilbyr programmerere til IT-selskaper, byr\u00e5er og IT-avdelinger. <\/p>\n