For mobile - Není prototyp jako prototyp

Není prototyp jako prototyp

Tomáš Jukin @Inza

Juicymo www.juicymo.cz @JuicymoCZ

http://www.juicymo.cz


Jak na prototypování mobilních aplikací?

• Pomalu (pořádný prototyp ~ 8h)

• S citem

• HIG

• Soustředit se na sdělení

Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ



LFP?




WTF?




Low Fidelity Prototype• = prototyp nízké věrnosti

• “kresba” (=~ wireframe)

• černobílý - testujeme JEN UX, UI! (ne design)

• ideálně proklikávací (aby šlo testovat)

• na co pozor:

• šířka pera/tužky

• rozlišení

• interakce!Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ



Low Fidelity Prototype




Low Fidelity Prototype• V čem tvořit?

• Papír a tužka/fix

• Balsamic Mockups (a LiveMockups)

• Mockingbird

• “Wireframovací nástroje”

• V čem netvořit?

• Axure RP

• Photoshop/Fireworks

• xCode/Eclipse


• HTML/CSS

• Grafické editory



Low Fidelity Prototype• V čem tvořit?


• Balsamic Mockups (a LiveMockups)

• Mockingbird

• “Wireframovací nástroje”


• Axure RP

• Photoshop/Fireworks

• xCode/Eclipse


• HTML/CSS


INTERAKCE!



HFP?




High Fidelity Prototype

• = prototyp vysoké věrnosti

• grafika/design (ne wireframe!)

• barevný - testujeme UI, UX a design

• nutně proklikávací/interaktivní (aby šlo testovat)

• na co pozor:

• jak snadné/levné jsou změny

• práce navíc?




High Fidelity Prototype




High Fidelity Prototype• V čem tvořit?

• xCode/Eclipse• Photoshop/Fireworks




• Balsamiq Mockups

• Mockingbird


•“Wireframovací nástroje”

•Axure RP

•HTML/CSS



Workflow




Workflow

• Proces

• Od ničeho k aplikaci

• Dáno konvencí, standartizováno a “normalizováno”

• Tým se na tom domluvil




Naivní Workflow No. I


ZadáníJak to má vypadat?

Design

Co to má umět?

Kód Hotovo!



Naivní Workflow No. I



Design

Co to má umět?

Kód Hotovo!

Fail!



Naivní Workflow No. II



Design

Co to má umět? Kód

Hotovo!



Naivní Workflow No. II



Design

Co to má umět? Kód

Hotovo!

Fail!



Amatérské Workflow


LFPTestování

UI/UXJe OK?

Design TestováníUI/UX

Je OK?+Implementace

Zadání Analýza Je OK?

HFP

TestováníUI/UX Je OK? Hotovo!



Amatérské Workflow


LFPTestování

UI/UXJe OK?


Je OK?+Implementace


HFP


Toto je pracné :-(

Toto je nějaká banda obrázků :-(



Profíkovo Workflow


LFPTestování

UI/UXJe OK?


Je OK?+Model


HFP


Toto je snadné :-)!

Toto je aplikace bez modelu :-)



A jaké workflow používáte vy?




A jaké workflow budete používat?




Kdy je nejlepší nasadit nové workflow?




Včera bylo pozdě...




Závěrečné shrnutí


• Známe LFP - je to cool!

• Známe HFP - brácha LFP a je taky cool!

• Známe workflow

• víme proč je dobré...

• budeme ho používat - hned od zítřka ;-)




Děkuji za pozornostDotazy?

Tomáš Jukin @Inza



For mobile - Není prototyp jako prototyp

Technology

Transcript of For mobile - Není prototyp jako prototyp