TUT #41: The Design of Numeric Keypads, Avoiding Multi Column Layouts and The Trouble with NPS Scores

ux-training-41
YUP, UX COURSES ARE ON SALE THIS WEEK
Use code TAKEFIFTY for $50 off UX Fundamentals, UX Portfolio Course 2.0 and Master the UX Interview. Use code TAKE500 for $500 the entire UX School Bundle. Codes expire this Friday 9/21!

HOW DID THE NUMERIC KEYPAD COME TO BE?
The numeric keypad is perhaps one of the longest used UI conventions. This is a fascinating read tracing back to Pascal’s calculator in 1642 all the way through the modern 10 key design. Amazing to see such a variety of keypad designs.

  • Highlight: “The 2-rows of 5 horizontal version (5–5-H) was as fast as the modern 3×3+1 layout, but the difference was only marginal. AT&T opted for the 3×3+1 layout, perhaps due to its compact format and versatility.”

AVOID MULTI-COLUMN FORM FIELDS IN ECOMMERCE SITES
The Baymard Institute put out an ecommerce study about how multi column form fields confuse users.  Apparently 13% of websites use this type of form fields, and this is especially harmful when used in the checkout process. When in doubt, use single-column form fields.

  • Highlight: “Consequences of using a multi-column form layout include users skipping fields where they actually have data to input, inputting data into the wrong fields, or simply coming to a halt and puzzling over how to proceed with inputting their data in the first place.”

THE NPS SCORE – IS IT BAD? 
An educational read on why UX researchers hate NPS scores – and the nuances of when and how to use it in research. An interesting read, especially when compared to the other dominant metric of satisfaction.

  • Highlight: “NPS is a reliable measure and its…scoring system correlates with current and historical revenue and may predict future growth in some circumstances and in some industries. But there’s little evidence the NPS is better than customer satisfaction.

ABOUT THAT GUY WHO DROVE HIS CAR INTO A LAKE…
Computers can be awful at understanding the full real world context, thus occasionally navigating drivers into a bodies of water (hello Waze!) This is in-depth, technical article dives into how automated accessibility tests should be the first line of defense to help software teams catch easily-preventable errors before they get committed.

  • Highlight: “Tab through a few of the main user flows on your website or web app to determine if all interactive components’ focus states are visually apparent, and if they can be activated via keyboard input. If there’s something you can click or tap on that isn’t getting highlighted when receiving keyboard focus, take note of it.”
OH YEAH, APPLE HAD THAT HUGE EVENT
I have an iPhone 6, so I’ve been really anticipating iOS 12’s performance enhancing features. Out of all the coverage I scanned through, I enjoyed this visual Twitter-feed of major iOS 12 features the most. Did not know about all those helpful new password features. Still, I’m a late adopter and will probably wait until v12.1 for some inevitable kinks to be worked out :p
  • Highlight: “On iOS 12, security codes that you’re texted will automatically appear on the QuickType bar for filling with one tap.”

🏁UX CAREER COACHING CORNER
Networking is the hidden door to the job market, and it requires more effort than cleverness. Here’s a quick process that can kickstart a UX job search: 1) Make a list of the companies you want to work for 2) Use LinkedIn to find if you know someone who works there, or can help you make an intro 3) Arrange an informational meeting and 4) Repeat and refine steps in this process.

Keep learning,
Oz, founder @ UXBeginner, instructor @ UX School


Also published on Medium.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.