Published on <a href="https://blog.prototypr.io/how-a-simple-visual-design-change-made-the-feature-more-usable-5e78ab25d26a?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Manish 
One fine day my CTO approached me and said — “ Manish, we have this awesome feature on our dashboard — Click2Call. Inspite of great technology used behind it &amp; our numerous mktg. efforts, i can’t see many users using it. Can we do something about it? ”
My first step is always to investigate.
In our primary investigation we found —
<ul>
<li>2 out of 5 participants were not able to find the Click2Call</li>
<li>3 participants took more then 15 seconds to find</li>
<li>Help wasn’t there &amp; there is no way user can find the manual for it</li>
</ul>
<blockquote>The obvious reason seems to be Discoverability Issue as per UX Hexagon model &amp; it clearly failed to satisfy User’s mental model as per Heuristic Principles.</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/700/1*wbn_E41k8MGPzslUo8z7RQ.png">The old design of Click2Call feature
<h3>We re-designed/tweaked UI a bit</h3>
<ul>
<li>Made keypad visible earlier it was available on click</li>
<li>Mimicked the keypad with the regular mobile num-pad</li>
<li>Changed heading style</li>
<li>Changed the color of call button to “Green” — which resembled mobile call button of which everyone is familiar</li>
<li>Provide help</li>
</ul>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xI0KEzXWuVP5hCb1oae24A.jpeg">Old UI (Left side) , New UI (right side)
Conclusion — With just few Visual Design tweaks we were able to make the drastic change in UI &amp; able to make the life easier for our users.
Thanks for reading !
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=5e78ab25d26a" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/how-a-simple-visual-design-change-made-the-feature-more-usable-5e78ab25d26a">How a simple Visual Design change, made the feature more usable.</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 a simple Visual Design change, made the feature more usable.

Top Stories