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…