{"id":249662,"date":"2023-07-06T07:26:00","date_gmt":"2023-07-06T04:26:00","guid":{"rendered":"https:\/\/inform.click\/web-suunnittelun-esittaminen-asiakkaalle\/"},"modified":"2023-07-06T07:35:00","modified_gmt":"2023-07-06T04:35:00","slug":"web-suunnittelun-esittaminen-asiakkaalle","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/web-suunnittelun-esittaminen-asiakkaalle\/","title":{"rendered":"Web-suunnittelun esitt\u00e4minen asiakkaalle"},"content":{"rendered":"<p>\n  Suunnittelusi menestys ei riipu vain kyvyst\u00e4si luoda jotain visuaalisesti houkuttelevaa, vaan my\u00f6s kyky\u00e4si myyd\u00e4 se.\n<\/p>\n<p>\n  Ammattimaisena suunnittelijana sinun tulee osata kommunikoida asiakkaasi kanssa ja esitell\u00e4 tuotteesi parhaalla mahdollisella tavalla. Mit\u00e4 parempi esityksesi, sit\u00e4 todenn\u00e4k\u00f6isemmin projektisi hyv\u00e4ksyt\u00e4\u00e4n.\n<\/p>\n<p>\n  T\u00e4ss\u00e4 artikkelissa kerromme tehokkaan esityksen salaisuuksista ja temppuista, joilla saat asiakkaasi rakastumaan ty\u00f6h\u00f6si. Aloitamme vaihtoehdoista, jotka sinun tulee esitell\u00e4 asiakkaallesi.\n<\/p>\n<h5>\n  Kuinka monta suunnitteluvaihtoehtoa minun pit\u00e4isi esitt\u00e4\u00e4?<br \/>\n<\/h5>\n<p>\n  Maailmankuulu valintojen ja p\u00e4\u00e4t\u00f6ksenteon asiantuntija Sheena Iyengar sanoo, ett\u00e4 erilaiset valinnat voivat kiinnitt\u00e4\u00e4 kuluttajien huomion, mutta samalla h\u00e4mment\u00e4\u00e4 heit\u00e4. Eli liian monet kuluttajat valitsevat jotain, vaikka se ei ehk\u00e4 olisi paras vaihtoehto.\n<\/p>\n<p>\n  Miksi esitt\u00e4\u00e4 useita vaihtoehtoja, mukaan lukien sellaiset, joista et ole niin varma? Jos tarjoat liian monta vaihtoehtoa, asiakkaasi voi hyvinkin j\u00e4tt\u00e4\u00e4 huomioimatta suosikkimallisi. T\u00e4st\u00e4 syyst\u00e4 suosittelemme esittelem\u00e4\u00e4n vain lopullisen prototyypin.\n<\/p>\n<p>\n  T\u00e4m\u00e4 ei kuitenkaan tarkoita, ett\u00e4 sinun pit\u00e4isi n\u00e4ytt\u00e4\u00e4 vain yksi kuva. Kerro koko tarina alusta alkaen ja anna tilannekuvia projektistasi eri vaiheissa. Selit\u00e4 tekem\u00e4si p\u00e4\u00e4t\u00f6kset ja kuinka ne t\u00e4ytt\u00e4v\u00e4t asiakkaasi liiketoimintatavoitteet. Ohjaa asiakasta l\u00e4pi kaikki iteraatiot, jotka olet k\u00e4ynyt l\u00e4pi l\u00f6yt\u00e4\u00e4ksesi ratkaisun h\u00e4nen ongelmaansa. T\u00e4m\u00e4 puhuttelee asiantuntemustasi ja todistaa, ett\u00e4 et ole vain piirt\u00e4nyt uudelleen olemassa olevaa mallia, vaan tehnyt suuren m\u00e4\u00e4r\u00e4n ty\u00f6t\u00e4.\n<\/p>\n<p>\n  Suunnittelutarinasi p\u00e4\u00e4henkil\u00f6 olet sin\u00e4. Asiakkaat katsovat ja arvioivat sinua sanojesi ja tekojenne perusteella. Siksi sinun on parempi mietti\u00e4 etuk\u00e4teen, mit\u00e4 sanot.\n<\/p>\n<p>\n  Kuinka houkutella asiakkaita esityksell\u00e4si\n<\/p>\n<p>\n  Joskus suunnitteluasi esitelless\u00e4si voit laukaista spekulaatiota, paljastaa liikaa tietoa tai saada asiakkaasi kyll\u00e4stym\u00e4\u00e4n. Ilmeisesti et todellakaan halua tehd\u00e4 sit\u00e4. Jos haluat pit\u00e4\u00e4 sujuvan esityksen, yrit\u00e4 j\u00e4rjest\u00e4\u00e4 se n\u00e4iden viiden vaiheen avulla:\n<\/p>\n<h5>\n  1 Muotoile ongelma<br \/>\n<\/h5>\n<p>\n  Mit\u00e4 sinun pit\u00e4isi tehd\u00e4 ensin? Aseta odotuksia yleis\u00f6llesi: kerro, mit\u00e4 asiakkaasi n\u00e4kev\u00e4t ja mit\u00e4 he saavat siit\u00e4 irti. Muotoile ensimm\u00e4isess\u00e4 tapaamisessasi esiintyv\u00e4 ongelma, ty\u00f6skennellyt teht\u00e4v\u00e4 (esim. nopean ja upean suunnittelun luominen verkkokuntosovellukselle) ja l\u00e4hestymistavat, joita olet k\u00e4ytt\u00e4nyt t\u00e4m\u00e4n ongelman ratkaisemiseen.\n<\/p>\n<p>\n  Vaihtoehtoisesti voit aloittaa nopealla yhteenvedolla siit\u00e4, mit\u00e4 asiakkaasi ovat jo n\u00e4hneet: viimeinen malli, olemassa oleva tuote tai uudelleen suunniteltu tuote. Voit my\u00f6s koskettaa asiakkaidesi viimeisint\u00e4 palautetta. N\u00e4in luot pohjan p\u00e4\u00e4esitykselle ja v\u00e4lt\u00e4t turhia kysymyksi\u00e4.\n<\/p>\n<h5>\n  2 Osoita asiakkaasi yrityst\u00e4<br \/>\n<\/h5>\n<p>\n  Yrit\u00e4 tehd\u00e4 esityksest\u00e4si henkil\u00f6kohtaisempi. Keskustele asiakkaasi br\u00e4ndist\u00e4 ja kohdeyleis\u00f6st\u00e4. Tavoitteesi on osoittaa, ett\u00e4 ymm\u00e4rr\u00e4t asiakkaasi liiketoimintaa. Oletetaan, ett\u00e4 suunnittelet verkkosivustoa Soft Blankets -yritykselle. T\u00e4m\u00e4n sivuston tulee heijastaa yrityksen tuotevalikoimaa ja hintoja sek\u00e4 v\u00e4litt\u00e4\u00e4 asiakkaille l\u00e4mp\u00f6\u00e4 ja viihtyisyytt\u00e4.\n<\/p>\n<p>\n  Voit rikastuttaa sek\u00e4 mallejasi ett\u00e4 lopullista suunnittelua asiakkaasi yrityskuvilla arkistovalokuvien sijaan. Jos esimerkiksi rakennat hyv\u00e4ntekev\u00e4isyyssivustoa, oikeilla valokuvilla yrityksen j\u00e4rjest\u00e4m\u00e4st\u00e4 hyv\u00e4ntekev\u00e4isyyshuutokaupasta on paljon suurempi vaikutus asiakkaisiisi ja heid\u00e4n mahdollisiin suojelijoihinsa.\n<\/p>\n<h5>\n  3 Kuvaile suunnitteluprosessia<br \/>\n<\/h5>\n<p>\n  Anna lyhyt kuvaus jokaisesta suunnitteluprosessisi yksitt\u00e4isest\u00e4 vaiheesta ja puhu saamistasi tiedoista. Sinun tulee my\u00f6s korostaa tapoja, joilla hy\u00f6dynsit n\u00e4it\u00e4 tietoja parantaaksesi yleist\u00e4 suunnittelua. T\u00e4ss\u00e4 on varsin t\u00e4rke\u00e4\u00e4 esitell\u00e4 suunnittelukomponentit asiakkaasi liiketoiminnan etuina. Voit esimerkiksi selitt\u00e4\u00e4, ett\u00e4 k\u00e4ytit enemm\u00e4n punaista pikaruokasivustolla, koska se lis\u00e4\u00e4 asiakkaan ruokahalua ja saattaa kannustaa asiakkaita tilaamaan enemm\u00e4n ruokaa. Nyt McDonald'sin ja KFC:n salaisuus paljastuu.\n<\/p>\n<h5>\n  4 Pid\u00e4 keskustelu<br \/>\n<\/h5>\n<p>\n  Suunnitteluesitys on keskustelua. Jos haluat saada perusteltua palautetta, vastaa kysymyksiin, kun niit\u00e4 her\u00e4\u00e4, ja selit\u00e4 mit\u00e4 asiakkaasi on j\u00e4\u00e4nyt huomaamatta. Varmista, ett\u00e4 esityksesi on asiakkaallesi selke\u00e4 ja ett\u00e4 olet samalla sivulla. Lis\u00e4ksi rakentava dialogi voi tuoda uusia ideoita ja ratkaisuja.\n<\/p>\n<h5>\n  5 Ker\u00e4\u00e4 palautetta<br \/>\n<\/h5>\n<p>\n  Viimeinen ja luultavasti t\u00e4rkein askel on saada palautetta. Anna asiakkaillesi aikaa arvioida ty\u00f6si. Odotusaika riippuu asiakkaastasi, h\u00e4nen ty\u00f6m\u00e4\u00e4r\u00e4st\u00e4\u00e4n ja projektisi koosta. On selv\u00e4\u00e4, ett\u00e4 suurten projektien tarkastelu vie enemm\u00e4n aikaa kuin pienten. \u00c4l\u00e4 panikoi, jos asiakkaasi ei vastaa kolmen ensimm\u00e4isen p\u00e4iv\u00e4n aikana. Suunnittelemasi verkkosivusto on suuri osa asiakkaasi liiketoimintaa, ja heid\u00e4n on oltava varmoja, ett\u00e4 se voittaa heid\u00e4n yleis\u00f6ns\u00e4.\n<\/p>\n<h3>\n  Kuinka ker\u00e4t\u00e4 palautetta oikealla tavalla<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  Joskus saatat kuitenkin ty\u00f6skennell\u00e4 kovasti ja silti saada palautetta, joka on hy\u00f6dyt\u00f6nt\u00e4 tai jota et osaa hallita kunnolla, tai vastaaminen voi kest\u00e4\u00e4 kuukausia. Kuinka voit v\u00e4ltt\u00e4\u00e4 t\u00e4llaisen tilanteen ja asettaa oikean suunnan asiakkaillesi? Seuraa vain n\u00e4it\u00e4 vinkkej\u00e4.\n<\/p>\n<h5>\n  1 Suunnittele eteenp\u00e4in<br \/>\n<\/h5>\n<p>\n  Suosittelemme, ett\u00e4 selvit\u00e4t kaikki ongelmat ennen palautteen ker\u00e4\u00e4mist\u00e4. Aseta tietty p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4, jolloin asiakkaasi antaa palautetta ty\u00f6st\u00e4si. Ota t\u00e4m\u00e4 p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 vakavasti. Sinun puoleltasi olisi mukavaa muistuttaa asiakasta palautteen p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4st\u00e4 muutama p\u00e4iv\u00e4 etuk\u00e4teen. Sinun tulee my\u00f6s sopia palautteen muodosta \u2013 joko soittamalla, s\u00e4hk\u00f6postitse tai henkil\u00f6kohtaisesti.\n<\/p>\n<h5>\n  2 Esit\u00e4 kohdennettuja kysymyksi\u00e4<br \/>\n<\/h5>\n<p>\n  Melko usein suunnitteluesitykset muuttuvat kokonaan keskusteluiksi sis\u00e4ll\u00f6st\u00e4. On selv\u00e4\u00e4, ett\u00e4 joitain sis\u00e4lt\u00f6keskusteluja odotetaan, mutta asiakkaasi ei pit\u00e4isi omistaa kaikkea palautetta t\u00e4lle teemalle. Jos haluat saada hy\u00f6dyllist\u00e4 palautetta, esit\u00e4 erityisi\u00e4 kysymyksi\u00e4 ja suuntaa keskustelu siihen, mist\u00e4 todella haluaisit kuulla palautetta.\n<\/p>\n<p>\n  \u00c4l\u00e4 kysy asiakkailtasi &#8221;mit\u00e4 mielt\u00e4 olette?&#8221; Sen sijaan kysy heilt\u00e4, \u200b\u200bt\u00e4ytt\u00e4\u00e4k\u00f6 t\u00e4m\u00e4 konsepti heid\u00e4n liiketoimintatavoitteensa tai mill\u00e4 tavoin se ep\u00e4onnistuu, tai kysy heilt\u00e4, \u200b\u200bsopiiko v\u00e4ripaletti br\u00e4ndin sijoitukseen.\n<\/p>\n<h5>\n  3 Ymm\u00e4rr\u00e4 todellinen merkitys<br \/>\n<\/h5>\n<p>\n  Kommentoidessaan projektiasi asiakkaat ehdottavat usein ratkaisuja sen sijaan, ett\u00e4 ne osoittaisivat ongelman: &#8221;Voitko tehd\u00e4 t\u00e4st\u00e4 painikkeesta isomman? Voitko lis\u00e4t\u00e4 vihre\u00e4\u00e4?&#8221; Teht\u00e4v\u00e4si on tunnistaa ydinongelma tai haaste, joka piilee palautteessa.\n<\/p>\n<p>\n  Kysy aina heilt\u00e4 miksi: &#8221;Miksi haluat t\u00e4m\u00e4n painikkeen suurentavan? Miksi luulet, ett\u00e4 vihre\u00e4mpi on parempi verkkosivustollesi?&#8221; Dustin Curtis, Svbtlen perustaja, kysyy v\u00e4hint\u00e4\u00e4n kolme kysymyst\u00e4 asiakkailleen heid\u00e4n mielipiteist\u00e4\u00e4n.\n<\/p>\n<h5>\n  4 K\u00e4yt\u00e4 logiikkaa ja mainitse kuuluisia tuotemerkkej\u00e4<br \/>\n<\/h5>\n<p>\n  Jos et jaa samaa mielipidett\u00e4 asiakkaasi kanssa, \u00e4l\u00e4 ala kritisoida ja huonontaa h\u00e4nt\u00e4. Tue v\u00e4itteesi sen sijaan faktoilla, tutkimuksilla ja tutkimuksilla. Anna n\u00e4iden tosiasioiden puhua puolestaan. Lis\u00e4ksi voit mainita esimerkkein\u00e4 kuuluisia yrityksi\u00e4.\n<\/p>\n<p>\n  Kuvittele, ett\u00e4 asiakkaasi pyysi sinua pienent\u00e4m\u00e4\u00e4n kirjasinkokoa 22 pisteest\u00e4 12 pisteeseen. T\u00e4ss\u00e4 tapauksessa voit vastata seuraavasti: &#8221;Se on mielenkiintoinen kohta. Mutta tied\u00e4th\u00e4n, luin \u00e4skett\u00e4in tutkimuksen, jonka mukaan suuremmat kirjasinkoot voivat her\u00e4tt\u00e4\u00e4 vahvempia tunneyhteyksi\u00e4 br\u00e4ndiin. Muuten, Medium k\u00e4ytt\u00e4\u00e4 my\u00f6s 22 pt fonttia.&#8221;\n<\/p>\n<p>\n  \u00c4l\u00e4 my\u00f6sk\u00e4\u00e4n k\u00e4yt\u00e4 lauseita, jotka kuuluvat &#8221;Min\u00e4 sanoin sinulle niin&#8221; -tyyliin. Yrit\u00e4 osoittaa empatiaa: &#8221;Kyll\u00e4, min\u00e4kin j\u00e4rkytyin kuullessani t\u00e4m\u00e4n.&#8221;\n<\/p>\n<h5>\n  5 Kunnioita asiakkaasi mielipidett\u00e4<br \/>\n<\/h5>\n<p>\n  Vaikka sinulla on todenn\u00e4k\u00f6isesti paljon enemm\u00e4n kokemusta web-suunnittelusta, asiakkaasi tuntee silti liiketoimintansa paremmin kuin sin\u00e4. He tulevat k\u00e4ytt\u00e4m\u00e4\u00e4n mallia p\u00e4ivitt\u00e4in. Joten heid\u00e4n t\u00e4ytyy tuntea olonsa mukavaksi suunnittelemallasi verkkosivustolla.\n<\/p>\n<p>\n  Jos asiakkaasi on edelleen tyytym\u00e4t\u00f6n suunnitteluusi, tarkista ty\u00f6si yhdess\u00e4. Yrit\u00e4 l\u00f6yt\u00e4\u00e4 kompromissi ja muokata suunnittelua asiakkaasi palautteen perusteella. Muista, ett\u00e4 asiakkaasi tiedon ja kokemuksesi symbioosi voi kantaa aidosti menestyv\u00e4n tuotteen.\n<\/p>\n<p>\n  Nyt tied\u00e4t jo teoreettisen osan: miten toimia ja mit\u00e4 sanoa esitelless\u00e4si suunnitteluty\u00f6t\u00e4si. Silti ei ole selv\u00e4\u00e4, miss\u00e4 muodossa suunnittelusi tulisi kehyst\u00e4\u00e4. Milt\u00e4 prototyyppisi pit\u00e4isi n\u00e4ytt\u00e4\u00e4?\n<\/p>\n<h3>\n  Millainen prototyyppi minun pit\u00e4isi valita?<br \/>\n<\/h3>\n<p>\n  Emme voi antaa sinulle yleisp\u00e4tev\u00e4\u00e4 vastausta ja sanoa &#8221;piirr\u00e4 vain se n\u00e4in&#8221;. Mutta voimme helpottaa ty\u00f6t\u00e4si tarjoamalla sinulle k\u00e4tevi\u00e4 vinkkej\u00e4 prototyyppien tekemiseen. Suosittelemme, ett\u00e4 valitset prototyypin tyypin ja sen luomiseen k\u00e4ytett\u00e4v\u00e4t ty\u00f6kalut nykyisen suunnitteluvaiheen perusteella \u2013 joko alkuvaiheessa tai loppuvaiheessa. Tarkastellaanpa tarkemmin n\u00e4it\u00e4 molempia vaiheita.\n<\/p>\n<h5>\n  Aikainen vaihe<br \/>\n<\/h5>\n<p>\n  Alkuvaiheessa mietit\u00e4\u00e4n l\u00e4pi sivuston logiikkaa ja toimivuutta: ulkoasua, ominaisuuksia, yhteyksi\u00e4 ja siirtymi\u00e4. Kohdeyleis\u00f6si ajatellen muodostat elementtej\u00e4, jotka tekev\u00e4t verkkosivustosta intuitiivisen k\u00e4ytt\u00e4jille. P\u00e4\u00e4tavoitteesi on tarkistaa tuotteen toimivuus.\n<\/p>\n<p>\n  Siksi t\u00e4ss\u00e4 vaiheessa voit esitt\u00e4\u00e4 matalan tarkkuuden prototyypin yksinkertaisten kaavamaisten n\u00e4ytt\u00f6jen muodossa, yleens\u00e4 perusv\u00e4reiss\u00e4 ja ilman visuaalisia tehosteita tai yksityiskohtia.\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  Voit suunnitella matalan tarkkuuden prototyypin kokeilemalla seuraavia ty\u00f6kaluja:\n<\/p>\n<ul>\n<li>\n    <strong>Wireframe.cc<\/strong> \u2013 Yksi perusty\u00f6kaluista, joita suunnittelijat voivat k\u00e4ytt\u00e4\u00e4 metallikehysten luomiseen. Sen t\u00e4rkeimm\u00e4t edut ovat yksinkertainen k\u00e4ytt\u00f6liittym\u00e4 ja mahdollisuus aloittaa lankakehysten suunnittelu v\u00e4litt\u00f6m\u00e4sti ilman rekister\u00f6itymist\u00e4.\n  <\/li>\n<li>\n    <strong>Moqups.com<\/strong> \u2013 Verkkosovellus, jonka avulla voit luoda rautakehyksi\u00e4, malleja ja prototyyppej\u00e4. Moqups tarjoaa sis\u00e4\u00e4nrakennetun kirjaston, jossa on tuhansia kuvakesarjoja, pilvipohjaista tallennustilaa sek\u00e4 kommentti- ja palauteominaisuuksia.\n  <\/li>\n<li>\n    <strong>Pencil Project<\/strong> (pencil.evolus.vn) \u2013 Ilmainen ja avoimen l\u00e4hdekoodin prototyyppity\u00f6kalu sek\u00e4 ty\u00f6p\u00f6yt\u00e4- ett\u00e4 mobiilialustoille. Pencil Project tarjoaa sis\u00e4\u00e4nrakennettuja kokoelmia (muodot, vuokaavioelementit jne.), kaavioiden piirt\u00e4misen ja sivujen v\u00e4lisen linkityksen.\n  <\/li>\n<\/ul>\n<p>\n  Low-fidelity prototyypin kanssa sinun on oltava varovainen, sill\u00e4 voit kohdata v\u00e4\u00e4rink\u00e4sityksi\u00e4 ja negatiivisia huomautuksia asiakkaasi puolelta: &#8221;Miksi n\u00e4yt\u00f6t ovat niin yksinkertaisia? Miksi k\u00e4ytit niin huonoa v\u00e4rimaailmaa?&#8221; Jos n\u00e4in tapahtuu, k\u00e4yt\u00e4 aikaa selitt\u00e4\u00e4ksesi asiakkaallesi, mit\u00e4 UX on ja kuinka t\u00e4rke\u00e4\u00e4 se on heid\u00e4n tuotteelleen \u2013 ett\u00e4 UX on heid\u00e4n tulevan verkkosivustonsa syd\u00e4n ja sielu \u2013 ja ett\u00e4 t\u00e4m\u00e4 prototyyppi on kaukana lopullisesta versiosta.\n<\/p>\n<h5>\n  Viimeinen taso<br \/>\n<\/h5>\n<p>\n  Viimeisess\u00e4 vaiheessa sinun on toimitettava korkealaatuinen prototyyppi asiakkaallesi: lis\u00e4\u00e4 interaktiivisia elementtej\u00e4, kuten mikrovuorovaikutuksia, navigointia n\u00e4yt\u00f6lt\u00e4 n\u00e4yt\u00f6lle ja muita animaatioita.\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  High-fidelity prototyyppi on tietokonepohjainen interaktiivinen esitys, joka on tehty mahdollisimman l\u00e4helle lopullista suunnittelua (yksityiskohtien ja toiminnallisuuden suhteen), jotta asiakkaasi voi tutkia tuotteen k\u00e4ytett\u00e4vyytt\u00e4 ja tehd\u00e4 johtop\u00e4\u00e4t\u00f6ksi\u00e4 k\u00e4ytt\u00e4jien k\u00e4ytt\u00e4ytymisest\u00e4.\n<\/p>\n<p>\n  High-fidelity-prototyyppien avulla voit tuntea sivuston siirtym\u00e4t ja toiminnot realistisemmin kuin matalan tarkkuuden prototyypit ja paljastaa mahdolliset viat tai vaikeudet t\u00e4ss\u00e4 vaiheessa ennen k\u00e4ytt\u00f6liittym\u00e4n luomista.\n<\/p>\n<p>\n  Jos et ole varma, mit\u00e4 ty\u00f6kaluja prototyyppisi animointiin k\u00e4ytt\u00e4\u00e4, kokeile n\u00e4it\u00e4:\n<\/p>\n<ul>\n<li>\n    <strong>InVision<\/strong> (invisionapp.com) \u2013 Digitaalinen tuotesuunnittelualusta, jonka avulla voit luoda interaktiivisia prototyyppej\u00e4 muutamassa minuutissa. InVisionin avulla voit luoda tyylitaulukoita ja luoda todellista koodia mille tahansa suunnitteluelementille. Lis\u00e4ksi InVision antaa asiakkaillesi, tiimisi j\u00e4senille ja sidosryhmille mahdollisuuden kommentoida suunnitelmiasi suoraan.\n  <\/li>\n<li>\n    <strong>Adobe XD<\/strong> (adobe.com\/products\/xd.html) \u2013 All-in-one UI\/UX-ratkaisu, jonka avulla voit muuttaa staattisen asettelun interaktiiviseksi prototyypiksi yhdell\u00e4 napsautuksella. Adobe XD:n avulla prototyyppisi p\u00e4ivittyy automaattisesti jokaisen tekem\u00e4si muutoksen yhteydess\u00e4: synkronointia ei tarvita.\n  <\/li>\n<li>\n    <strong>Periaate<\/strong> (principleformac.com) \u2013 Prototyyppity\u00f6kalu, jonka avulla voit suunnitella animoituja ja interaktiivisia k\u00e4ytt\u00f6liittymi\u00e4 riippumatta siit\u00e4, suunnitteletko monin\u00e4ytt\u00f6sovellusta tai uusia animaatioita ja vuorovaikutuksia.\n  <\/li>\n<\/ul>\n<h3>\n  Oletko valmis esittelem\u00e4\u00e4n verkkosuunnittelusi?<br \/>\n<\/h3>\n<p>\n  Suunnittelun muoto riippuu tuotteen tyypist\u00e4, esittelemist\u00e4si suunnittelukomponenteista (esim. ulkoasu tai toiminnallisuus) ja suunnitteluprosessin vaiheesta, jossa olet. Alkuvaiheessa voit pit\u00e4\u00e4 matalaa -Fidelity-prototyypit, kun taas my\u00f6h\u00e4inen vaihe edellytt\u00e4\u00e4, ett\u00e4 l\u00e4hestyt lopputuotetta mahdollisimman pian ja toimitat korkealaatuisen interaktiivisen prototyypin.\n<\/p>\n<p>\n  Esityksesi menestys on tietysti luottamuksessasi ja hallussasi olevissa tiedoissa: pid\u00e4 faktat ja logiikkaan perustuvat argumentit k\u00e4sill\u00e4si tukemaan mielipiteit\u00e4si. Ja \u00e4l\u00e4 pelk\u00e4\u00e4 kysy\u00e4 asiakkaaltasi &#8221;miksi?&#8221;.\n<\/p>\n<p>\n  Oletko kokeillut jotain n\u00e4ist\u00e4 vinkeist\u00e4? Tied\u00e4tk\u00f6 muita voittavan esityksen salaisuuksia? Jaa ajatuksesi alla olevissa kommenteissa.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <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>Suunnittelusi menestys ei riipu vain kyvyst\u00e4si luoda jotain visuaalisesti houkuttelevaa, vaan my\u00f6s kyky\u00e4si myyd\u00e4 se. Ammattimaisena suunnittelijana sinun tulee osata kommunikoida asiakkaasi kanssa ja esitell\u00e4 tuotteesi parhaalla mahdollisella tavalla. Mit\u00e4 parempi esityksesi, sit\u00e4 todenn\u00e4k\u00f6isemmin projektisi hyv\u00e4ksyt\u00e4\u00e4n. T\u00e4ss\u00e4 artikkelissa kerromme tehokkaan esityksen salaisuuksista ja temppuista, joilla saat asiakkaasi rakastumaan ty\u00f6h\u00f6si. Aloitamme vaihtoehdoista, jotka sinun tulee esitell\u00e4 asiakkaallesi. Kuinka monta suunnitteluvaihtoehtoa pit\u00e4isi\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":[222,261,274,53,196],"tags":[],"class_list":["post-249662","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oppikirjoja","category-psykologia","category-ura-business","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249662"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249662\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/175963"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}