Interactive Infographic Prototype



First Round of Wireframes with Annotations


2of6 Infographoic Prototype
3of6 Infographoic Prototype
4of6 Infographoic Prototype
5of6 Infographoic Prototype
6of6 Infographoic Prototype

Second Round of Wireframes Made into First Prototype


6of6 Infographoic Prototype



Portfolio



Work Information:

Tools: Adobe Illustrator, Flash

DESCRIPTION:

This prototype was completed for an interactive infographic of films shot in San Francisco from 1915 to present. It went through three rounds of design. The first wireframes and interactions were too hard to navigate through and the graphics and timeline slider were distracting. The second wireframes were completed and turned into a Flash prototype with voiceover. Again, the graphics were too distracting and hard to navigate through. In the last prototype film selection navigation was moved to the bottom of the screen above the fold and the top navigation was cleaned up. The map became much easier to read when the navigation and film selection was moved.


Go Top ^