Development & Final Prototype

From the feedback provided from the crit, I have developed my final prototype.

A way of improving my designs was by incorporating a digital interface instead of a poster along with a developed acetate viewing tool. I started re-designing the interface by choosing one subject to look at, Brexit. I chose Brexit as its a current matter and there are large amounts of information, whether that be a timeline of events or things that are being said by Parliment.

I chose to design a series of key events within four interfaces. To understand the structure and order of Brexit, I created a timeline of events..

Creating a timeline has allowed me to point out, what I feel are most important moments, from the start to the present day.

I have decided to create an interface for the following:

  • Parties promoting their manifestos
  • Statistics of the leave to vote percentage
  • Change of Primister
  • Rejection of Brexit deal (present day)

All of these points will be contextualised further within the interfaces.

To apply interaction, each interface will provide a series of buttons which informs the user of other information that is important to that time. I have used XD and Photoshop to produce these designs.

Additionally, I have developed the acetate tool which allows the user to view both images. Based on the feedback from the crit, it was suggested to add text to inform the user of how the object is used.

I also realised there were things that could be improved, size being one of them. I have reduced this as if feel it was too big, especially due to it being used for the eyes. I have also added text.

Now that I had developed my designs based on my feedback, I thought it was only necessary to conduct some testing on the corresoponding platform.

On an iPad, I was able to use my design and gather feedback from my peers, as well as test the acetate tool.

Testing allowed me to gather more feedback which I could apply again and develop this into a final outcome.

I improved this again with the following feedback:

  • Make buttons clearer and more noticeable
  • Move disclaimer onto a separate page, not noticeable
  • Make the tool slightly bigger
  • Add a click signifier
  • Reduce the size of the text
  • Center text

For the final time, I responded to the feedback and added to my designs and tool.

Final Interfaces

Acetate tool:

To the tool, I have increased the size slightly and reduced the size of the text and centred it

Through both the interfaces and the tool, I was able to combine the use and ascetically together through design and the subject, for example red, white and blue being the colours of the United Kingdom.

Crit

I have chosen to look at different subjects to how a wide variety of images can differ when using this effect. 

Crit

This slideshow requires JavaScript.

From my crit, I received some suggestions and feedback from my peers:

  • Make it more personal
  • Link the stories to key events during our like rather than historical events to make it feel more personal 
  • Possibly using all for 4 images altogether to form a greater story
  • Could be in the form of a film
  • Could be in other physical forms, such as an object

I would like to put some of these suggestions to practice to see how I could possibly develop my prototype further. 

Prototype Introduction

I want to create my prototype in a physical form. As a test, I decided to print out an anaglyph I created previously to see if it still works on paper, as expected, it did. 

Using the red and blue acetate, I decided to experiment with placement. 

I also tried with cubes to see the effect it plays on objects

Double Exposure Experimentation

During our previous studio lesson, I presented an initial experimentation based on the double exposure effect. During this presentation, I received some feedback and suggestions:

  • Look at how different colour backgrounds affect the double exposure effect, for example, dark mode and colour shift 
  • Integrating messages through encryption
  • Grids – testing the limits we see on screen
  • Simplest image vs the hardest to see
  • Add narrative  
  • Different proportions/ perceptions – diagonally, varifocals, polarizing
  • Animation – zoetrope
  • Old TVs – video feedback – a flicker of light through images
Dark mode 
Colour shift 
3D effect 
Representation of how the double exposure effect works with red and cyan 

Colour Mixing

Following on from colour theory I looked at Subtracting and Additive mixing, due to my own interest in CMYK and RGB colours. This informed not only what platforms that can be used for but how their mixing processes work

I wanted to sue these mixing methods to produce a prototype, through an Anaglyph, double exposure 3D Effect.  
I used photoshop and this blending options to create this. 

Moving Direction: Colour Perception

I was having difficulties in the development of prototypes within my previous interest, colour blindness due to how specific the subject is. I found colour blindness as a research project was very interesting but extremely difficult in producing new examples/prototypes.

I need to move directly from colour blindness, after receiving some suggestions from my peers, I thought it would be interesting to move onto the colour perception. 

I began by looking at the basic role of colour perception and how it works within a human eye. Web 1920 – 23From here I thought it would be best to look into the basic colour theory to inform how primary, secondary and tertiary colours work.Web 1920 – 24

Experimentation of Social Media

Based on the research discovered in the previous post, I found that not a lot had been done to help colour blind people view images that are uploaded on Instagram. From this, I have created a plugin that will not only help colour blind people but educate non-colour blindness people on the viewing experience. 

Experimentation

a plug-in that allows Instagram to be accessible with colour blindness