voxcog: hönnunarkerfi í kóða og notendaprófanir
Tengsl stofunnar við viðskiptavininn
voxcog er vara sem Torn Studio byggði og á hlut í. Stofan sá um vörustjórnun, högun og smíði fram að afhendingu í ágúst 2026.
Stutt svar
Torn Studio byggði viðmót voxcog á hönnunarkerfi í kóða, með tákngildum í OKLCH og skjalfestu regluverki. Notendarannsókn skilaði sautján niðurstöðum; ellefu stóðust, ein að hluta og fimm féllu þegar þær voru bornar við kóðann. Tólf breytingar fóru í rekstur og viðmótið var afhent í ágúst 2026.
Verkbeiðnin
voxcog þurfti viðmót sem héldi saman yfir um fjörutíu skjámyndir sem ein manneskja byggði á fáeinum mánuðum, og þurfti að vita hverjar tilkynntu villurnar væru raunverulegar áður en nokkuð yrði endurbyggt.
Það sem gerði það erfitt
- Viðmót sem ein manneskja byggir á miklum hraða rekur sjónrænt í sundur þegar hver skjámynd má velja sína eigin liti og bil.
- Notendarannsókn skilar raunverulegum villum í bland við óskir, og að smíða allt sem er tilkynnt er fljótasta leiðin að röngum hlutum.
- Varan átti að vera tilbúin til opnunar, sem krefst þess að bæði tóm ástönd og lagalegir fletir séu fullunnið verk.
Tölur sem má telja
- 17niðurstöður í notendarannsókn
- Ellefu stóðust, ein að hluta, fimm féllu gegn einingunni sem þær bentu á. Matið liggur enn í kóðasafninu með rökum fyrir hverri höfnun.
- 12breytingar í rekstri úr lotunni
- Þær fimm sem var hafnað liggja enn í skjalinu með rökum sínum, svo næsti lesandi sér hvað var prófað og lagt til hliðar.
- 373prófunarskrár
- Settar við hliðina á kóðanum sem þær ná yfir. Möt umboðsins eru þar á meðal og keyra sem eigin skipanir.
- 300lína þak á hverja skrá
- Reglan sem heldur einingum skiptanlegum. Hún stendur í leiðbeiningaskrá kóðasafnsins og gildir um allt nýtt.
Svona var það gert
Tákngildi sem eina sjónræna heimildin
Litur, letur, hornrúnnun og skuggar eru skilgreind sem tákngildi í OKLCH og notuð gegnum breytur. Reglan var skráð sem sjálfstæð tilvísun, svo ný skjámynd erfir kerfið og sækir gildin sín þangað.
Hver niðurstaða var fyrst borin við kóðann
Sautján niðurstöður úr lotunni í apríl 2026 voru lesnar ein í einu gegn þeirri einingu sem hver þeirra benti á. Ellefu stóðust, ein stóðst að hluta, og fimm reyndust lýsa einhverju sem virkaði þegar eða eiginleika sem var ekki til.
Tóm ástönd sem vísa veginn
Þunnu tómu ástöndin voru endurskrifuð sem stuttar leiðbeiningar sem útskýra til hvers fleturinn er og bjóða næsta skref. Tækjastikur eru faldar meðan listi er tómur, svo nýr notandi mætir leiðbeiningu.
Gagnasókn sem eitt mynstur
Öll lesning viðskiptavinarmegin færðist á sameiginlegt skyndiminnislag með lyklasmiðju og sameiginlegri villumeðhöndlun. Endurhleðsluhnapparnir hurfu, því listarnir vita nú sjálfir hvenær þeir eru úreltir.
Tækni
- React 19
- Next.js 16
- Tailwind CSS v4
- shadcn/ui
- OKLCH
- TanStack Query
- Playwright
Hversu langt sönnunin nær
Þetta sýnir viðmót sem heldur saman og vinnulag sem greinir raunveruleg vandamál frá óskum. Um viðskiptahlutfall segir það ekkert: voxcog var afhent fyrir opnun, svo engin umferð er til að mæla á móti.
Grunnur
Á hverju þessi grein byggir — mælingu sem við gerðum, dagsettri heimild eða ákvörðun og því sem hún kostaði.
- Mæling
Hversu margar af sautján tilkynntum viðmótsvillum voru raunverulegar
Mæliefni: forrit voxcog, rannsóknarskýrsla frá 2. apríl 2026
Aðferð: Hver niðurstaða var lesin gegn einingunni sem hún benti á áður en kóði var skrifaður, og útkoman skráð sem stenst, að hluta eða fellur.
Niðurstaða: 11 stóðust, 1 að hluta, 5 féllu
- Ákvörðun
Niðurstöðurnar fimm sem var hafnað voru skráðar ásamt rökum höfnunarinnar.
Hvað hún kostaði: Lotan skilaði tólf breytingum þar sem sautján var óskað, og eiginleikahugmyndir skýrslunnar stóðu utan við sem tilgátur.
- Ákvörðun
Allt sjónrænt er sett fram sem tákngildi í OKLCH og notað gegnum breytur.
Hvað hún kostaði: Eingreiddur kostnaður í upphafi og regla sem þarf að halda: nýr litur krefst nýs tákngildis áður en hann má nota.
Algengar spurningar
- Af hverju berið þið notendaniðurstöður við kóðann fyrir smíði?
- Því rannsókn blandar raunverulegum villum saman við óskir og við hluti sem virka þegar. Fimm af sautján niðurstöðum féllu í þessari lotu við skoðun, og að smíða þær hefði kostað tíma og gert viðmótið verra.
- Hver er munurinn á hönnunarkerfi og einingasafni?
- Safnið er einingarnar. Kerfið er reglurnar sem ráða hvað má vera til: hvaða litir eru til, hvaða bil eru leyfð og hvað gerist þegar eitthvað vantar. Reglurnar halda saman vöru sem vex hratt.
- Af hverju OKLCH sem litrými?
- OKLCH er skynjunarlega jafnt, svo kvarði með jöfnum þrepum lítur líka jafn út og birtuskil má reikna. Dökk útgáfa verður endurskilgreining á ljósgildi innan sama kerfis.
- Hvað þýðir að tómt ástand vísi veginn?
- Að fleturinn útskýri til hvers hann er og bjóði næsta skref þegar engar línur eru til sýnis. Nýr notandi mætir leiðbeiningu, og leit og síur haldast faldar þar til eitthvað er til að leita í.
- Getið þið byggt hönnunarkerfi fyrir vöruna sem við eigum þegar?
- Já. Verkið hefst á úttekt á þeim gildum sem eru þegar í notkun, safnar þeim í eitt tákngildasett og færir svo skjámynd fyrir skjámynd. Kerfið er afhent sem kóði í kóðasafninu þínu og sem skrifuð tilvísun.
- Hversu margar skjámyndir náði viðmótsvinnan yfir?
- Um fjörutíu skjámyndir sem skiptast á spjall, skjöl, merki, verkefni, vinnusvæði og opinn viðtalshluta. Þær deila allar sama tákngildasetti og sama einingasafni.
Segðu okkur hvað þú vilt byggja
Þrjátíu mínútur, ókeypis, og hreinskilið svar um hvort við séum rétta stúdíóið fyrir verkefnið.