Monstermedia 2010 Exhibition - Working Prototype

Since we haven't yet received the brief from our clients, the final year students for Monstermedia 2010, we have decided to work on functioning prototypes rather that working on the aesthetics of the interactive player. In doing this we can find out the best way to go about designing the player; do we use Flash or can we go about it using jQuery?

Today I've been busy design an XHTML/CSS version using some jQuery for the carousel function. To view a working version click on the link below -

http://www.cityandwool.co.uk/monstermedia2010

The problems that I encountered while designing this prototype were -

  • If there were 60 images of students in the carousel, it would overlap too much and not be spaced out very well
  • Using layers with z-index the television adds a slight grunge to the image in the carousel, however it stops some of the functions working for example being able to hover over the other image and being able to click on the image too.
  • The positioning of the carousel is very hard to get right. Since it doesn't like the use of percentages it has to be a x and y coordinate. Therefore with different screen resolutions I will display very differently. This prototype is currently set to work on a screen 1440 x 900. I do know that the screens we will be using will all be the same resolution so it would be a case of designing for that screen in particular
By seeing a working prototype we can see what works and what doesn't. I think we need to change a few things before completely deciding on using this method but I was very easy to set up and populate with their images.

For further developments and designs throughout the projects check out the Monstermedia Design blog.

Posted via email from City&Wool's Posterous

0 comments: