+

Design for Web PresentationAssignment: Concept App Web Design.

+1. Why?

Apps

Study Buddy

Recipe Finder

Traffic Unjamm

er

Fast Food Pick-up

Academic timetable

Assignments due

Messages from tutors/teachers

Academic calendar

Time based

Difficulty level

Ingredients you already have

Recipes including particular

ingredients

Updates you on traffic jams

on your journey.

Suggests alternative routes

Order your food in advance

Pick up order as you pass the fast food

restaurant

Great for long journeys

+2. Who?http://www.benjerry.co.uk/?WT.srch=1

+3. How?These thumbnail sketches are part of my research. I looked at a number of sites on appsites.com which grabbed my attention and noted down the features which worked best. For example the position of the logo, the call to action buttons s well as the colour and typography used.

This is the beginning of my wire frame website. I have made sure the important features (found from my research) are above the fold and easy for the user to see.As the app is an academic tool I have used a font that looks like handwriting and put it on a notepad background.After working on my wireframe I have realised that I will have to work harder on trying to make the theme appropriate a fun.

+4. What?

Colours:

The colour theme of the website will have to be appealing to both boys and girls as it is not a gender specific app, likewise I will make the colours fun to attract attention. One way of doing this would be to make the colours contrasting, this will also make the call to action buttons stand out. Furthermore the colours of my webpages will be consistent throughout the site, this way the user will know they are still on the same website, making it more user friendly.

Grids:

Grids are used to keep texts and images in line which in turn makes the web pages neat and more user friendly.

Typography:

Firstly the text on the website needs to be legible and has to appeal to the target audience. I will do this by making the typography fun and bright as it is quite a young audience. There also needs to be hierarchy within the text as it is important to make the more significant parts stand out above the less significant parts, this includes using bold and italic texts and using the colour theme appropriately. Additionally, like the colour theme, it is important to keep the style of text consistent throughout the site.Layout:

It’s vital that the layout of the webpage is pleasing (especially the homepage) as it is the first thing the audience see. From looking at other sites I will ensure my logo will be at the top of the page and most likely in the left corner, following this the tagline will be directly beneath it. I think its valuable to put an image of the app on the homepage and it will have to be above the fold as its probable that the image will be seen before the description (placed next to the app image) of the app is read. In regards to the central navigation; they are usually on the left or top of the pages, I haven’t made a final decision as to where I will put these however I will definitely ensue the that the ‘Get the App’ button is above the fold and stands out to encourage people to download it.

The app is design for students; from GCSE students to University students therefore when designing my webpages I will have to take the following aspects into consideration:

+5. Where?+ This app is intended for students of ages, however will be most

useful for students studying for their GCSE’s, A-Levels and degrees.+ In the future the app could be developed to have different pages to

be more detailed to what the user is studying.+ The site will be different to others as I will ensure that an academic

tool is not only useful but fun so students will want to download it. Overall the aim of the app is to improve grades across the country and the website is the first steps to making sure people know about it.

+ The app could be aimed at school to encourage the students to download it or aimed to the students.

What Next?+ Decided the final audience; schools or students?+ Create a final wireframe+ Start writing HTML.