True design guidelines apply regardless of the latest trend, fashion or fad. As time goes by, what is considered a “good UI” changes, just like fashion. For example, the Aero look was “the next big thing” when Windows Vista was released, and this dictated UI design for several years. Apple upped the ante with the iPad and this look influenced design for a number of years. Windows then came out with Windows 8, and evidently everything associated with Vista was bad, because they completely abandoned the Aero look in favor of Metro. The Metro look is currently in vogue and the next big “fashion trend” will change how UIs look and feel yet again.
As new products hit the market, the market itself changes and, like fashion, what is considered good UI design can be a moving target. A good UI designer will take the current fashion style and use his or her tools to create a great UI that is pleasing to the customer and meets the customer’s idea of what is good. When UI design is well executed, you will find that the principles of UI design have been implemented, either knowingly or subconsciously by the designer. (I like to think of it as intuitive design, intuitively knowing and following the principles.)
The aesthetics of a design takes into account what the customer currently considers or will consider is a “good UI” based on the current fashion trends, while adhering to the principles.
The twelve principles of UI design apply regardless of fashion. Two points, using white space or applying fades, may change with UI fashion and these points may need to be updated, however the underlying theory applies. All twelve principles have been proven over time as key fundamentals that when implemented, result in killer UIs.
Design according to the latest fashion, whether Aero, Metro, Apple, etc., while following the twelve principles. You can’t help but have a great UI.
©2017 Curt Larson. All Rights Reserved.
A developer recently asked for UI design guidelines. While I’ve worked to a set of design principles evolved over years of developing products, I didn’t have a “Go To” manual of the key design principles to show others.
A Google search followed. After all, there are certain principles that great UIs embody and UI designers I’ve worked with have followed these same principles. Surely someone wrote a book on the “Laws of UI Design” that I could refer to. I found volumes of information. Literally, volumes. One document was 384 pages, another 760, still another over 500 pages. With such lengthy standards on UI design, they miss the first and most important point: make UI designs simple. If it takes 500 pages to define simple, they’ve missed the boat.
Detailed standards serve large corporations well and serve an important purpose, ensuring that everything produced in the company meets a standard. At the same time, the very essence of good UI design is lost in the immense detail. While it’s good to sweat the details to achieve perfection, defining the details loses sight of the over-arching goal: to satisfy customers so they buy and use software, and the very principles one must follow to achieve that.
In the volumes and volumes of information, I found a couple of documents on UI design that covered important data. While several important points are covered, they did not include key elements that I’ve learned and applied over the years. To remedy that, I wrote a Guide that pulls together twelve fundamentals and defines the essence of what makes a UI great. This blog will cover each chapter of the Guide. And since I can’t stop once I get going on a topic, I’ll probably add more detail–resulting in updating the guide to version 2.
The principles of good UI design apply to web pages, web apps as well as installed programs. There are differences in execution, as web apps and installed programs are designed to be used, while web pages (not including on-line shops) are designed to interest as a Marketing tool, to sell as a pre-Sales tool, or assist as a post-Sales or Support tool. This difference in function dictates differences in content as well as look and feel, however the twelve key points still apply.
Here’s to your next great UI.