Není prototyp jako prototyp

Tomáš Jukin @Inza

Juicymo www.juicymo.cz @JuicymoCZ

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?

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

WTF?

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

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

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

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

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

• HTML/CSS

• Grafické editory

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

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

• HTML/CSS

• Grafické editory

INTERAKCE!

HFP?

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

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?

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

High Fidelity Prototype

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

High Fidelity Prototype• V čem tvořit?

• xCode/Eclipse• Photoshop/Fireworks

• Grafické editory

• V čem netvořit?

• Papír a tužka/fix

• Balsamiq Mockups

• Mockingbird

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

•“Wireframovací nástroje”

•Axure RP

•HTML/CSS

Workflow

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

Workflow

• Proces

• Od ničeho k aplikaci

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

• Tým se na tom domluvil

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

Naivní Workflow No. I

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

ZadáníJak to má vypadat?

Design

Co to má umět?

Kód Hotovo!

Naivní Workflow No. I

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

ZadáníJak to má vypadat?

Design

Co to má umět?

Kód Hotovo!

Fail!

Naivní Workflow No. II

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

ZadáníJak to má vypadat?

Design

Co to má umět? Kód

Hotovo!

Naivní Workflow No. II

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

ZadáníJak to má vypadat?

Design

Co to má umět? Kód

Hotovo!

Fail!

Amatérské Workflow

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

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

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

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!

Toto je pracné :-(

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

Profíkovo Workflow

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

LFPTestování

UI/UXJe OK?

Design TestováníUI/UX

Je OK?+Model

Zadání Analýza Je OK?

HFP

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

Toto je snadné :-)!

Toto je aplikace bez modelu :-)

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

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

A jaké workflow budete používat?

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

Kdy je nejlepší nasadit nové workflow?

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

Včera bylo pozdě...

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

Závěrečné shrnutí

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

• 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 ;-)

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

Děkuji za pozornostDotazy?

Tomáš Jukin @Inza