Tečaj #3 – Izrada žičanih modela i lo-fi prototipova (“Build Wireframes and Low-Fidelity Prototypes”)

Treći tečaj/predmet u certificiranom programu Google UX Design opremio me vještinama koje trebam primijeniti u početničkim poslovima u dizajnu korisničkog iskustva (UX).

U ovom tečaju nastavila sam dizajnirati mobilnu aplikaciju za svoj profesionalni UX portfelj. Započela sam s izradom nacrta priča (storyboarding) i upoznavanjem s osnovama crtanja. Zatim sam pomoću dizajnerskog alata Figma izradila papirne i digitalne žičane modele. Također sam kreirala prototip na papiru i digitalni prototip niske vjernosti u Figmi.

  • kreiranje nacrta priča kako bi se iznijele ideje o rješenjima za potrebe korisnika
  • izrada žičanih modela na papiru i digitalno u alatu za dizajn Figma
  • izrada prototipa na papiru za stvaranje interaktivnog dizajna
  • dizajniranje prototipa niske vjernosti u Figmi.

Vještine: korisničko iskustvo (UX), UX istraživanje, žičani model, prototip, dizajn korisničkog iskustva (UXD)

1. tjedan – Nacrti priče (storyboard) i izrada žičanih modela

U prvom tjednu stekla sam znanje o tome kako koristiti rezultate istraživanja za informiranje o razvoju ideja.

Osmislila sam dva tipa nacrta priče: opći plan i krupni plan. Zatim sam izradila svoje prve žičane modele (wireframe) i istražila prednosti žičanog modela. U ovom trenutku procesa dizajniranja stekla sam puno ideja za dizajn koji odgovara stvarnim potrebama korisnika. Potom sam pročistila te ideje, a u tome mi je pomogla izrada žičanih modela.

Koraci i stečene vještine u ovom tjednu:

  • izrada ciljne izjave
  • ocrtavanje kretanja korisnika
  • izrada dva tipa storyboarda: opći i krupni plan, i razumijevanje kada koristiti kojeg
  • shvaćanje razlike između dizajna niske i visoke vjernosti (lo-fi i hi-fi)
  • opis svrhe žičanih modela u procesu dizajniranja
  • primjena osnova crtanja.

2. tjedan – Kreiranje papirnih i digitalnih žičanih modela

Ovo je akcijski dio tečaja u kojem sam crtala žičane modele za mobilnu aplikaciju.

Prvo sam crtala puno žičanih modela na papiru. Zatim sam prešla na digitalne žičane modele u alatu za dizajn Figma. Izravno sam i od Figme učila kako najbolje koristiti njihov alat.

Napokon, na svoje žičane modele primjenjivala sam principe Gestalt, poput principa sličnosti, bliskosti, i zajedničkog područja.

Koraci i stečene vještine u ovom tjednu:

  • upotreba informacijske arhitekture za organiziranje mobilne aplikacije
  • kreiranje žičanih modela na papiru
  • kreiranje digitalnih žičanih modela u Figmi
  • razumijevanje kako se principi Gestalt primjenjuju na žičane modele.

3. tjedan – Izrada prototipa niske vjernosti

Prethodno sam prošla prve tri faze procesa dizajniranja: suosjećanje (empatiju), definiranje i razradu ideja. U trećem tečaju ušla sam u četvrtu fazu procesa dizajniranja: prototip.

  1. Prvo sam kreirala prototip svoje mobilne aplikacije na papiru.
  2. Zatim sam u Figmi prešla na izradu digitalnog prototipa niske vjernosti (lo-fi).
  3. Osim toga, istražila sam načine kako prepoznati potencijalnu pristranost u svojem dizajnu i naučila kako izbjeći varljive uzorke.

Koraci i stečene vještine u ovom tjednu:

  • kreiranje prototipova na papiru
  • definiranje razlike između žičanog modela i prototipa
  • razrada puta od digitalnih žičanih modela do digitalnih lo-fi prototipova u Figmi
  • izrada lo-fi prototipa u Figmi
  • prepoznavanje i izbjegavanje implicitne pristranosti u dizajnu
  • prepoznavanje uobičajenih varljivih uzoraka u dizajnu korisničkog iskustva
  • razumjevanje kako izbjeći učinke varljivih uzoraka.

Završetkom ovog tečaja krenula sam na 4. tečaj Google UX Designa, Provođenje istraživanja korisničkog iskustva i testiranje ranih koncepata (“Conduct UX Research and Test Early Concepts”).