Blog
23. apr. 2025 - 8 MIN BRANJA
Od makete do trga: Moj celovit proces oblikovanja izdelkov

Od makete do trga: Moj celovit proces oblikovanja izdelkov

Podroben pregled moje iterativne metodologije oblikovanja, od začetnih raziskav do končne predaje, s praktičnimi nasveti za oblikovalce na vsaki stopnji.

Jay Ho Oh

Jay Ho Oh

Uspešno ustvarjanje digitalnih izdelkov ni stvar sledanja togemu receptu, temveč razvoja prilagodljivega okvira, ki se prilagodi edinstvenim izzivom vsakega projekta. Po izboljšanju svojega pristopa pri številnih izdelkih sem razvil postopek, ki dosledno daje rezultate, hkrati pa pušča prostor za ustvarjalnost in iteracijo.

V tem članku bom predstavil svoj celoten oblikovalski proces, od začetnega odkrivanja do predaje razvijalcem, z uporabo moje nedavne dela na aplikaciji EcoTrack kot primera.

1. faza: Odkrivanje in raziskovanje

Vsak odličen izdelek se začne z razumevanjem problema, ki ga poskuša rešiti. Za EcoTrack je naš izziv ustvariti privlačen način, kako uporabniki spremljajo svoj okoljski vpliv, brez da se počutijo preobremenjeni s krivdo ali zapletenimi podatki.

Intervjuji uporabnikov

Začel sem s pridobivanjem intervjujev z 12 potencialnimi uporabniki različnih demografskih skupin, pri čemer sem se osredotočil na njihove trenutne navade in odnos do trajnosti. Ti pogovori so razkrili ključni vpogled: večina ljudi si želi sprejemati okoljsko prijazne odločitve, vendar se počuti onemogočene zaradi zapletenosti izračunavanja svojega vpliva.

"Mene briga okolje, ampak nimam pojma, če uporaba papirnate vrečke resnično pomeni kaj boljše kot plastika, ali če moja večkratna vodna steklenica kaj spremeni." — Udeleženec razgovora

Analiza konkurence

Nato sem analiziral obstoječe aplikacije za trajnost, ustvaril matriko primerjave funkcij, da bi ugotovil vrzine in priložnosti. Večina konkurentov je bila osredotočena na izračun ogljičnega odtisa, vendar niso uspeli zagotoviti praktičnih smernic ali pozitivne podpore.

Definiranje uspeha

Preden sem odprl Figmo, sem sodeloval z deležniki, da bi določili jasna merila uspeha:

  • Povečajte dnevno aktivno uporabo za 40%
  • Izboljšanje razumevanja vpliva na okolje po poročanju uporabnikov
  • Spodbujanje merljivih sprememb vedenja v vsaj dveh trajnostnih kategorijah

2. faza: Idejna zasnova in konceptualizacija

Ko sem dobil trdno razumevanje prostora problema, sem prešel v kreativno fazo procesa.

Skiciranje

Vždy začnem s svinčnikom in papirjem, hitro raziskujem različne pristope brez omejitev digitalnih orodij. Za EcoTrack sem napolnil tri skicirke s koncepti, ki segajo od iger do podatkovno gostih nadzornih plošč.

Informacijska arhitektura

Na podlagi vpogledov v raziskave sem razvil uporabniku usmerjeno informacijsko arhitekturo, ki je dala prednost preprostosti in praktičnim informacijam:

  1. Nadzorna plošča — Personaliziran pregled s takojšnjimi vpogledi v vpliv
  2. Dnevni sledilnik — Preprosto beleženje dejavnosti s takojšnjo povratno informacijo
  3. Pot vpliva — Vizualizacija napredka skozi čas
  4. Center za ukrepanje — Prilagojena priporočila na podlagi vedenja uporabnikov

Oblikovalska načela

Določil sem štiri ključna oblikovalska načela za vodenje vseh odločitev:

  • Poenostavitev kompleksnosti — Pretvorba okoljskega vpliva v razumljive enote
  • Praznovanje napredka — Osredotočanje na pozitivno spodbudo namesto na krivdo
  • Omogočanje informiranih izbir — Zagotavljanje konteksta za sprejemanje odločitev
  • Oblikovanje za ustvarjanje navad — Ustvarjanje zadovoljivih interakcijskih zank

3. faza: Izdelava prototipov in testiranje

Ko je konceptualni okvir na mestu, sem prešel v iterativni cikel prototipiranja in testiranja.

Nizko-natančni žični modeli

Ustvaril sem žične okvirje, osredotočene na uporabniške poti in hierarhijo informacij, pri čemer sem vizualno oblikovanje namerno ohranil minimalno, da bi se osredotočil na povratne informacije o funkcionalnosti in strukturi.

Testiranje uporabnikov (1. krog)

Testiranje žičnih modelov z 8 udeleženci je razkrilo več ključnih spoznanj:

  • Uporabniki so želeli takojšnjo povratno informacijo ob beleženju dejavnosti
  • Vizualizacija vpliva za večino uporabnikov ni bila intuitivna
  • Ljudje so bili zmedeni zaradi tehnične okoljske terminologije

Srednje-natančni prototipi

Na podlagi povratnih informacij sem izboljšal koncept in razvil interaktivne prototipe z več vizualnimi podrobnostmi, osredotočene na:

  • Poenostavljena vizualizacija podatkov z uporabo znanih metafor
  • Takojšnja pozitivna spodbuda za zabeležene dejavnosti
  • Postopno razkrivanje kompleksnejših okoljskih informacij

Testiranje uporabnikov (2. krog)

Drugi krog testiranja je pokazal znatne izboljšave v uporabnosti, vendar je izpostavil nove izzive:

  • Uporabniki so želeli primerjati svoj vpliv s prijatelji ali povprečjem skupnosti
  • Tedenski povzetki so bili bolj motivacijski kot dnevna statistika
  • Postopek uvajanja se je zdel predolg

4. faza: Vizualno oblikovanje in izpopolnjevanje

Ko je bila osnovna izkušnja potrjena, sem prešel na visoko-natančno vizualno oblikovanje.

Vizualni jezik

Razvil sem vizualni jezik, ki je uravnotežil dostopnost z verodostojnostjo:

  • Barvna paleta po navdihu narave z jasnim funkcionalnim barvnim kodiranjem
  • Ikone po meri, ki so poenostavile zapletene koncepte
  • Tipografija, ki je dajala prednost berljivosti na vseh napravah
  • Mikro-interakcije, ki so zagotavljale zadovoljstvo in spodbudo

Dizajni sistem

Za zagotovitev doslednosti in lažji razvoj sem ustvaril celovit oblikovalski sistem, ki vključuje:

  • Knjižnico komponent z dokumentiranimi stanji in vedenji
  • Smernice za odzivno postavitev
  • Specifikacije animacij
  • Standarde dostopnosti

Končni prototip

Končni prototip je združil vse elemente v eno celoto, ki smo jo testirali s širšo skupino uporabnikov, preden smo prešli na razvoj.

5. faza: Implementacija in iteracija

Oblikovalski proces se ne konča, ko se začne razvoj – takrat se razvija naprej.

Sodelovanje z razvijalci

Sodeloval sem tesno z razvijalci med implementacijo, sodeloval v pregledih kode in prilagodil oblikovanje, da bi rešil tehnične omejitve, hkrati pa ohranil osnovno izkušnjo.

Implementacija analitike

Integrirali smo analitiko, da bi spremljali naše uspešne metrike, in nastavili nadzorne plošče, da bi spremljali ključne interakcije in poti uporabnikov.

Iteracija po lansiranju

Po lansiranju smo vzpostavili reden cikel analiz in iteracij:

  • Tedenski pregledi povratnih informacij in podatkov o vedenju
  • Dvotedenski oblikovalski sprinti za reševanje novih težav
  • Mesečno načrtovanje funkcij glede na vzorce uporabe

Rezultati in spoznanja

Šest mesecev po lansiranju je EcoTrack presegel naše začetne metrike uspeha:

  • 52% povečanje dnevne aktivne uporabe
  • 78% uporabnikov poroča o boljšem razumevanju svojega vpliva na okolje
  • Povprečen uporabnik je sprejel 3.4 nove trajnostne navade

Najbolj dragocena lekcija iz tega projekta je bila pomembnost oprijemljivih konceptov. S pretvorbo kompleksnih okoljskih podatkov v osebne, praktične vpoglede smo ustvarili izkušnjo, ki ne samo izobražuje uporabnike, ampak jim tudi omogoča, da naredijo pomembne spremembe.

Zaključek

Učinkovito oblikovanje izdelkov nikoli ni linearno potovanje – je stalni cikel učenja in izboljšanja. Z vztrajanjem pri potrebah uporabnikov in ohranitvijo prilagodljivega pristopa k reševanju problemov lahko ustvarimo izdelke, ki ne samo izpolnjujejo poslovne cilje, ampak resnično izboljšujejo življenje ljudi.

Rad bi slišal o vašem lastnem oblikovalskem procesu in kako se lotevate podobnih izzivov. Prosim, kontaktirajte me z vprašanji ali delite svoje izkušnje v komentarjih spodaj.

Zgrajeno z Nuxt UI • © 2026