Articles

Kelley Gordon

Kelley Gordon is a former NN/G employee who published widely-used guidance on visual design, design specs and the designer-developer relationship, and the fundamentals of UI components including buttons, icons, and grids.

Articles and Videos

  • How to Conduct a Heuristic Evaluation

    Step-by-step instructions to review your product to find potential usability and experience problems. Download a free heuristic evaluation template.

  • Choosing a Color Palette

    Colors in an effective color palette work together, follow your brand’s color guidelines, and avoid overwhelming users.

  • The Anatomy of a Good Design: An Analysis of 4 Sites

    Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.

  • It’s Time We Addressed Time-Zone Selectors

    Users often struggle to find their time zone from a time-zone selector. Where possible, locate users’ time zones for them, organize time zones alphabetically in a dropdown, and allow users to search by city and country.

  • UX Mapping Methods: Visual-Design Guide

    Visual-design principles can be applied consistently throughout the process of creating a polished UX map. Start by choosing a tool, then create a visual system, establish the basic layout, and finally add content and make adjustments.

  • Visual Design in UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn about visual design in UX.

  • 5 Visual Treatments that Improve Accessibility

    To design accessible visuals, account for color contrast, don’t rely on color alone, make interactive elements easy to identify, provide useful alternative text for images, and test your visuals with real users.

  • 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.

  • A Guide to Using User-Experience Research Methods

    Modern day UX research methods answer a wide range of questions. To help you know when to use which user research method, each of 20 methods is mapped across 3 dimensions and over time within a typical product-development process.

  • 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.