Novi full-stack oblikovalec gradi sam – lekcije iz Shopifyja

Epizoda The New Full-Stack Designer iz serije Design Review pri Y Combinatorju se sprašuje, kakšen je full-stack oblikovalec v času, ko je meja med sliko in delujočim izdelkom skoraj izginila. Gost je Marvin Schwaibold, ki vodi studio za oblikovanje izdelkov pri Shopifyju, pogovor pa vodi Aaron Epstein iz YC.

Po opisu epizode, ki ga je objavil YC, Schwaibold predstavi svoj proces oblikovanja ter pokaže nedavno predstavljeno prenovo Shopifyjevega skrbniškega vmesnika, ki jo je pripravila njegova ekipa, in delo na pomočniku Sidekick. Vmes je tudi vikend projekt, v katerem je pravo travo poustvaril kot senčilnik (shader), ter vrtiljak, ki je potreboval 91 poskusov, preden je sedel, kot je treba. V drugi polovici epizode ocenjujejo spletne strani gledalcev z vidika gibanja in interaktivnosti.

Oblikovalec, ki gradi

Skozi poglavja epizode se vleče ista misel: proces oblikovanja se je spremenil in oblikovalci danes gradijo sami. Naslovi poglavij omenjajo tudi stališče izvršnega direktorja Shopifyja Tobija Lütkeja, da je prihodnost treba oblikovati, ter način, kako studio deluje znotraj Shopifyja.

Za malega podjetnika je to zelo praktično vprašanje. Ko lahko vizualno idejo takoj preizkusite kot delujoč prototip, povratne informacije pridejo hitreje, napačne smeri pa odpadejo, še preden vanje vložite denar. Isto logiko hitrega učenja smo obravnavali v članku o razumevanju strank kot konkurenčni prednosti zagonskega podjetja.

91 poskusov in vidne spremenljivke

Pri senčilniku za travo epizoda govori o spoznanju, povezanem s topografskim zemljevidom, naslednje poglavje pa predstavi Dialkit, način, kako spremenljivke oblikovanja postaviti na ogled, da jih je mogoče nastavljati. Tistih 91 poskusov z vrtiljakom pove isto z druge strani: dobro gibanje nastane s ponavljanjem, ne iz ene same posrečene skice.

Za vsakogar, ki razvija svojo spletno stran ali aplikacijo, je nauk preprost. Ko je vrednosti, kot so hitrost, zamik in razdalja, mogoče zlahka spreminjati, v eno popoldne spravite na desetine poskusov. Orodja umetne inteligence to še pospešijo, če ima prihranjeni čas jasno smer, o čemer smo pisali v članku o tem, kako porabiti čas, ki ga prihrani umetna inteligenca.

Dobro gibanje nastane s ponavljanjem, ne iz ene same posrečene skice.

Šest spletnih strani pod drobnogledom

V drugi polovici epizode ocenijo spletne strani šestih zagonskih podjetij. Naslovi poglavij povzemajo opažanja, ki jih lahko vsak podjetnik primerja s svojo stranjo:

• En glavni cilj na stran.
• Težave z zavihki: pomembna vsebina zlahka ostane skrita.
• Ilustracije, ustvarjene z umetno inteligenco, ki strani ne dodajo ničesar.
• Pokažite sam izdelek, ne le sličic.
• Družbeni dokaz in primeri, ko je manj več.
• Razdelki domače strani kot poglavja, ki tečejo kot zgodba.
• Pustite obiskovalcu, da delo razišče sam, in dobro premislite, ali se splača prevzeti nadzor nad drsenjem.

Zadnja poglavja govorijo še o ritmu, ki ga epizoda opiše z besedami vzlet, potovalni let in pristanek, ter o strani o tehnologiji. Na koncu predstavijo vrtiljak Blossom.

Kaj prenesti na svojo spletno stran?

Za domačo stran izberite en glavni cilj in odstranite vse, kar ga ne podpira. Okrasne slike zamenjajte s pravimi prikazi izdelka ali storitve. Če uporabljate gibanje, ga nastavljajte, dokler ne deluje naravno, in stran preizkusite tudi na telefonu. Z agentom umetne inteligence to ponavljajoče se delo steče hitro, če ste mu pripravili delujoče delovno okolje.

▶

Oglejte si izvirno epizodo na YouTubu: Y Combinator.

Viri

• Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Vir sta opis epizode in razdelitev na poglavja s časovnimi oznakami, ki ju je objavil YC, ne preverjen prepis. V oddaji so med drugim oblikovalci, ki gradijo (18.27), Dialkit (26.16) in ocene spletnih strani od 31.04 dalje. Praktični predlogi so avtorjev lastni razmislek.
• Marvin Schwaibold: grass-shader (GitHub) — Izvorna koda senčilnika za travo, povezana v opisu epizode.