HCI gyakorlat:Papír prototípus

Tervezés

Csapó Tamás

csapot@tmit.bme.hu

2019

Papír prototípus

• Felhasználói interfész papíron

• Gyors prototípus készítés

• „Sketch” / „Mock-up” / „Prototype”

• Lényegesen gyorsabb, mint a digitális mock-up

• Idő és pénz spórolás

• Könnyen készíthető több változat

• Korai visszajelzés a felhasználóktól

Időjárás előrejelzés

• Honlapok?

• Adatok?

Időjárás előrejelzés

• Honlap

– met.hu

– koponyeg.hu

– idokep.hu

– accuweather.com

• API

– openweathermap.org

– darksky.net

Honlap újratervezése!

• Felhasználók?

• Platform?

• Adatok?

• Prioritások?

Rajzoljunk papír prototípust!

• 1 főoldal

• 3 aloldal

• Gombok a navigációhoz

Marvel - Design and build Appshttps://marvelapp.com/apps/

https://www.youtube.com/watch?v=q3IongjD-w4

Prototype: Axure, Uxpin, …

Időjárás mindenkinek(Beszélő Metnet)

• http://www.metnet.hu

• Windows 8

• http://speechlab.tmit.bme.hu/idojaras_mindenkinek/

Iteration 1

13 °C

Budapest

V1/1

V1/2

V1/3

V1/4

V1/5

Iteration 2

V2/1

V2/2

V2/3

V2/4

V2/5

Iteration 3

Iteration 4

V1-V2-V3-V4

V4 video

Iteration 5

V5 /1

• Többnyelvű változat

– angol, francia, lengyel, portugál, magyar

• Fordítás

– Alkalmazásban lévő string-ek gyűjtése

– Iteratív javítás 5 emberrel

• Nyelv váltás

– Windows 8 jól támogatja

• Windows 8 -> Windows 8.1

V5 /2

• Adatforrás változása

– openweathermap.org

– Más jellegű adatok

• Nincs szöveges előrejelzésés, generálni kell

• Felhasználói észlelés nincs

• Magyarország térkép???

– GUI és SUI módosítása szükséges

Összefoglalás

• 2012 okt. – 1. változat

• … iteratív tervezés, fejlesztés, kiértékelés, v1…v5

• 2014 dec. – többnyelvű változat