Steven Heitman, MAIA, Information Architect Specialist, Navigational Systems Specialist, Usability Expert Specialist

Information
Architecture
Portfolio

Bio
Résumé
Portfolio
Email
Site Map

» IA Portfolio


IA Projects (4)

 » IA Qualifications

IA Drafting
IA Design Reports
IA Flow Charts

  » IA Wire Frames

IA Experience
IA PM
IA Research
IA Specialization
IA Usability Testing

Design
Illustration
Multimedia
Back to Portfolio




Information
Architect
Qualifications

IA BAIA
IA MAIA
IA MAEd
IA Reviews








wire frame mockups







Information Architecture adds structure to digital design products...
User-Centered Design
adds usability value for end users...
Graphic Design
adds aesthetic value to e-learning Websites...
Instructional Design
adds learning value to Websites...




Sr Information Architect Specialist



IA Wire Frames Conceptual Design Skills

Each and every project requires developing wire frame mockups; they are
oftentimes annotated with specific details for every unique IA project. It cuts
down on production costs since wire frame mockups show navigational systems,
and what a Web page looks like (without actually doing computer programming).

They also provide a way to make sure Web pages and Websites are designed
consistently for quality-control purposes and consistency. Because end users
have to be able to use Websites or digital design products successfully in order
to complete online transactions. Wire frame mockups help to clarify interaction
designs and how end users could use a Website. That this promotes user-
centered design for end users.

It is fair to say that for any given IA project wire frame mockups are drafted
and drawn up for every Web page in a Website. Then they are signed off on
by stakeholders, project managers, and Information Architects. Per best practices
and user-centered design, this is a very important component prior to production.
Adobe Creative Suite is primarily used to draw wire frame mockups. For
schematics, Information Architects use Visio, OmniGraffle, and Inspiration.

Why are wire frame mockups necessary?

Wire frame mockups are used to illustrate interface designs, because they
document Web page layout for Websites. These documents are used at team
meetings and provide visual representations of conceptual design. Since they
can be reused for other projects, they are good blueprints to access at any
time to generate conceptual ideas, including designing additional templates.

After usability testing is completed, it is good to have a record of what one did.
Then, if changes have to be made or end users find issues, it is really easy to
do edits and redraft them. They are good to keep as research documents to make
references to them, if necessary and required. To let you know, it is a long
scroll down to view wire frame mockups.








Information Architecture—
Wire Frame Mockups & Rapid Prototypes




YLC wfm









YLC WFM









AV/ITVC WFM









AV/ITVC WFM









ANDEL WFM









ANDEL WFM









SFSU WFM









SFSU WFM









RADIO WFM







RADIO WFM









SNORKEL WFM









SNORKEL WFM









QUITA WFM









QUITA WFM




top   |   back to portfolio


Copyright ©—2007-2012.
All rights reserved.
Last updated: January 1, 2009

Steven Heitman, IA MAIA, IA MAEd
Sr Information Architect Specialist
Corporate Training Specialist
IA Design & Usability