Posts Tagged ‘forms’
-
26 Jun, 2023
User Inyerface – A worst-practice UI experiment
User Inyerface – A worst-practice UI experiment is “a challenging exploration of user interactions and design patterns.” Hilariously bad UX and a lot of fun.
-
24 Feb, 2021
Material Design Text Fields Are Badly Designed
saving space at the cost of clarity, ease of use and accessibility is a bad tradeoff to make. Source: Material Design Text Fields Are Badly Designed — Smashing Magazine
-
19 Sep, 2019
Initial thoughts on standardizing form controls
Here’s Greg Whitworth with some good analysis and plan forward about how the platform can give more styling control to form controls. LONG OVERDUE. Source: Initial thoughts on standardizing form controls | Greg Whitworth
-
31 Mar, 2019
Input Type Sandbox
Cool little utility from Aaron Ladlage that creates solid form patterns using native HTML5 controls and attributes.
-
29 Mar, 2019
Enforcing Accessibility Best Practices with Automatically-Generated IDs
One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don’t […]
-
18 Mar, 2019
You probably don’t need input type=“number”
Last week I got a call from my bank regarding a wire transfer I had just scheduled. The customer support guy had me repeat everything back to him because there seemed to be a problem with the information. “Hmmmm, everything […]
-
14 Feb, 2019
Don’t Get Clever with Login Forms
As time goes on I find myself increasingly annoyed with login forms. As password managers like 1Password (which is what I use) and Chrome’s password manager (which I also sorta use) become more popular, it’s important for websites to be aware […]
-
30 May, 2015
Video: Multi-Device Output, Input, and Posture
Really handy tips from Luke about multi-device trends and designing for a whole slew of screens.
-
21 Aug, 2014
Designing an Effective Donate Form
I reached out to the Pittsburgh Food Bank last year about helping them redesign their website largely because I was having a hard time figuring out how to give them money. So as part of our redesign of the Pittsburgh […]
-
23 Apr, 2014
Labelmask
I’ve recently been for more efficient ways for user inputs, especially around credit card input. In exploring using input mask solutions, a lot of people have weighed in on several important limitations/frustrations: Accessibilty–One of the biggest concerns with input masks […]
-
14 Apr, 2014
Single-Field Credit Card Input Pattern
Forms suck. And they especially suck on mobile devices. Luke Wroblewski has been talking for a long while now about how input masks make form entry a lot less painful for people. He recently highlighted Square Wallet‘s clever single-field credit […]
-
25 Feb, 2013
Search with Filters Responsive Design Pattern
Brad and Dave and I were sitting around after InControl talking about design patterns that hadn’t been explored as much. Dave mentioned “Search with Filters” as an example. There can be quite a lot of UI involved in a search […]
-
01 Feb, 2012
Better Numerical Inputs for Mobile Forms
My colleagues in Chicago just launched a great responsively-designed greygoose.com, and Jason Grigsby and I were wondering how they brought up the user-friendlier telephone keypad in iOS instead of the ok-but-not-great number keypad. The team dynamically set the input type […]