Iterative Design

The chart below demonstrates the processes I went through in order to reach my final design. Through prototyping, building and analysing I was able to refine and tweak the interface. John Cato (2001) states that through this development process designers must assess key high risk areas, ubiquitous and complicated components and similarities between areas of information and user activity. This was particularly evident with regards to the navigation. Designing the navigation horizontally across two lines, cleared the interface, placed more emphasis on film content and highlighted that the top line, “home, view profile, search, logout,” were the most important links.

Another ubiquitous component i hadn’t noticed until building the site were user’s comments. Only after building was I able to recognise that as users posted a comment, all comments remained on the homepage, regardless of how many comments there were on one film. This therefore led to a huge build-up of comments on the same film, overloading the interface with opinions on one film and ruining the main concept of the website. To avoid the interface becoming cluttered, the PHP was adapted to upload the most recent comment on a film to the home feed. In doing this, users were able to see a wider variety of film reviews rather than reviews of the same film over and over again. Additionally only after building the site was i able to recognise that i had not considered designing all the functionality of the website. In particular how to present users comments. After building the site, I was able to recognise that comments didn’t look right when placed underneath each film. I had to therefore analyse the best way to represent user’s opinions that would accommodate the site layout. This involved replacing the description when hovering over each film with user’s comments.

Iterative Design

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s