Low Resolution Wireframes:
Effective user interfaces address three main components: information, navigation, and action. Wireframe development bridges the gap between analysis and developmnet and set the course for implementation.
Low resolution wireframes focus on defining the macro and micro template structures. Global and contextual navigation elements are defined for initial end user feedback. Page level information structures are defined, including general content, page instructions, inline help text, as well as action clarification.
High Resolution Wireframes:
High resolution wireframes are produced as the focus of design activities shifts to aesthetics and visual presentation. Internal technology team deliverables such as style guide, template and layout components, as well as CSS development are worked in parallel tracks.
The high resolution wireframes support storyboard activities and give the customer the first preview of what the finished system will look like.
