1 of 21

Kasutajakogemuse disain

UX design - Wireframe, prototüüp, testimine

2 of 21

Programm

Veebruar

  1. Teemad, eesmärgid, kaardistus, kasutajad (brief)
  2. Struktuur, flow
  3. Wireframe, prototüüp
  4. Testimine
  5. UI disaini kiht.

3 of 21

Tulemus

  1. Panna kirja eesmärgid, tulemus, kasutajad (brief)
  2. Struktuurikaart, flow kaart
  3. Wireframe 4-7 desktopi vaadet

Wireframe 4-7 responsive (mobiil)4. Loo prototüüp

5. Testimine grupis

6. Visualiseeri UI.

4 of 21

Projekt

Veebikeskkond

5 of 21

Sisu-flow

wireframe ,

prototüüp

Veebikeskkond

6 of 21

Kokkuvõte

Mõtle ekraani suuruste peale (responsive)

Hakka Gridile ehitama

Pane paika struktuuri alusel peamenüü ja teemad

Mis on peamine asi mida sa seal öelda tahad

Pane paika milline on peamine CTA

Loo lehele layout, plokid

Pane sinna plokkidesse sisu

Nupud, pealkirjad (primary/secondary)

Jälgi hierarhiat ja ühtset loogikat

Mis edasi saab, muud vaated?.

7 of 21

Testimine

Kasutajate tagasiside

Miks vaja? - valideerida kontseptsiooni

Tõestada oma hüpoteesi

Millal? - igas etapis, mida varem seda parem

Oled õigel teel

Argument - hiljem parandada on kallim

8 of 21

Formaadid

Kasutajate tagasiside

Eeltöö, analüüs (kasutajauuring)

Olemasoleva keskkonna analüüs

Kasutajaintervjuu (ülesanne)

Versiooni testimine (A/B)

Tähelepanu testimine (heatmap, eye tracker, sisu)

Fookusgrupid

9 of 21

10 of 21

11 of 21

12 of 21

13 of 21

14 of 21

15 of 21

MOVINGO projekt

16 of 21

ELRON validaator projekt

17 of 21

Kasutaja intervjuu

Kasutajatestimise protsess

On olemas kasutajaprofiilid

Leia inimesed

Mida soovid teada saada, tõestada? Eesmärgid

Loo realistlikud stsenaariumid

Tee need kasutajaga läbi

Tulemus ja analüüs

18 of 21

19 of 21

Kasutaja intervjuu

Läbiviimine

Loo realistlik olustik ja keskkond

Tutvusta teemat, miks me siin oleme

Uuri kasutaja seniste harjumuste kohta, profiil

Anna kätte ülesanne, stsenaarium

Kasutaja kommenteerib valjusti

Ära suuna, jälgi, meenuta ülesannet

Hiljem uuri kogemuse kohta, aruta

Salvesta, keegi teeb märkmeid

Kokkuvõte ja järeldused.

20 of 21

Testimine

Grupis

Loo stsenaariumid vastavalt oma teenusele (2)

Vali välja inimesed (2)

Vaata kas prototüüp vastab stsenaariumitele

Anna ülesanne testitavale

Jälgi, pane kirja

Tee kokkuvõte, analüüs.

21 of 21

Praktikum

  1. Praktikumis lõpeta wireframe sisuvaadetega (desktop + mobiil)
  2. Loo stsenaariumid mida soovid läbida
  3. Vaata kas prototüüp vastab ülesandele
  4. Vali välja inimesed (2)
  5. Korralda testimine
  6. Tee kokkuvõte, järeldused