Hvordan presentere et webdesign for kunden

Suksessen til designet ditt er ikke bare avhengig av din evne til å skape noe visuelt tiltalende, men også på din evne til å selge det.

Som profesjonell designer bør du vite hvordan du kan kommunisere med kunden din og presentere produktet ditt på best mulig måte. Jo bedre presentasjon, jo større sjanse for at prosjektet blir godkjent.

I denne artikkelen vil vi dele noen hemmeligheter for en effektiv presentasjon og noen triks for å få kundene dine til å bli forelsket i arbeidet ditt. Vi starter med antall alternativer du bør presentere kunden din for.

Hvor mange designalternativer bør jeg presentere?

Sheena Iyengar, en verdenskjent ekspert på 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.

Hvorfor presentere flere alternativer, inkludert de du ikke er så sikker på? Hvis du tilbyr for mange alternativer, kan det hende at klienten din ignorerer favorittdesignet ditt. Dette er grunnen til at vi anbefaler å presentere kun den endelige prototypen.

Dette betyr imidlertid ikke at du bare skal vise ett bilde. Fortell hele historien helt fra starten, og gi øyeblikksbilder av prosjektet ditt på ulike stadier. Forklar beslutningene du har tatt og hvordan de oppfyller kundens forretningsmål. Veiled klienten din gjennom alle iterasjonene du har gått gjennom for å komme opp med en løsning på problemet deres. Dette vil snakke med ekspertisen din og bevise at du ikke bare har tegnet om et eksisterende design, men heller utført en stor mengde arbeid.

Hovedpersonen i designhistorien din er deg. Kunder vil se og dømme deg etter dine ord og handlinger. Derfor bør du tenke på hva du vil si på forhånd.

Hvordan sjarmere kunder med presentasjonen din

Noen ganger, når du presenterer designet ditt, kan du sette i gang en mengde spekulasjoner, avsløre for mye informasjon eller gjøre klienten din lei. Det er åpenbart ikke det du virkelig ønsker å gjøre. Hvis du vil levere en jevn presentasjon, prøv å ordne den ved å bruke disse fem trinnene:

1 Formuler problemet

Hva bør du gjøre først? Sett forventninger til publikummet ditt: kunngjør hva kundene dine er i ferd med å se og hva de får ut av det. Formuler problemet som ble stilt på ditt første møte, oppgaven du har jobbet med (f.eks. å lage et raskt og flott design for en netttreningsapp), og tilnærmingene du har brukt for å håndtere dette problemet.

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å berøre den siste tilbakemeldingen kundene dine ga. Ved å gjøre dette vil du legge grunnlaget for hovedpresentasjonen din og unngå unødvendige spørsmål.

2 Adresser kundens virksomhet

Prøv å gjøre presentasjonen mer personlig. Diskuter kundens merkevare og deres målgruppe. Målet ditt er å vise at du forstår kundens virksomhet. Anta at du designer et nettsted for Soft Blankets-selskapet. Denne nettsiden må reflektere selskapets produktspekter og priser samt formidle en følelse av varme og hygge til kundene.

Du kan berike både 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ørre innvirkning på kundene dine og deres potensielle kunder.

3 Beskriv designprosessen

Gi en kort beskrivelse av hver enkelt fase av designprosessen din og snakk om informasjonen du har fått. Du bør også understreke hvordan du utnyttet denne informasjonen for å forbedre det generelle designet. Her er det ganske viktig å presentere designkomponentene som fordeler for kundens virksomhet. Du kan for eksempel forklare at du brukte mer rødt til et gatekjøkkennettsted da det øker en kundes appetitt og kan oppmuntre kunder til å bestille mer mat. Nå avsløres hemmeligheten til McDonald’s og KFC.

4 Hold en samtale

En designpresentasjon er en samtale. Hvis du ønsker å få informert tilbakemelding, svar på spørsmål når de dukker opp og forklar alt kunden har gått glipp av. Sørg for at presentasjonen er tydelig for kunden og at du er på samme side. Dessuten kan konstruktiv dialog bringe nye ideer og løsninger.

5 Samle tilbakemeldinger

Det siste og sannsynligvis viktigste trinnet er å få tilbakemelding. Gi kundene dine litt tid til å vurdere arbeidet ditt. Tiden du trenger å vente avhenger av kunden din, deres arbeidsmengde og størrelsen på prosjektet. Det er klart at store prosjekter tar mer tid å vurdere enn små. Ikke få panikk hvis klienten din ikke svarer i løpet av de første tre dagene. Nettstedet du har designet er en stor del av kundens virksomhet, og de må være sikre på at det vil vinne publikum.

Hvordan samle inn tilbakemeldinger på riktig måte

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åneder. Hvordan kan du unngå en slik situasjon og sette riktig retning for kundene dine? Bare følg disse tipsene.

1 Planlegg fremover

Vi anbefaler at du avklarer alle problemer før du samler inn tilbakemelding. Angi en spesifikk dato da kunden din skal gi tilbakemelding på arbeidet ditt. Ta denne datoen på alvor. Det ville være hyggelig fra din side å minne kunden om tilbakemeldingsdatoen noen dager i forveien. Du bør også bli enige om formen for tilbakemelding – enten via telefon, e-post eller personlig.

2 Still fokuserte spørsmål

Ganske ofte blir designpresentasjoner helt til diskusjoner om innhold. Det er klart at noen innholdsdiskusjoner forventes, men klienten din bør ikke vie all tilbakemeldingen til dette temaet. Hvis du ønsker å få nyttig tilbakemelding, kan du stille spesifikke spørsmål og lede samtalen til det du virkelig ønsker å høre tilbakemelding om.

Ikke spør kundene dine «Hva synes du?» Spør dem i stedet om dette konseptet oppfyller deres forretningsmål eller på hvilke måter det ikke klarer å gjøre det, eller spør dem om fargepaletten passer til merkevareposisjonen.

3 Ta tak i den sanne meningen

Mens de kommenterer prosjektet ditt, foreslår klienter ofte løsninger i stedet for å peke på problemet: «Kan du gjøre denne knappen større? Kan du legge til mer grønt?» Din oppgave er å identifisere kjerneproblemet eller utfordringen som skjuler seg i den tilbakemeldingen.

Spør dem alltid hvorfor: «Hvorfor vil du at denne knappen skal være større? Hvorfor tror du at mer grønt vil være bedre for nettstedet ditt?» Dustin Curtis, grunnlegger av Svbtle, stiller minst tre spørsmål til sine klienter om deres meninger.

4 Bruk logikk og siter kjente merker

Hvis du ikke deler den samme oppfatningen som klienten din, ikke begynn å 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.

Tenk deg at klienten din ba deg redusere skriftstørrelsen fra 22 pkt til 12 pkt. I dette tilfellet kan du svare med noe sånt som «Det er et interessant poeng. Men du vet, jeg leste nylig en studie som viser at større skriftstørrelser kan vekke sterkere følelsesmessige forbindelser med et merke. Forresten, Medium bruker også 22pt font.»

Og ikke bruk setninger som faller inn i «Jeg fortalte deg det»-stilen. Prøv å vise empati: «Ja, jeg ble sjokkert da jeg hørte dette også.»

5 Respekter kundens mening

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å daglig basis. Så de må føle seg komfortable med nettstedet du har designet.

Hvis kunden din fortsatt er misfornøyd med designet ditt, revider arbeidet ditt sammen. Prøv å finne et kompromiss og tilpass designet basert på kundens tilbakemeldinger. Husk at symbiose av din klients kunnskap og din erfaring kan være et genuint vellykket produkt.

Nå 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?

Hvilken type prototype bør jeg velge?

Vi kan ikke gi deg et universelt svar og si «bare tegn det slik.» Men vi kan lette jobben din ved å gi deg noen nyttige tips om prototypingflyt. Vi anbefaler deg å velge typen prototype og verktøyene du bruker for å lage den basert på designstadiet du er i – enten det tidlige stadiet eller det siste stadiet. La oss se nærmere på begge disse stadiene.

Tidlig stadie

Det tidlige stadiet er når du tenker gjennom logikken og funksjonaliteten til nettstedet: layout, funksjoner, forbindelser og overganger. Med målgruppen din i tankene danner du elementer som vil gjøre nettstedet intuitivt for brukerne. Hovedmålet ditt er å sjekke produktets funksjonalitet.

Derfor kan du på dette stadiet presentere en low-fidelity-prototype i form av enkle skjematiske skjermer vanligvis i grunnleggende farger og uten visuelle effekter eller detaljer.

For å designe en low-fidelity-prototype kan du prøve ut følgende verktøy:

• Wireframe.cc – Et av de mest grunnleggende verktøyene som designere kan bruke for å lage wireframes. Hovedfordelene er det enkle grensesnittet og muligheten til å begynne å designe wireframes umiddelbart uten registrering.
• Moqups.com – En nettapp som hjelper deg med å lage wireframes, mockups og prototyper. Moqups tilbyr et innebygd bibliotek med tusenvis av ikonsett, skybasert lagring og kommentarer og tilbakemeldingsfunksjoner.
• Pencil Project (pencil.evolus.vn) – Et gratis og åpen kildekode-prototypingverktøy for både stasjonære og mobile plattformer. Pencil Project gir innebygde samlinger (former, flytskjemaelementer, etc.), støtte for diagramtegning og kobling mellom sider.

Med en low-fidelity-prototype må du være forsiktig, siden du kan møte misforståelser og negative kommentarer fra kundens side: «Hvorfor er skjermene så enkle? Hvorfor brukte du så dårlig fargevalg?» Hvis dette skjer, ta deg tid til å forklare kunden din hva UX er og hvordan det er viktig for produktet deres – at UX er hjertet og sjelen til deres fremtidige nettside – og at denne prototypen er langt fra den endelige versjonen.

Sluttstadiet

På det siste stadiet må du levere en høykvalitetsprototype til kunden din: legg til interaktive elementer som mikrointeraksjoner, navigasjon fra skjerm til skjerm og andre animasjoner.

En high-fidelity-prototype er en datamaskinbasert interaktiv representasjon laget så nær det endelige designet som mulig (i form av detaljer og funksjonalitet) for å la din klient undersøke produktets brukervennlighet og trekke konklusjoner om brukeratferd.

High-fidelity-prototyper lar deg føle overganger og funksjoner på nettstedet mer realistisk enn low-fidelity-prototyper og avslører potensielle feil eller vanskeligheter på dette stadiet før du oppretter brukergrensesnittet.

Hvis du ikke er sikker på hvilke verktøy du skal bruke for å animere prototypen din, prøv disse:

• InVision (invisionapp.com) – En digital produktdesignplattform som lar deg lage interaktive prototyper i løpet av få minutter. Ved å bruke InVision kan du lage stilark og generere ekte kode for ethvert designelement. Dessuten lar InVision dine kunder, teammedlemmer og interessenter kommentere direkte på designene dine.
• Adobe XD (adobe.com/products/xd.html) – Alt-i-ett UI/UX-løsningen som hjelper deg å gjøre den statiske layouten om til en interaktiv prototype med ett klikk. Ved å bruke Adobe XD oppdateres prototypen automatisk med hver endring du gjør: ingen synkronisering nødvendig.
• Principle (principleformac.com) – Et prototypeverktøy som lar deg designe animerte og interaktive brukergrensesnitt uansett om du designer flyten til en app med flere skjermer eller nye animasjoner og interaksjoner.

Er du klar til å presentere webdesignet ditt?

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å et tidlig stadium kan du holde deg til lav -fidelity-prototyper, mens det sene stadiet krever at du nærmer deg det endelige produktet så snart som mulig og leverer en high-fidelity interaktiv prototype.

Selvfølgelig ligger suksessen til presentasjonen din i selvtilliten din og dataene du besitter: hold fakta og logikkbaserte argumenter tilgjengelig for å støtte meningene dine. Og ikke vær redd for å spørre klienten din «hvorfor?».

Har du prøvd noen av disse tipsene? Kjenner du til andre hemmeligheter for en vinnende presentasjon? Del dine tanker i kommentarene nedenfor.