Published on <a href="http://ift.tt/2tf7dTv">| Prototyping: From UX to Front End &mdash; Medium</a> David Ghent <img alt="" src="http://ift.tt/2ubXMRs">
<h3>Increase fidelity earlier in your process.</h3>
Moving toward higher fidelity earlier helps you expose your visual design decisions sooner. This enables you to start making all those extremely valuable micro-improvements earlier. And with each iteration, you can become more confident in the strength of your designs.
Of course, there can be tradeoffs. Maybe your stakeholders associate visual design with done designs. Or maybe you find it challenging to develop a design system while validating features. But I’m confident that the extra work will produce better results for you. Jake Knapp does too, as he explains in <a href="http://ift.tt/1T8YSFv">day 4 of his google sprint</a>. A realistic prototype simply helps your users react naturally.
I’d recommend taking a firm stance on visual design as early as your first round of user testing.
<h3>Prioritize the riskier UI and test them in a task based scenario.</h3>
Decide which UI decisions you’ve made that follow modern standards and push those off to the side. Those are probably fine for now.
The less common or more adventurous UI is more important right now. Maybe you found a cool way to hover drag and drop on a particular element. Or maybe another element is beautifully minimal but un-discoverable. Make sure you include these less common elements into your next round of testing.
Test with a task based scenario — incorporate multiple versions of the same flow, and work in different visual treatments. The goal here is to find what UI elements are more intuitive than others. What makes them more intuitive? Use those learnings to guide your next visual design decisions. And if you’re looking to try a new synthesis model for your learnings take a look at <a href="http://ift.tt/1GknPUA">how I use Trello</a>.
<h3>Narrow down what you want feedback on and get qualified eyes on it.</h3>
Lastly, get help from the most reliable source. Show your concepts to other designers and engineers! And frame the feedback toward what you’re looking for. At <a href="http://pivotal.io">Pivotal</a> we have weekly design critiques where designers are very specific about the type of feedback they need. If you’re unfamiliar with design critiques <a href="http://ift.tt/2tejIhG">Eric Cipra</a> <a href="http://ift.tt/2ubzGGw">wrote a great article</a> about different formats. I’m always surprised by how many new ideas you can get from fresh eyes on your work.
Leave a comment and tell me how this relates to your own experiences. And thanks to <a href="http://ift.tt/2te7ZzY">Prianka</a>, <a href="http://ift.tt/2ubzB5R">Nina</a>, <a href="http://ift.tt/2teaHFF">Richard</a>, <a href="http://ift.tt/2ubMqgF">Leslie</a>, <a href="http://ift.tt/2te2OQq">Amy</a>, <a href="http://ift.tt/2ubVNNk">Shirley</a>, <a href="http://ift.tt/2tdRLXg">Colby</a>, <a href="http://ift.tt/2uc587U">Becky</a> and <a href="http://ift.tt/2teh3os">Martina</a> for all the feedback.
<img src="http://ift.tt/2ubXOJ4" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2te80nw">How to Validate Your Visual Design Decisions</a> was originally published in <a href="http://ift.tt/2cAqCpx">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

How to Validate Your Visual Design Decisions

Increase fidelity earlier in your process.

Top Stories