Category: Usability

  • A Primer on Information Architecture: Navigation

    A curated guide to navigation in information architecture: global, local, contextual, breadcrumbs, pagination, and the design patterns that tie them together.

  • The Most Trivial Aspect of Designing Interfaces

    After a decade of UI work, the biggest lesson: how an interface looks is trivial compared to understanding how your users actually need to use it.

  • User Interface Design For Programmers

    Slides from my Day of .NET talk on user interface design for programmers, covering usability, information architecture, and user experience basics.

  • Day of .NET Presentation

    Speaking at the Central Ohio Day of .NET on UI design for programmers. The goal is explaining design thinking to people who don’t think like designers.

  • Form Layouts With CSS

    Developers who have made peace with CSS layout still reach for tables when they hit a form. A worked example that lays one out with semantic markup and the clear property instead.

  • Economical Usability Testing

    Steve Krug convinced me to test even on a shoestring, so I tested this site’s redesign for sixty dollars with a Wufoo form and four Amazon gift certificates.

  • Objectives in User Interface Design II

    The W3C’s HTML Design Principles document covered two things my first list of UI objectives left out: internationalization and security.

  • Objectives in User Interface Design

    Rebuilding the UI layer at work made us define what we were aiming for. The seven objectives we settled on, and the difference between the information architecture and the technical architecture beneath them.

  • An Introduction to CSS

    An introduction to CSS that I presented at my day job, posted here as a SlideShare embed in case others find it useful.

  • Creating Rich Anchor Tags

    The anchor tag is the first thing anyone learns and the most undervalued. A short tutorial on writing links that are meaningful, accessible and well-formed, starting with never writing click here.