Web-suunnittelun esittäminen asiakkaalle

Suunnittelusi menestys ei riipu vain kyvystäsi luoda jotain visuaalisesti houkuttelevaa, vaan myös kykyäsi myydä se.

Ammattimaisena suunnittelijana sinun tulee osata kommunikoida asiakkaasi kanssa ja esitellä tuotteesi parhaalla mahdollisella tavalla. Mitä parempi esityksesi, sitä todennäköisemmin projektisi hyväksytään.

Tässä artikkelissa kerromme tehokkaan esityksen salaisuuksista ja temppuista, joilla saat asiakkaasi rakastumaan työhösi. Aloitamme vaihtoehdoista, jotka sinun tulee esitellä asiakkaallesi.

Kuinka monta suunnitteluvaihtoehtoa minun pitäisi esittää?

Maailmankuulu valintojen ja päätöksenteon asiantuntija Sheena Iyengar sanoo, että erilaiset valinnat voivat kiinnittää kuluttajien huomion, mutta samalla hämmentää heitä. Eli liian monet kuluttajat valitsevat jotain, vaikka se ei ehkä olisi paras vaihtoehto.

Miksi esittää useita vaihtoehtoja, mukaan lukien sellaiset, joista et ole niin varma? Jos tarjoat liian monta vaihtoehtoa, asiakkaasi voi hyvinkin jättää huomioimatta suosikkimallisi. Tästä syystä suosittelemme esittelemään vain lopullisen prototyypin.

Tämä ei kuitenkaan tarkoita, että sinun pitäisi näyttää vain yksi kuva. Kerro koko tarina alusta alkaen ja anna tilannekuvia projektistasi eri vaiheissa. Selitä tekemäsi päätökset ja kuinka ne täyttävät asiakkaasi liiketoimintatavoitteet. Ohjaa asiakasta läpi kaikki iteraatiot, jotka olet käynyt läpi löytääksesi ratkaisun hänen ongelmaansa. Tämä puhuttelee asiantuntemustasi ja todistaa, että et ole vain piirtänyt uudelleen olemassa olevaa mallia, vaan tehnyt suuren määrän työtä.

Suunnittelutarinasi päähenkilö olet sinä. Asiakkaat katsovat ja arvioivat sinua sanojesi ja tekojenne perusteella. Siksi sinun on parempi miettiä etukäteen, mitä sanot.

Kuinka houkutella asiakkaita esitykselläsi

Joskus suunnitteluasi esitellessäsi voit laukaista spekulaatiota, paljastaa liikaa tietoa tai saada asiakkaasi kyllästymään. Ilmeisesti et todellakaan halua tehdä sitä. Jos haluat pitää sujuvan esityksen, yritä järjestää se näiden viiden vaiheen avulla:

1 Muotoile ongelma

Mitä sinun pitäisi tehdä ensin? Aseta odotuksia yleisöllesi: kerro, mitä asiakkaasi näkevät ja mitä he saavat siitä irti. Muotoile ensimmäisessä tapaamisessasi esiintyvä ongelma, työskennellyt tehtävä (esim. nopean ja upean suunnittelun luominen verkkokuntosovellukselle) ja lähestymistavat, joita olet käyttänyt tämän ongelman ratkaisemiseen.

Vaihtoehtoisesti voit aloittaa nopealla yhteenvedolla siitä, mitä asiakkaasi ovat jo nähneet: viimeinen malli, olemassa oleva tuote tai uudelleen suunniteltu tuote. Voit myös koskettaa asiakkaidesi viimeisintä palautetta. Näin luot pohjan pääesitykselle ja vältät turhia kysymyksiä.

2 Osoita asiakkaasi yritystä

Yritä tehdä esityksestäsi henkilökohtaisempi. Keskustele asiakkaasi brändistä ja kohdeyleisöstä. Tavoitteesi on osoittaa, että ymmärrät asiakkaasi liiketoimintaa. Oletetaan, että suunnittelet verkkosivustoa Soft Blankets -yritykselle. Tämän sivuston tulee heijastaa yrityksen tuotevalikoimaa ja hintoja sekä välittää asiakkaille lämpöä ja viihtyisyyttä.

Voit rikastuttaa sekä mallejasi että lopullista suunnittelua asiakkaasi yrityskuvilla arkistovalokuvien sijaan. Jos esimerkiksi rakennat hyväntekeväisyyssivustoa, oikeilla valokuvilla yrityksen järjestämästä hyväntekeväisyyshuutokaupasta on paljon suurempi vaikutus asiakkaisiisi ja heidän mahdollisiin suojelijoihinsa.

3 Kuvaile suunnitteluprosessia

Anna lyhyt kuvaus jokaisesta suunnitteluprosessisi yksittäisestä vaiheesta ja puhu saamistasi tiedoista. Sinun tulee myös korostaa tapoja, joilla hyödynsit näitä tietoja parantaaksesi yleistä suunnittelua. Tässä on varsin tärkeää esitellä suunnittelukomponentit asiakkaasi liiketoiminnan etuina. Voit esimerkiksi selittää, että käytit enemmän punaista pikaruokasivustolla, koska se lisää asiakkaan ruokahalua ja saattaa kannustaa asiakkaita tilaamaan enemmän ruokaa. Nyt McDonald’sin ja KFC:n salaisuus paljastuu.

4 Pidä keskustelu

Suunnitteluesitys on keskustelua. Jos haluat saada perusteltua palautetta, vastaa kysymyksiin, kun niitä herää, ja selitä mitä asiakkaasi on jäänyt huomaamatta. Varmista, että esityksesi on asiakkaallesi selkeä ja että olet samalla sivulla. Lisäksi rakentava dialogi voi tuoda uusia ideoita ja ratkaisuja.

5 Kerää palautetta

Viimeinen ja luultavasti tärkein askel on saada palautetta. Anna asiakkaillesi aikaa arvioida työsi. Odotusaika riippuu asiakkaastasi, hänen työmäärästään ja projektisi koosta. On selvää, että suurten projektien tarkastelu vie enemmän aikaa kuin pienten. Älä panikoi, jos asiakkaasi ei vastaa kolmen ensimmäisen päivän aikana. Suunnittelemasi verkkosivusto on suuri osa asiakkaasi liiketoimintaa, ja heidän on oltava varmoja, että se voittaa heidän yleisönsä.

Kuinka kerätä palautetta oikealla tavalla

Joskus saatat kuitenkin työskennellä kovasti ja silti saada palautetta, joka on hyödytöntä tai jota et osaa hallita kunnolla, tai vastaaminen voi kestää kuukausia. Kuinka voit välttää tällaisen tilanteen ja asettaa oikean suunnan asiakkaillesi? Seuraa vain näitä vinkkejä.

1 Suunnittele eteenpäin

Suosittelemme, että selvität kaikki ongelmat ennen palautteen keräämistä. Aseta tietty päivämäärä, jolloin asiakkaasi antaa palautetta työstäsi. Ota tämä päivämäärä vakavasti. Sinun puoleltasi olisi mukavaa muistuttaa asiakasta palautteen päivämäärästä muutama päivä etukäteen. Sinun tulee myös sopia palautteen muodosta – joko soittamalla, sähköpostitse tai henkilökohtaisesti.

2 Esitä kohdennettuja kysymyksiä

Melko usein suunnitteluesitykset muuttuvat kokonaan keskusteluiksi sisällöstä. On selvää, että joitain sisältökeskusteluja odotetaan, mutta asiakkaasi ei pitäisi omistaa kaikkea palautetta tälle teemalle. Jos haluat saada hyödyllistä palautetta, esitä erityisiä kysymyksiä ja suuntaa keskustelu siihen, mistä todella haluaisit kuulla palautetta.

Älä kysy asiakkailtasi ”mitä mieltä olette?” Sen sijaan kysy heiltä, ​​täyttääkö tämä konsepti heidän liiketoimintatavoitteensa tai millä tavoin se epäonnistuu, tai kysy heiltä, ​​sopiiko väripaletti brändin sijoitukseen.

3 Ymmärrä todellinen merkitys

Kommentoidessaan projektiasi asiakkaat ehdottavat usein ratkaisuja sen sijaan, että ne osoittaisivat ongelman: ”Voitko tehdä tästä painikkeesta isomman? Voitko lisätä vihreää?” Tehtäväsi on tunnistaa ydinongelma tai haaste, joka piilee palautteessa.

Kysy aina heiltä miksi: ”Miksi haluat tämän painikkeen suurentavan? Miksi luulet, että vihreämpi on parempi verkkosivustollesi?” Dustin Curtis, Svbtlen perustaja, kysyy vähintään kolme kysymystä asiakkailleen heidän mielipiteistään.

4 Käytä logiikkaa ja mainitse kuuluisia tuotemerkkejä

Jos et jaa samaa mielipidettä asiakkaasi kanssa, älä ala kritisoida ja huonontaa häntä. Tue väitteesi sen sijaan faktoilla, tutkimuksilla ja tutkimuksilla. Anna näiden tosiasioiden puhua puolestaan. Lisäksi voit mainita esimerkkeinä kuuluisia yrityksiä.

Kuvittele, että asiakkaasi pyysi sinua pienentämään kirjasinkokoa 22 pisteestä 12 pisteeseen. Tässä tapauksessa voit vastata seuraavasti: ”Se on mielenkiintoinen kohta. Mutta tiedäthän, luin äskettäin tutkimuksen, jonka mukaan suuremmat kirjasinkoot voivat herättää vahvempia tunneyhteyksiä brändiin. Muuten, Medium käyttää myös 22 pt fonttia.”

Älä myöskään käytä lauseita, jotka kuuluvat ”Minä sanoin sinulle niin” -tyyliin. Yritä osoittaa empatiaa: ”Kyllä, minäkin järkytyin kuullessani tämän.”

5 Kunnioita asiakkaasi mielipidettä

Vaikka sinulla on todennäköisesti paljon enemmän kokemusta web-suunnittelusta, asiakkaasi tuntee silti liiketoimintansa paremmin kuin sinä. He tulevat käyttämään mallia päivittäin. Joten heidän täytyy tuntea olonsa mukavaksi suunnittelemallasi verkkosivustolla.

Jos asiakkaasi on edelleen tyytymätön suunnitteluusi, tarkista työsi yhdessä. Yritä löytää kompromissi ja muokata suunnittelua asiakkaasi palautteen perusteella. Muista, että asiakkaasi tiedon ja kokemuksesi symbioosi voi kantaa aidosti menestyvän tuotteen.

Nyt tiedät jo teoreettisen osan: miten toimia ja mitä sanoa esitellessäsi suunnittelutyötäsi. Silti ei ole selvää, missä muodossa suunnittelusi tulisi kehystää. Miltä prototyyppisi pitäisi näyttää?

Millainen prototyyppi minun pitäisi valita?

Emme voi antaa sinulle yleispätevää vastausta ja sanoa ”piirrä vain se näin”. Mutta voimme helpottaa työtäsi tarjoamalla sinulle käteviä vinkkejä prototyyppien tekemiseen. Suosittelemme, että valitset prototyypin tyypin ja sen luomiseen käytettävät työkalut nykyisen suunnitteluvaiheen perusteella – joko alkuvaiheessa tai loppuvaiheessa. Tarkastellaanpa tarkemmin näitä molempia vaiheita.

Aikainen vaihe

Alkuvaiheessa mietitään läpi sivuston logiikkaa ja toimivuutta: ulkoasua, ominaisuuksia, yhteyksiä ja siirtymiä. Kohdeyleisösi ajatellen muodostat elementtejä, jotka tekevät verkkosivustosta intuitiivisen käyttäjille. Päätavoitteesi on tarkistaa tuotteen toimivuus.

Siksi tässä vaiheessa voit esittää matalan tarkkuuden prototyypin yksinkertaisten kaavamaisten näyttöjen muodossa, yleensä perusväreissä ja ilman visuaalisia tehosteita tai yksityiskohtia.

Voit suunnitella matalan tarkkuuden prototyypin kokeilemalla seuraavia työkaluja:

• Wireframe.cc – Yksi perustyökaluista, joita suunnittelijat voivat käyttää metallikehysten luomiseen. Sen tärkeimmät edut ovat yksinkertainen käyttöliittymä ja mahdollisuus aloittaa lankakehysten suunnittelu välittömästi ilman rekisteröitymistä.
• Moqups.com – Verkkosovellus, jonka avulla voit luoda rautakehyksiä, malleja ja prototyyppejä. Moqups tarjoaa sisäänrakennetun kirjaston, jossa on tuhansia kuvakesarjoja, pilvipohjaista tallennustilaa sekä kommentti- ja palauteominaisuuksia.
• Pencil Project (pencil.evolus.vn) – Ilmainen ja avoimen lähdekoodin prototyyppityökalu sekä työpöytä- että mobiilialustoille. Pencil Project tarjoaa sisäänrakennettuja kokoelmia (muodot, vuokaavioelementit jne.), kaavioiden piirtämisen ja sivujen välisen linkityksen.

Low-fidelity prototyypin kanssa sinun on oltava varovainen, sillä voit kohdata väärinkäsityksiä ja negatiivisia huomautuksia asiakkaasi puolelta: ”Miksi näytöt ovat niin yksinkertaisia? Miksi käytit niin huonoa värimaailmaa?” Jos näin tapahtuu, käytä aikaa selittääksesi asiakkaallesi, mitä UX on ja kuinka tärkeää se on heidän tuotteelleen – että UX on heidän tulevan verkkosivustonsa sydän ja sielu – ja että tämä prototyyppi on kaukana lopullisesta versiosta.

Viimeinen taso

Viimeisessä vaiheessa sinun on toimitettava korkealaatuinen prototyyppi asiakkaallesi: lisää interaktiivisia elementtejä, kuten mikrovuorovaikutuksia, navigointia näytöltä näytölle ja muita animaatioita.

High-fidelity prototyyppi on tietokonepohjainen interaktiivinen esitys, joka on tehty mahdollisimman lähelle lopullista suunnittelua (yksityiskohtien ja toiminnallisuuden suhteen), jotta asiakkaasi voi tutkia tuotteen käytettävyyttä ja tehdä johtopäätöksiä käyttäjien käyttäytymisestä.

High-fidelity-prototyyppien avulla voit tuntea sivuston siirtymät ja toiminnot realistisemmin kuin matalan tarkkuuden prototyypit ja paljastaa mahdolliset viat tai vaikeudet tässä vaiheessa ennen käyttöliittymän luomista.

Jos et ole varma, mitä työkaluja prototyyppisi animointiin käyttää, kokeile näitä:

• InVision (invisionapp.com) – Digitaalinen tuotesuunnittelualusta, jonka avulla voit luoda interaktiivisia prototyyppejä muutamassa minuutissa. InVisionin avulla voit luoda tyylitaulukoita ja luoda todellista koodia mille tahansa suunnitteluelementille. Lisäksi InVision antaa asiakkaillesi, tiimisi jäsenille ja sidosryhmille mahdollisuuden kommentoida suunnitelmiasi suoraan.
• Adobe XD (adobe.com/products/xd.html) – All-in-one UI/UX-ratkaisu, jonka avulla voit muuttaa staattisen asettelun interaktiiviseksi prototyypiksi yhdellä napsautuksella. Adobe XD:n avulla prototyyppisi päivittyy automaattisesti jokaisen tekemäsi muutoksen yhteydessä: synkronointia ei tarvita.
• Periaate (principleformac.com) – Prototyyppityökalu, jonka avulla voit suunnitella animoituja ja interaktiivisia käyttöliittymiä riippumatta siitä, suunnitteletko moninäyttösovellusta tai uusia animaatioita ja vuorovaikutuksia.

Oletko valmis esittelemään verkkosuunnittelusi?

Suunnittelun muoto riippuu tuotteen tyypistä, esittelemistäsi suunnittelukomponenteista (esim. ulkoasu tai toiminnallisuus) ja suunnitteluprosessin vaiheesta, jossa olet. Alkuvaiheessa voit pitää matalaa -Fidelity-prototyypit, kun taas myöhäinen vaihe edellyttää, että lähestyt lopputuotetta mahdollisimman pian ja toimitat korkealaatuisen interaktiivisen prototyypin.

Esityksesi menestys on tietysti luottamuksessasi ja hallussasi olevissa tiedoissa: pidä faktat ja logiikkaan perustuvat argumentit käsilläsi tukemaan mielipiteitäsi. Ja älä pelkää kysyä asiakkaaltasi ”miksi?”.

Oletko kokeillut jotain näistä vinkeistä? Tiedätkö muita voittavan esityksen salaisuuksia? Jaa ajatuksesi alla olevissa kommenteissa.