Kuidas veebidisaini kliendile esitleda

Teie disaini edu ei sõltu mitte ainult teie võimest luua midagi visuaalselt atraktiivset, vaid ka teie võimest seda müüa.

Professionaalse disainerina peaksite teadma, kuidas oma kliendiga suhelda ja oma toodet parimal võimalikul viisil esitleda. Mida parem on teie esitlus, seda suurem on võimalus, et teie projekt kiidetakse heaks.

Selles artiklis jagame mõnda tõhusa esitluse saladust ja mõningaid nippe, kuidas panna teie kliendid teie töösse armuma. Alustame valikute arvust, mida peaksite oma kliendile esitama.

Kui palju disainivalikuid peaksin esitama?

Ülemaailmselt tunnustatud valikute ja otsuste tegemise ekspert Sheena Iyengar ütleb, et mitmesugused valikud võivad tarbijate tähelepanu juhtida, kuid samal ajal neid rabada ja segadusse ajada. See tähendab, et liiga paljud tarbijad valivad midagi, isegi kui see ei pruugi olla parim valik.

Miks esitada mitu võimalust, sealhulgas need, milles te pole nii kindel? Kui pakute liiga palju võimalusi, võib teie klient teie lemmikkujundust väga hästi ignoreerida. Seetõttu soovitame esitada ainult lõpliku prototüübi.

See ei tähenda siiski, et peaksite näitama ainult ühte pilti. Rääkige kogu lugu algusest peale, pakkudes oma projekti erinevatest etappidest hetktõmmiseid. Selgitage tehtud otsuseid ja kuidas need vastavad teie kliendi ärieesmärkidele. Juhendage oma klienti läbi kõigi läbitud iteratsioonide, et leida tema probleemile lahendus. See räägib teie teadmistest ja tõestab, et te pole lihtsalt olemasolevat kujundust ümber joonistanud, vaid tegite suure hulga tööd.

Teie disainiloo peategelane olete teie. Kliendid jälgivad ja hindavad teid teie sõnade ja tegude järgi. Seetõttu on parem mõelda, mida ütlete eelnevalt.

Kuidas oma esitlusega kliente võluda

Mõnikord võite oma kujundust esitledes vallandada spekulatsiooni, avaldada liiga palju teavet või tekitada kliendil igavust. Ilmselgelt pole see see, mida sa tegelikult teha tahad. Kui soovite esitada sujuvat esitlust, proovige seda korraldada järgmiste viie sammu abil.

1 Sõnasta probleem

Mida peaksite kõigepealt tegema? Seadke oma publikule ootused: andke teada, mida teie kliendid näevad ja mida nad sellest saavad. Sõnastage oma esimesel kohtumisel püstitatud probleem, ülesanne, mille kallal olete töötanud (nt veebitreeningurakenduse jaoks kiire ja suurepärase kujunduse loomine) ja lähenemisviisid, mida olete selle probleemi lahendamiseks kasutanud.

Teise võimalusena võite alustada kiire kokkuvõttega sellest, mida teie kliendid on juba näinud: viimane disain, olemasolev toode või ümber kujundatud toode. Võite puudutada ka viimast tagasisidet, mille teie kliendid andsid. Seda tehes paned aluse oma põhiesitlusele ja väldid asjatuid küsimusi.

2 Pöörduge oma kliendi ettevõtte poole

Proovige muuta oma esitlus isiklikumaks. Arutage oma kliendi brändi ja tema sihtrühma. Teie eesmärk on näidata, et mõistate oma kliendi äri. Oletame, et kujundate veebisaiti ettevõttele Soft Blankets. See veebileht peab kajastama ettevõtte tootevalikut ja hindu ning pakkuma klientidele soojust ja hubasust.

Saate rikastada nii oma makette kui ka lõplikku kujundust oma kliendi ettevõtte fotodega, mitte stockfotograafiaga. Näiteks kui loote heategevuslikku veebisaiti, avaldavad ettevõtte korraldatud heategevusoksjoni tõelised fotod teie klientidele ja nende potentsiaalsetele patroonidele palju suuremat mõju.

3 Kirjeldage projekteerimisprotsessi

Kirjeldage lühidalt oma projekteerimisprotsessi iga üksikut etappi ja rääkige saadud teabest. Peaksite rõhutama ka viisi, kuidas te seda teavet üldise disaini parandamiseks kasutasite. Siin on üsna oluline esitleda disainikomponente kui eeliseid oma kliendi ettevõttele. Näiteks võite selgitada, et kasutasite kiirtoidu veebisaidil rohkem punast, kuna see suurendab klientide söögiisu ja võib julgustada kliente rohkem toitu tellima. Nüüd on McDonaldsi ja KFC saladus avalikustatud.

4 Peatage vestlus

Disaini esitlus on vestlus. Kui soovite saada teadlikku tagasisidet, vastake küsimustele, kui need tekivad, ja selgitage kõike, mida teie klient on kahe silma vahele jätnud. Veenduge, et teie esitlus oleks teie kliendile arusaadav ja oleksite samal lehel. Pealegi võib konstruktiivne dialoog tuua uusi ideid ja lahendusi.

5 Koguge tagasisidet

Viimane ja ilmselt kõige olulisem samm on tagasiside saamine. Andke oma klientidele aega oma töö hindamiseks. Ooteaeg sõltub teie kliendist, tema töökoormusest ja teie projekti mahust. Ilmselgelt kulub suurte projektide läbivaatamiseks rohkem aega kui väikestele. Ärge paanitsege, kui teie klient ei vasta esimese kolme päeva jooksul. Teie loodud veebisait on teie kliendi äritegevuse suur osa ja nad peavad olema kindlad, et see võidab nende vaatajaskonna.

Kuidas koguda tagasisidet õigel viisil

Mõnikord võite aga kõvasti tööd teha ja siiski saada tagasisidet, mis on kasutu või mida te ei saa korralikult hallata, või vastamine võib kesta kuid. Kuidas saate sellist olukorda vältida ja oma klientidele õige suuna määrata? Lihtsalt järgige neid nõuandeid.

1 Planeerige ette

Soovitame enne tagasiside kogumist kõik probleemid selgeks teha. Määrake konkreetne kuupäev, millal klient teie töö kohta tagasisidet annab. Võtke seda kuupäeva tõsiselt. Oleks tore teie poolt kliendile tagasiside kuupäeva paar päeva ette meelde tuletada. Samuti peaksite kokku leppima tagasiside vormis – kas kõne, meili või isiklikult.

2 Esitage keskendunud küsimusi

Üsna sageli muutuvad kujundusesitlused täielikult sisu üle arutlemiseks. Ilmselgelt on oodata mõningaid sisuarutelusid, kuid teie klient ei peaks kogu oma tagasisidet sellele teemale pühendama. Kui soovite saada kasulikku tagasisidet, esitage konkreetseid küsimusi ja suunake vestlus sellele, mille kohta soovite tõesti tagasisidet kuulda.

Ärge küsige oma klientidelt: “Mis te arvate?” Selle asemel küsige neilt, kas see kontseptsioon vastab nende ärieesmärkidele või kuidas see seda ei täida, või küsige neilt, kas värvipalett sobib brändi positsioneeringuga.

3 Mõistke tõelist tähendust

Teie projekti kommenteerides pakuvad kliendid sageli lahendusi, mitte ei osuta probleemile: „Kas saate seda nuppu suuremaks muuta? Kas saate lisada veel rohelist?” Teie ülesanne on tuvastada põhiprobleem või väljakutse, mis selles tagasisides peitub.

Küsige neilt alati, miks: “Miks sa tahad, et see nupp oleks suurem? Miks arvate, et rohelisem on teie veebisaidi jaoks parem?” Svbtle asutaja Dustin Curtis esitab oma klientidele nende arvamuste kohta vähemalt kolm küsimust.

4 Rakendage loogikat ja mainige kuulsaid kaubamärke

Kui te ei jaga oma kliendiga sama arvamust, ärge hakake teda kritiseerima ja diskrediteerima. Selle asemel toetage oma argumente faktide, uuringute ja uuringutega. Las need faktid räägivad enda eest. Lisaks võite näidetena tuua kuulsaid ettevõtteid.

Kujutage ette, et teie klient palus teil vähendada fondi suurust 22-lt 12-le. Sel juhul võite vastata järgmiselt: „See on huvitav punkt. Aga teate, ma lugesin hiljuti uuringut, mis näitas, et suuremad kirjasuurused võivad tekitada tugevamaid emotsionaalseid sidemeid brändiga. Muide, Medium kasutab ka 22pt fonti.

Ja ärge kasutage fraase, mis kuuluvad stiili “ma ütlesin sulle nii”. Proovige näidata empaatiat: “Jah, ma olin ka šokeeritud, kui seda kuulsin.”

5 Austage oma kliendi arvamust

Kuigi teil on tõenäoliselt veebidisaini alal palju rohkem kogemusi, tunneb teie klient siiski oma äri paremini kui teie. Just nemad hakkavad seda disaini igapäevaselt kasutama. Seega peavad nad teie loodud veebisaidil end mugavalt tundma.

Kui teie klient ei ole teie kujundusega rahul, vaadake oma töö koos üle. Proovige leida kompromiss ja kohandada disaini kliendi tagasiside põhjal. Pidage meeles, et teie kliendi teadmiste ja kogemuste sümbioos võib olla tõeliselt edukas toode.

Nüüd teate juba teoreetilist osa: kuidas käituda ja mida oma disainitööd esitledes öelda. Siiski pole selge, millises vormis peaksite oma disaini raamima. Milline peaks teie prototüüp välja nägema?

Millist tüüpi prototüüpi peaksin valima?

Me ei saa anda teile universaalset vastust ja öelda “lihtsalt joonistage see nii”. Kuid me saame teie tööd hõlbustada, pakkudes teile kasulikke näpunäiteid prototüüpide loomise voo kohta. Soovitame teil valida prototüübi tüüp ja selle loomiseks kasutatavad tööriistad lähtuvalt sellest, millises projekteerimisetapis te parasjagu olete – kas varajases või viimases etapis. Vaatame mõlemat etappi lähemalt.

Varajane staadium

Varajases etapis mõeldakse läbi veebisaidi loogika ja funktsionaalsus: paigutus, funktsioonid, ühendused ja üleminekud. Oma sihtrühma silmas pidades moodustate elemente, mis muudavad veebisaidi kasutajate jaoks intuitiivseks. Teie peamine eesmärk on kontrollida toote töövõimet.

Seetõttu saate selles etapis esitada madala täpsusega prototüüpi lihtsate skemaatiliste ekraanide kujul, tavaliselt põhivärvides ja ilma visuaalsete efektide või detailideta.

Madala täpsusega prototüübi kujundamiseks võite proovida järgmisi tööriistu:

• Wireframe.cc – üks elementaarsemaid tööriistu, mida disainerid saavad traatraamide loomiseks kasutada. Selle peamised eelised on lihtne liides ja võimalus alustada traatraamide projekteerimist kohe ilma registreerumiseta.
• Moqups.com – veebirakendus, mis aitab teil luua traatkaare, makette ja prototüüpe. Moqups pakub sisseehitatud raamatukogu tuhandete ikoonikomplektide, pilvepõhise salvestusruumi ning kommentaaride ja tagasiside funktsioonidega.
• Pliiatsiprojekt (pencil.evolus.vn) – tasuta ja avatud lähtekoodiga prototüüpimise tööriist nii laua- kui ka mobiiliplatvormidele. Pliiatsiprojekt pakub sisseehitatud kogusid (kujundid, vooskeemi elemendid jne), diagrammi joonistamise tuge ja lehtedevahelist linkimist.

Madala täpsusega prototüübiga peate olema ettevaatlik, kuna võite silmitsi seista arusaamatuste ja negatiivsete märkustega kliendi poolelt: „Miks on ekraanid nii lihtsad? Miks sa nii kehva värvilahendust kasutasid?” Kui see juhtub, leidke aega, et selgitada oma kliendile, mis on UX ja kui oluline see tema toote jaoks on – et UX on nende tulevase veebisaidi süda ja hing – ning et see prototüüp pole lõplikust versioonist kaugel.

Lõplik etapp

Viimases etapis peate oma kliendile tarnima ülitäpsusega prototüübi: lisama interaktiivseid elemente, nagu mikrointeraktsioonid, ekraanilt ekraanile navigeerimine ja muud animatsioonid.

Kõrgtäpsusega prototüüp on arvutipõhine interaktiivne esitus, mis on tehtud võimalikult lähedal lõplikule kujundusele (detailide ja funktsionaalsuse poolest), et võimaldada teie kliendil uurida toote kasutatavust ja teha järeldusi kasutaja käitumise kohta.

Kõrgtäpsusega prototüübid võimaldavad teil tunda veebisaidi üleminekuid ja funktsioone realistlikumalt kui madala täpsusega prototüüpe ning paljastada võimalikud vead või raskused selles etapis enne kasutajaliidese loomist.

Kui te pole kindel, milliseid tööriistu oma prototüübi animeerimiseks kasutada, proovige järgmist.

• InVision (invisionapp.com) – digitaalne tootekujundusplatvorm, mis võimaldab luua interaktiivseid prototüüpe mõne minutiga. InVisioni abil saate luua stiilitabeleid ja genereerida reaalset koodi mis tahes kujunduselemendi jaoks. Lisaks võimaldab InVision teie klientidel, meeskonnaliikmetel ja sidusrühmadel teie kujundusi otse kommenteerida.
• Adobe XD (adobe.com/products/xd.html) – kõik-ühes kasutajaliidese/UX-lahendus, mis aitab teil muuta oma staatilise paigutuse ühe klõpsuga interaktiivseks prototüübiks. Adobe XD abil värskendatakse teie prototüüpi automaatselt iga muudatusega: sünkroonimine pole vajalik.
• Põhimõte (principleformac.com) – prototüüpimistööriist, mis võimaldab teil kujundada animeeritud ja interaktiivseid kasutajaliideseid olenemata sellest, kas kujundate mitme ekraaniga rakenduse voogu või uusi animatsioone ja interaktsioone.

Kas olete valmis oma veebidisaini esitlema?

Kujunduse esitlemise vorm sõltub toote tüübist, esitletavatest disainikomponentidest (nt paigutus või funktsionaalsus) ja disainiprotsessi etapist, milles te parasjagu olete. Algstaadiumis võite jääda madalale -truuduse prototüübid, samas kui hilises etapis peate lähenema lõpptootele niipea kui võimalik ja tarnima kõrge täpsusega interaktiivse prototüübi.

Loomulikult seisneb teie esitluse edu teie enesekindluses ja teie käsutuses olevates andmetes: hoidke faktid ja loogikal põhinevad argumendid teie arvamuste toetamiseks käepärast. Ja ärge kartke küsida oma kliendilt “miks?”.

Kas olete mõnda neist näpunäidetest proovinud? Kas teate veel võiduka esitluse saladusi? Jagage oma mõtteid allolevates kommentaarides.