Skip to main content

Apply print design principles to your user interface

The design principles established through the history of Print Design are also true for Interaction. In our exploration of the differences, we’ve forgotten how much they are the same. They are both about clarity in communication and simplicity through systems. I believe we can learn from Print Design and apply to Interactive experiences:



1. Hierarchy and Structure with Grids
“Well designed grid systems can make your designs not only more beautiful and legible, but more usable.”- Mark Boulton
Much of Interaction Design is about reducing complexity. A grid system organizes information in a logical, consistent, and meaningful framework, which both designers and developers can work within. A grid provides anchors for the eyes, improving readability. Strong use of geometry in a layout creates a visual hierarchy that allows users to easily scan and discover information.



2. Confident use of Negative space
“Perfection is achieved, not when there is nothing left to add, but when there is nothing left to remove” - Antoine de Saint-Exupery
A common goal of UI design has been to densely pack as much information as is possible on a given screen. However, giving content some space to breathe provides critical focal points. It allows the positive space to communicate clearly and create impact. A balanced page makes the promoted information more easily digestible.



3. Reduction of Elements
“Less is More” – Robert Browning
“Make everything as simple as possible, but not simpler” – Albert Einstein
UI elements clutter the content it contains. The role of the designer is to edit, to find balance. Reducing an interface to only the most essential elements puts focus on the primary tasks of the UI. What may be lost in information density is gained in simplicity. The resulting UI will feel light, smart, easy, fast and responsive.



4. Objectivity through Imagery

Though much of Swiss graphic design is remembered for its powerful use of typography, photography was also an important part of the style. Photos were seen as a more accurate means to convey information compared to illustrations. Similarly in a UI, it’s the content that people want, not the chrome. Using imagery instead of iconography or illustration reduces the need to translate metaphors, and promotes direct interaction with content.



5. Emphasis on Typography

Emphasizing typography is not about reducing an interface to only text. Good type is about appreciating the ability of type to create impact, hierarchy, direction, and rhythm through size and weight. Diogo Terror described the power of a typographic approach to UI well in Lessons from Swiss Style Graphic Design:
“Font-size is a tool for readability, impact and rhythm. Different font-sizes not only generate visual impact, but also provide readers with a hint about the hierarchy of the presented data. Huge words are the entry points, the top-level elements in the content’s information architecture and page’s hierarchy. This is a very efficient way of guiding the reader’s eyes through the page, thus working as an interface to the content.”

6. Proportion and Pacing

In Print, the proportion of elements creates a pace for a story to unfold over time. It leads the direction of the eyes over content, and gives character to the information.


7. Universal Iconography

The International Style pursued standardization and simplification of iconography so that icons were universally understood. The use of icons today has become so rampant and gratuitous that we’ve lost a lot of common understanding. They are used too often as decorative elements and are losing a lot of communication value.


Comments

Popular posts from this blog

I Salute The Mother In You

I have been traveling through BEST bus since a month now. Observing passengers especially ladies. I prefer the reserved seat for ladies. I usually get to sit immediately there.  A lady in burkha sat beside me with her 7months boy. I started. Me: "Does he have teeth yet?" She was very welcoming and showed me his tiny milky teeth. He was cute, enjoying that he was travelling. Me: "Is he your first child?" She said, “No its my third, I have other two girls. I just dropped them to school and am returning from there.” It is a personal opinion on how many kids a couple wants to have but what amazes me is how a mother takes care of as many kids she has with all the love and attention. Today while at the bus stop for boarding my ride i meet a lady. She lost her husband at much early age and had two kids to take care. she started her career at 30 and didn’t look back. Its cool how she manages her home and work together with kids. No personal life! I salute th...

Female Infanticides In India

It was an usual morning for a farmer in south India. While he was on his way towards his farm some villagers had gathered near a corner. "There is a child buried in here", said one of them. They dug the ground to find, one day old baby girl struggling for life and breath. He soon took the child to the hospital and informed Mrs. Sandhya. Sandhyaji has been taking care of Arti Childrens' home. She is a well educated wise angel for these abandoned babies. In her opinion the villagers don't understand the importance of a girl child. Ever since the ultrasonography technology has been introduced it has emerged as a murderer for the female child. In 2007, a village in Andrapradesh protested for a cruel act the clinics had performed.

Pawna Lakeside Camping (Day 2)

Next morning I could wake before the birds chirped. It was gloomy and fog lay on the banks. I was trying to figure out east while reminding me where the sun set to the west.  The boys were still sleeping and my eyes was wide awake wanting to soak in more of this beauty. After the sun rose and my son rose... We all did a group hug and headed to the play area.  H made few friends and we had poha, chai and bread muskah for breakfast. The Resort people were kind enough to serve warm milk for my son. Hello Sun H starting to interest in photography New friends H was keen in exploring the place more. He showed me some red chilly plants, a sugarcane grass and few grasshoppers over a Chikoo tree. We spotted a green cocoon, a praying mantis and a grasshopper. Chilly Chili Sugarcane Stages of Butterfly Now you see me A Praying Mantis Today was the day to leave. Its very tough for my son to accept end of any event, be it school or visit to his Nani'...