{"id":257444,"date":"2023-07-06T07:26:00","date_gmt":"2023-07-06T04:26:00","guid":{"rendered":"https:\/\/inform.click\/hvordan-presentere-et-webdesign-for-kunden\/"},"modified":"2023-07-06T07:50:00","modified_gmt":"2023-07-06T04:50:00","slug":"hvordan-presentere-et-webdesign-for-kunden","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/hvordan-presentere-et-webdesign-for-kunden\/","title":{"rendered":"Hvordan presentere et webdesign for kunden"},"content":{"rendered":"<p>\n  Suksessen til designet ditt er ikke bare avhengig av din evne til \u00e5 skape noe visuelt tiltalende, men ogs\u00e5 p\u00e5 din evne til \u00e5 selge det.\n<\/p>\n<p>\n  Som profesjonell designer b\u00f8r du vite hvordan du kan kommunisere med kunden din og presentere produktet ditt p\u00e5 best mulig m\u00e5te. Jo bedre presentasjon, jo st\u00f8rre sjanse for at prosjektet blir godkjent.\n<\/p>\n<p>\n  I denne artikkelen vil vi dele noen hemmeligheter for en effektiv presentasjon og noen triks for \u00e5 f\u00e5 kundene dine til \u00e5 bli forelsket i arbeidet ditt. Vi starter med antall alternativer du b\u00f8r presentere kunden din for.\n<\/p>\n<h5>\n  Hvor mange designalternativer b\u00f8r jeg presentere?<br \/>\n<\/h5>\n<p>\n  Sheena Iyengar, en verdenskjent ekspert p\u00e5 valg og beslutningstaking, sier at en rekke valg kan trekke forbrukernes oppmerksomhet, men samtidig overvelde og forvirre dem. Det vil si at for mange forbrukere vil bare velge noe selv om det kanskje ikke er det beste alternativet.\n<\/p>\n<p>\n  Hvorfor presentere flere alternativer, inkludert de du ikke er s\u00e5 sikker p\u00e5? Hvis du tilbyr for mange alternativer, kan det hende at klienten din ignorerer favorittdesignet ditt. Dette er grunnen til at vi anbefaler \u00e5 presentere kun den endelige prototypen.\n<\/p>\n<p>\n  Dette betyr imidlertid ikke at du bare skal vise ett bilde. Fortell hele historien helt fra starten, og gi \u00f8yeblikksbilder av prosjektet ditt p\u00e5 ulike stadier. Forklar beslutningene du har tatt og hvordan de oppfyller kundens forretningsm\u00e5l. Veiled klienten din gjennom alle iterasjonene du har g\u00e5tt gjennom for \u00e5 komme opp med en l\u00f8sning p\u00e5 problemet deres. Dette vil snakke med ekspertisen din og bevise at du ikke bare har tegnet om et eksisterende design, men heller utf\u00f8rt en stor mengde arbeid.\n<\/p>\n<p>\n  Hovedpersonen i designhistorien din er deg. Kunder vil se og d\u00f8mme deg etter dine ord og handlinger. Derfor b\u00f8r du tenke p\u00e5 hva du vil si p\u00e5 forh\u00e5nd.\n<\/p>\n<p>\n  Hvordan sjarmere kunder med presentasjonen din\n<\/p>\n<p>\n  Noen ganger, n\u00e5r du presenterer designet ditt, kan du sette i gang en mengde spekulasjoner, avsl\u00f8re for mye informasjon eller gj\u00f8re klienten din lei. Det er \u00e5penbart ikke det du virkelig \u00f8nsker \u00e5 gj\u00f8re. Hvis du vil levere en jevn presentasjon, pr\u00f8v \u00e5 ordne den ved \u00e5 bruke disse fem trinnene:\n<\/p>\n<h5>\n  1 Formuler problemet<br \/>\n<\/h5>\n<p>\n  Hva b\u00f8r du gj\u00f8re f\u00f8rst? Sett forventninger til publikummet ditt: kunngj\u00f8r hva kundene dine er i ferd med \u00e5 se og hva de f\u00e5r ut av det. Formuler problemet som ble stilt p\u00e5 ditt f\u00f8rste m\u00f8te, oppgaven du har jobbet med (f.eks. \u00e5 lage et raskt og flott design for en netttreningsapp), og tiln\u00e6rmingene du har brukt for \u00e5 h\u00e5ndtere dette problemet.\n<\/p>\n<p>\n  Alternativt kan du starte med en rask oppsummering av hva kundene dine allerede har sett: det siste designet, et eksisterende produkt eller et redesignet element. Du kan ogs\u00e5 ber\u00f8re den siste tilbakemeldingen kundene dine ga. Ved \u00e5 gj\u00f8re dette vil du legge grunnlaget for hovedpresentasjonen din og unng\u00e5 un\u00f8dvendige sp\u00f8rsm\u00e5l.\n<\/p>\n<h5>\n  2 Adresser kundens virksomhet<br \/>\n<\/h5>\n<p>\n  Pr\u00f8v \u00e5 gj\u00f8re presentasjonen mer personlig. Diskuter kundens merkevare og deres m\u00e5lgruppe. M\u00e5let ditt er \u00e5 vise at du forst\u00e5r kundens virksomhet. Anta at du designer et nettsted for Soft Blankets-selskapet. Denne nettsiden m\u00e5 reflektere selskapets produktspekter og priser samt formidle en f\u00f8lelse av varme og hygge til kundene.\n<\/p>\n<p>\n  Du kan berike b\u00e5de mockupene og det endelige designet med kundens firmabilder i stedet for arkivfotografering. Hvis du for eksempel bygger et veldedig nettsted, vil ekte bilder av en veldedighetsauksjon selskapet holdt, ha en mye st\u00f8rre innvirkning p\u00e5 kundene dine og deres potensielle kunder.\n<\/p>\n<h5>\n  3 Beskriv designprosessen<br \/>\n<\/h5>\n<p>\n  Gi en kort beskrivelse av hver enkelt fase av designprosessen din og snakk om informasjonen du har f\u00e5tt. Du b\u00f8r ogs\u00e5 understreke hvordan du utnyttet denne informasjonen for \u00e5 forbedre det generelle designet. Her er det ganske viktig \u00e5 presentere designkomponentene som fordeler for kundens virksomhet. Du kan for eksempel forklare at du brukte mer r\u00f8dt til et gatekj\u00f8kkennettsted da det \u00f8ker en kundes appetitt og kan oppmuntre kunder til \u00e5 bestille mer mat. N\u00e5 avsl\u00f8res hemmeligheten til McDonald's og KFC.\n<\/p>\n<h5>\n  4 Hold en samtale<br \/>\n<\/h5>\n<p>\n  En designpresentasjon er en samtale. Hvis du \u00f8nsker \u00e5 f\u00e5 informert tilbakemelding, svar p\u00e5 sp\u00f8rsm\u00e5l n\u00e5r de dukker opp og forklar alt kunden har g\u00e5tt glipp av. S\u00f8rg for at presentasjonen er tydelig for kunden og at du er p\u00e5 samme side. Dessuten kan konstruktiv dialog bringe nye ideer og l\u00f8sninger.\n<\/p>\n<h5>\n  5 Samle tilbakemeldinger<br \/>\n<\/h5>\n<p>\n  Det siste og sannsynligvis viktigste trinnet er \u00e5 f\u00e5 tilbakemelding. Gi kundene dine litt tid til \u00e5 vurdere arbeidet ditt. Tiden du trenger \u00e5 vente avhenger av kunden din, deres arbeidsmengde og st\u00f8rrelsen p\u00e5 prosjektet. Det er klart at store prosjekter tar mer tid \u00e5 vurdere enn sm\u00e5. Ikke f\u00e5 panikk hvis klienten din ikke svarer i l\u00f8pet av de f\u00f8rste tre dagene. Nettstedet du har designet er en stor del av kundens virksomhet, og de m\u00e5 v\u00e6re sikre p\u00e5 at det vil vinne publikum.\n<\/p>\n<h3>\n  Hvordan samle inn tilbakemeldinger p\u00e5 riktig m\u00e5te<br \/>\n<\/h3>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edb9629b8.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edb9629b8.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Noen ganger kan du imidlertid jobbe hardt og fortsatt motta tilbakemeldinger som er ubrukelige eller som du ikke kan administrere riktig, eller svaret kan ta m\u00e5neder. Hvordan kan du unng\u00e5 en slik situasjon og sette riktig retning for kundene dine? Bare f\u00f8lg disse tipsene.\n<\/p>\n<h5>\n  1 Planlegg fremover<br \/>\n<\/h5>\n<p>\n  Vi anbefaler at du avklarer alle problemer f\u00f8r du samler inn tilbakemelding. Angi en spesifikk dato da kunden din skal gi tilbakemelding p\u00e5 arbeidet ditt. Ta denne datoen p\u00e5 alvor. Det ville v\u00e6re hyggelig fra din side \u00e5 minne kunden om tilbakemeldingsdatoen noen dager i forveien. Du b\u00f8r ogs\u00e5 bli enige om formen for tilbakemelding \u2013 enten via telefon, e-post eller personlig.\n<\/p>\n<h5>\n  2 Still fokuserte sp\u00f8rsm\u00e5l<br \/>\n<\/h5>\n<p>\n  Ganske ofte blir designpresentasjoner helt til diskusjoner om innhold. Det er klart at noen innholdsdiskusjoner forventes, men klienten din b\u00f8r ikke vie all tilbakemeldingen til dette temaet. Hvis du \u00f8nsker \u00e5 f\u00e5 nyttig tilbakemelding, kan du stille spesifikke sp\u00f8rsm\u00e5l og lede samtalen til det du virkelig \u00f8nsker \u00e5 h\u00f8re tilbakemelding om.\n<\/p>\n<p>\n  Ikke sp\u00f8r kundene dine &laquo;Hva synes du?&raquo; Sp\u00f8r dem i stedet om dette konseptet oppfyller deres forretningsm\u00e5l eller p\u00e5 hvilke m\u00e5ter det ikke klarer \u00e5 gj\u00f8re det, eller sp\u00f8r dem om fargepaletten passer til merkevareposisjonen.\n<\/p>\n<h5>\n  3 Ta tak i den sanne meningen<br \/>\n<\/h5>\n<p>\n  Mens de kommenterer prosjektet ditt, foresl\u00e5r klienter ofte l\u00f8sninger i stedet for \u00e5 peke p\u00e5 problemet: &laquo;Kan du gj\u00f8re denne knappen st\u00f8rre? Kan du legge til mer gr\u00f8nt?&raquo; Din oppgave er \u00e5 identifisere kjerneproblemet eller utfordringen som skjuler seg i den tilbakemeldingen.\n<\/p>\n<p>\n  Sp\u00f8r dem alltid hvorfor: \u00abHvorfor vil du at denne knappen skal v\u00e6re st\u00f8rre? Hvorfor tror du at mer gr\u00f8nt vil v\u00e6re bedre for nettstedet ditt?\u00bb Dustin Curtis, grunnlegger av Svbtle, stiller minst tre sp\u00f8rsm\u00e5l til sine klienter om deres meninger.\n<\/p>\n<h5>\n  4 Bruk logikk og siter kjente merker<br \/>\n<\/h5>\n<p>\n  Hvis du ikke deler den samme oppfatningen som klienten din, ikke begynn \u00e5 kritisere og diskreditere dem. Sikkerhetskopier argumentene dine med fakta, studier og forskning i stedet. La disse fakta tale for seg selv. I tillegg kan du nevne kjente selskaper som eksempler.\n<\/p>\n<p>\n  Tenk deg at klienten din ba deg redusere skriftst\u00f8rrelsen fra 22 pkt til 12 pkt. I dette tilfellet kan du svare med noe s\u00e5nt som &laquo;Det er et interessant poeng. Men du vet, jeg leste nylig en studie som viser at st\u00f8rre skriftst\u00f8rrelser kan vekke sterkere f\u00f8lelsesmessige forbindelser med et merke. Forresten, Medium bruker ogs\u00e5 22pt font.\u00bb\n<\/p>\n<p>\n  Og ikke bruk setninger som faller inn i &laquo;Jeg fortalte deg det&raquo;-stilen. Pr\u00f8v \u00e5 vise empati: &laquo;Ja, jeg ble sjokkert da jeg h\u00f8rte dette ogs\u00e5.&raquo;\n<\/p>\n<h5>\n  5 Respekter kundens mening<br \/>\n<\/h5>\n<p>\n  Selv om du sannsynligvis har mye mer erfaring innen webdesign, kjenner kunden din virksomhet bedre enn deg. Det er de som skal bruke designet p\u00e5 daglig basis. S\u00e5 de m\u00e5 f\u00f8le seg komfortable med nettstedet du har designet.\n<\/p>\n<p>\n  Hvis kunden din fortsatt er misforn\u00f8yd med designet ditt, revider arbeidet ditt sammen. Pr\u00f8v \u00e5 finne et kompromiss og tilpass designet basert p\u00e5 kundens tilbakemeldinger. Husk at symbiose av din klients kunnskap og din erfaring kan v\u00e6re et genuint vellykket produkt.\n<\/p>\n<p>\n  N\u00e5 vet du allerede den teoretiske delen: hvordan du skal handle og hva du skal si mens du presenterer designarbeidet ditt. Likevel er det ikke klart i hvilken form du skal ramme inn designet ditt. Hvordan skal prototypen din se ut?\n<\/p>\n<h3>\n  Hvilken type prototype b\u00f8r jeg velge?<br \/>\n<\/h3>\n<p>\n  Vi kan ikke gi deg et universelt svar og si &laquo;bare tegn det slik.&raquo; Men vi kan lette jobben din ved \u00e5 gi deg noen nyttige tips om prototypingflyt. Vi anbefaler deg \u00e5 velge typen prototype og verkt\u00f8yene du bruker for \u00e5 lage den basert p\u00e5 designstadiet du er i \u2013 enten det tidlige stadiet eller det siste stadiet. La oss se n\u00e6rmere p\u00e5 begge disse stadiene.\n<\/p>\n<h5>\n  Tidlig stadie<br \/>\n<\/h5>\n<p>\n  Det tidlige stadiet er n\u00e5r du tenker gjennom logikken og funksjonaliteten til nettstedet: layout, funksjoner, forbindelser og overganger. Med m\u00e5lgruppen din i tankene danner du elementer som vil gj\u00f8re nettstedet intuitivt for brukerne. Hovedm\u00e5let ditt er \u00e5 sjekke produktets funksjonalitet.\n<\/p>\n<p>\n  Derfor kan du p\u00e5 dette stadiet presentere en low-fidelity-prototype i form av enkle skjematiske skjermer vanligvis i grunnleggende farger og uten visuelle effekter eller detaljer.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edbb3e665.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edbb3e665.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  For \u00e5 designe en low-fidelity-prototype kan du pr\u00f8ve ut f\u00f8lgende verkt\u00f8y:\n<\/p>\n<ul>\n<li>\n    <strong>Wireframe.cc<\/strong> \u2013 Et av de mest grunnleggende verkt\u00f8yene som designere kan bruke for \u00e5 lage wireframes. Hovedfordelene er det enkle grensesnittet og muligheten til \u00e5 begynne \u00e5 designe wireframes umiddelbart uten registrering.\n  <\/li>\n<li>\n    <strong>Moqups.com<\/strong> \u2013 En nettapp som hjelper deg med \u00e5 lage wireframes, mockups og prototyper. Moqups tilbyr et innebygd bibliotek med tusenvis av ikonsett, skybasert lagring og kommentarer og tilbakemeldingsfunksjoner.\n  <\/li>\n<li>\n    <strong>Pencil Project<\/strong> (pencil.evolus.vn) \u2013 Et gratis og \u00e5pen kildekode-prototypingverkt\u00f8y for b\u00e5de stasjon\u00e6re og mobile plattformer. Pencil Project gir innebygde samlinger (former, flytskjemaelementer, etc.), st\u00f8tte for diagramtegning og kobling mellom sider.\n  <\/li>\n<\/ul>\n<p>\n  Med en low-fidelity-prototype m\u00e5 du v\u00e6re forsiktig, siden du kan m\u00f8te misforst\u00e5elser og negative kommentarer fra kundens side: \u00abHvorfor er skjermene s\u00e5 enkle? Hvorfor brukte du s\u00e5 d\u00e5rlig fargevalg?\u00bb Hvis dette skjer, ta deg tid til \u00e5 forklare kunden din hva UX er og hvordan det er viktig for produktet deres \u2013 at UX er hjertet og sjelen til deres fremtidige nettside \u2013 og at denne prototypen er langt fra den endelige versjonen.\n<\/p>\n<h5>\n  Sluttstadiet<br \/>\n<\/h5>\n<p>\n  P\u00e5 det siste stadiet m\u00e5 du levere en h\u00f8ykvalitetsprototype til kunden din: legg til interaktive elementer som mikrointeraksjoner, navigasjon fra skjerm til skjerm og andre animasjoner.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edc0c43af.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292709-6382edc0c43af.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  En high-fidelity-prototype er en datamaskinbasert interaktiv representasjon laget s\u00e5 n\u00e6r det endelige designet som mulig (i form av detaljer og funksjonalitet) for \u00e5 la din klient unders\u00f8ke produktets brukervennlighet og trekke konklusjoner om brukeratferd.\n<\/p>\n<p>\n  High-fidelity-prototyper lar deg f\u00f8le overganger og funksjoner p\u00e5 nettstedet mer realistisk enn low-fidelity-prototyper og avsl\u00f8rer potensielle feil eller vanskeligheter p\u00e5 dette stadiet f\u00f8r du oppretter brukergrensesnittet.\n<\/p>\n<p>\n  Hvis du ikke er sikker p\u00e5 hvilke verkt\u00f8y du skal bruke for \u00e5 animere prototypen din, pr\u00f8v disse:\n<\/p>\n<ul>\n<li>\n    <strong>InVision<\/strong> (invisionapp.com) \u2013 En digital produktdesignplattform som lar deg lage interaktive prototyper i l\u00f8pet av f\u00e5 minutter. Ved \u00e5 bruke InVision kan du lage stilark og generere ekte kode for ethvert designelement. Dessuten lar InVision dine kunder, teammedlemmer og interessenter kommentere direkte p\u00e5 designene dine.\n  <\/li>\n<li>\n    <strong>Adobe XD<\/strong> (adobe.com\/products\/xd.html) \u2013 Alt-i-ett UI\/UX-l\u00f8sningen som hjelper deg \u00e5 gj\u00f8re den statiske layouten om til en interaktiv prototype med ett klikk. Ved \u00e5 bruke Adobe XD oppdateres prototypen automatisk med hver endring du gj\u00f8r: ingen synkronisering n\u00f8dvendig.\n  <\/li>\n<li>\n    <strong>Principle<\/strong> (principleformac.com) \u2013 Et prototypeverkt\u00f8y som lar deg designe animerte og interaktive brukergrensesnitt uansett om du designer flyten til en app med flere skjermer eller nye animasjoner og interaksjoner.\n  <\/li>\n<\/ul>\n<h3>\n  Er du klar til \u00e5 presentere webdesignet ditt?<br \/>\n<\/h3>\n<p>\n  Formen du presenterer designet ditt i avhenger av type produkt, hvilke designkomponenter du presenterer (f.eks. layout eller funksjonalitet) og stadiet av designprosessen du er i. P\u00e5 et tidlig stadium kan du holde deg til lav -fidelity-prototyper, mens det sene stadiet krever at du n\u00e6rmer deg det endelige produktet s\u00e5 snart som mulig og leverer en high-fidelity interaktiv prototype.\n<\/p>\n<p>\n  Selvf\u00f8lgelig ligger suksessen til presentasjonen din i selvtilliten din og dataene du besitter: hold fakta og logikkbaserte argumenter tilgjengelig for \u00e5 st\u00f8tte meningene dine. Og ikke v\u00e6r redd for \u00e5 sp\u00f8rre klienten din &laquo;hvorfor?&raquo;.\n<\/p>\n<p>\n  Har du pr\u00f8vd noen av disse tipsene? Kjenner du til andre hemmeligheter for en vinnende presentasjon? Del dine tanker i kommentarene nedenfor.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/02\/02\/present-web-design-to-client\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Suksessen til designet ditt er ikke bare avhengig av din evne til \u00e5 skape noe visuelt tiltalende, men ogs\u00e5 p\u00e5 din evne til \u00e5 selge det. Som profesjonell designer b\u00f8r du vite hvordan du kan kommunisere med kunden din og presentere produktet ditt p\u00e5 best mulig m\u00e5te. Jo bedre presentasjon, jo st\u00f8rre sjanse for at prosjektet blir godkjent. I denne artikkelen vil vi dele noen hemmeligheter for en effektiv presentasjon og noen triks for \u00e5 f\u00e5 kundene dine til \u00e5 bli forelsket i arbeidet ditt. Vi starter med antall alternativer du b\u00f8r presentere kunden din for. Hvor mange designalternativer b\u00f8r \u2026<\/p>\n","protected":false},"author":1,"featured_media":175963,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[278,226,265,57,200],"tags":[],"class_list":["post-257444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-karriere-og-naeringsliv","category-laereboker","category-psykologi","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257444"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/175963"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}