It is important that I develop mockups of how I would like the website to look like in order to make the designing and construction process straight forward. Within this section of my research I experimented both with the layout and the colour schemes therefore bringing together the results gather from the homepage prototype and develop an interface that appeals to the students. Regarding the colour scheme I choose to experiment with several combinations within this section I reflected upon the research I gathered about colour and colour deficiencies.
Mockup 1
Mockup 2
Mockup 3
Mockup 5
User testing
Once I developed the Mockups it was important to carry out user testing to see what designs and colour schemes appealed to my target audience. Here I decided to voice record students answers as I wanted to create a discussion amongst them. Each mockup was displayed and students were asked to respond towards the layout, colour schemes used and the placement of elements.
Results
Below I have displayed the recording from the discussion:
Mockups Produced from Results
Although any designs developed are not official until I begin creating the website I decided to enhance the mockups already created to reflect upon the feedback I gathered from the students. The various stages of creating the design will be presented at the VIVA in order to show the process and how I came to these designs.
Mockup 1
As you can see below the display of features has changed:
Mockup 4
Mockup 5
User testing
Once I developed the Mockups it was important to carry out user testing to see what designs and colour schemes appealed to my target audience. Here I decided to voice record students answers as I wanted to create a discussion amongst them. Each mockup was displayed and students were asked to respond towards the layout, colour schemes used and the placement of elements.
Results
Below I have displayed the recording from the discussion:
Mockups Produced from Results
Although any designs developed are not official until I begin creating the website I decided to enhance the mockups already created to reflect upon the feedback I gathered from the students. The various stages of creating the design will be presented at the VIVA in order to show the process and how I came to these designs.
Mockup 1
As you can see below the display of features has changed:
- Shortened Login (user clicks and a popup window appears to login)
- Menu pages have been place in the centre of the header
- The middle background has been changed to white
- Large logo has been removed from the centre
- Removed most of the drop shadow
No comments:
Post a Comment