Senior Graphic Designer
"Finally, an awsome UX tutorial."

The best resources for learning bleeding-edge web, UI and UX design

Great ideas for web, UI and UX design from Colm Tuite, a great authority, on Quora.com, a great site.

Here’s a pretty good resource for learning UX/UI design, if I do say so myself. There is a difference between UI design and UX design. There is a lot of overlap though, so I’ll try to bundle them together. Here it is, in ten simple steps.

#1 Discover the problem
Far too many designers sit down to work on a new project without doing any research at all. [more]

#2 Get to know your users
It’s much easier to solve problems when you first figure out who is experiencing them. Find out as much as you can about your users before you start. [more]

#3 Learn to wireframe properly
So, now that we know who our users are and what problems they are experiencing, we can start redesigning our homepage, right?

Wrong. [more]

#4 Communicate effectively
It is your job to communicate the information your users want in the quickest, most effective way possible. [more]

UX-bad Too long winded.

UX-better Better.

UX-best Bleeding edge.

#5 Guide your users
When a user lands in your app and doesn’t immediately see how it can benefit them, chances are they’re gonna leave and won’t be coming back anytime soon. [more]

#6 Encourage your users
When a user makes a mistake, don’t just inform them in a cold manner and leave them to figure out the solution. [more]

#7 Reward your users
Likewise, when your users do something right, reward them. Don’t just inform them of their success like any robot would. [more]

#8 Learn the basic fundamentals (HTML, CSS, JS, Ruby, Python etc.). [more]

#9 Learn visual design
Lots of UX designers think they don’t need to know about color or typography. Others say it’s a complete waste of time. It’s not.  [more]

#10 Study. Study. Study.
There are countless resources out there for learning about design. Here are just a few to get you started:

Resources
Smashing Magazine
Aarron Walter (aarron) on Twitter
Paul Irish (paul_irish) on Twitter
Responsive Design
Ryan Singer (rjs) on Twitter
Chris Coyier (chriscoyier) on Twitter
www.designskool.com
CSS-Tricks
AaronRobbs (AaronRobbs) on Twitter
Designing for Emotion
Welcome | Voice and Tone
Dribbble – Popular
iOS Mobile Patterns
The Main Tap › PatternTap
Google
Designer News

Awesome Sites
http://mailchimp.com
https://yourkarma.com/
http://facebook.com
http://layervault.com/


Read the full article!

The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.