Wireframing and Information Architecture

This project is a group exercise. most of the work you do in this industry is performed collaboratively in groups so it is crucial to value you the ideas and efforts of the people in your group.

The most important tool is communication. Make sure you communicate clearly and that you listen at least as much as you talk.

Wireframes present the skeletal framework or information architecture of a website. The wireframe shows the arrangement of the website’s content, (layout) and navigational systems, and how they work together.Wireframes usually don’t show images, graphic design or fonts  because the focus is in the functionality and layout of the site, it focuses on “what a screen does, not what it looks like.”Wireframes can be pencil drawings or sketches on a whiteboard, or produced by means of a broad array of free or commercial software applications. But often the best starting point is sketches on paper before you move to using electronic tools.

For these wireframes, I used Mockingbird.

Here are some other wireframe applications:
https://cacoo.com – Web app
http://pencil.evolus.vn/en-US/Home.aspx — firefox plugin

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s