Hur man presenterar en webbdesign för kunden

Framgången för din design beror inte bara på din förmåga att skapa något visuellt tilltalande utan också på din förmåga att sälja det.

Som professionell designer bör du veta hur du kommunicerar med din kund och presenterar din produkt på bästa möjliga sätt. Ju bättre presentation desto större chans att ditt projekt godkänns.

I den här artikeln kommer vi att dela med oss ​​av några hemligheter för en effektiv presentation och några knep för att få dina kunder att bli kära i ditt arbete. Vi börjar med antalet alternativ du bör presentera för din kund.

Hur många designalternativ ska jag presentera?

Sheena Iyengar, en världskänd expert på val och beslutsfattande, säger att en mängd olika val kan dra konsumenternas uppmärksamhet men samtidigt överväldiga och förvirra dem. Det vill säga, för många konsumenter kommer bara att välja något även om det kanske inte är det bästa alternativet.

Varför presentera flera alternativ inklusive de du inte är så säker på? Om du erbjuder för många alternativ kan din kund mycket väl ignorera din favoritdesign. Det är därför vi rekommenderar att endast presentera den slutliga prototypen.

Detta betyder dock inte att du bara ska visa en bild. Berätta hela historien från första början, ge ögonblicksbilder av ditt projekt i olika skeden. Förklara de beslut du har fattat och hur de uppfyller din kunds affärsmål. Guide din klient genom alla iterationer du har gått igenom för att komma fram till en lösning på deras problem. Detta kommer att tala till din expertis och bevisa att du inte bara har ritat om en befintlig design utan snarare utfört en stor mängd arbete.

Huvudpersonen i din designberättelse är du. Kunder kommer att titta på och döma dig efter dina ord och handlingar. Därför bör du tänka på vad du ska säga i förväg.

Hur man charmar kunder med din presentation

Ibland, när du presenterar din design, kan du sätta igång en uppsjö av spekulationer, avslöja för mycket information eller göra din klient uttråkad. Uppenbarligen är det inte det du verkligen vill göra. Om du vill leverera en smidig presentation, försök att ordna den med dessa fem steg:

1 Formulera problemet

Vad ska du göra först? Sätt förväntningar på din publik: meddela vad dina kunder kommer att se och vad de får ut av det. Formulera problemet som ställdes vid ditt första möte, uppdraget du har arbetat med (t.ex. att skapa en snabb och bra design för en webbfitness-app) och de metoder du har använt för att hantera detta problem.

Alternativt kan du börja med en snabb sammanfattning av vad dina kunder redan har sett: den senaste designen, en befintlig produkt eller ett omdesignat föremål. Du kan också beröra den senaste feedback som dina kunder gav. Genom att göra detta lägger du grunden för din huvudpresentation och undviker onödiga frågor.

2 Adressera din kunds verksamhet

Försök att göra din presentation mer personlig. Diskutera din kunds varumärke och deras målgrupp. Ditt mål är att visa att du förstår din kunds verksamhet. Anta att du designar en webbplats för företaget Soft Blankets. Den här webbplatsen behöver spegla företagets utbud av produkter och priser samt förmedla en känsla av värme och trivsel till kunderna.

Du kan berika både dina mockups och den slutliga designen med din kunds företagsfoton istället för stockfotografering. Till exempel, om du bygger en välgörenhetswebbplats, kommer riktiga bilder av en välgörenhetsauktion företaget höll att ha en mycket större inverkan på dina kunder och deras potentiella kunder.

3 Beskriv designprocessen

Ge en kort beskrivning av varje enskild fas i din designprocess och prata om informationen du har fått. Du bör också understryka hur du använde denna information för att förbättra den övergripande designen. Här är det ganska viktigt att presentera designkomponenterna som fördelar för din kunds verksamhet. Du kan till exempel förklara att du använde mer rött för en snabbmatswebbplats eftersom det ökar kundens aptit och kan uppmuntra kunder att beställa mer mat. Nu avslöjas hemligheten med McDonald’s och KFC.

4 Håll ett samtal

En designpresentation är ett samtal. Om du vill få informerad feedback, svara på frågor när de dyker upp och förklara allt som din klient har missat. Se till att din presentation är tydlig för din klient och att du är på samma sida. Dessutom kan konstruktiv dialog ge nya idéer och lösningar.

5 Samla in feedback

Det sista och förmodligen viktigaste steget är att få feedback. Ge dina kunder lite tid att bedöma ditt arbete. Tiden du behöver vänta beror på din kund, deras arbetsbelastning och storleken på ditt projekt. Det är uppenbart att stora projekt tar längre tid att granska än små. Få inte panik om din klient inte svarar under de första tre dagarna. Webbplatsen du har designat är en stor del av din kunds verksamhet och de måste vara säkra på att den kommer att vinna deras publik.

Hur man samlar in feedback på rätt sätt

Ibland kan du dock arbeta hårt och fortfarande få feedback som är värdelös eller som du inte kan hantera ordentligt, eller så kan svaret ta månader. Hur kan du undvika en sådan situation och sätta rätt riktning för dina kunder? Följ bara dessa tips.

1 Planera framåt

Vi rekommenderar att du klargör alla frågor innan du samlar in feedback. Ställ in ett specifikt datum då din kund ska ge feedback på ditt arbete. Ta detta datum på allvar. Det skulle vara trevligt från din sida att påminna din klient om återkopplingsdatumet några dagar i förväg. Du bör också komma överens om formen för feedback – antingen via samtal, e-post eller personligen.

2 Ställ fokuserade frågor

Ganska ofta blir designpresentationer helt och hållet till diskussioner om innehåll. Det är klart att vissa innehållsdiskussioner förväntas, men din klient bör inte ägna all sin feedback till detta tema. Om du vill få användbar feedback, ställ specifika frågor och rikta samtalet till det du verkligen skulle vilja höra feedback om.

Fråga inte dina kunder ”Vad tycker du?” Fråga dem istället om detta koncept uppfyller deras affärsmål eller på vilka sätt det inte lyckas med det, eller fråga dem om färgpaletten passar varumärkespositioneringen.

3 Fatta den sanna meningen

När kunder kommenterar ditt projekt, föreslår ofta lösningar snarare än att peka på problemet: ”Kan du göra den här knappen större? Kan du lägga till mer grönt?” Din uppgift är att identifiera kärnproblemet eller utmaningen som gömmer sig i den feedbacken.

Fråga dem alltid varför: ”Varför vill du att den här knappen ska vara större? Varför tror du att mer grönt blir bättre för din webbplats?” Dustin Curtis, grundare av Svbtle, ställer minst tre frågor till sina kunder om deras åsikter.

4 Använd logik och citera kända varumärken

Om du inte delar samma åsikt som din klient, börja inte kritisera och misskreditera dem. Backa upp dina argument med fakta, studier och forskning istället. Låt dessa fakta tala för sig själva. Dessutom kan du nämna kända företag som exempel.

Föreställ dig att din klient bad dig att minska teckenstorleken från 22 pkt till 12 pkt. I det här fallet kan du svara med något som ”Det är en intressant punkt. Men du vet, jag läste nyligen en studie som visar att större teckenstorlekar kan väcka starkare känslomässiga kopplingar till ett varumärke. Förresten, Medium använder också 22pt-font.”

Och använd inte fraser som faller inom stilen ”Jag sa det till dig”. Försök att visa empati: ”Ja, jag blev chockad när jag hörde det här också.”

5 Respektera din klients åsikt

Även om du sannolikt har mycket mer erfarenhet av webbdesign, kan din kund fortfarande sin verksamhet bättre än du. Det är de som kommer att använda designen dagligen. Så de måste känna sig bekväma med webbplatsen du har designat.

Om din kund fortfarande är missnöjd med din design, revidera ditt arbete tillsammans. Försök att hitta en kompromiss och anpassa designen utifrån din kunds feedback. Kom ihåg att symbios av din kunds kunskap och din erfarenhet kan vara en genuint framgångsrik produkt.

Nu vet du redan den teoretiska delen: hur du ska agera och vad du ska säga när du presenterar ditt designarbete. Ändå är det inte klart i vilken form du ska rama in din design. Hur ska din prototyp se ut?

Vilken typ av prototyp ska jag välja?

Vi kan inte ge dig ett universellt svar och säga ”rita bara så här.” Men vi kan underlätta ditt jobb genom att ge dig några praktiska tips om prototypflöde. Vi råder dig att välja vilken typ av prototyp och de verktyg du använder för att skapa den baserat på designstadiet du befinner dig i – antingen det tidiga eller det sista stadiet. Låt oss ta en närmare titt på båda dessa stadier.

Tidigt skede

Det tidiga skedet är när du tänker igenom webbplatsens logik och funktionalitet: layout, funktioner, kopplingar och övergångar. Med din målgrupp i åtanke bildar du element som gör webbplatsen intuitiv för användarna. Ditt huvudsakliga mål är att kontrollera produktens funktionsduglighet.

Därför kan du i detta skede presentera en low-fidelity-prototyp i form av enkla schematiska skärmar vanligtvis i grundfärger och utan visuella effekter eller detaljer.

För att designa en low-fidelity-prototyp kan du prova följande verktyg:

• Wireframe.cc – Ett av de mest grundläggande verktygen som designers kan använda för att skapa wireframes. Dess främsta fördelar är dess enkla gränssnitt och möjligheten att börja designa wireframes direkt utan någon registrering.
• Moqups.com – En webbapp som hjälper dig att skapa wireframes, mockups och prototyper. Moqups erbjuder ett inbyggt bibliotek med tusentals ikonuppsättningar, molnbaserad lagring och kommentarer och feedbackfunktioner.
• Pencil Project (pencil.evolus.vn) – Ett gratis prototypverktyg med öppen källkod för både stationära och mobila plattformar. Pencil Project tillhandahåller inbyggda samlingar (former, flödesschemaelement, etc.), stöd för diagramritning och länkning mellan sidor.

Med en low-fidelity-prototyp måste du vara försiktig, eftersom du kan möta missförstånd och negativa kommentarer från din klients sida: ”Varför är skärmarna så enkla? Varför använde du ett så dåligt färgschema?” Om detta händer, ta dig tid att förklara för din kund vad UX är och hur det är viktigt för deras produkt – att UX är hjärtat och själen i deras framtida webbplats – och att denna prototyp är långt ifrån den slutliga versionen.

Sista steget

I slutskedet måste du leverera en högtrohetsprototyp till din kund: lägg till interaktiva element som mikrointeraktioner, navigering från skärm till skärm och andra animationer.

En högfientlig prototyp är en datorbaserad interaktiv representation som görs så nära den slutliga designen som möjligt (när det gäller detaljer och funktionalitet) för att din kund ska kunna undersöka produktens användbarhet och dra slutsatser om användarbeteende.

High-fidelity-prototyper låter dig känna övergångar och funktioner på webbplatsen mer realistiskt än low-fidelity-prototyper och avslöjar potentiella buggar eller svårigheter i detta skede innan du skapar användargränssnittet.

Om du inte är säker på vilka verktyg du ska använda för att animera din prototyp, prova dessa:

• InVision (invisionapp.com) – En digital produktdesignplattform som låter dig skapa interaktiva prototyper på några minuter. Med InVision kan du skapa stilmallar och generera riktig kod för alla designelement. Dessutom låter InVision dina kunder, teammedlemmar och intressenter kommentera direkt på din design.
• Adobe XD (adobe.com/products/xd.html) – Allt-i-ett UI/UX-lösning som hjälper dig att förvandla din statiska layout till en interaktiv prototyp med ett klick. Med Adobe XD uppdateras din prototyp automatiskt med varje ändring du gör: ingen synkronisering krävs.
• Principle (principleformac.com) – Ett prototypverktyg som låter dig designa animerade och interaktiva användargränssnitt oavsett om du designar flödet av en app med flera skärmar eller nya animationer och interaktioner.

Är du redo att presentera din webbdesign?

I vilken form du presenterar din design beror på typen av produkt, vilka designkomponenter du presenterar (t.ex. layout eller funktionalitet) och i vilket skede av designprocessen du befinner dig. I ett tidigt skede kan du hålla dig till låg -fidelity-prototyper, medan det sena stadiet kräver att du närmar dig slutprodukten så snart som möjligt och levererar en interaktiv prototyp med hög kvalitet.

Naturligtvis ligger framgången för din presentation i ditt självförtroende och den data du besitter: håll fakta och logikbaserade argument till hands för att stödja dina åsikter. Och var inte rädd för att fråga din klient ”varför?”.

Har du testat något av dessa tips? Känner du till några andra hemligheter för en vinnande presentation? Dela dina tankar i kommentarerna nedan.