analüüs ja prototüüp

26
Analüüs ja prototüüpimine Tanel Teemusk

Upload: tanel-teemusk

Post on 16-Jul-2015

178 views

Category:

Design


9 download

TRANSCRIPT

Page 1: Analüüs ja Prototüüp

Analüüs ja prototüüpimineTanel Teemusk

Page 2: Analüüs ja Prototüüp
Page 3: Analüüs ja Prototüüp
Page 4: Analüüs ja Prototüüp
Page 5: Analüüs ja Prototüüp
Page 6: Analüüs ja Prototüüp
Page 7: Analüüs ja Prototüüp
Page 8: Analüüs ja Prototüüp

Page 9: Analüüs ja Prototüüp

Tüüpiline spetsifikatsioon

• pikk ja igav • palju juttu ebaolulisest • seisab kaua inbox’is • peab ridade vahelt lugema

Page 10: Analüüs ja Prototüüp

Visuaalne spetsifikatsioon

• kiirelt hõlmatav • saab toota interaktiivse prototüübi • müüb

Page 11: Analüüs ja Prototüüp

Hea visuaalne spetsifikatsioon

• sitemap • kõik olulised funktsioonid (flowd) visualiseeritud • stakeholderid peavad aru saama, et see pole lõplik

kujundus • igal vaatel oma eesmärk • lisaks interaktiivne prototüüp

Page 12: Analüüs ja Prototüüp
Page 13: Analüüs ja Prototüüp
Page 14: Analüüs ja Prototüüp

Inspiratsioonikskuidas ise teha?

Page 15: Analüüs ja Prototüüp
Page 16: Analüüs ja Prototüüp
Page 17: Analüüs ja Prototüüp
Page 18: Analüüs ja Prototüüp
Page 19: Analüüs ja Prototüüp
Page 20: Analüüs ja Prototüüp
Page 21: Analüüs ja Prototüüp
Page 22: Analüüs ja Prototüüp
Page 23: Analüüs ja Prototüüp

Kuidas disainida?

• kogu inspiratsiooni • alusta kastidega • grid & alignement • otsi wireframe kit’e

Page 24: Analüüs ja Prototüüp

Tööriistad

• tintenpen, joonlaud ja paber • diagrammide tarkvara: draw.io, Omnigraffle, Lucid

chart jne. • disaini tarkvara: Sketch, Photoshop, Illustrator jne. • interaktiivne prototüüp: Invisionapp, Axure, Solidify,

FluidUI jne.

Page 25: Analüüs ja Prototüüp

• spetsifikatsioonid, visuaal ja prototüüp töötavad koos

• mõelge ka UI’le nii vara kui võimalik • pilt räägib rohkem, kui tuhat sõna

Page 26: Analüüs ja Prototüüp

teemusk.com/ah/slides

@tanelteemusk