Theme Options UI: Consistency Matters!
Doing it right: #genesiswp ‘s theme options UI mimics WP’s look instead of having its own fancy UI.
A lot of you must have seen how various WordPress themes have different theme options UI design. Most of them opt for pretty looking options page with labels, inputs, buttons, icons, and forms that look wildly different from the rest of the Dashboard.
If your theme is like that, you’re doing it wrong.
In The Value of UI Consistency, Bill Higgins explains:
Observing established UI conventions has two main benefits:
- You reduce your application’s learning curve because the user can (subconsciously) leverage previous experience within your application. For example, when you see blue underlined text on a web page, no one needs to explain that you can click it.
- Your app is more pleasant to use or, more accurately, your app is less unpleasant to use […]
Joel Spolsky said:
In most UI decisions, before you design anything from scratch, you absolutely have to look at what other popular programs are doing and emulate that as closely as possible.
Or in our case, how the rest of the Dashboard is designed. This might not seem obvious to us who’s been working with WordPress for years, but for common users even the default dashboard UI can be quite overwhelming. A differently-styled theme options UI is simply an unnecessary addition on top of that, very possibly doing more harm than good.