Style Evaluation


Person 1-1 Visual: 4       Cultural response: Football   Accessibility: 5      Font: 4      Font & colour: 4

               1-2 Visual:      Cultural response: Football   Accessibility: 3      Font: 4      Font & colour: 3

               1-3 Visual: 4       Cultural response: N/A  Accessibility: 5      Font: 4      Font & colour: 3

               1-4 Visual: 4       Cultural response: Aberdeen   Accessibility: 3      Font: 4      Font & colour: 3


Person 2-1 Visual: 4       Cultural response: Desktop/Hospital   Accessibility: 5      Font: 3      Font & colour: 4

               2-2 Visual: 3       Cultural response: Sky/clouds   Accessibility: 4      Font: 2      Font & colour: 2

               2-3 Visual: 4       Cultural response: Office graphic   Accessibility: 4      Font: 4      Font & colour: 5

               2-4  Visual: 1       Cultural response: Blood   Accessibility: 2      Font: 3      Font & colour: 1


Person 3-1 Visual: 4       Cultural response: Road sign   Accessibility: 4      Font: 4      Font & colour: 4

               3-2 Visual: 3       Cultural response: Bright   Accessibility: 3     Font: 4      Font & colour: 3

               3-3 Visual: 4       Cultural response: Simple   Accessibility: 4     Font: 4      Font & colour: 3

               3-4 Visual: 4       Cultural response: Blood   Accessibility: 2     Font: 4      Font & colour: 3


Person 4-1 Visual: 3       Cultural response: Scottish Flag   Accessibility: 4      Font: 4      Font & colour: 3

               4-2 Visual: 3       Cultural response: Ocean   Accessibility: 4      Font: 4      Font & colour: 4

               4-3 Visual: 5      Cultural response: N/A   Accessibility:4      Font: 5      Font & colour: 5

               4-4  Visual: 1       Cultural response: Rubies  Accessibility: 2    Font: 2     Font & colour: 2


Person 5-1 Visual: 5     Cultural response: Sky   Accessibility: 5      Font: 5      Font & colour: 5

               5-2 Visual: 5       Cultural response: Sky   Accessibility: 5      Font: 5      Font & colour: 4

               5-3 Visual: 5      Cultural response: Milk   Accessibility: 5      Font: 5     Font & colour: 5

               5-4  Visual: 3       Cultural response: Blade  Accessibility: 2     Font:    Font & colour: 2


Person 6-1 Visual: 5       Cultural response: Sky   Accessibility: 5      Font: 5      Font & colour: 5

               6-2 Visual: 3       Cultural response: Sky  Accessibility: 4     Font: 4      Font & colour: 4

               6-3 Visual: 5      Cultural response: N/A   Accessibility: 4      Font: 4      Font & colour: 4

               6-4  Visual: 3     Cultural response: N/A   Accessibility: 3      Font: 4      Font & colour: 2


The results are varied but there are some similarities. One example is that the 4th style is not well liked (which I agree with) and most people thought of blood. Also most people think of the sky when they see the first one or second one and the font is generally liked and most of the time it is accessible.


Colour & Typography examples

These are my variations of mixing my colour schemes with my typography examples to see what goes well together and what does not . So far I like the Tw Cen MT type with the second colour scheme (the brighter one) and the Trebuchet MS type with the other colour scheme.
Baskerville Old Face colour scheme 1 Baskerville Old Face colour scheme 2 Trebuchet MS colour scheme 1 Trebuchet MS colour scheme 2 Tw Cen MT colour scheme 1 Tw Cen MT colour scheme 2

Typography examples


I tried out a few different fonts. I started with Baskerville Old face, this was alright but it is used a lot when it comes to books, especially older books. So I could see people losing interest in it as it has been used so many times before. It also did not have any bold or italic styles which may be needed. I then tried trebuchet MS, this is a more modern font. This was a lot better as it was quite simple yet stylish but I think the bold/italic styles don’t show up very well and that could be a problem if they are needed. The other font that I used was Tw Cen MT, this is my most preferred font. Like trebuchet it is simple and stylish which is what I am going for. It is perfectly readable big or small, both numbers & letters look good and the bold/italic styles stand out. The next thing I will do will be putting fonts and colour schemes together to see what goes together.

Colour scheme



colour scheme 1 colour scheme 2 colour scheme 3 colour scheme 4 colour scheme 5

For my colour scheme I wanted to start with a base colour, I chose yellow. I chose yellow because it is associated with optimism. Blue is also used as it represents knowledge. From the yellow I used different type of colour schemes such as analogous, triad and compound. I did this to get varying colour schemes but to still stick with the base colour. Just to add more variety I included white in some of the colour schemes because this would be useful as white goes with just about anything. Some of them are quite bright so I might tone down the brightness when it comes to using the colour scheme  in my design. Having the colours less bright would appeal to the target audience.

Mood board

Fife college has a web based app, this is what it looks like. I like the design, simplistic and eye catching. It includes features that I would have included in my app as well as great features that I never thought of. The pictures include the web based apps on android (right), iOS (left) and windows based devices (middle). I like the idea that the colours of the logo are carried over to the apps colour scheme. I also like their icons as they are simple and eye catching.

images from

Download IWCollege Apps

image from

This app is more article based which is an interesting direction to go in. It is also a good example of a design with an emphasis on photographs. Having photograph as the background however is something I do not want to do.

PACT Analysis


Physical differences- One focus will be to make sure the app is accessible for everyone even those with differences. For example there will be a good chance that some people have eyesight problems so, like they can’t read small text, so the design would need to include large enough text for most people to read clearly and maybe even icons that are clear and easy to make out. There could also be people who are colour blind so it would be helpful to make sure that the design is not dependent on colour coding so that you could navigate through the app without the use of colour or for people who’s colour blindness isn’t as severe, the design should avoid putting together colours that can easily be mixed up with colour blindness, to avoid confusion. There could also be audio alternatives considered for blind users.

Novice and expert users- The app will have to suit the needs of many different people, it will have to be relatively simple as there will be people that are novices when it comes to apps but it shouldn’t be too simple as that will put off the more experienced users.

Skills & Knowledge- I will be using popular apps as references since they will have the balance right between easy to use and a sophisticated look since they are so popular. I could also follow the design of the college’s web app so that people who have used the web app will instantly know what they are doing.


Time- I will need to consider the amount of time the users will be spending on the app. Most likely the users will be using it for short periods of time on a weekly basis so I will need to make sure that the features are easy to access to suit the way that the users use the app. If it is overly complicated people might refrain from using it. I will also need to think about what feature of the app people use the most. The parts that are frequently used will be located near the starting point for easier access.

Response time- The response time for the app will have to be fast because if it is too slow then the user might begin to get frustrated which is the last thing you want.

Colour & text- I will probably keep the colour in line with the college logos colours. As for the text it will have to be fairly big so that it is readable for everybody and the font that is used will have to be simple but still look good.


Place- The app will probably be used at home, to check where they are on their work or if there is any closures during bad weather and for other thing as well. It may also be used at the college itself or even on the go. So making sure it works on Wi-Fi is important but 2G, 3G or 4G will not matter as much.

Circumstances- Towards the end of deadlines might be a time where the app is used the most as the people who are trying to finish their work will be checking to see how much work they have left to do or even checking if they have passed the block yet.

Social environments- People will probably use the app when they are on their own or with other students from there class. It is unlikely that it will be used when someone is with their friends and/or their family.


Output- There will be a variety of things used in this area such as video, there could be an interesting video that our tutors want us to see or there could be some photographs, maybe photo’s of the staff or the building itself.

Accuracy- The information on the app will constantly have to be kept up to date as most of the info that will be on display will need to reach the user ASAP.

Reliable- It will also have to be really reliable, again this is because the info that the users want are needed sooner rather than later so it will be a nightmare if someone is waiting for important info and the app gets some sort of problem. Users would not trust it and would stop using it.

Final success-ometer

simpleInterfaceEvaluationStart page- Success-ometer success-ometer

There is a download above which includes the scores people gave me when rating my success-ometer. I got useful feedback mainly that the green was too strong and the blue was not standing out as much as it should have and the font was not good (but I was restricted to basic fonts which most of the people I asked did not like). However they thought that the use of it was good, as well as the layout and that it met the design brief.