Category Archives: Year 2 Semester B

App icons

Another key aspect of my design is what the icon for the application side of my project will look like. I designed different variation’s both for Apple and also Android. Apple icons are all enclosed inside the curved square so this had to be taken into consideration when i was designing the icon, where as Android apps have no restriction on shape so I was free to leave the logo as it is. The logo works actually quite well as a Android logo as it is basically a circle which works as a application icon.

The icon is customisable once you have downloaded it you have the option to choose which colour you like which then picks out a theme that matches it.

 

App Icons

 

Font styles for Branding

Choosing the font style that will go with my logo was a big task as I needed something that not only keeps with the style of my logo but also with the flat design style my project is following.

Example 1

This first example struck me as it is very bold whilst still being very futuristic. In addition to this I like who some of if doesn’t fully join up.

Screen Shot 2016-03-08 at 21.16.32

Example 2

The second font style stood out as i liked how it consisted of few straight edges which appear to give it a fluid look. I feel this will would work well with the logo as well that has fluid and simplistic feel. Once again the font style will also fit in with that of the flat design style.

Screen Shot 2016-03-08 at 21.16.20

Example 3

Example number has a lot of similarities to example 2 but there are some features that stand it above it for example the glitch like cut on the letter ‘e’ gives it an edgy feel which I like, in addition to this what not many other font styles did was have the tittle (dot) of the letter ‘i’ visible this improves the design as i feel that it gives the text a bit of shape rather than it fitting all into a rectangle. Also my final reasoning behind choosing the font style is that compared to number two it has an actual dash rather that a cross like symbol.

Screen Shot 2016-03-08 at 21.16.57

 

After asking numerous individual of my target audience they all feel that example number three would fit my design the most. As they feel that it is an accurate representation of the project whilst also still looking slightly futuristic.

Below is how the text looks with the variations of the logos. I am happy with how they all turned out as the logo and font go well together alongside the colours used.

Text and logo variation

Logo Design

The logo is a vital component of my design as it is what users will associate with the project. As the name of the project is Uni-verse I wanted to link it to space and education at he same time in a way which is still suitable for university students. I went through a few variations of designs before I came to my final conclusion.

1st Draft

My first draft of my design focused around one of the most common thing people think about when they think of a universe. I liked the style of as it was quite dynamic and stood out quite a lot from some of the other logos i had seen. In addition to this liked the blue as it felt that it was a gender neutral colour so it didn’t influence one side of my target audience more than the other.

However I do feel that this design was somewhat lacking detail that made it visually interesting. I also felt that it didn’t illustrate my technical skill level and creativity that I am putting into this project. It was this decision that i decided to develop a new variation of logo for my Uni-verse.

Screen Shot 2016-03-07 at 23.04.37

 

2nd Draft

The image below is my second draft. It is completely different as I wanted to try out a planet instead of a entire galaxy. There were a few main reasonings behind this as i felt that i could add more details into a planet as they are never just one colour throughout there is normally a few different shades to give it depth and texture. I also was able to use a flat Ui colour palette in my new development of my logo as this once again is commonly used to create depth and detail. Even though I was happy with this design and how it linked to space i still felt that there wasn’t any links to education. It was at this stage that i developed my idea further.

Screen Shot 2016-03-07 at 23.37.57

3rd and Final Draft

My third and final variation of my logo represented the style and theme I was going for in my project as not only did it have link visual links to space and also education. I feel that this logo is also not to childish either as it features quite a modern simplistic style, which is down to the influences from flat Ui’s

Uni-verse logo

For this design i took inspiration from hitchhikers guide to the galaxy opening graphics. The reason behind this is that i like how it is a simple design but still has a strong effect

Screen Shot 2016-03-08 at 19.52.15

I have also came up with multiple colour variations of my logo so that there is the customisation option for users to choose which icon they like and then in-relation to which icon they choose a theme will be set that matches the style. logo collage

Critical Review – Frog

Frog is an educational portal aimed at institution ranging from primary schools – high schools. It uses the idea of blended learning in the classroom environment to develop and promote learning. It is also multi-platform as it is available on tablet as an application. I researched into an articles from a IT co-ordinator at Blackheath primary school who summarise the key point in detail.

Frog Pros

  • Smooth transition between pages
  • Pinpoint multimedia resources from Google images, Flickr, Youtube and Vimeo
  • Quick launch your calendar, documents, email and loads more
  • Changes to widgets make it easier to edit pages
  • Booking timetables
  • Compatible with most (if not all) browsers! No more Internet Explorer!
  • Compatible with tablets
  • Professional and fun looking themes to cater for all users.

Items to consider

  • The structure has completely changed. There are no longer Me, Classes and School areas which means that you can work how ever you want to within Frog. If these areas worked for you then you can create the same kind of structure in the school dashboard. If you wanted to organise your platform to suit you and your setting then that is now possible with the simplified structure which offers more versatility.
  • Frog will support your current primary platform for the next 3 years so that you can develop FrogOS while still using Frog 3.0. This gives you loads of time to develop your new platform and to make sure it is just how you want it before you launch.
  • If you are anything like me, you will want to dive right in and get started. Think carefully about how you can use the new features and flexibility to create new areas, join areas together from your existing platform or simply add the whole area to the school dashboard so that it can’t be missed. Some areas may no longer be needed as the new features, such as booking calendars and quizzes and polls, may eliminate the need for them.
How i’m going to use the data to further research and design (inform my own work)

From looking at Frog critically i am going to take away from this the key points that interest me, which are: i really like the idea that all aspects of learning are in one location meaning as a user everything is easily accessible in one place on either one browser or application. It is a feature like this that i would very much like to incorporate into my own design. The huge customisation option that are available for institutions allowing them to stylise to match existing house branding thus creating the service to appear as an extension of the institution. The idea of customisation is a very close aspect of my project as like i mentioned previously in the critical review of blackboard the ability to customise allows the user to feel as if the service is personal to them.

Screen Shot 2016-02-28 at 22.14.52

Screen Shot 2016-02-28 at 21.07.08
Screen Shot 2016-02-28 at 22.03.55

Screen Shot 2016-02-28 at 22.04.18  Screen Shot 2016-02-28 at 22.04.05 

https://www.youtube.com/watch?v=kyR4QH0R0dM

Sources 

https://www.youtube.com/watch?v=kyR4QH0R0dM

http://blog.frogeducation.com/2013/02/26/review-of-frogos-from-an-existing-school/

Development of the Proposal

Below is my updated proposal featuring the changes I have made in Red. The main outline of my changes were that i needed to add in more detail regarding my audience and then break down the phases of my research

What is the intended idea / concept behind the proposed project?

Design new ways of students to learn during tutored time and individual study, to encourage students to carry out the extended reading and also to take an active part in seminars, whilst keeping studying efficient and rewarding.

Justify the idea / concept in terms of the needs for its existence (if purely for entertainment, state this and how the output will be innovative/original and creative):

The project’s main goal is to support education whilst incorporating the idea of gamification and playbour in learning at a university level standard.

It is needed as majority of lectures are delivered verbally with little visual cues. Studied carried out found that only 10% of students find this method effective. So creating the obvious need for a service that caters to the other 90% (Tyne, J, 2015) of students who may learn from visual cues or active participation.

  • Tyne, J. (2015) Fifty percent of students fall into kinaesthetic learning category. Suffolk: Wizelearning. Available from  http://www.wizelearning.org/2014/05/kinaesthetic-auditory-visual-learning-styles-for-children/ [accessed 13 December] 

The intended final project will be innovative as it is building upon the currently existing university service that is in place called ‘Blackboard’ it develops on this by making the experience much more user friendly and personal to the individual. This will be done by including Required Reading, Assessments deadlines / Grades, Weekly Timetable, Email, progress graphs, Modules information, colour customization options, easy to use home page with all aspects of university life such as.

Describe the intended audience:

The intended target audience for this project is University students across the United Kingdom of either gender ranging from their first year to the last (including students undertaking; Masters and PhD). The project is also aimed at the majority of courses catered at university. Most of the target audience will be technology literate as the audience have grown up with the Internet and are accustomed to technology.

How will this project extend your or your team’s creative and technical skills?

This project will extend my skills, as I will experiment with new ways to showcase my project using new techniques I have learnt in workshops and lectures such as 3D illustration and in situational presentation. It will also push my creativity as I am tasked with designing a new and exciting project that is heavily influenced by modern culture. The design will be centered on the target audience through the use of detailed user interface (UI). In addition to this User Experience will also be considered (UX).

Outline how the practical work will be carried out by you / the team (division of labour) and the time-scales involved for each task:

I will create all practical work. This will be accomplished by using software included in the Adobe Creative Cloud package such as Photoshop, After Effects and potentially the use of Dreamweaver. The use of these software is so that I can achieve a professional and other people can get a clear understanding of the project.

Phase 1 –Research

  • Research into topic,
  • Research around existing products

Phase 2 – Development

  • Concepts development
  • Colour scheme
  • Progressive variations

Phase 3 – Design/ Presentation

  • Utilizing existing Photoshop templates of phones and computers
  • Presentation versions.

What other work (by animators, designers, film-makers, writers, digital media producers, etc.) is relevant to your project? (This work may either be relevant for its conceptual or technical similarity):

Example of existing that either inspired or helped me develop my idea further include, Blackboard as it enabled me to build upon some of the existing features it offers. In addition to this Adobe generations also appealed to me in how they use the online lectures and live chat functionality to which creates the lectures environment from the space of someone’s own bedroom. Finally I found the design style of Tweet Deck to be appealing in it very simplistic and easy to use design style with consistent live updates.

List any critical texts that are relevant to your conceptual intentions:

The European Youth Award was a key text in helping me choose the category smart learning, which started off the basis of my research.

The manual of Learning style by Honey. B and Mumford. A allowed me to get a greater understanding of the different learning styles critical to my research.

Hollingworth S, Allen K, Kuyok K A, Williams K (2009) The influence of new media technologies used in learning on young people’s career aspirations

Was vital in the research of new media technologies used in education.