Sitemap -> Wireframes -> Prototype

Sitemap

Sitemap sample

Content map
User flowchart
Non-visual paper prototype

Wireframes

wireframe sample

in-between phase between a sitemap and a prototype.

i.e. Decide what the user does when,
Hierarchy of activities
User experience flow and logic
What goes where

Functional, Minimal, Consistent, User-centric

Not about: Formal detail, wireframe, program
Don't get caught up in details in your wireframe, don't be too fussy or obsess about small elements.

Prototype

prototype sample with adobe xd

asdasd

 

 

Wire frame

1.