Published on <a href="https://blog.prototypr.io/how-to-make-your-web-design-more-human-e818c31ab01a?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Diana Lopez 
Design communicates and solves problems. A design that feels “human” takes it a step further and also relates to the people who are using it. By taking human factors such as emotions and ergonomics into account, you can make something your users really appreciate. (Appreciation may not be a metric most of us can use, but keep in mind it’s a contributor to higher conversion rates, brand loyalty, repeat purchases, and word-of-mouth.) Below are some tips to make your digital design more personable.
<h3>Start with words.</h3>
Before you design, choose one word to describe the emotion your project should convey. Doing this will create your ultimate litmus test for all your efforts — you can ask yourself, “is this *adjective*?” Choose an emotional word that creates three relationships:
<ul>
<li>A relationship among your users</li>
<li>…one between your users and your product</li>
<li>…and another between your users and your brand</li>
</ul>
Be sure to use copy that feels human (not robotic or corporate) as well. Say what you write out loud and see if it feels natural. If you are selling something, try to show the benefits not tell the features of your wares.
<h3>Design for comfort.</h3>
<img alt="" src="https://cdn-images-1.medium.com/max/474/0*q-2A-AXM_vkyWRHS.png">
The quickest way to make a design “feel right” is to make it comfortable to use. Size your text so it is easy to read, and <a href="http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php">when designing on mobile keep thumb patterns in mind</a>. The more comfortable your design is, the more likely people will use it.
<h3>Design for immersion.</h3>
Do your best to make your product feel like a friendly helper not a computer. One overlooked way to do this is to style your form elements — think, how would this work if it were magic?
<img alt="" src="https://cdn-images-1.medium.com/max/800/0*FlvwQEHdgFPyjXdK.jpg">
Design every element as if it were to be judged individually. An out-of-place element can ruin the flow of the experience you are designing.
Think, how would this work if it were magic?
Big, clear visuals help too. Consider how much information we gather about someone from body language. The same information is gleaned from visuals.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*9dE03WOzVMqScxaF.png">
<h3>Think of the interface as your friend.</h3>
Go the extra mile to be helpful. The interface should essentially hold a users’ hand through their task.
<img alt="" src="https://cdn-images-1.medium.com/max/400/0*A4G_kx1bQdDRAPXt.gif">
<h3>Introduce options. Variety. Change.</h3>
Have you ever played chess against a computer? Sometimes the AI can be too perfect, making the game no fun. Designing to make your design predictable is a noble goal. Go further and make your UI reasonable. Find out how your users think and act when using your product, and design from their perspective.
<img alt="" src="https://cdn-images-1.medium.com/max/695/1*QbWUTFBGK8BRf2c79oC8Aw.png">
Options give users ownership of the design. It helps make your design less of a canvas and more an experience.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*AWv-0Lql52AKMOY-.png">
In music, there are grace notes, notes which are not technically necessary but contribute something special to the overall piece. While they might not be priority, including grace notes in your design is a nice touch that can make your product special.
<h3>Pace out your design.</h3>
Use whitespace.
It can be tempting to shove everything “above the fold.” This is like listening to a salesperson with pressured speech. Consider instead that your design has one goal and it is its job to lead to that goal. Be a concierge, not a cluttered desk.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*2_OiSKMOjaWyi75o.png">
The computer you are designing on will naturally lead you to boolean conclusions. As a designer, you need to reserve time, energy, and a little bit of heart towards making your design more human. If you don’t do it, no one else will.
If you liked this, please click the 👏🏼 so other people can read about it on Medium. See more posts like this on <a href="https://diana.nu">Diana.nu</a>.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=e818c31ab01a" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/how-to-make-your-web-design-more-human-e818c31ab01a">How to make your web design more human</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

How to make your web design more human

Top Stories