AIGA Design Competition Awards Site 2
VIEW WEB SITE
RELATED AIGA PROJECTS: AIGA Awards Site #1 |
AIGA Another 60s Revolution |
AIGA Big Brand Stories |
AIGA Get Out the Vote |
AIGA Japanesse Design Approaches |
AIGA BBQ |
AIGA Kansas City Site
PROJECT BRIEF:
Design and develop a compelling interactive version of the Kansas City AIGA Design Competition. This years web site also has a companion book. My roles were:
- interaction design
- visual design
- paper prototypes
- functional prototypes
- architecture
- frontend development (PHP, CSS, HTML)
- OOP on splash page
SOLUTION:
Working with developer Paul Linder, I developed prototypes and mockups of experimental interfaces that explored better ways to present a large number of awards other than the standard IxD practice of using thumbnails. I wanted the site to use the same preloading principles for various user platforms. I also wanted to explore methods for showing the totality of work in a section at a glance with a high degree of interaction and less reliance on techniques such as "You are viewing image 1 of 30". The solution uses draggable transparency and variations on museum installation interfaces explored by Lush and the "Magic Mirror" project from MIT I had interacted with several years earlier. The data structures are based on the printed book's hierarchies and users are given a lesson on the interaction with the software on the splash page without it being explicit. Follow up user testing showed that users quickly adapted the interface. On the backend, a detailed XML scheme was used in place of a database.
We plan on creating a remote viewer of just the award winners in a self-contained application.
|
|