Archive for the ‘UX’ Category

Why Use a Third-Party Form Validation Library?

We've just wrapped up a great series of posts from Chris Ferdinandi on modern form validation. It starts here. These days, browsers have quite a few built-in tools for handling form validation including HTML attributes that can do quite a bit on their ...

Form Validation Part 3: A Validity State API Polyfill

Posted on: No Comments
In the last article in this series, we built a lightweight script (6kb, 2.7kb minified) using the Validity State API to enhance the native form validation experience. It works in all modern browsers and provides support IE support back to IE10. But, th...

Form Validation Part 1: Constraint Validation in HTML

Posted on: No Comments
Most JavaScript form validation libraries are large, and often require other libraries like jQuery. For example, MailChimp's embeddable form includes a 140kb validation file (minified). It includes the entire jQuery library, a third-party form validati...

“UX drives all of this.”

This little Twitter exchange has stuck in my mind quite a bit. 1997: Let’s make a website!*fires up vi* 2007: Let’s make a website!*downloads jQuery**fires up vi* 2017: Let’s make a website!😵 pic.twitter.com/RT4VVnJjNS — Thomas F...

Radios and Checkboxes on GOV.UK

Posted on: No Comments
An interesting journey of form UX, documented by Tim Paul. It started with browser defaults. It's unclear why that wasn't working. But interestingly, an alteration that included giant label-based click areas in color-offset boxes didn't help. What actu...

Input Masking

Posted on: No Comments
I don't have any UX research to cite, but anecdotally, I like it when inputs that expect data in a specific format us an input mask. I thought I'd just line up a few demos for really easy reference. Robin Herbots's (jQuery) Inputmask This is an activ...

6 Inspiring Examples of Gamification in Design

From the Powerball to Candy Crush to Farmville, games have permeated our lives. And for good reason: They’re fun, exciting, and rewarding. Plus, leveling up or winning a game provides us with an instant sense of gratification and pride. So to make yo...

The State Of Airline Websites 2015: Lessons Learned

Posted on: No Comments
  With this article, we start exploring various industries and study the current state of front-end, UX and performance of relatively complex websites. First up are airline websites. Some sections of the article were written by the editorial ...