AIGA Design Competition Awards Site 2
VIEW WEB 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 practive of using thumbnails. I wanted the site to use the same preloading principles for various user platforms. I also wanted to explores 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 was to use 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 to the use of opacity to indicate selections. 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.
|
|
