Prototype Phases:

-Prototype

-Evaluate 

-Refine

Prototype at various stages

 

-Low Fidelity sketches: general structure

-Medium Fidelity: hierarchy & interaction flows

-high fidelity: slowest -> refine

 

Build up the prototype around a user story

 

Prototyping methods and tools:

• Paper prototyping (lo-fi)

• Click-through prototypes (adobe xd/invision etc)

• Code 

• Hybrid tools 

• ->Axure dynamic content and forms in prototypes

• -> Framer:  mixed design elements with javascript