Application Design Articles & Videos

  • Form Design Quick Fix: Group Form Elements Effectively Using White Space

    Improve the layout of your online forms by placing form labels near the associated text field and by grouping similar fields.

  • Mobile: Native Apps, Web Apps, and Hybrid Apps

    Native and hybrid apps are installed in an app store, whereas web apps are mobile-optimized webpages that look like an app. Both hybrid and web apps render HTML web pages, but hybrid apps use app-embedded browsers to do that.

  • Best Application Designs

    Winning app UIs include domain-specific solutions that allow humans to focus on deeper issues while the software takes care of the mechanics.

  • Disruptive Workflow Design

    Smooth-flow task performance makes application use pleasurable. But disruptions are all too common due to crinkly design or creaking implementation.

  • Browser and GUI Chrome

    'Chrome' is the user interface overhead that surrounds user data and web page content. Although chrome obesity can eat half of the available pixels, a reasonable amount enhances usability.

  • Overloaded vs. Generic Commands

    Overloading different outcomes on similar commands can be confusing. Using the same command for multiple actions enhances usability if the results are conceptually the same.

  • Workflow Expectations: Presenting Steps at the Right Time

    Actions at one step of an application impact subsequent steps. When users don't understand this relationship, usability suffers.

  • Closeness of Actions and Objects in GUI Design

    Users overlook features if the GUI elements (such as buttons and checkboxes) are too far away from the objects they act on.

  • Testing Expert Users

    It's more difficult to conduct usability studies with experienced users than with novices, and the improvements are usually smaller. Still, improving expert performance is often worth the effort.

  • Customization of UIs and Products

    Websites that let users customize the UI have the same measured usability as regular sites. Sites for customizing products, however, score substantially worse due to complex workflow.

  • 10 Best Application UIs

    Many winners employ dashboards to give users a single overview of complex information and use lightboxes to ensure that users notice dialogs. Also, the Office 2007 ribbon showed surprisingly strong early adoption.

  • OK-Cancel or Cancel-OK? The Trouble With Buttons

    Should the OK button come before or after the Cancel button? Following platform conventions is more important than optimizing an individual dialog box.

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

  • Generic Commands

    Applications can give users access to a richer feature set by using the same few commands to achieve many related functions.

  • Feature Richness and User Engagement

    The more engaged users are, the more features an application can sustain. But most users have low commitment -- especially to websites, which must focus on simplicity, rather than features.

  • Defeated By a Dialog Box

    Interaction techniques that deviate from common GUI standards can create usability catastrophes that make applications impossible to use.

  • Command Links

    Application commands can be presented as buttons or as links, which offer more room for explanation. For primary commands, however, buttons are still best.

  • Progressive Disclosure

    Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.

  • R.I.P. WYSIWYG

    Macintosh-style interaction design has reached its limits. A new paradigm, called results-oriented UI, might well be the way to empower users in the future.

  • Forms vs. Applications

    Once an online form goes beyond two screenfulls, it's often a sign that the underlying functionality is better supported by an application, which offers a more interactive user experience.