Concept Designs

Once i had developed my research further i began to look at initial concept mock ups using Wireframe.cc to have a look at what some of the designs may look like on computer and also on mobile devices as well.

Web design layout 1

Screen Shot 2016-02-13 at 21.55.15

This design was created before my survey results were collected so I based the design on what features I feel were considered most important. I went for a very typical use of dashboard design , where each section is very modular in relation to other features.

Mobile design layout 1

Screen Shot 2016-02-13 at 23.08.07

This design consists of using a central home page with links to other pages that are accessible through icons on the home page. In addition to this if already on a other page the menu at the bottom can be slid left and right to access other icons.

Web design layout 2

Screen Shot 2016-02-13 at 23.35.16

This design is similar to design style number one but features a more organised modular design with equal spaces for each feature. This design consists of a basic layout with serves more for functionality rather than aesthetic. It features a intuitive design that students will be able to easily use.

Mobile design layout 2

Screen Shot 2016-02-13 at 23.48.39

This design featured an easier Ui as with larger buttons it is easier for users to choose which area they want to navigate to using  just one hand. The icons will open up to a new page for the feature once again allowing ease of use for the user.

Web design layout 3

Screen Shot 2016-03-10 at 02.13.50

 

This design was inspired by websites I have found that have the majority of the website menu links on the left hand side which leaves space for a large image. Which is visually appealing to audience members as it doesn’t look to imposing. On the other hand after reviewing this design I have found that it doesn’t follow convention’s of dashboard design as common dashboard use the entirety of space available.

Mobile design layout 3

Screen Shot 2016-02-15 at 11.35.04

This design is probably the simplest of the mobile concepts as the changing  feature transition is simply a swipe of left or right once to another page, again sticking with the easy Ui allowing users to operate with one hand, meaning users can use the app on the move.

Leave a Reply

Your email address will not be published. Required fields are marked *