All content and visual attributes of your online environment must be shown in your storyboard. These are in sequence to your user goal that you identified with your persona development.
Storyboard PDF (one page only of the entire sequence of actions)
Storyboard shown in sequence with annotations. Annotations are the detailed notes that you have been working on since your wireframes. These outline USER INTENT (user path/actions), SYSTEM BEHAVIOR (what the system/environment does), and TRANSITION (how does the system/environment reveal to the user that they are leaving a specific moment in the site). ALSO, annotate the comments and results of your simple user-testing where applicable (your questions and the results). Use a cursor to indicate/represent the user. At the top be sure to title it with your User Goal and your name.
If you worked this out using layers in Illustrator, you can take a screen capture (option + apple/command + 4) of each step, with your annotations off to the side, then lay this out into a flat overview of the entire sequence.
Storyboard Quicktime Movie (a movie showing the individual moments of your story board, in sequence)
No annotations are needed for this deliverable. Take screen captures of your storyboard and using JPGs or PNG files put the screen captures into iPhoto and create a "slideshow". Adjust the settings (1-2 seconds and NO transition) and export it as a Quicktime Movie. The user/cursor must be show in this.
Showing posts with label High-Content Storyboards. Show all posts
Showing posts with label High-Content Storyboards. Show all posts
11.18.2009
11.11.2009
Project 2: Part 4: High-Content Storyboards
Your high-content storyboards should show the design of your online environment and the content within it. Continue to develop and annotate user and system interactions and begin to think about transitions.
Using Illustrator design your storyboards in one of the following proportions (1280 X 720 pixels) or (1280 X 1024) pixels. Keep your design files organized as you will be bringing these into Flash. You can choose to work either in multiple layers or in multiple frames. Your annotations should be shown in this file as well.
You will use a print out of your storyboard to conduct a simple user-test with someone that has NOT seen your work or heard of the project (not a peer from the class). To do this you will ask specific questions at specific moments in your site. Craft these questions well so that it will begin to reveal how someone might approach your site.
You will present this storyboard as a PDF and in a sequence to the class. This must show a clear user path. While presenting share with us how your simple user-testing informed some decisions you may or may not have addressed.
Using Illustrator design your storyboards in one of the following proportions (1280 X 720 pixels) or (1280 X 1024) pixels. Keep your design files organized as you will be bringing these into Flash. You can choose to work either in multiple layers or in multiple frames. Your annotations should be shown in this file as well.
You will use a print out of your storyboard to conduct a simple user-test with someone that has NOT seen your work or heard of the project (not a peer from the class). To do this you will ask specific questions at specific moments in your site. Craft these questions well so that it will begin to reveal how someone might approach your site.
You will present this storyboard as a PDF and in a sequence to the class. This must show a clear user path. While presenting share with us how your simple user-testing informed some decisions you may or may not have addressed.
11.04.2009
Subscribe to:
Posts (Atom)