Thursday, 31 December 2015

OUGD504 Brief 4 - Wireframe for phone app

Before starting my designs for my phone app I created a basic
wireframe for me to use as a start point to continue these further
I will use my desktop version as a inspiration. Instead of using the
desktop version as the design I would like to add changes to make
the use of the website easier for phone use such as enlarging text 
and icons and also even menus and navigation.







Tuesday, 29 December 2015

OUGD504 Brief 4 - Typeface Research

















After the feedback crit with only I decided it was important for
me to choose a typeface that is able to be used on the internet
to find this I looked through google web fonts - I found out that
the typeface I am actually using for titles and body cope is accessible
for internet use 'Karla'







OUGD504 Brief 4 - Feedback from ONLY


















At this stage I was well on the way with my design and interface.
For the crit I showed and explained my designs/wireframes and ideas.
I created my designs digitally as it made sense being it for a website,
I also experimented with using a website builder called just in mind
this allowed me to add interactions to my website, although non functioning
it gave a broad idea on how my websites structure would work visually
rather than flat onto paper.

My questions?

Does my idea engage with my target audience? both
supporters and non supporters of mumford and sons?

It is really hard to target such a broad age range/audience, but by keeping
the design and interface simple it would be easy for most age groups to use
both young and old. The design at this point is very modern which demonstrates
the changes between sounds of mumford and sons I think you need to add
elements that personalise the band so it feels less clinical this could be as
simple as adding hand rendered type the only issue with this is that it would
only be usable as images because of type restrictions on the web this is
something you should consider.

Is my concept clear? - Reveal, a change

Yes the puzzle idea is different and very interactive with the audience, although
I like your idea you should pick one point of navigation as at the moment
there are 2 by having one point of navigation it will make it easier for the
consumer to use e.g. either left and right OR up and down not both.

Does my typeface and minimalist design work? 

The typeface is really bold and simple this aesthetic really represents the
current bands appearance although have you checked to see if this is a
internet font? Can you use it on the internet?

Is there anything I can do to improve my design/user ability?

(Answered Previously)

Comments

Your sign up page is clever and will encourage people to unlock your content
I suggest to incorporate social media for ease you then would have the option to sign
up via Facebook.. etc like other sites with a similar sign up have this makes
the audience more likely to sign up because it entails less effort.

Have you considered designing for another screen size like a phone application?


My response - There are many things that Only have helped give both
constructive and positive I plan to focus on key areas which I feel are
most important:

  • Typeface both personality and usability online
  • The way in which my site navigates
  • Facebook sign in
  • And designing for another type of screen




Thursday, 3 December 2015

OUGD504 Brief 4 - Website So Far















Furthering on from my design and wireframes my current idea and
design is based on reveal for each day a new puzzle piece shall be
revealed. When signing up with the site you will have the option to win 
and collect exclusive prizes. I have several pages;
  • Main page
  • Sign In
  • About
  • Pre-Order
  • Puzzle
  • Skype
  • Forum
  • Letter reveal 
My page navigates 4 ways which at first I felt this was a great idea but 
I have soon realised it is not. Having more than 2 directions becomes
complicated and tedious for the user after asking my peers I have decided
I need to reconsider this navigation and refer back to my more simpler wire-
frames I feel the overall user experience of my site will be more pleasant
with an easier navigation due to the amount of content I wish to share. Before
developing this further I will present this to ONLY in hopes of constructive 
criticism so I can improve my site as at the moment I don't feel happy with
my outcome.


Wednesday, 2 December 2015

OUGD504 Brief 4 - Campaign Research

http://www.frednasen.com/creative-music-campaigns-ideas/

Bob Dylan's Album Campaign

In 2013 Bob Dylan created an interactive music video to promote
his new album, the video simulates a tv having several channels
which you can flick through every channel has a different programme
but one thing in common the characters in each programme lip sync
Bob Dylans track. It not only has the ability to change channels but to
turn the volume up and down looking exactly how a tv would appear.

http://video.bobdylan.com/desktop.html
















Le Le Misque

Le Le Misque also used similar techniques using instagram to
promote their album each day a new sound clip would be released with
an accompanying animation in their distinctive style. This is a engaging
way of attracting the attention of audience by persuading them to continue
to refer back to the site to find out more, which ultimately entices them
to buy their album!



Monday, 30 November 2015

OUGD504 Brief 4 - Ideas (HOMEPAGE) - The starting point

After drawing out some ideas I thought it would be best to digitalise
these to give a sense of life and also to see if they work as many times
I have come up with an idea and it has not come out he way I expected.
This also makes sense due to it being a digital brief.

My ideas have a constant theme of reveal which I have explained in other
posts - After looking and assessing my designs many are over complicated
and cluttered I want the site to appear clean, open and friendly to appear
to a wide audience of all backgrounds and ages to do this my design needs
to be simple and uncomplicated but also have something to keep the audience
engaged thoroughly. If I keep my design clean I am more likely to find my
design fits and compliments the briefs target audience 'fans and non fans'
hopefully reaching out to a new and wider audience.













OUGD504 Brief 4 - Kim Bottomly user experience

How to identify your target market/audience?

Kim went into detail on how to approach creating the best and
most appropriate user experience for the consumer, she explained
that to start such a project you will need a big helping of market
research which is not always availble for students, Kim showed us
a simple and easy task which helped us identify our target audience/
market for brief 4 in a way that only takes 5 mins and is free as most
market research involves big money and big time. If working for a
client with a budget it is recommended you use a big chunk on market
research as this is the most important part of the design - your design
could be awesome but if its not for the right person its not going to
have much effect.

Character Profiles

To start we individually spilt a page into 4 sections :

1. Name & Sketch
this is were you draw your target audience who you want to aim your
design at

2. Demographic
A small insight to the actual person so how old are they?
Gender? Status? Family arrangement? Are they a student?
do they have a job? what job? and where are they from?

3. Their behaviour
Their daily routine basically so for example. Gets up has cereal
listens to music on iPod, walks to work...

4. Needs and goals
What do they want from you, your design or what do they want in
life. e.g. To buy and enjoy their album? Receive a product?
Access to updates on the new album release etc.




Sunday, 29 November 2015

OUGD504 Learning to use Colour Management/Cleaning a Machine (Kolorcraft)

Cleaning the Durst P10

At work this week I am doing training to learn how to use a 
printer this weekend I learnt how to clean the printing heads
for a Durst P10 this printer has approx 24 heads it prints in
4 colours. It is possible to print more than 4 such as Light, 
Cyan and Magenta and also white.
A head consists of 4 shoots this is where the ink is printed from
the ink is pushed through the shoots to create the tiniest of 
bubbles of which is then suspended in air - in order for
this to work the ink must be heated (In the reservoir) otherwise
it won't print. At the wrong temperature the ink can be either
too thin or too thick producing bad prints. If the machine has been
stood not in production for a long time it is necessary to do what
they call a 'purge' this reheats the ink to optimum temprature and 
releases the ink in the 4 shoots into a waste bucket located under
the machine when you've done this you have to open up the
machine to allow access to the heads you must then wipe the 
head clean with a special cloth removing the ink as best of possible 
sometimes the ink can be very dry and will need a chemical to
remove it. Once done the machine can be tested to print my first
test came out very wavy which suggested the machine needed a
further clean, in order to print quality the lines must be as straight
as possible this can sometimes be corrected by printing a dummy 
image and then re trying the test they keep the tests at work to 
keep the machine in warranty.

The Durst P10 is relatively small but for example if the same
testing process was done on a much larger printer the test sheet
can be over a metre long - the test sheet is an image of all the
heads in the image shown there is more than 3x the amount
of heads on the 'Inca'





Colour Management

Basically when we as designers want to use a pantone colour
each printer will recognise the pantone colour and create a 
4 colour separation with a percentage of colour, your artwork will
be sent through a colour management programme such as a GMG 
which is a series of settings so the printer can print the pantone colour
with correct settings usually created by the printer. Every printer
uses different inks so this can pose a problem when creating consistency
this is why Panotone books are necessary in a printers, this weekend
I corrected around 20 pantone colours to print exactly the same as
the pantone colour it says (On different machines). To do this you 
must painstakingly print many copies and adjust the percentages until 
perfect otherwise all machines will print a different version of the colour 
you then cannot guarantee consistency which is important for campaigns. 
Although some colours will be set up in one machine they may not be in
others it can take hours and even days to correct colours - The colours
I corrected were for a waitress campaign this took me 4 hours and still
3 colours still need to be amended. 

For example if the colour is too light compared to the pantone swatch you
could add a percentage of black? you must always remember how much
you add the calculation as there is a chance you will need to reset it back 
to the colour, although the machine I was using was for colours some 
have way more which can complicate the colour management further.



OUGD504 Brief 4 - Ideas & Wireframes



























I have variation of ideas as seen most of my ideas have a consistent
theme of reveal an almost party celebration of change. Because I
found this the easiest and clearest to design for I have based my
design on the concept of reveal this will help me narrow down my idea
to one or even combine a number of options. By having a clear
direction my design will be stronger and follow a theme which
should be recognisable.

Digital Navigation Wireframes (Movement)




To consider how my designs will appear on screen formats I have created
4 wireframes of a similar layout of how my designs could be navigated 
such as left to right - I believe the simplest layout will be the most successful
layout I will use these guidelines to design my ideas into.