• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

We’re currently booked and will be ready for new projects in late April 2023.

Questions? Call 254.340.0086 or send an email to [email protected].

Elodin Design

WordPress Design & Development

  • About
    • About Jon
    • Why ‘Elodin Design’
  • Websites
  • Services
  • Process
  • Blog
  • Repos
  • Contact

User interface is really important

February 25, 2020 by Jon Schroeder Leave a Comment

I came across a terrific little demonstration of why UI matters. You can go try it out right here: why interface matters from Bagaar.

I think it’s likely self-explanatory, but I’m going to expand on it just a bit. In a technical sense, there’s actually very little wrong with this form. However, even on just the front page….

  • The default condition is either hidden, less prominent than a different choice, or set to the opposite of what you’d expect (you see this on the cookie notification and the terms and conditions).
  • Error notifications & field requirements are below the form and not prominent.
  • Instead of using labels or placeholder text, the form has default values which must be deleted before filling in your information. This is a problem both for accessibility and usability.
  • The form divides up the email address into three fields unnecessarily, breaking the flow of filling it out and making it near-impossible to use a password manager to complete the field.
  • The password includes arcane, pointless requirements (this is particularly common online)
  • On smaller screens, the form is pushed down too far to see it at a glance (and in particular the password requirements)

Here’s the crazy part: there’s more wrong here that I haven’t mentioned, but all of the items above are things I’ve seen forms do in production environments, even from large companies.

It’s one of the reasons why, frankly, experience counts in setting up forms (and web UI in general). Bad or inconsistent UI frustrates users (I didn’t finish filling out this form even after a minute or so, and I’ve definitely set a username and password in less than 10 seconds, even when generating a unique 20-character password.

This is a great demonstration, and it’s worth your time to give it a spin.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

About the blog

I’ve always been exceptionally bad at actually sitting down and writing blog entries, so do me a favor – please feel free to comment or drop me a line if you have something you’d like me to write about (or just to say hello).

Browse by category

  • Advanced Custom Fields
  • Gutenberg
  • Perspective
  • Tutorials & how-to guides
  • Updates

Centered and full-justified text on the internet

How to add contextual styling in the Gutenberg editor

How to connect Gravity Forms with Salesforce web-to-lead using Gravity Forms’ Webhooks addon

Reviewing SpinupWP and why I closed my account

VEEHAUS scam: a new scam targeting designers

Ready to get started?

There’s no pressure. If you’re interested in building a site, please feel free to reach out – and I’ll talk through your project with you and give you some pointers even if we don’t end up working together.

Reach out

Elodin Design, Inc. (formerly Red Blue Concepts)
Website design & development · Custom WordPress theme and plugin development
3305 Fox Hollow Circle, Waco, TX 76708 · (254) 340-0086
Copyright © 2023 · All rights reserved.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT