Wireframes

This week in class we have been focusing on wireframes. Wireframes are grayscale block diagram showing overall navigation and blocks of elements. They demonstrate elements a web page or application screen will contain. A wireframe does not need to link to anything and does not include any visual design. Also, wireframes must include; key page elements such as the header, footer, navigation, content objects, and branding elements, and their locations, grouping, labeling and place holders. In addition, we learned about different types of wireframes, which are high-fidelity, low-fidelity, and annotated wireframes. The low-fidelity wireframe is a rough, non-graphical wireframe which focuses on navigation elements, whereas the high-fidelity wireframe contains some color and content, and simulates the actual page.

As far as our group work is concerned, this week we began working on the new navigation system for the Neighborhood Health Services web site. We also met with our new client on Thursday at 3:00pm. Our assignment for the week is to create wireframes for certain pages of the Neighborhood Health Services web site. The lecture ties into this assignment in an obvious way. This is, the lectures were all about wireframes this week, and we are each making a wireframe, individually.