background preloader

User Interface

Facebook Twitter

Frame of Reference — Design/UX. Now that skeuomorphism is a thing, and “flat design” is busy becoming the next flavor of UI styling, I’d like to provide a deeper perspective of the issues we’re facing with digital products.

Frame of Reference — Design/UX

We’ve all seen the posts and videos of children subjected to items that were familiar to us growing up, but have no place in the modern world. Dial-up modems, landline telephones, cassette players—the list of outdated technology grows daily. This means that the generations ahead are losing affordances daily as well. What are affordances? Affordances, simply put, are a common visual understanding of how an item should be used. The legacy we’ve established in interface design is built upon physical affordances, an issue that has been brought into the harsh spotlight by Apple’s software designs. How to build user confidence in your UI. The key to great user interface design is user confidence.

How to build user confidence in your UI

But designing user confidence isn’t the easiest thing in the world. Effective Presentation of a Website's Navigation - UX Booth. Users obtain information on the web in one of two ways: searching or browsing.

Effective Presentation of a Website's Navigation - UX Booth

Browsing – moving through a multi-faceted content structure – is made easier when information architects present users with an intuitive navigation hierarchy. This article discusses two techniques to that end. There’s a great line in the Postal Service song, This Place is a Prison, that states, “It’s not a party if it happens every night.” Principles of User Interface Design. Clarity is job #1 Clarity is the first and most important job of any interface.

Principles of User Interface Design

To be effective using an interface you've designed, people must be able to recognize what it is, care about why they would use it, understand what the interface is helping them interact with, predict what will happen when they use it, and then successfully interact with it. While there is room for mystery and delayed gratification in interfaces, there is no room for confusion. Clarity inspires confidence and leads to further use. One hundred clear screens is preferable to a single cluttered one. Interfaces exist to enable interaction Interfaces exist to enable interaction between humans and our world.

10 Heuristics for User Interface Design. Augmented Paper. For most of my life, I’ve struggled to quantify what constitutes an enticing interface.

Augmented Paper

There are certain basic aims from which you can take your pick – intuitiveness, attractiveness, clarity, simplicity, consistency, and more – but those are general guidelines. Browser and GUI Chrome. The best interface is no interface. The actual work-flow of the NFC enabled Google Wallet is actually already much simpler than what you present. 1.

The best interface is no interface

Unlock phone, 2. Tap NFC enabled payment device with your phone, 3. Wallet auto starts, enter Wallet PIN, 4. Pay using default payment method" @Matthew: Thanks. The opportunity for No UI in automobiles is ripe, and already pretty rich. @Nate Thanks! Great writeup. @Kurt: Thanks. Absolutely love this article. @Mike: Thanks for your comment and passing along the article. Great article, I agree we don't always need a digital interface.

@Rachel: Thanks! I think the call to simplify and remove interfaces when they're not needed is great, and I would love to see more designs come out that allow me to fluidly interact with the complexities of the real world. No to NoUI – Timo Arnall. ‘The best design is invisible‘ is the interaction design phrase of the moment.

No to NoUI – Timo Arnall

The images above are from my ever-expanding collection of quotes about how design and technology will ‘disappear‘, become ‘invisible‘ or how the ‘best interface is no interface‘. Calling your bull$%!#: the best interface is no interface. Progressive Disclosure in User Interfaces. As designers, we’re always trying to get the most out of our interfaces and maximize whatever space is made available to us.

Progressive Disclosure in User Interfaces

While many solutions have been devised over the years, one above all others has consistently influenced the way visitors access the content they seek. From simple techniques, such as tooltips and drop-down menus, to complex single-page websites powered by Ajax, progressive disclosure has become a formidable force. Emulating Microsoft’s Metro Design Language. Over the past few years, Microsoft has adopted its incumbent design language to a significant extent.

Emulating Microsoft’s Metro Design Language

Metro is the aesthetic basis of Windows 8; Microsoft's next operating system shipping this October. Let's take a look at what Metro is, how we can emulate some of its desirable principles and take a look at where it's being used already. What is Metro? Metro is the name given to the design language used in Microsoft's current and next-generation operating systems, including the upcoming Windows 8, the current Xbox 360 dashboard and in some of their websites.

Aspects have already been evident in some of the company's earlier work, back in Windows XP and the Zune. Pinned Sites in Windows 8 - IEBlog. The Windows 8 Start screen is the best place to find and stay connected to all your favorite apps and content.

Pinned Sites in Windows 8 - IEBlog

16 Of The Year's Best Ideas In UI Design. INTERFACE SKETCH.