Categories
Design Usability

Overlooking UX is Overlooking Your Customers

UX design is hard, regardless of platform. This is a job that most people don’t truly understand.

A UX designer’s job isn’t to make the experience “pretty” or “nice”, it’s to make the experience usable. To guide the users to take the actions that the business needs them to take in order to solve the user’s problem.

You can spot a great UX designer a mile away.

A great UX designer understands what’s important in the interface. A great UX designer understands the typical workflows and maturity of their existing (and potentially next-up) users. A great UX designer deeply understands the problems that their users want their solution to help solve.

A great UX designer understands their user beyond the app. They know how and when and where to best reach them. They understand what phrases connect with their users and when to use them.

A great UX designer understands what’s possible “under the hood”. They know what the front-end and back-end are capable of. They know what devices their users use and tailor the experience to that.

And all of this while strengthening existing branding and interface consistency.

A great UX designer is an invaluable partner to their product and engineering counterparts.

UX design is not an easy job to understand, and it’s not an easy job to do. But it’s certainly more than most companies give it credit for.

And if you overlook the importance of a great UX designer, you’re overlooking your customers.

Categories
Design Usability Web Design

The #1 Rule of User Interface Design

Make clickable things appear clickable. Don’t make unclickable things appear to be clickable.

Print this off and put it next to your monitor. It’s not particularly clever, but it’ll save you hours of work by the time it gets to the product manager for review.

Categories
Usability

The Magic Usability Behind Amazon’s Massive Dropdown Menu

Not all drop-down menus are created equal.

Your standard drop-down menu isn’t rocket surgery. It’s usually a little bit of Javascript (or HTML5) that changes some text within an element when you hover over a certain area of a website.

I’ve made a hundred drop-down lists in my life. You code it up, you make sure it works, you commit it to Git and you move on.

But standard implementations of drop-downs are terrible. How often has this happened to you:

bootstrap-bug

 

All. The. Time.

Amazon (semi-famous for their amazing amount of testing) finally took action and created a smarter dropdown menu. By adding a slight delay, and a little smarter code, their dropdowns act like everyone would expect them to act.

In this example, if you’re on the Amazon Cloud Drive item and you move your mouse anywhere in the blue triangle, the extended menu will delay for a small amount of time – leaving the Amazon Cloud Drive menu open:

screen_shot_2013-03-06_at_1.17.35_am

 

Lucky for all of us (and in true hacker fashion), someone has created a jQuery plugin that makes this simple to implement on your own site.