Den nye fullstack-designeren bygger selv – lærdom fra Shopify

I episoden The New Full-Stack Designer fra Y Combinators serie Design Review stilles spørsmålet om hva som kjennetegner en fullstack-designer i en tid der grensen mellom skisse og fungerende produkt nesten er borte. Gjest er Marvin Schwaibold, som leder Shopifys produktdesignstudio, og samtalen ledes av YCs Aaron Epstein.

Ifølge YCs episodebeskrivelse går Schwaibold gjennom sin egen designprosess og viser teamets nylig lanserte fornyelse av Shopifys administrasjonspanel, i tillegg til arbeidet med assistenten Sidekick. Han viser også et helgeprosjekt der han gjenskapte en ekte gressplen som en shader, og en karusell som krevde 91 forsøk før den satt. I episodens andre halvdel vurderes nettsider sendt inn av seerne, med vekt på bevegelse og interaktivitet.

Designeren som bygger

Den samme tanken går igjen i episodens kapitteloversikt: designprosessen har endret seg, og designere bygger selv. Kapitteltitlene nevner også Shopify-sjef Tobi Lütkes linje om at framtiden må designes, og hvordan studioet fungerer som en del av Shopify.

For en liten bedrift er dette høyst praktisk. Når en visuell idé kan testes direkte som en fungerende prototyp, kommer tilbakemeldingene raskere, og blindspor blir luket ut før de har kostet penger. Den samme logikken om rask læring har vi skrevet om i artikkelen om kundeinnsikt som konkurransefortrinn for oppstartsbedrifter.

91 forsøk og synlige variabler

Ved gress-shaderen tar episoden for seg innsikten fra et topografisk kart, og neste kapittel presenterer Dialkit, en måte å gjøre designvariablene synlige og justerbare på. De 91 forsøkene med karusellen sier det samme fra en annen kant: god bevegelse kommer av gjentakelse, ikke av én vellykket skisse.

For den som utvikler egen nettside eller app, er lærdommen enkel. Når justerbare verdier som hastighet, forsinkelse og avstand er lette å endre, kan du gjøre dusinvis av forsøk på én ettermiddag. KI-verktøy gjør dette enda raskere, så lenge tiden du sparer har en retning, slik vi drøftet i artikkelen om hvordan du bruker tiden KI sparer deg.

God bevegelse kommer av gjentakelse, ikke av én vellykket skisse.

Seks nettsider til vurdering

I episodens andre halvdel vurderes nettsidene til seks oppstartsbedrifter. Kapitteltitlene oppsummerer funn som enhver gründer kan sammenligne med sine egne sider:

• Ett hovedmål per side.
• Problemer med faner: viktig innhold havner lett i skjul.
• KI-genererte illustrasjoner som ikke tilfører siden noe.
• Vis selve produktet, ikke bare miniatyrbilder.
• Sosialt bevis, og situasjoner der mindre er mer.
• Forsidens seksjoner som kapitler som henger sammen som en fortelling.
• La besøkende utforske arbeidet selv, og tenk nøye over om det lønner seg å kapre rullingen.

De siste kapitlene handler om rytme, som episoden beskriver med ordene avgang, marsjflyging og landing, og om en teknologiside. Til slutt presenteres Blossom-karusellen.

Hva bør du ta med til dine egne sider?

Velg ett hovedmål for forsiden og kutt alt som ikke støtter det. Bytt ut pyntebilder med ekte visninger av produktet eller tjenesten. Bruker du bevegelse, juster den til den føles naturlig, og test siden på mobilen også. Med en KI-agent går dette gjentakelsesarbeidet raskt, forutsatt at den har fått et velfungerende arbeidsmiljø.

▶

Se den opprinnelige episoden på YouTube: Y Combinator.

Kilder

• Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Kilde er YCs publiserte episodebeskrivelse og tidsstemplede kapitteloversikt, ikke en kontrollert transkripsjon. Episoden tar blant annet for seg designere som bygger (18:27), Dialkit (26:16) og nettsidevurderinger fra 31:04. De praktiske forslagene er skribentens egne refleksjoner.
• Marvin Schwaibold: grass-shader (GitHub) — Kildekoden til gress-shaderen, lenket i episodebeskrivelsen.