User Interface and Interactivity

design for digital media environments

User interface Principles

– Knowing your user

– Minimising the load on users

– Preserving Consistencies

– Ensuring flexibility

– Following standards

– Explicit

In order to adhere to these general principles, researching into our target audience has allowed us to come up with a suitable interface design which will appeal to the user. We would want a simple navigation system in order to appeal to the ageing house buyers market. Minimising the load through the use of drop down menus will mean users being able to easily and quickly filter the results location. Keeping it simple through the consistency of graphics and layout whilst following standards will mean users recognising how to navigate through the website easily. The buttons are labeled clearly letting the user know what they will gain by clicking on it. Recognisable symbols such as the magnifying glass will suggest the go or find button.

filter

Code for drop down filter menu

sort

Code for sort option

home

Finished home page

An interactive site will attract users and make them feel engaged, helping to reach its target audience. I aim to create flippers for the about page which will reveal text when hovered on. Similarly with the help page, in order to make information more engaging I will use jQuery to create an accordion where the answers to the frequently asked questions will be revealed when clicked on.

aboutpage

Interactive flippers

jquery

Code for Accordion

helppage

Reveals answer when clicked

As websites become more sophisticated users expectations are changing. A more active role is being expected. Not only can the graphics be interactive but user input to an extent. In our web app the use of an add property form will allow users to input their properties to the listings. This adding a different dimension to a passive property site. This as well as a sort and filter will benefit users with results they are looking for, helping to meet expectation.

Target audience

design for digital media environments

After researching into Righmove, one of the top 10 most visited websites in the UK, and their property retail site design, I felt it was important to look into who their target audience were and how they attracted them. I found their buyer report, March 2013, which indicated a rise of second time buyers who intended to buy with a 3% increase form the last quarter. Compared to average age of first time buyers, this being 30, those purchasing for the second time are on average 41. They found when conducting this survey, users used rightmove in order to move up the property ladder to find a larger house to accommodate their family.

The use of graphics on their home page suggest an audience with family and children; the flying kite.

rightmove

Rightmove graphics

Our website application will target an audience of similar age and situation however, it will be more niche, targeting families wanting to move in or around Bournemouth, rather than the whole of the UK.

It will target users who want to view properties using a web app, or even users wanting to advertise their property in Bournemouth.

This can be done through the use of graphics. Including images of Bournemouth and large family homes.

bh

Help page, image found on open source site

Infact our logo and web app name, reinforces this. We have incorporated BH – Bournemouth Homes – into the logo in order to convey the bournemouth post code.

logo

Logo Development