layout Articles & Videos

  • 6 Types of Useful Smartwatch Interactions

    Smartwatches are for more than just receiving notifications and tracking steps. They afford at least 6 different types of interactions that users find useful.

  • Using Imagery in Visual Design

    When choosing images for your visual designs, match similar characteristics, balance high quality with adequate file size, prioritize information-carrying images over purely decorative ones, and provide robust alternative text.

  • Using Grids in Interface Designs

    Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.

  • Text Scanning Patterns: Eyetracking Evidence

    Eyetracking research shows that there are 4 main patterns that people use to scan textual information on webpages: F-pattern, spotted pattern, layer-cake pattern, and commitment pattern.

  • The Layer-Cake Pattern of Scanning Content on the Web

    When headings and subheadings visually stand out on the page and are descriptive, users engage in an efficient scanning pattern that allows them to quickly find the information that they need.

  • Zigzag Image–Text Layouts Make Scanning Less Efficient

    In two-column layouts, vertically aligned images support efficient scanning better than images that alternate placement with text.

  • Centered Logos Hurt Website Navigation

    Getting back to the homepage is about 6 times harder when the logo is placed in the center of a page compared to when it’s in the top left corner.

  • The Fold Manifesto: Why the Page Fold Still Matters

    What appears at the top of the page vs. what’s hidden will always influence the user experience — regardless of screen size.