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

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

  • Paper Prototyping: A Cutout Kit

    Easily (and cheaply) test early designs with this paper-prototyping kit.

  • The Golden Ratio and User-Interface Design

    Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.

  • How to Draw a Wireframe (Even if You Can’t Draw)

    Even people with limited drawing abilities can learn to sketch a wireframe if they learn a few common conventions used to represent various design elements.

  • Using Color to Enhance Your Design

    To support the user experience, colors need to be combined wisely so that they work together well, do not overwhelm, and communicate the same kind of information everywhere in the interface.

  • The Visual Principle of Contrast in UI Design

    When visual design elements appear clearly different (for example, have contrasting colors) users easily deduce that the contrasting item is different or special in some way. So if it actually is different, this enhances usability.

  • Applying UX Principles to the Visual Design of Graphical Artifacts: The Case of the Heuristics Posters

    We made the 10 heuristics’ posters easy to read and understand by iterating through multiple versions and improving each based on user-centered principles and methods.

  • Why Does a Design Look Good?

    Visually aesthetic designs use consistent typography, establish a clear hierarchy, utilize a refined color palette, and align to a grid.

  • Visual Hierarchy in UX: Definition

    A clear visual hierarchy guides the eye to the most important elements on the page. It can be created through variations in color and contrast, scale, and grouping.

  • The Visual Principle of Scale in User Interface Design

    Users pay more attention to big things than to small things, and this design principle can be used to prioritize a user experience design, such as a web page or application screen.