-
Notifications
You must be signed in to change notification settings - Fork 11
Assignment #6: Final Navigation Layout Sketches
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:
You've had feedback on your creative briefs, and now you can take that and choose how your site will work (the navigation and the links between pages -- make this a final version).
- Then, scan/take a photo of them.
- 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.
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.
These will not be layout wireframes, but will include your entire site map and the flow of how people get from one place to another.
Combine all of these into a single PDF (make sure you don’t lose your annotations).
Properly name your file:
A6-Project-Team-With-Hyphens.pdf
Points will be deducted for sloppy naming.
Upload your final PDF to Slack. @emily and @rob to make sure we give you the 👍
Due: 11:59 p.m. Friday, Oct. 16
Points possible: 40
Resources
This is a rough example of what we're looking for. (Except, it should look like you spent more than 20 minutes on it.) In this example, I tried to sketch (as quickly as possible) everything that came in my head, even if I knew it wouldn't work. I find that doing this helps get the idea out of my head and makes the design decisions more intentional.
You'll be expected to sketch many different options, choose the final design and annotate these decisions. If you're stuck, look around at what other sites are doing (and not doing) well.
Articles
-
Why and How to Avoid Hamburger Menus Focused on native app design, but still relevant to mobile web design.