Branding Through Environmental Graphics

Our environment is an important factor in shaping perception. When considering this in the context of a brand it is key to create a unified concept that creates interest and interaction on a multitude of platforms digital and physical. So what are some of the way UX designers can do this?

Take a look at this example of ITG’s offices.

landor_itg_logotype

A simplified logo inspires the typography around the space.

landor_itg_supergraphic-1024x587

The company logo included along with a catchphrase intended to be view as chunks of data that ITG is able to recognize and create meaning out of – A central concept to their brand.

landor_itg_typography

landor_itg_website

Scannable QR Codes placed strategically around the building allow users to be directed to the company website for further information.

Creating unified spaces that work in both the physical and digital world’s is a powerful branding strategy that can leave a lasting impression on users.

Source: http://enviromeant.com/itg/

Futura: The Timeless Typeface

Designed by Paul Renner and released by Bauer in 1927, Futura’s groundbreaking design inspired many similar followers and has been used heavily since its creation. It’s design is one that has stood the test of time and continues to be used heavily for all sorts of application. So what kind of stuff has Futura appeared on?

Take a look…

588171-Led-Zeppelin-front-turquoise28814079264_3f2233549d_kBOOKCOVERS011laA2csTfGBU

 

From 1930’s advertising to modern fashion, Futura has had a long and distinguished history of readability and modern elegance – a typeface for the future.

 

Overcomplicated: When it Comes to Infographics Sometimes Less is More

Infographics are great for providing a visual supplement to data – It adds a level of understanding that cannot be achieved through numbers and text alone. But when conducting research and choosing what information to include it can be difficult to strike a balance between readability and content. So what should designers think to include when creating an infographic.

getting_there2

Circular layouts are often a difficult way to depict data in the way that they often lead to confusion. This example of vacations above is very busy with multiple different data points in addition to another map in the bottom right. There are so many data points for users to consider that it is easy to get lost in the wealth of information and difficult to make any meaningful connections.

qe2spread Again, this graphic tries to include a vast amount of different information that leads to confusion and potentially apathy of users who are overwhelmed by the busy layout.

In hindsight, the author of this infographic believes these two elements capture the essence of the project, comparing the capacity and sizes of historical ships and a map of their maiden voyages.

The less is more approach can be an effective way to grab a reader’s attention and direct their focus towards the essence of what a particular infographic is trying to get across without all the noise and distraction of extraneous elements that in many cases only cause confusion.

Source: http://www.johngrimwade.com/blog/2017/02/23/over-complex/

Instructional Graphics: Focusing on What’s Important

Instruction manuals are commonplace in everyone’s daily life. Unfortunately, not all instruction manuals are created equal and some cause difficulty and confusion. Graphics are an important supplement to any set of instructions, but what are the key components that add strength to a set of instructions?

lathe_stand_woodcraft

Simple colours and an exploded view add to a user’s concept of how each individual component fits together.

carburetor_final

Translucency allows the user to see inside of a complex carburetor system. Colours indicate fuel, air and exhaust respectively, while arrows provide an understanding of the flow and overall process taking place within.

gmi_skiboot

The black outline of the ski boot show its static form while a translucent green overlay supplemented with an arrow and angle measurement allows the user to understand the design of the boot allowing for flex in both forward and backward directions.

The ability of a graphic to depict how system works is dependant on how well it depicts the key aspects of a system. Use of colour, transparency and direction are key factors to consider when creating an instructional graphic.

Source: https://www.gregmaxson.com/portfolio/

Data Viz: Confusion vs Clarity

The world is full of data. More and more data is becoming visualized through graphics with varying degrees of effectiveness. So how important is it to ensure that a visualization gets the point across?

download

An example of the confusion that arises from a poorly thought out data visualization. The graph is attempting to show how DUI rates spiked after the departure of Uber/Lyft. Meaningless colours and lack of visual hierarchy cause more confusion than clarity.

download (1)Getting better. This visualization is a simple graph, but it lacks explanation, colour and context.

download (2)

Got it! This example provides clarity through hierarchy provided by colour that emphasizes the spike in rates after the departure of Uber and Lyft.

Source: http://www.storytellingwithdata.com/blog/2017/3/22/so-what