Designer vs Developer #9& #22

Designer vs Developer #9: Improving confidence and overcoming imposter syndrome

This is a post from the discussion between Mustafa Kurtuldu and Mat Scales who would like to share the method of breaking down the imposter syndrome.

This is a situation that before we start to make something new, we began to doubt ourselves. Besides, we are not able to focus on the task at hand because we are struggling with the demons telling us that we are imposters.

To overcome this syndrome, when we must do it initially is to define the word “Creativity”.

It is known as a process that one goes through when they are in a lively state of mind. People get inspirations from this state and they apply those in their work.

If the work you are creating is making you feel unwell, then it means you are gradually searching something out of your comfort zone and becoming a creative person.

There is an effect called the Dunning-Kruger effect is known as those individuals who don’t have their incompetence in a certain skill of particular area if they don’t possess a degree of skill in that field.

There’s an interesting discovery that the opposite of the effect is also true. In other words, it means that there is a possibility that someone may good at a certain field that they think they are terrible at.

This effect tells us that everything has its opposite side.

Besides, instead of comparing ourselves with others, try to compare with the historical stuff that you had already accomplished.
Try to find what you got improved from your old work is a great therapy because it enables you to acknowledge past achievements and improvements at the same time.

Last but not least, in order to beat self-doubt, we need to accept that we don’t know everything and that is fine.

What does this article is saying is: just let go of those negative emotions such as self-doubting, and don’t pay attention to what the others are doing.

Designer vs Developer #22: How to create a design system

This post introduces three different layers used when building a design system.
A design system is a set of principles that help guide designers trying to navigate a platform, environment or ecosystem.

In this article, the design system is based on the three golden rules for architecture from Roman architect Vitruvius:
Durability: The building should be robust and remain in good condition.
Utility: The building should be functional and useful for the people who are in it.
Beauty: The building should be delightful and soulful.

These three rules from Vitruvius was transformed into what Matías Duarte described it as a layer cake made up of three distinct levels.

FIRST PRINCIPLE: HUMAN LAYER
The human layer is based on ergonomics which is a study about humans.
The human layer is the most durable layer from Vitruvius principles.
It is important that when creating a design system, one must understand the rules humans live by.
For example, our fingerprints are about 3-4mm, and by setting a button’s touch target’s size into 48×48 pixels is because human’s eyes can see things clearly when the contrast ratio between the writing and background is 4:5:1.

SECOND PRINCIPLE: CONVENTIONS LAYER
Every system needs a set of common conventions to help users get used to the rules.
It’s like the location of the hamburger menu will change based on how the layout of the app display.
This layer is about functionality and consistency as they help teach users about the various design patterns that exist in your design system, much like the utility rule in Vitruvius principle.

THIRD PRINCIPLE: BRANDING LAYER
The branding layer helps to build a system to create a standard that is visually unique and recognizable.

It is the soul of the design system.
Here you will use typography, color, shapes, animation, language, and images together to produce a look and feel that represents the meaning behind your design system.

For example, Google’s implementation of material design is motivated by the simplicity of Google search, by using the shape of search input and colors the less proportion with a lot amount of white space.
The branding layer is alike the Beauty principal from Vitruvius.

When we want to design our own design system, we can follow those three layers and make our design durable, useful and beautiful.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s