Early Wireframes (3-5 images) for your site (part of printed report).
2 printouts for each wireframe for Lab (11/6)
Your team will prepare a specification report and design your first round of wireframes for your project.
Clearly indicate which person wrote which part.
Create a 3-4 page report that includes the following:
Project title, team member names, client information if applicable
Mission Statement: summarize your key idea in one sentence or sentence fragment
Audience: a paragraph describing your audience.
Summary Statement: a more detailed summary of your ideas & goals in 3-5 sentences or bulleted list of 3-5 sentence fragments.
Comparative Analysis: List 3 related apps. For each, summarize their key ideas/features,
list 3 strengths & weaknesses, and list 3 things that will incorporate or avoid based on
your analysis of their app. You may want to include screenshots for illustrative purposes.
Use Cases, Storyboards: create 2-3 use-cases and a
storyboard that describes your proposed interactive design. Highlight how each storyboard
satisfies the use-case of your users. Be creative, but keep these short and focused.
Two Views: using your use-cases, describe the two views that you will develop for your app.
For example, you might have a view for product data entry and one for customers.
Wireframes: Based on your storyboards, design 3 wireframe layout for each of
your two views (6 wireframes total). These should represent the key pages of your
proposed app. You should use a simple drawing program like Powerpoint or Google
Review the Design lecture notes for details and illustrative examples.
BONUS: For the comparative analysis, include a small feature matrix to
summarize similarities and differences between related sites. This can help you
identify niches in the market.
For your wireframes, you may only use simple shapes and text for now. That is,
resist the temptation to develop more visually intense UI mockups. We will be iterating
on these wireframes so it is important that they are easy to modify. The goal is to
first focus on the interactive design before delving into the visual design of your site.
In Lab (10/25), we will be doing a round of user testing on your wireframes in lab.
Please bring 2 printouts for each wireframe to the lab.