Jos ihmiset puhuvat suunnittelusta, ensimmäinen mieleesi tuleva termi on todennäköisesti UI/UX. Olet teknisesti oikeassa: suunnittelussa on pääasiassa kyse käyttöliittymien ja käyttökokemusten rakentamisesta, mutta tuotemaailma on kehittynyt ja tuonut mukanaan nykyaikaisemman ja käyttäjäkeskeisemmän version – tuotesuunnittelun.
Jos haluat tutustua tähän uuteen alaan paremmin, olet tullut oikeaan paikkaan. Käydään tuotesuunnittelun perusteet läpi pala palalta.
Lean: tuotesuunnittelun keskeinen filosofia
Ennen kuin alamme käsitellä tuotesuunnittelun eri vaiheita, meidän on ensin varmistettava, että ajattelutapamme on oikea.
Nykyaikainen tuotesuunnittelun käsite perustuu filosofiaan nimeltä Lean Startup ja palvelee sen tarpeita.
Usko tai älä, lean-menetelmä on paljon tietokoneita vanhempi. Se sai alkunsa 1900-luvun alussa, kun japanilaisen autonvalmistajan Toyotan lahjakkaat johtamis- ja teollisen suunnittelun tiimit päättivät parantaa tuotantonsa nopeutta ja tehokkuutta.
Ohjelmistoyritysten käyttämä nykyaikainen lean-menetelmä perustuu Eric Riesin työhön (suosittelen lämpimästi lukemaan hänen kirjansa). Kirjassaan Eric suosittelee yrityksiä keskittymään nopeaan oppimiseen ja validointiin sen sijaan, että ne käyttäisivät kuukausia yksityiskohtaisten liiketoimintasuunnitelmien valmisteluun.
Hänen mukaansa liiketoimintasuunnitelmasi hajoaa, vaikka valmistelisit sen kuinka hyvin tahansa, heti kun uusi tuotteesi tulee markkinoille, sillä opit, ettei tuotteesi vastaa täysin asiakkaidesi tarpeisiin.
Siksi sinun kannattaa aloittaa pienestä, rakentaa jotain mahdollisimman yksinkertaista, viedä se markkinoille, validoida ideasi, muokata tuotettasi palautteen perusteella ja yrittää uudelleen niin monta kertaa, että löydät PMF:n.
Huolellisesti hiottu UX-suunnitteluprosessi digitaalisille tuotteillesi
Nyt kun ajattelutapamme ja iteratiivinen rakenna–opi-prosessimme ovat meille tuttuja, tarkastellaan vaiheita, jotka sinun on käytävä läpi käynnistääksesi digitaalisen tuotteesi tuotesuunnitteluprosessin (vaikka nämä säännöt koskevat myös fyysisiä tuotteita).
Voit hallita prosessiasi monella tavalla, mutta olen havainnut tämän toimivan parhaiten.
Have an account? Log In
Vaihe 1: Kerää strateginen ja tuotteeseen liittyvä tausta
Tuotesuunnittelutyösi on pohjimmiltaan merkityksetöntä ja tuottaa vain vähän konkreettisia tuloksia, jos unohdat ottaa yrityksesi strategian ja vision huomioon.
Parhaimmillaan tuotat käyttäjillesi keskinkertaisia käyttökokemuksia. Pahimmillaan päädyt tuotesuunnitteluun, joka ei ratkaise käyttäjiesi ongelmia eikä auta yritystäsi saavuttamaan strategisia tavoitteitaan.
Siksi jokainen menestyvä tuote alkaa siitä, että suunnittelu- ja tuotetiimit käyvät läpi seuraavat asiat ja varmistavat niiden yhdenmukaisuuden:
Tuotevisio: Tämä on kuvaus ihannemaailmasta, jossa käyttäjäsi ovat ratkaisseet ongelmansa onnistuneesti tuotteesi avulla. Visiosi suuntautuu hieman kauemmas tulevaisuuteen ja toimii suunnannäyttäjänäsi – se varmistaa, että kaikki suunnittelemasi ja rakentamasi tähtää kohti tätä ihanteellista tulevaisuutta.
Se voi olla tekstin, kuvan, esityksen tai jopa kokonaisen videon muodossa, kuten SpaceX:n Starshipin tapauksessa.
Tämä on täydellinen esimerkki visiosta, sillä se näyttää ihannemaailman, jossa ihmiset matkustavat New Yorkista Shanghaihin 40 minuutissa.
Tuotesuunnittelijana haluat varmistaa, että suunnittelusi auttaa yritystäsi ottamaan askeleen kohti tätä visiota.
Strategia: Tuotestrategiasi koostuu korkean tason toimista ja vaiheista, jotka tuotteesi on käytävä läpi saavuttaakseen visionsa.
Kun tarkastelemme edellä olevaa Starship-esimerkkiä, Elon Muskin strategia (yksinkertaistettuna) näytti tältä:
Tuotesuunnittelijana sinun on tiedettävä, missä strategian vaiheessa olet ja mikä on seuraava tuote tai ominaisuus, joka sinun on rakennettava visiosi saavuttamiseksi.
Kohdemarkkinat: Suunnittelusi vaihtelee merkittävästi sen mukaan, mille markkinoille olet pyrkimässä.
Jos haluat rakentaa horisontaalisen tuotteen, jota ihmiset käyttävät kaikilla toimialoilla ja markkinoilla, sinun on varmistettava, että suunnittelusi on ymmärrettävä ja käyttökelpoinen monenlaisille käyttäjäpersoonille.
YouTube on tästä tyypillinen esimerkki, sillä siinä ei ole millekään tietylle toimialalle räätälöityjä suunnitteluelementtejä tai ominaisuuksia.
Toisaalta, jos haluat kohdentaa tuotteesi tiettyyn markkinarakoon (eli keskittyä tiettyyn toimialaan), sinun on varmistettava, että suunnittelusi on optimoitu kyseisessä markkinaraossa “elävien” ihmisten tarpeisiin ja erityispiirteisiin.
Twitch on esimerkiksi erikoistunut pelaamiseen, ja siinä on paljon integraatioita sekä erityisesti suunniteltuja käyttöliittymäelementtejä, jotka auttavat vaikuttajia jakamaan pelistriimejään katsojilleen.
Vaihe 2: Tutustu käyttäjiisi tuotteen löytämisprosessin avulla
Nyt kun olet linjassa yrityksesi vision ja strategian kanssa, on aika kohdistaa huomiosi ihmisiin, jotka tulevat lopulta käyttämään suunnittelemaasi tuotetta jokapäiväisessä elämässään.
Erityisesti sinun kannattaa tehdä käyttäjätutkimusta heidän tarpeidensa, tapojensa ja prioriteettiensa selvittämiseksi. Haluat tietää, milloin ja missä tilanteissa he kokevat ongelmia, joita haluat ratkaista, sekä millaisia vaihtoehtoisia ratkaisuja he käyttävät näiden ongelmakohtien ratkaisemiseen.
Tässä on kolme tärkeää vaihetta, joiden avulla voit saavuttaa tämän:
Tee selvityshaastatteluja: Aloita laatimalla luettelo kysymyksistä, joita haluat esittää haastatteluihin osallistuville. Tässä on muutama esimerkkikysymys, jotka esittäisit sähköpostimarkkinoijille, jos yrittäisit ratkaista ongelmaa, jossa heidän sähköpostinsa päätyvät roskapostikansioihin:
- Kertoisitteko, miten estätte markkinointisähköpostienne päätymisen vastaanottajien roskapostikansioihin?
- Kuinka usein kohtaatte tämän ongelman?
- Mikä vaikutus tällä ongelmalla on?
- Oletteko tyytyväisiä tapaan, jolla ratkaisette tämän ongelman? Mitä haittoja nykyisessä ratkaisussanne on?
Kun kyselylomake on valmis, voit alkaa rekrytoida osallistujia ottamalla heihin yhteyttä LinkedInissä, userinterviews.com-sivustolla tai oman markkinarakoosi liittyvillä erikoistuneilla foorumeilla.
Lopuksi toteutat haastattelun esittämällä nämä kysymykset ja kuuntelemalla tarkasti, mitä käyttäjilläsi on sanottavanaan (ammattilaisvinkki: joko nauhoita haastattelu tai pyydä työparia tekemään muistiinpanoja).
Tee kyselyitä: Kyselyt ovat toinen erinomainen työkalu tuotteen löytämiseen. Vaikka niistä puuttuvat laadulliset näkemykset, joita saat haastattelemalla käyttäjiäsi suoraan, ne kompensoivat tämän kyvyllään kerätä tietoa suurelta määrältä käyttäjiä.
En käsittele tarkemmin kysymyksiä, joita voit sisällyttää kyselyihisi, sillä olemme laatineet aiheesta erillisen oppaan, johon voit tutustua.
Luo käyttäjäprofiilisi: Heti kun olet saanut haastattelut ja kyselyt päätökseen, on aika konkretisoida kaikki löytösi ja luoda käyttäjäprofiilisi (tai -profiilisi).
Käyttäjäprofiili on kuvitteellinen hahmo, joka edustaa käyttäjiä, joihin haluat suunnittelullasi kohdentaa. Käyttäjäprofiilisi kuvaukseen sisällytät tietoja heidän käyttäjätarpeistaan, turhautumisistaan ja tavoitteistaan sekä lyhyen esittelyn heidän taustastaan ja persoonallisuudestaan.
Kun käyttäjäprofiili on valmis, säilytät sen näkyvällä paikalla (olen nähnyt tiimien tulostavan käyttäjäprofiilitiedoston ja kiinnittävän sen valkotaululleen) muistuttamassa kaikkia suunnittelutyöhön osallistuvia henkilöstä, jota varten he rakentavat tuotetta.
Vaihe 3: Tutustu kilpailijoihisi
Olen melko varma, ettet ole markkinoilla yksin, vaan sekä hallitsevat jättiläiset että pienet startup-yritykset kamppailevat saadakseen osansa kakusta.
Vaikka voit luottaa tuote- ja rahoitustiimiesi selvittävän, miten kilpailijasi päihitetään, käyttäjäkokemus ja se, miten kilpailijasi ratkaisevat markkinarakosi erilaisia ongelmia (esimerkiksi miten pitkät keskusteluketjut tehdään helppolukuisiksi Slackin kaltaisessa viestisovelluksessa), ovat alueita, joilla tuotesuunnittelijan rooli ja osaaminen korostuvat.
Tässä on kaksi asiaa, jotka sinun on tehtävä tutustuaksesi kilpailijoihisi paremmin:
Tutustu kilpailijoiden ominaisuuksiin: Onko heillä erityisiä ominaisuuksia ja suunnitteluratkaisuja, jotka voivat tehdä heidän käyttäjiensä kokemuksesta sujuvan? Jos on, sinun kannattaa tunnistaa ne ja ottaa ne huomioon tuotettasi suunnitellessasi.
Tämän vaiheen yleisin tuotoksena syntyvä dokumentti on ominaisuuksien vertailutaulukko.
Yllä olevassa esimerkissä saatat huomata, että suurimmalla osalla kilpailijoistasi on myyntiputken raportointiominaisuus, joka parantaa merkittävästi niiden myyntipäälliköiden kokemusta, jotka raportoivat tiiminsä edistymisestä sidosryhmilleen.
Jos tämä on yleistä ja voi parantaa kohdepersoonasi kokemusta, sinun kannattaa harkita sellaisen suunnittelemista.
Tutustu kilpailijoiden käyttäjäkokemuksen kulkuihin: Ominaisuuksien lisäksi kilpailijoillasi saattaa olla myös tiettyihin käyttäjätehtäviin hyvin viimeisteltyjä kulkuja, joita sinun kannattaa harkita.
Tavallinen tapa tehdä tämä on ottaa kuvakaappaukset kunkin kilpailijan eri näkymistä ja tehdä tällainen luettelo:
Yllä olevassa esimerkissä olen käyttänyt Figmaa (oma henkilökohtainen suosikkini, mutta voit käyttää myös Miroa, AdobeXD:tä tai mitä tahansa muuta vastaavaa työkalua) Monday.comin ja Trellon lisäosien asennuskulkujen visualisointiin.
Kuten näemme, molemmat työkalut ovat käyttäneet samanlaisia kevyitä kulkuja tämän tehtävän suorittamiseen. Siksi kannattaa harkita jotakin vastaavaa! (Lisäbonuksena käyttäjät navigoivat sovelluksessasi helposti, jos he siirtyvät jommastakummasta tuotteeseesi.)
Bonusvinkit: Voit myös tutustua arvostelusivustoihin, kuten G2:een ja Trustpilotiin, löytääksesi palautetta kilpailijoidesi käytettävyydestä tai ominaisuuksista. Kun lopuksi haastattelet käyttäjiäsi ja käy ilmi, että haastateltava käyttää jonkin kilpailijasi työkaluja, pyydä häneltä palautetta näistä työkaluista.
Vaihe 4: Suunnittele ratkaisusi
Olet koonnut kaiken tarvittavan tiedon, joka auttaa sinua suunnittelemaan jotakin, joka päihittää kilpailijat ja palvelee käyttäjiesi tarpeita. Nyt on aika aloittaa varsinainen suunnitteluprosessi.
Jaetaan suunnitteluprosessi muutamaan ”alavaiheeseen” ja tarkastellaan keskeisiä tuotoksia, jotka sinun on luotava kutakin vaihetta varten.
Asiakaspolkukartta (CJM)
Tämä dokumentti havainnollistaa vaiheet, jotka asiakkaasi käyvät tuotteessasi ratkaistakseen ongelmansa.
CJM näyttää myös käyttäjäsi kontekstin ja tunnetilan jokaisessa vaiheessa – tämä auttaa sinua ymmärtämään paremmin käyttäjiesi erityistarpeita näissä vaiheissa ja kohdistamaan suunnittelutyösi näiden tarpeiden täyttämiseen.
Tältä CJM näyttää:
Tässä erityisessä fyysisen maailman tapauksessa tarkastelemme kahvilassa käymisen kokemusta. Näemme, että käyttäjät kokevat jonkin verran ärtymystä käyttäjäpolun odotusvaiheen aikana, joten on järkevää suunnitella kokemus, joka tekee heidän odotusajastaan vähemmän turhauttavan (ehkä paperisia pöydänsuojia, joissa on sudokuja?).
Jotkin tiimit käyttävät myös kuvakäsikirjoituksia keskeisten hetkien visualisointiin rakentaakseen tämän tunnetason kontekstin varaan ennen yksityiskohtaisiin kulkuihin siirtymistä. Nämä yksinkertaiset sarjakuvatyyliset luonnokset auttavat tuomaan esiin käyttäjien motiiveja ja kipupisteitä tietyissä tilanteissa sekä ohjaamaan empaattisempia ja kohdennetumpia suunnittelupäätöksiä.
Käyttäjäkulku
Jos CJM kuvasi yleisen, korkean tason vaiheiden järjestyksen, jota käyttäjät noudattavat ongelmiensa ratkaisemiseksi, käyttäjäkulut ovat yksityiskohtaisempia ja käytännönläheisempiä tuotoksia, jotka havainnollistavat tiettyjen tehtävien suorittamiseen tarvittavat vaiheet.
Toisin kuin CJM, se ei sisällä kontekstia eikä tunteita. Sen ei tarvitsekaan, sillä sen tarkoituksena on näyttää selkeästi toimet, joita käyttäjät voivat tehdä tietyillä sivuilla tai näkymissä, sekä eri reitit, joita he voivat kulkea.
Suunnittelu- ja tuotetiimit käyttävät käyttäjäkulkuja varmistaakseen, etteivät käyttäjät päädy umpikujiin ja että he pystyvät suorittamaan tehtävänsä mahdollisimman lyhyitä reittejä pitkin.
Tyypillinen käyttäjäkulku näyttää suunnilleen tältä:
Yllä oleva esimerkki näyttää Zoom-puhelun aloittamiseen tarvittavat vaiheet. Erityisesti siinä esitellään tietty reitti, jossa käyttäjä kopioi linkin ja liittää sen viestisovellukseensa.
Käyttäjäkulkujen luomiseen voit käyttää joko erikoistuneita työkaluja, kuten Flowmappia ja Visiota, tai yleiskäyttöistä ratkaisua, kuten Miroa ja Figmaa.
Rautalankamalli
Tämä on ensimmäinen alustava yrityksesi käyttöliittymän suunnittelussa. Tässä vaiheessa keskityt tärkeimpiin näkymiin ja niiden käyttöliittymäelementteihin antamatta niille vielä lopullisia värejä, fontteja tai kokoja.
Tuotteen rautalankamallin tarkoituksena on havainnollistaa nopeasti mielessäsi oleva asettelu ja suunnittelu sekä kerätä käyttäjäpalautetta ennen kuin käytät aikaa lopullisen käyttöliittymäsuunnittelun tekemiseen.
Tässäkään en mene liikaa yksityiskohtiin, sillä meillä on sinulle opas, joka käsittelee tätä aihetta perusteellisesti.
Rautalankamallien suunnitteluun voin suositella Balsamiq-mallinnuksia, sillä se on kevyt ja sisältää runsaasti valmiita käyttöliittymäelementtejä.
Käyttöliittymäsuunnittelu ja klikattava prototyyppi
Vihdoin olemme siinä vaiheessa. Nyt on aika tehdä visuaalinen suunnittelutyö ja kehittää tuotteelle lopullinen ulkoasu.
Valmiin käyttöliittymäsuunnittelun lisäksi voin suositella myös klikattavan prototyypin luomista. Se toimii erinomaisena työkaluna sisäisen palautteen keräämiseen, sillä kollegasi voivat olla vuorovaikutuksessa suunnittelusi kanssa aivan kuin kyseessä olisi valmis tuote.
Lisäksi voit myöhemmin käyttää klikattavaa prototyyppiä käytettävyystestien toteuttamiseen.
Suosittelemiani prototyyppityökaluja ovat Figma ja AxureRP, mutta voit tutustua myös tähän kymmenen parhaan tuotesuunnittelutyökalun luetteloon löytääksesi itsellesi parhaiten sopivan vaihtoehdon.
More Articles
Vaihe 5: validoi ja kehitä suunnitteluasi iteratiivisesti
Myönnetään se: riippumatta siitä, kuinka hyvin tunnemme käyttäjämme, on hyvin todennäköistä, ettei suunnittelumme ole heille ihanteellinen. Jos rakennamme tuotteen tämän vaiheen suunnittelun ja prototyypin pohjalta, vaarana on, että käytämme huomattavan paljon kehitysaikaa ja huomaamme sitten, että suunnittelussamme oli elementtejä, joita käyttäjämme eivät pitäneet erityisen hyödyllisinä.
Tällaisen tilanteen välttämiseksi on hyvä idea testata prototyyppiäsi oikeilla käyttäjillä, kerätä heidän palautettaan ja korjata suunnittelua ennen kuin tuotteen kehitys- ja insinööritiimit aloittavat työnsä sen parissa.
Tässä on mielestäni sopiva kohta puhua erinomaisesta tuotekehitysmenetelmästä: suunnittelusprintistä. Termin loi Googlen UX-tiimi, joka halusi tuoda enemmän suunnitteluajattelua osaksi työnkulkuaan. Se on prosessi, jossa tuote- ja suunnittelutiimit ideoivat ja kehittävät ratkaisuja nopeasti, luovat prototyyppejä ja testaavat niitä vain viidessä päivässä ilman insinööritiimin osallistumista.
Jos tarkastelemme Lean-menetelmän kehää, suunnittelusprintti ohittaa rakentamisvaiheet ja siirtyy suoraan oppimiseen.
Jos haluat ottaa suunnittelusprintin ajattelutavan käyttöön, voit hyödyntää rakentamaasi klikattavaa prototyyppiä ja toteuttaa sillä käytettävyystestejä.
Käytettävyystestaus on prosessi, jossa annat prototyyppisi käyttäjille, pyydät heitä suorittamaan tiettyjä tehtäviä ja seuraat, miten he suoriutuvat niistä.
Jos olisit Spotifyn suunnittelutiimin jäsen, tyypillinen esimerkki tällaisesta tehtävästä olisi pyytää käyttäjiä luomaan mukautettu soittolista Spotifyn avulla.
Itse prosessin osalta käytettävyystestausta voi toteuttaa kahdella tavalla:
- Moderoitu testaus: Tässä tapauksessa olet itse läsnä testin aikana ja voit esittää kysymyksiä käyttäjille, joilla on vaikeuksia suorittaa tehtäviäsi tai jotka eivät ymmärtäneet, mitä kyseinen ominaisuus teki.
- Moderoimaton testaus: Tässä vain seuraat käyttäjän suorittavan tehtävää puuttumatta tilanteeseen. Tämä menetelmä on nopeampi, mutta sen avulla et pysty selvittämään syitä käyttäjien vaikeuksille toisin kuin edellisellä menetelmällä.
Vinkki ammattilaiselta: Vaikka kyse ei välttämättä ole suunnittelutaidosta tai suunnittelijan työtehtävästä, voit myös tehdä kahden eri version A/B-testauksen, verrata niiden mittareita ja nopeuttaa merkittävästi hyvän suunnitteluratkaisun toimittamista insinööreillesi.
Käytettävyystestien toteuttamiseen sopivista työkaluista voit valita Userbrainin tai usertesting.comin.
Lopuksi, kun olet kerännyt kaikki käytettävyystestien aikana saamasi havainnot, voit palata suunnittelutyökaluusi, tehdä muutaman iteraation käyttöliittymään ja käyttökokemukseen, ja voilà – sinulla on käyttäjien validoima suunnittelu, jonka voit luottavaisin mielin luovuttaa insinööritiimillesi.
Kaikki liittyy käyttäjiin
Syy siihen, miksi rakastan tuotesuunnittelun ajatusta ja pidän sitä jossain määrin tavallista UI/UX-suunnittelua parempana, on se, että tuotesuunnittelu laajentaa suunnittelutiimien ajattelua ja toimintoja sekä antaa niiden sisällyttää käyttäjiensä näkemykset rakentamiinsa kauniisiin käyttöliittymiin.
Toivon, että pidit tästä oppaasta ja löysit siitä hyödyllisiä vinkkejä ja niksejä, joita voit hyödyntää päivittäisessä suunnittelutyössäsi. Saatat myös hyötyä suuresti koostelistauksistamme, jotka käsittelevät tämän vuoden tulevia parhaita suunnittelupodcasteja, parhaita tuotesuunnittelun uutiskirjeitä tai suunnittelukonferensseja.
Jos pidit tätä artikkelia hyödyllisenä, lähetämme myös säännöllisesti sähköposteja, jotka sisältävät kiinnostavaa tuote- ja suunnitteluaiheista sisältöä. Tilaa uutiskirjeemme ja saat viikoittain koostettua tuotehallintaa käsittelevää sisältöä!
