Wireframing is an earlier stage process, which can be a blueprint of the design plan and might not have the UI elements in place. The main focus lies on the planning, rather than visuals.It can be drawn on a piece of paper, napkin or blackboard.

Prototyping are usually on the web and the design is more close to the end product. It is less abstract, which the clients or the product managers can comprehend as well. The focus shifts from planning to feel in prototypes.
 
Top Bottom