Information Design

Idea Journal #1

What Is Information Design?

“Clutter is a failure of design, not an attribute of information.” — Edward Tufte

Life — as we know it today based on the combination of genetic information.

DNA —“deoxyribonucleic acid, a self-replicating material present in nearly all living organisms as the main constituent of chromosomes. It is the carrier of genetic information.”- Wikipedia

“Those who don’t build must burn.” –Ray Bradbury

Life is one of the best examples of the Information Design to me because it is based on very complex data that all together creates meaningful patterns. Any useless information will be gone by the time according to the complexity of evolution. The best designs only remain.

“How well we communicate is determined not by how well we say things, but how well we are understood.” –Andrew Grove

To be the best among other designers (species), we need to communicate information in a way that we can understand our surrounding world better. Information design helps us with grasping and organizing complex data in a way that we can start a meaningful dialog with each other, finding better solutions to bigger problems. These days the world issues becoming so involved that more than ever we need designers in our conversations to make our communication smoother.

Design Process

“Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.” –Steve Jobs

Everyone has different understanding and image of how the design process should be. However, for me, this images works just fine.
I experience this many times in my life and my career as an Architect/Designer. 
At first stage, usually, I recognize the problem and trying my best to avoid it, but after only couple minutes, my brain starts to find as many solutions as possible to shape the concept. Then after doing someresearch, I start to put all of my emotions and logic into building something small out of the big monster in my head. Usually, I ask some people’s opinion to check my assumption, and this sometimes can be very painful. I Practice a lot to let go of my first ideas because at the end this attitude will pay off the whole thing.

Some Example of Government Websites

Japanese Wabi-sabi

+Swedish discipline

Wabi-sabi (侘寂) — is a concept in traditional Japanese aesthetics constituting a world view centered on the acceptance of transience and imperfection. — Wikipedia.

Characteristics of the wabi-sabi aesthetic — include asymmetry, roughness, simplicity, economy, austerity, modesty, intimacy, and appreciation of the ingenuous integrity of natural objects and processes. — Wikipedia.

Zen — The principles of Zen aesthetics found in the art of the traditional Japanese garden, have many lessons for us, though they are unknown to most people. The principles are interconnected and overlap; it’s not possible to simply put the ideas in separate boxes.

The principles

  1. Simplicity or elimination of clutter — Kanso (簡素)
  2. Asymmetry or Irregularity — Fukinsei (不均整)
  3. Naturalness — Shizen (自然)
  4. Subtlety — Yugen (幽玄)
  5. Break from routine — Datsuzoku (脱俗)
  6. Stillness, Tranquility — Seijaku (静寂)
  7. Austerity — Shibui/Shibumi (渋味)


Scandinavian design is a design movement characterized by simplicity, minimalism and functionality that emerged in the 1950s in the five Nordic countries of Finland, Norway, Sweden, Iceland and Denmark. While the term Scandinavia only refers to the three kingdoms of Denmark, Sweden and Norway, it can be used colloquially to refer to all five of these countries. — Wikipedia.

Design Fails & Solutions

Canadian Firearms Program website VS UK Goverment website

Applying for services



Navigation Menus of Cities located in British Columbia

How to make a cool Google Map

Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.


[{ “featureType”: “administrative”,“elementType”: “all”,“stylers”:[ { “saturation”: “-100” } ] }, { “featureType”: “administrative.province”, “elementType”: “all”, “stylers”: [ { “visibility”: “off” } ] }, { “featureType”: “landscape”, “elementType”: “all”, “stylers”: [ { “saturation”: -100 }, { “lightness”: 65 }, { “visibility”: “on” } ] }, { “featureType”: “poi”, “elementType”: “all”, “stylers”: [ { “saturation”: -100 }, { “lightness”: “50” }, { “visibility”: “simplified” } ] }, { “featureType”: “road”, “elementType”: “all”, “stylers”: [ { “saturation”: “-100” } ] }, { “featureType”: “road.highway”, “elementType”: “all”, “stylers”: [ { “visibility”: “simplified” } ] }, { “featureType”: “road.arterial”, “elementType”: “all”, “stylers”: [ { “lightness”: “30” } ] }, { “featureType”: “road.local”, “elementType”: “all”, “stylers”: [ { “lightness”: “40” } ] }, { “featureType”: “transit”, “elementType”: “all”, “stylers”: [ { “saturation”: -100 }, { “visibility”: “simplified” } ] }, { “featureType”: “water”, “elementType”: “geometry”, “stylers”: [ { “hue”: “#ffff00” }, { “lightness”: -25 }, { “saturation”: -97 } ] }, { “featureType”: “water”, “elementType”: “labels”, “stylers”: [ { “lightness”: -25 }, { “saturation”: -100 } ] } ]

Wireframe Testing Ideas