Application Design Articles & Videos

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.

  • The Aesthetic Usability Effect and Prioritizing Appearance vs. Functionality

    Users believe that designs that look good also work well, and UX should take advantage of this. But don't make aesthetic usability lead you astray as a designer, because the UI must actually work well for long-term success.

  • Short-Term Memory Limitations Impact User Interface Design

    People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.

  • Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design

    5 guidelines help users tolerate the long waits and frequent interruptions that are typical of complex workflows.

  • Using Fitts's Law to Make Links and Buttons Easier to Click

    Fitts's Law describes how long time it takes to click a target, based on the distance to the target and its size. Use this information to make buttons and links faster to click.

  • 3 Types of Onboarding New Users

    How to familiarize users with new user interfaces? Onboarding techniques include feature promotion, customization, and instructions. All must be kept simple.

  • Feature Checklists Are Not Enough: How to Avoid Making Bad Software

    A good design relies on a thorough task analysis of the steps required to complete a task, as well as determining what information users need at each step.

  • Tooltips in the User Interface

    Tooltips are small user-triggered popups that explain UI elements when the user points to something. They are useful, but don't use them for critical information.

  • Designing Complex Applications: A Framework

    5 different sources of UX complexity help explain and analyze the special design issues in complex applications.

  • Product Redesigns: Incremental or Overhaul

    Redesigning a user interface can be done in many smaller incremental releases, or as one big complete redo. Big change is risky, but necessary in 3 cases.

  • Workplace Application Usability

    Enterprise applications that support work often do so poorly and have bad user experience. The usability requirements and tradeoffs for workplace app design are different from consumer apps.

  • Onboarding: Skip it When Possible

    Onboarding instructions that users must digest before they start using an app or other product require attention and effort, and thus reduce usability. They should be avoided as much as possible.

  • UX Animations

    Animations can make user interfaces both easier and nicer to use, but the timing has to be right, as we demonstrate in this video. Many other details also contribute to the quality of animation in the user experience.

  • Time to Make Tech Work

    Users waste unacceptably much time struggling with computer bugs. Users' mental models suffer when systems don't work as advertised, leading people to question their understanding of the UX.

  • Data Visualizations for Dashboards

    To enable fast and reliable understanding of data shown on dashboard overviews, use visualization styles that work with human preattentive visual processing.

  • Error Handling on Mobile Devices: Showing Alerts

    Using a modal dialog to display an error message can cause usability problems on mobile devices. Error handling must respect human-memory constraints and remain visible as the user is fixing the problem.

  • 8 Design Guidelines for Complex Applications

    Despite great diversity in the workflows and end users supported by complex applications, these 8 design guidelines are generally applicable.

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

  • State-Switch Controls: The Infamous Case of the "Mute" Button

    On–off controls that switch between two different system states need to clearly communicate to users both the current state and the state the system will move to, should the user press that control.

  • Myths About Complex App Users

    Three stereotypes explain much resistance to improving the usability of complex applications for domain-specific tasks: that people like the old ways, that they are experts in the existing UI, and that training will make up for bad design. All are misleading.

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.

  • The Aesthetic Usability Effect and Prioritizing Appearance vs. Functionality

    Users believe that designs that look good also work well, and UX should take advantage of this. But don't make aesthetic usability lead you astray as a designer, because the UI must actually work well for long-term success.

  • Short-Term Memory Limitations Impact User Interface Design

    People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.

  • Using Fitts's Law to Make Links and Buttons Easier to Click

    Fitts's Law describes how long time it takes to click a target, based on the distance to the target and its size. Use this information to make buttons and links faster to click.

  • 3 Types of Onboarding New Users

    How to familiarize users with new user interfaces? Onboarding techniques include feature promotion, customization, and instructions. All must be kept simple.

  • Tooltips in the User Interface

    Tooltips are small user-triggered popups that explain UI elements when the user points to something. They are useful, but don't use them for critical information.

  • Designing Complex Applications: A Framework

    5 different sources of UX complexity help explain and analyze the special design issues in complex applications.

  • Product Redesigns: Incremental or Overhaul

    Redesigning a user interface can be done in many smaller incremental releases, or as one big complete redo. Big change is risky, but necessary in 3 cases.

  • Workplace Application Usability

    Enterprise applications that support work often do so poorly and have bad user experience. The usability requirements and tradeoffs for workplace app design are different from consumer apps.

  • Onboarding: Skip it When Possible

    Onboarding instructions that users must digest before they start using an app or other product require attention and effort, and thus reduce usability. They should be avoided as much as possible.

  • UX Animations

    Animations can make user interfaces both easier and nicer to use, but the timing has to be right, as we demonstrate in this video. Many other details also contribute to the quality of animation in the user experience.

  • Time to Make Tech Work

    Users waste unacceptably much time struggling with computer bugs. Users' mental models suffer when systems don't work as advertised, leading people to question their understanding of the UX.

  • Data Visualizations for Dashboards

    To enable fast and reliable understanding of data shown on dashboard overviews, use visualization styles that work with human preattentive visual processing.

  • Error Handling on Mobile Devices: Showing Alerts

    Using a modal dialog to display an error message can cause usability problems on mobile devices. Error handling must respect human-memory constraints and remain visible as the user is fixing the problem.

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

  • Myths About Complex App Users

    Three stereotypes explain much resistance to improving the usability of complex applications for domain-specific tasks: that people like the old ways, that they are experts in the existing UI, and that training will make up for bad design. All are misleading.

  • Virtual Reality and User Experience

    Virtual reality (VR) user interfaces are currently more difficult for users to manipulate than a traditional GUI, partly because of more degrees of freedom and partly because VR is still new, so people have less experience using it. Advice for how to employ usability studies to alleviate this problem.

  • Mask Interaction Delays with Progress Indicators

    In case of slow response times in a user interface, indicate that the wait time will soon be over by showing an animation. For longer delays use a percent-done indicator.

  • Complex Apps 101

    3 tips for designing applications for experts or specialized user groups doing complex domain-specific tasks (often with nonlinear workflows).

  • What Can UX do to Help With Covid-19?

    At the very first Virtual UX Conference, Jakob Nielsen answered a participant question about what user experience can do to help with the coronavirus crisis.

  • Placeholders in Form Fields Are Harmful

    Labels or sample text inside a form field makes it difficult for people to remember what information belongs in that field once they start data entry.

  • Instructional Overlays and Coach Marks for Mobile Apps

    Instructions in mobile applications must be designed for optimal scannability, as users tend to dismiss them quickly and do not read thoroughly.

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