![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd330196d.webp\")
<\/a><\/p>\n\n Appens brukergrensesnitt adresserer alle smertepunktene den vanlige rytteren har. Hvor er turen plassert akkurat n\u00e5? Hvor lang tid vil det ta f\u00f8r bilen ankommer f\u00f8rerens plassering? Hvor mye vil rytteren betale? Hva er sj\u00e5f\u00f8rens nummer hvis han m\u00e5 kontaktes? Alle de vitale detaljene rytteren trenger vises i appen p\u00e5 en systematisk m\u00e5te. Selv Uber-nettstedet sier mye om selskapets drivkraft. Hver grafikk, ikon og til og med fontene skriker \u00abbehagelig\u00bb og \u00abenkelt\u00bb.\n<\/p>\n
\n \u00c5 fortelle historier gjennom design involverer systematiske prosesser.
\n<\/h5>\n
\n Som med alt som er bygget for h\u00e5nd (og sinn), m\u00e5 effektiv design f\u00f8lge visse prosesser. Ta for eksempel prosessen med \u00e5 lage et nettsted. Du bygger storyboards f\u00f8r du i det hele tatt begynner \u00e5 lage mock-ups eller wireframes. Hver del av historien din skal inneholde en interaksjon, for eksempel hva som vil skje n\u00e5r brukeren klikker p\u00e5 noe eller ruller ned, og s\u00e5 videre.\n<\/p>\n
\n Braden Kowitz, en kjent brukeropplevelsesdesigner, foresl\u00e5r \u00e5 lage en serie narrative use cases for produktet ditt som illustrerer hvert trinn i brukerens reise. Han kaller det en historiesentrert designprosess. Med dette kan du simulere brukeropplevelsen og identifisere alle mulige utfall, og som et resultat vil designbeslutningene dine v\u00e6re helt basert p\u00e5 hvordan folk velger \u00e5 bruke produktet ditt.\n<\/p>\n
\n Dette er i sterk kontrast til en skjermsentrert design, der du presenterer eller lager en gjennomgang av et brukergrensesnitt mens en viser en bl\u00e5kopi. \u00c5 vise tegninger betyr at du bare teller opp hvordan hvert element faller inn i planen. «Problemet er at,» sier Kowitz, «n\u00e5r design presenteres p\u00e5 denne m\u00e5ten, bygger du bare en forst\u00e5else av hvordan produktet ser ut. Du fokuserer ikke p\u00e5 hvordan produktet fungerer, og du simulerer ikke hvordan kundene samhandler med det.\u00bb\n<\/p>\n
\n Kowitz foresl\u00e5r ogs\u00e5 \u00e5 bruke verkt\u00f8y som Adobe Fireworks og screencast-programmer n\u00e5r du gjengir historiene dine bortsett fra den vanlige visuelle designprogramvaren Adobe Photoshop og Adobe Illustrator. Ikke lag for nettet ved bare \u00e5 designe individuelle skjermer.\n<\/p>\n
\n N\u00e5r du \u00f8ver p\u00e5 \u00e5 ta i bruk denne disiplinen, vil designprosessen din v\u00e6re mye enklere. Du kan ogs\u00e5 fremheve designfeil som ofte blir oversett. Du kan ogs\u00e5 v\u00e6re klar over hvorvidt du oppfyller designm\u00e5lene dine etter hvert som du g\u00e5r videre. I tillegg vil du kunne jobbe raskere n\u00e5r du har alle deler av prosessen dekket eller behandlet.\n<\/p>\n
\n M\u00e5ten du forteller din designhistorie har ogs\u00e5 betydning.
\n<\/h5>\n
\n I hvert designprosjekt m\u00e5 du f\u00f8rst sette scenen for historien din. Bakgrunner og stemninger betyr like mye som ditt faktiske budskap og \u00f8nskede resultater. Hvordan vil historien din pakke seg?\n<\/p>\n
- \n
- \n Legg inn en personlig historie.<\/strong> Du m\u00e5 kunne appellere til sansene til publikum. Hvis dette er vanskelig for deg, m\u00e5 du v\u00e6re i stand til \u00e5 finne en m\u00e5te \u00e5 inkludere publikum i historien din. Folk m\u00e5 kunne forholde seg til smertepunktene dine for at de skal kunne handle.\n <\/li>\n
- \n Si det uventede.<\/strong> Ikke f\u00e5 en bruker til \u00e5 g\u00e5, \u00abJeg har sett dette mange ganger. Hvorfor skulle jeg tro dette?» Ikke la publikum bli skeptiske. F\u00e5 oppmerksomheten deres ved \u00e5 gj\u00f8re noe nytt. Ikke bruk formeltekst eller altfor kjent grafikk eller lyder.\n <\/li>\n
- \n Utfordre konvensjonell visdom.<\/strong> Hvem visste at disse dumme emojiene kan forbedres? De har v\u00e6rt en del av tekst- og meldingskulturen s\u00e5 lenge, men i dag kan du til og med legge ved bevegelige versjoner av dem som objekter i videoer. Folks oppmerksomhetsspenn blir kortere for hvert minutt, s\u00e5 som designer m\u00e5 du hele tiden finne m\u00e5ter \u00e5 forbedre selv de enkleste, mest brukte tingene for \u00e5 forhindre at de blir kjedelige.\n <\/li>\n
- \n Hekt dem med nyhet.<\/strong> Introduser noe nytt med hver historie. Ta med data for \u00e5 validere p\u00e5standene dine. Har du noen gang lurt p\u00e5 hvorfor hjernen din har lyst p\u00e5 infografikk? Det tar folk lengre tid \u00e5 behandle ny informasjon som presenteres for dem. Med infografikk er folk i stand til \u00e5 behandle symboler og tall i l\u00f8pet av millisekunder og er i stand til \u00e5 gi dem mening umiddelbart. De er lette \u00e5 ford\u00f8ye og ekstremt engasjerende.\n <\/li>\n
- \n Still provoserende sp\u00f8rsm\u00e5l.<\/strong> Vellykkede designhistorier vil tvinge publikum til \u00e5 handle. F\u00e5 alltid potensielle kunder eller kunder til \u00e5 tenke. Hva st\u00e5r p\u00e5 spill? Hva skjer etterp\u00e5? P\u00e5 denne m\u00e5ten f\u00e5r du historien din til \u00e5 feste seg.\n <\/li>\n<\/ul>\n
\n Noen fantastiske eksempler \u00e5 ta utgangspunkt i.\n<\/p>\n
\n N\u00e5 som du vet hvorfor god historiefortelling er viktig og hva god historiefortelling inneb\u00e6rer, er det p\u00e5 tide \u00e5 utforske flere gode eksempler p\u00e5 overbevisende visuell historiefortelling.\n<\/p>\n
\n 1 Bellroy \u2013 Slank lommeboken din
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3528ec7.webp\")
<\/a> Slank lommeboken din. Kilde<\/a><\/p>\n\n Denne er et veldig fint eksempel p\u00e5 en designhistorie gjort godt. Den presenterer deg for et allerede eksisterende problem (i dette tilfellet fete lommeb\u00f8ker) og viser deg hvordan produktet vil l\u00f8se problemet, side ved side. Det er ogs\u00e5 en kort instruksjon om hva brukeren skal gj\u00f8re: «Flytt glidebryteren for \u00e5 sammenligne lommeb\u00f8ker.» Enkel formulering, men likevel s\u00e5 presis. Ikke alltid anta at noen som bes\u00f8ker nettstedet ditt automatisk vet hva de skal gj\u00f8re.\n<\/p>\n
\n 2 Atlassian \u2013 Sl\u00f8sing med tid p\u00e5 jobben
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd388ca2c.webp\")
<\/a> Sl\u00f8sing med tid p\u00e5 jobben. Kilde<\/a><\/p>\n\n Atlassians interaktive infografikk tar deg ved h\u00e5ndleddet med dette foruroligende faktum: du kaster bort mye tid p\u00e5 jobben. Den gir deg deretter statistikk for \u00e5 st\u00f8tte denne p\u00e5standen. Selv om det er helt ny informasjon, er det et ganske kjedelig tema. Det som gj\u00f8r det effektivt er at det presenteres p\u00e5 en m\u00e5te som er interaktivt og sprudlende av farger, samtidig som det formidler en f\u00f8lelse av profesjonalitet. Farger fanger oppmerksomhet og bidrar til \u00e5 understreke viktig informasjon.\n<\/p>\n
\n 3 Slack \u2013 NASA-omtale p\u00e5 hjemmesiden
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3b9a629.webp\")
<\/a> NASA-omtale p\u00e5 hjemmesiden. Kilde<\/a><\/p>\n\n For en tid hadde produktivitets- og meldingsappen Slack en veldig smart inkludering p\u00e5 hjemmesiden deres. De presenterte NASA Jet Propulsion Lab, en verdsatt kunde, med kopien «En meldingsapp for team som setter roboter p\u00e5 Mars!!» sammen med et bilde av Mars som heltebilde. Det er en historie i seg selv. Slack \u00f8nsker tydeligvis \u00e5 antyde at produktet er godt nok for teamet ditt fordi selv NASA-forskere bruker det. N\u00e5r du designer for et produkt, m\u00e5 du umiddelbart kunne tilby verdiforslag med bare ett utseende. Fortell publikum hvorfor du skiller deg ut uten \u00e5 overlove hva du vil levere.\n<\/p>\n
\n 4 Twoodie \u2013 \u00d8kologiske treleker for babyer
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3d63724.webp\")
<\/a> \u00d8kologiske treleker for babyer. Kilde<\/a><\/p>\n\n Det er ikke de tekniske aspektene ved nettstedet som vil trekke deg inn, men historiefortellingen som f\u00f8lger med bildene p\u00e5 nettstedet. For \u00e5 fremheve det de tilbyr, er alt i gr\u00e5toner bortsett fra de faktiske lekene. Dette fremkaller en f\u00f8lelse av renhet og enkelhet. Betrakteren er laget for \u00e5 holde p\u00e5 l\u00f8ftet om at merket er helt b\u00e6rekraftig, trygt og organisk med design som er gjennomtenkt.\n<\/p>\n
\n Det visuelle vil alltid v\u00e6re essensen av designet. Men oppslukende historiefortelling er ogs\u00e5 like viktig, s\u00e5 det l\u00f8nner seg virkelig \u00e5 tenke p\u00e5 historien du vil fortelle. Gj\u00f8r det til et poeng \u00e5 inkludere dette i designprosessen din og koble den interessante historien til design, farger, bilder, fonter og effekter. N\u00e5r du er ferdig, evaluer om historien fungerer eller ikke, eller om den gir en varig innvirkning. S\u00f8rg for at designet ditt kobles til sansene, skaper nye opplevelser og genererer varige resultater.\n<\/p>\n<\/p>\n
- \n Si det uventede.<\/strong> Ikke f\u00e5 en bruker til \u00e5 g\u00e5, \u00abJeg har sett dette mange ganger. Hvorfor skulle jeg tro dette?» Ikke la publikum bli skeptiske. F\u00e5 oppmerksomheten deres ved \u00e5 gj\u00f8re noe nytt. Ikke bruk formeltekst eller altfor kjent grafikk eller lyder.\n <\/li>\n