Design Patterns Articles & Videos

  • Needy Design Patterns: Please-Don’t-Go Popups & Get-Back-to-Me Tabs

    These two overly demanding website design patterns aimed at driving engagement are in conflict with how people utilize browser tabs.

  • Basic Patterns for Mobile Navigation: A Primer

    Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons.

  • Which UX Deliverables Are Most Commonly Created and Shared?

    Static wireframes are the most popular UX deliverable, but 11 different deliverable formats were used by at least half the professionals we surveyed.

  • Slider Design: Rules of Thumb

    Selecting a precise value using a slider is a difficult task requiring good motor skills, even if the slider is well designed. If picking an exact value is important to the goal of the interface, choose an alternate UI element.

  • 4 iOS Rules to Break

    Page control (dots), Submit at top, and the Plus (+) and Move icons are 4 common iOS patterns that cause usability problems in testing.

  • Animation for Attention and Comprehension

    Moving elements are a powerful tool to attract users’ attention. When designing an animation consider its goal, its frequency of occurrence, and its mechanics.

  • Breaking Web Design Conventions = Breaking the User Experience

    Bucknell University caused a stir with its unconventional responsive redesign, but at a high cost to usability, as shown in tests with students and parents.

  • Accordions Are Not Always the Answer for Complex Content on Desktops

    Longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.

  • Beware Horizontal Scrolling and Mimicking Swipe on Desktop

    Even as more sites mimic swiping gestures and incorporate horizontal scrolling in desktop designs, users remain reluctant to move sideways through content.

  • The Magnifying-Glass Icon in Search Design: Pros and Cons

    People usually recognize that a magnifying-glass icon indicates a search tool, even when it has no label. Unfortunately, showing only the icon makes search more difficult to find.

  • Instructional Overlays and Coach Marks for Mobile Apps

    Instructions in mobile applications must be designed for optimal scannability, as users tend to dismiss them quickly and do not read thoroughly.

  • Killing Off the Global Navigation: One Trend to Avoid

    For desktop sites, demoting your main content categories into a drop-down menu makes it harder for users to discover your offerings.

  • Infinite Scrolling Is Not for Every Website

    Endless scrolling saves people from having to attend to the mechanics of pagination in browsing tasks, but is not a good choice for websites that support goal-oriented finding tasks.

  • Fight Against “Right-Rail Blindness”

    Users have trained themselves to divert their attention away from areas that look like advertising. When designed well, sidebars can effectively increase content discoverability.

  • Top 10 Application-Design Mistakes of 2008

    Application usability is enhanced when users know how to operate the UI and it guides them through the workflow. Violating common guidelines prevents both.

  • Weblog Usability: The Top Ten Design Mistakes

    Weblogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.

  • The Need for Web Design Standards

    Users expect 77% of the simpler Web design elements to behave in a certain way. Unfortunately, confusion reigns for many higher-level design issues.

  • When Bad Design Elements Become the Standard

    Anything done by more than 90% of big sites becomes a de-facto design standard that must be followed unless an alternative design achieves 100% increased usability.