Thursday, 18 May 2017

OUGD505 Evaluation




As a designer with a strong focus on user interface and user experience design, briefs which demand traditionally printed outcomes are a welcome challenge, and an opportunity to delve into different territory. The openness of the brief allowed for an exploration into both early 20th century Californian graphic design, and the opportunity to explore further the process of screenprinting. Screenprinting was chosen for its contextual link to the time period, its ease of manufacturing and its ability to be reproduced en masse; as well as the ability to create gradients with the process. Screenprinting a gradient is a process I've wanted to experiment with for some time, and though at first difficulties were encountered (the ink failing to go through the screen correctly etc.), a solid colour gradient was achieved. The text was not as deep a black as intended - this could potentially be solved in the future by exposing the screen using a deep-black negative print, or by ensuring no excess material is left in the screen from prior users before use. Additionally, printing onto a super A3 stock then trimming down to standard A3 would have negated the rough edges seen on the final print. Though it can be justified as being part of the rustic, readily mass-produced process, a cleaner visual could be achieved. 

Studio Brief 1 offered a challenging and rewarding look into the history of Leeds, and the history of progressive graphic design principles. 




Studio Brief 2 allowed for further development of my intention to create unique, engaging and simple user interfaces. Though it took time and multiple iterations to settle on which issue to explore, a highly detailed and comprehensive research project was undertaken - not only of the issue of climate change but of general human impact on ecosystems and environments, online viral campaigns, and the general principles of engagement and intrigue in user interfaces. A website was chosen as the appropriate medium because websites are accessible to anyone with access to the internet, regardless of device (to amplify this, a concentrated effort was put into ensuring the interface would adapt to all screen sizes). Additionally, they are easily updated and improved at any time, and they are most appropriate in appealing to the target audience of 15-40 year old, who as part of the Millennial and Generation Z generations are adept at using technology and the internet. Progress was made with the first iteration, and although it could have developed into an appropriate and engaging product, it lost sight of the original tenets - engagement, simplicity and shareability, and so was disbanded in favour of Version 2. Feedback and user testing was of critical important in this brief (and with any product or service that is intended for use by a large number of people) and so was sought often, and many positive changes which were made in light of feedback would not have happened if that was not sought. The final product succeeds in being highly engaging and very easy to use, though a future improvement would be to include a non-intrusive form of built-in shareability. Additionally, animation could have been explored as a way to further increase user engagement and perhaps increase the likelihood of the user sharing the content within their networks - a key part of the intended distribution method.

Studio Brief 2 gave the opportunity to further develop my specialty and focus as a designer, and offered the chance to make a comprehensive research effort into climate change, human impact on the environment, online media, mass behavioural/emotional tendencies (particularly those which cross physical/cultural boundaries), intriguing and engaging user interface design, and simplicity in interaction design.  

Wednesday, 17 May 2017

SB2: Final design iteration and high fidelity mockups






More relatable and trivial size comparisons give a more intriguing, contextual and humorous tone.  

The final design offers an engaging but simple window into the everyday impact humanity has on the planet.  

Improvements could still be made - user engagement could be futher enhanced through the background illustrations being animated and reactive to the user’s movements, and more detail or further visual variations could be incorporated to the other sections. 


But for the first step of the HUMANIMPACT campaign, it is an effective and engaging first step. A way to inform people of the raw impact humanity is having on the planet, in an interesting and shareable manner. 

SB2: Prototyping and device testing

Designing for smaller screens offers different challenges over designing for laptops or tablets - designing for a laptop on a laptop has the inherent advantage of giving a real-scale model of the final product at all times. 

Adobe XD offers the ability to simulate the designs in real time on various devices. Two iPhone 6s devices were used to test the web version of the website, as the iPhone 6s was the most ubiquitous smartphone of both 2015 and 2016. It is vital that the site is optimised for smartphone access, as most internet users are now doing so through their phones. 




SB2: Product, range, distribution

Product

An engaging website designed to inform people of humanity's impact on Earth in figures


Range 

Millennials are adept at using modern technology, and Generation Z have grown up using smart devices and the internet. The site will be targeted at people aged 15 to 40, but will not specifically target those already interested in science or environmentalism. The site should have as broad a target audience as possible in order to have the largest impact, and its overall intention is to engage the user so much so that they share the content with their friends. 


Distribution 

The campaign will be distributed online through a website. A website was chosen as the most appropriate format to use because you don't have to download anything, and it isn't device specific. The user just needs the ability to access the internet, and its digital nature means it can be updated and improved over time. 

Monday, 15 May 2017

SB2: Further development and iteration feedback







The target buttons have been moved upwards to increase their presence, balance the page and increase the likelihood of further user interaction. 

Though the site is to take on a mostly serious tone of voice to not detract from the reality and shock of the issue at hand, a concentrated feedback session concluded that an overly serious tone may detract from the site's ability to engage the user, and may prove an obstacle with shareability. People are more likely to engage and share things they find humorous or entertaining. 





Tesla Inc. have successfully used dramatic and overzealous size comparisons to great effect. The image above shows Tesla Gigafactory 1 being compared in size to 50 billion hamsters. Though offering no real contextual value in figuring out the building's size, it makes it clear to the audience in a humorous and entertaining way that the building is (very) large. Humanimpact.com could employ similar techniques, as demonstrated below.  






The pollution tab has been removed both for sensitivity reasons if a humorous tone of voice is to be employed, and because it was less compatible than the other three. 

SB2: Version 2 development







Version 2 of the site is a response to the feedback garnered so far. Feedback is incredibly important in this brief - it is vital that the opinion of as many people as possible is sought to understand what works and what doesn't work about the concept. And negative, actionable feedback is usually more useful than other forms. 

Version 2 distills the concept to its most simple form - a highly usable, highly engaging site which encourages the user to explore all aspects before continuing on. It can utilise background imagery with abstract relations to the content, and large type to display high-impact facts and statistics in an engaging way. 



Being able to filter the facts by time period; such as daily, weekly or yearly, allows the user to make more relevant comparisons. 



Feedback: though the background was deemed appropriate, and most people saw fallen trees, the lines were agreed as being too strong, and taking too much attention away from the text.  

This variant employs thinner stroke lines instead of a white fill to revert the visual hierarchy to the text

SB2: Initial responses





An infinite scrolling website which favours shape and illustration over words and descriptions would offer a more exciting take on the average environmental impact website. 







During the early stages of development, however, it was noted in feedback sessions that a single-page, reactive site would be more impactful and easy to interact with. It is also difficult to avoid including an off-putting amount of information on an infinite scrolling site, which is a critical disadvantage considering the primary purpose of this site is to be engaging. Additionally, the simpler the site, the more likely it is to be shared. 


SB2: Why a website?



A website is a highly effective mode of displaying and distributing a campaign, service or product. It allows for engagement through interaction, and excitement through intrigue or uniqueness, and its inherently accessible nature both allows it to be almost universally accessed and easily shared. Its digital nature also allows for longevity, because it can't be ripped up or lost, and can be updated over time to keep it relevant. 

Sunday, 14 May 2017

SB2: Exciting and engaging websites

FF.com

FF, or Faraday Future, is a manufacturer of upcoming electric vehicles. Their vehicles target a niche market - very rich people who are interested in the bleeding edge of technology. But as much as the market is a niche one, its appeal is universal - it's about excitement and intrigue. The use of limited colours and sharp, futuristic illustrations help make this website so engaging. 




Apple.com

Part of the excitement around using Apple's website is the combination of inherently simple navigation and high-impact visuals. In order to replicate this, the Human Impact site should be extremely simple to use, but should employ high-impact, dramatic visuals. 

SB2: Existing sites on climate change, and the benefits of engagement and shareability





https://climate.nasa.gov/


The most visited, visually engaging and detailed online location that exists on climate change is NASA's Global Climate Change website. It's serious, scientific and factual, both visually and literally. It performs very effectively as a site which holds scientific reasoning, facts and explanations, but it's a site which people would only access if they had an interest in accessing it. 

A successful site could be developed to work alongside highly appropriate ones like NASA's. It would have much less information, but the information it would display would be done so in a way which was highly visually engaging. This increases the propensity of the user sharing the content on social media networks, and to catalyse this, shareable action buttons could be included directly in the interface

Saturday, 13 May 2017

Final Brief for SB2

After numerous revisions and u-turns...

What's the issue? 

In an era of fake news and a rebuttal of experts, misinformation on climate change is rife. Numerous websites exist with information on climate change, but none are as engaging and accessible as they could be. 

What can be done? 

The creation of a simple, engaging and attractive website with information on humanity's impact on the climate would serve to educate and inform people of the real impact we can have on our world. As well as climate information, it could include information on deforestation, air pollution, ocean pollution, space junk etc. The vast numbers and sheer scales of our impact on the planet will help to combat the myth that Earth is so strong we couldn't impact it. 


Saturday, 6 May 2017

SB2 - A more general solution

The current political atmosphere in the US and the UK has seen a revolt against 'facts and experts', and a return to more emotional, sensationalist and isolationist policy. This has led to a 'fake news' crisis in the media, particularly on the internet. 

1. http://www.independent.co.uk/voices/the-real-reason-that-we-don-t-trust-experts-a7126536.html

2. https://www.theguardian.com/media/2016/dec/18/what-is-fake-news-pizzagate




Facebook and Google have made efforts in response to the uprising of fake news by creating and slowly rolling tools such as the notification toasts above, but there is potential to improve upon these solutions. A tool could be created to harshly assess what information is true, and what is not. 

This approach is difficult to 'design' for, however, and it not as targeted as it could be. 

Tuesday, 2 May 2017

SB1 - Production process

The ink in preparation for gradient creation
At first the ink struggled to get through the screen - repeated pulls made successive attempts more successful   

 
The transition between the colours became successively softer, making a better gradient