<p>Published on <a href="http://ift.tt/2pabp4i">| Prototyping: From UX to Front End &mdash; Medium</a> Grace Gadston <img alt="" src="http://ift.tt/2pauhA5"></p>
<p>There are a million and 1 design resources out there and just as many bloggers and journalists have gathered their favourite ones for you to, too. But what I keep finding is resources upon resources coupled with some uncertainty of whens the best time and place to use them.</p>
<p>Here are some everyday scenarios that I go though and the resources I use to help me out,</p>
<h4><a href="http://ift.tt/1OeV2HX">Usability.gov</a></h4>
<ul>
<li><em>Everything ‘UX’, Tutorials, Methodologies, Guidelines</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2pan3vY">Landing Page</p>
<h4>Why</h4>
<p>There is certainly a ‘UX Process’, but that comes in different forms and not every method is suitable for every project, so I like to dig into Usability to help inspire and remind me of methodologies and tools.</p>
<h4>When</h4>
<p>Especially when I’m working alone on something like a sprint project where it’s fast paced, Usability has helped me brainstorm and find alternative solutions. It’s also a great source of ‘How to’ tutorials for pretty much anything UX.</p>
<p><img alt="" src="http://ift.tt/2qdmy2y"><img alt="" src="http://ift.tt/2pauvXN"></p>
<h4><a href="http://casestudy.club/">CaseStudy club</a></h4>
<ul>
<li><em>Break downs on Process, Experience, Interface, Brand, Product</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2qdxwVO">Main Menu</p>
<h4>Why</h4>
<p>It’s true that most studies link to Medium posts, but I use this site because it dishes out case studies sectioned by their purpose rather than tags. I find it’s a simple route to finding a good read</p>
<h4>When</h4>
<p>The name’s pretty self explanatory, it’s full of case studies that are based on real products and brands as well as people just exercising their design skills. It’s great for getting some creative stimulation and stay aware of alternative processes.</p>
<p><img alt="" src="http://ift.tt/2pan82w"><img alt="" src="http://ift.tt/2pauvXN"></p>
<h4><a href="http://ift.tt/1sAm5ks">Color.Adobe</a></h4>
<ul>
<li><em>Color theory, Color matching, Extracting colors from images</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2pakWIA">Color Wheel</p>
<h4>Why</h4>
<p>I’m not the best at color theory or patterning, so I tend to leave that stuff up to the true visual designers when I’m lucky enough to have one! But many times when I’m freelancing or working with a small team, both UX and UI are up to me, so this is where I like to crack out Adobe’s color wheel.</p>
<h4>When</h4>
<p>When I’m designing digitally, or even just playing around with something I use the wheel to help me find balance or something complementary in my pallet. But my favourite feature is being able to import an image and then extract the right colors for you’e project without having to mess around too much.</p>
<p><img alt="" src="http://ift.tt/2qdzO7d"><img alt="" src="http://ift.tt/2pauvXN"></p>
<h4><a href="http://ift.tt/1mAl9Zp">User Onboard</a></h4>
<ul>
<li><em>Onboarding Teardowns, Critical analysis</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2paj4iK">Teardown Slide Show</p>
<h4>Why</h4>
<p>Curious about onboarding your users? Gosh, you’ll be a pro after this guys site. He has looked at so many different applications and websites that I haven’t felt the need to search else where, unless I’m looking for another opinion on the same product.</p>
<h4>When</h4>
<p>User Onboard is great for getting a deconstructed, unbiased analysis on apps and sites. Ive used it for inspiration when I’m designing an onboarding experience and I’ve used it to take note of themes and features that don’t work, too.</p>
<p><img alt="" src="http://ift.tt/2qdHqqC">A-Z Tear downs<img alt="" src="http://ift.tt/2pauvXN"></p>
<h4><a href="https://www.youtube.com/user/LevelUpTuts">Level Up Tuts</a></h4>
<ul>
<li><em>Video Tutorials, Design and Code, Easy Learning at a good pace</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2pauwej"></p>
<h4>Why</h4>
<p>Super quick and easy to follow tutorials on a huge range of design tools. They tend to have 7 or more episodes to each one so there easy to cram into an afternoon.</p>
<h4>When</h4>
<p>Freelancing means you have to be adaptable and willing to compromise on tools that suit everyone. Sometimes this means I’ve spent a day or two craming in all the tutorials possible so I can be up to scratch with the rest of the team.</p>
<p><img alt="" src="http://ift.tt/2qdmnnV"><img alt="" src="http://ift.tt/2pauvXN"></p>
<p><a href="http://ift.tt/2cIFPER">Find UX Events</a></p>
<ul>
<li><em>UX Training, Conferences, Workshops, Webinars</em></li>
</ul>
<p><img alt="" src="http://ift.tt/2qdsb0Q">Events Calendar</p>
<h4>Why</h4>
<p>Education is important and so is growing your network, so I like to stay up to date and in the scene as much as possible. Ux Events helps me search for the best events in my area and global.</p>
<h4>When</h4>
<p>If I want to learn something specific or possibly I’m following a speaker, I use UX Events to filter through and find subject, speaker or country that I’m looking for. Lanyard is also good for this.</p>
<p><img alt="" src="http://ift.tt/2paAcVJ"></p>
<p>Thanks for reading and I hope these were useful enough that you might be able to get yourself out of a pickle too!</p>
<blockquote><p><em>Feel free to leave comments or message me if you have something to share or have different opinions too! Id love to hear your thoughts and experiences 🙂</em></p></blockquote>
<p><img src="http://ift.tt/2qdw8m0" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="http://ift.tt/2paGB37">Top 10 scenarios for UX/UI Resources</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Top 10 scenarios for UX/UI Resources

Top Stories