UI Design: Tabs or Submenu?

Ever wonder about the differences between tabs and submenu? They are more similar than we think. Both represent multiple pieces of information, both are ways to conceptually organize and categorize information, and both have often similar use cases. When a submenu is placed vertically as a sidebar, it’s almost the same as the tab equivalent….

Overlays and Popups in UI

Here’s to something that hovers above the existing UI view. Some call it overlay, others popups, dialogs, box, etc. It’s widely used for confirmation, notification, or some input actions. Let’s just call them popups for convenience. Two Dimensions Here’s a simple way to categorize them using only 2 dimensions: Interruptive vs. non-interruptive Informational vs. actionable Interruptive popup…

From Visual to Behavior and Beyond

Where do we start to establish a UI pattern library? A visual standard? A UX standard? Start pushing the pixels is a good first step to facilitate discussions. While the challenge is that user experience is more than meets the eye. The more precise we want to be, the more issues we may have to…

One-Hand First: Rethinking Mobile UX

ABSTRACT Mobile devices are supposed to assist us in meaningful context, not to overwhelm us by stealing our precious limited focus of attention. Having to frequently use both hands to operate on a large touch screen mobile device is simply NOT right when it’s supposed to be convenient. We need not only Mobile First UX,…