UI Design Articles & Videos

  • Complex vs. Complicated

    Complexity isn't a design failure—complication is. Learn the difference between perceived and operational simplicity for expert users.

  • Tabs: Humble, Yet Powerful

    Learn what tabs are, when to use them, and how navigation tabs differ from in-page tabs in UI design.

  • Tesler’s Law: Shift Complexity to Simplify UX

    Understand how Tesler’s Law impacts user experience, and how UX teams can design simpler, smarter digital products.

  • Anatomy of Good Icons

    Icon clarity is shaped by consistent layout, stroke thickness, and the handling of exterior and interior corners.

  • Why Disabled Buttons Hurt UX (and How to Fix Them)

    Disabled buttons often confuse users by appearing clickable but providing no response or feedback. Designers should use them sparingly, ensure they’re accessible, and clearly explain why the button is disabled.

  • Card View vs. List View

    List view allows for easy sorting and is space efficient, while card view is visually engaging and creates effective groupings.

  • What is Whitespace?

    Whitespace is an effective principle to achieve a balanced design, making it easier for your users to scan and read. Consider using a consistent spacing system and the proximity principle to achieve a balanced use of whitespace.

  • Visual Design Hacks for the Non-designer

    Make your work look visually compelling by using these visual-design hacks: preexisting color palettes, cohesive icons, and grids for alignment.

  • Visual Treatments that Improve Accessibility

    To design accessible visuals, account for color contrast, don’t rely on color alone, and make interactive elements easy to identify.

  • The IL1 Typography Test

    Using typefaces with distinct characters can help users easily differentiate alphanumeric data. Choose typefaces that pass the I-L-1 test for data tables and information seen at-a-glance.

  • The Most Important Work for the UX Team in a Startup Company

    In a startup company, the UX team can make two main contributions: identifying the customer problem to solve and polishing the UI so that people will use this solution.

  • Alert Fatigue in User Interfaces

    Dashboards that monitor vast masses of data should guide users' attention to critical values but not by flashing endless alerts without prioritization.

  • 3 Strategies for Managing Visual Complexity in Applications and Websites

    In application design, prevent users from being overwhelmed by putting things in predictable places, using a clear visual hierarchy, and taking advantage of progressive disclosure.

  • Visual Hierarchy

    Visual hierarchy can help users decide where to look in a user interface: what's most important can be shown by color and size, and what things belong together can be shown by proximity and common regions.

  • Progressive Disclosure

    To reduce complexity in a user interface, employ progressive disclosure to defer secondary options to a subsidiary screen. This focuses users' attention on the primary options, which are the only ones shown by default.

  • Using Color to Enhance Your Design

    Color is an influential tool in user interface design. Here are 3 guidelines for applying color in your design.

  • Less Is More (UX Slogan #9)

    If you can add more and more features and several different ways of doing a task, should you do so? No, more UI isn't more usability. Usually, less is more, so focus on users' key tasks and design simple interactions for each task.

  • Simple, Clear Language Improves UX

    Complex content slows down users and distracts from task performance, thus degrading the user experience. Clear language facilitates comprehension. It's that simple.

  • Keep It Simple (UX Slogan #2)

    The road to usability is paved with temptations to complicate the design with extra features and options, but resisting featuritis is the best prescription for a good user experience.

  • What Makes a Dark UI Pattern?

    Dark design patterns intentionally trick users into doing things they don't want to do. This is different than persuasive UX which nudges users without deception.