6 prototype

11
6 prototype show rather than tell

Transcript of 6 prototype

Page 1: 6 prototype

6 prototype

show rather than tell

Page 2: 6 prototype

show rather than tell

dynamic rather than static

flow of information

Page 3: 6 prototype

wireframe

low-fidelity

shows main groups (what)

structure of information (where)

Page 4: 6 prototype

wireframe

low / medium fidelity

Page 5: 6 prototype

mockup

medium /high fidelity

visual design draft

major patterns

Page 6: 6 prototype

prototype

medium / high fidelity

interaction (how)

Page 7: 6 prototype

fidelity

Page 8: 6 prototype

events

tap

swipe (up-down-right-left)

taphold

pinch

Page 9: 6 prototype

prototyping applications

drawing tools

primitives

Page 10: 6 prototype

prototyping applications

states and transitions

animations

Page 11: 6 prototype

prototyping applications

codiqa.com

flinto.com

flairbuilder.com

fluidui.com

appcooker(ipad)

pick one, demo next week.