-
Notifications
You must be signed in to change notification settings - Fork 2
Assignment #6: Site Flow & Information Architecture
For this assignment, you'll need to flesh out the flow and information architecture for the project that you're working on. You should create for this assignment:
- These should be literal sketch pages, on paper, of the site’s structure.
- You should flesh out several of these, but pick 2-3 best ones (including final).
- Then, scan/take a photo of these.
- Combine these photos into a single PDF.
- Annotate PDF
Use the program of your choice (e.g., Acrobat, Evernote or Preview) to annotate the PDF with Sticky Notes. The annotations should highlight your team’s thought process.
Comment on things that worked/didn’t work for each iteration. For example: "We showed a few outsiders and they didn’t think it made sense to label the About Page “history”. Describe how you arrived at the final choice.
These are not layout wireframes.
This will be more refined than your sketches. Create a map using whatever works (Illustrator, Lucidchart, Balsamiq, Preview, Evernote, etc…).
Export/save the final form in a PDF.
This should look something like this.
These are not layout wireframes.
Combine all of these into a single PDF (make sure you don’t lose your annotations).
Properly name your file:
A5-Project-Team-With-Hyphens.pdf
Points will be deducted for sloppy naming.
Upload your final PDF to Slack. @ the two of us to make sure we give you the 👍
Due: 11:59 p.m. Friday, Feb. 26
Points possible: 20
- A0: Participation
- A1: Join Slack and GitHub
- A2: Your first website
- A3: Your first styled website
- A4: Meet with group, create group channel
- A5: Usability study
- A6: Creative Brief
- A7: Storyboards and Mockups
- A8: First Drafts
- A9: Second Drafts
- A10: Second Draft Critique
- Final Project
- Graduate Component
- Extra credit assignment No. 1
- Extra credit assignment No. 2
- Extra credit assignment No. 3
- Self and group evaluation
- Final presentation instructions