Uusi full-stack-suunnittelija rakentaa itse – Shopifyn oppitunnit

Y Combinatorin Design Review -sarjan jaksossa The New Full-Stack Designer kysytään, millainen on suunnittelija aikana, jolloin kuvan ja toimivan tuotteen raja on lähes kadonnut. Vieraana on Marvin Schwaibold, joka johtaa Shopifyn tuotemuotoilustudiota, ja haastattelijana YC:n Aaron Epstein. Uusi full-stack-suunnittelija ei jää kuviin, vaan rakentaa itse.

YC:n jaksokuvauksen mukaan Schwaibold käy läpi oman suunnitteluprosessinsa ja näyttää tiiminsä hiljattain julkaiseman Shopifyn hallintanäkymän uudistuksen sekä Sidekick-avustajan parissa tehdyn työn. Mukana on myös viikonloppuprojekti, jossa hän rakensi oikean nurmikon uudelleen varjostinohjelmana, sekä karuselli, jonka saaminen kohdalleen vaati 91 yritystä. Jakson toisessa puoliskossa arvioidaan katsojien lähettämiä verkkosivuja liikkeen ja interaktiivisuuden näkökulmasta.

Suunnittelija, joka rakentaa

Jakson lukujaossa toistuu sama ajatus: suunnitteluprosessi on muuttunut, ja suunnittelijat rakentavat itse. Lukujen otsikoissa mainitaan myös Shopifyn toimitusjohtajan Tobi Lütken linjaus siitä, että tulevaisuus pitää suunnitella, sekä se, miten studio toimii osana Shopifyta.

Pienyrittäjälle tämä on käytännön asia. Kun visuaalisen idean voi kokeilla suoraan toimivana prototyyppinä, palautetta saa nopeammin ja väärät suunnat karsiutuvat ennen kuin niihin on käytetty rahaa. Samaa nopean oppimisen logiikkaa olemme käsitelleet jutussa asiakasymmärryksestä startupin kilpailuetuna.

91 yritystä ja näkyvät muuttujat

Nurmikkovarjostimen kohdalla jakso käsittelee topografisen kartan oivallusta, ja seuraava luku esittelee Dialkit-nimisen tavan tuoda suunnittelun muuttujat näkyviin säädettäviksi. Karusellin 91 yritystä kertoo saman asian toisesta suunnasta: hyvä liike syntyy toistosta, ei yhdestä onnistuneesta luonnoksesta.

Oman verkkosivun tai sovelluksen kehittäjälle oppi on yksinkertainen. Kun säädettävät arvot, kuten nopeus, viive ja etäisyys, ovat helposti muutettavissa, kokeiluja voi tehdä kymmeniä yhden iltapäivän aikana. Tekoälytyökalut nopeuttavat tätä entisestään, kunhan säästetylle ajalle on suunta, kuten pohdimme artikkelissa tekoälyn säästämän ajan käytöstä.

Hyvä liike syntyy toistosta, ei yhdestä onnistuneesta luonnoksesta.

Kuusi verkkosivua arvioitavana

Jakson toisella puoliskolla arvioidaan kuuden startupin sivustot. Lukujaon otsikot tiivistävät havainnot, joita jokainen yrittäjä voi verrata omiin sivuihinsa:

• Yksi pääasiallinen tavoite sivua kohden.
• Välilehtien ongelmat: tärkeä sisältö jää helposti piiloon.
• Tekoälyllä tehdyt kuvitukset, jotka eivät tuo sivulle mitään lisää.
• Näytä itse tuote, älä pelkkiä pikkukuvia.
• Sosiaalinen todiste ja tilanteet, joissa vähemmän on enemmän.
• Etusivun osiot lukuina, jotka etenevät tarinana.
• Anna kävijän tutkia työtä itse ja harkitse tarkkaan, kannattaako vierityksen kaappaaminen.

Viimeisissä luvuissa puhutaan vielä rytmistä, jota jakso kuvaa sanoilla laukaisu, matkalento ja laskeutuminen, sekä teknologiasivusta. Lopuksi esitellään Blossom-karuselli.

Mitä tästä kannattaa viedä omille sivuille?

Valitse etusivulle yksi päätavoite ja karsi kaikki, mikä ei tue sitä. Korvaa koristekuvat aidoilla näkymillä tuotteesta tai palvelusta. Jos käytät liikettä, säädä sitä kunnes se tuntuu luontevalta, ja testaa sivu myös puhelimella. Tekoälyagentin avulla tämä toistotyö sujuu nopeasti, jos sille on rakennettu toimiva työympäristö.

▶

Katso alkuperäinen jakso YouTubessa: Y Combinator.

Lähteet

• Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Lähteenä YC:n julkaisema jaksokuvaus ja aikaleimattu lukujako, ei tarkistettu litteraatti. Ohjelmassa mm. suunnittelijat, jotka rakentavat 18.27, Dialkit 26.16 ja verkkosivuarviot alkaen 31.04. Käytännön ehdotukset ovat kirjoittajan omaa pohdintaa.
• Marvin Schwaibold: grass-shader (GitHub) — Jaksokuvauksessa linkitetty nurmikkovarjostimen lähdekoodi.