Web Usability Articles & Videos
-
Few Guesses, More Success: 4 Principles to Reduce Cognitive Load in Forms
Four principles of form design — structure, transparency, clarity, and support — minimize users’ cognitive load and improve usability.
-
Grids 101
Page grids use columns, gutters, and margins to structure content—boosting layout consistency, readability, and visual flow.
-
Test Keyboard Accessibility On Your Website
Keyboard accessibility is crucial for inclusive web design. Test your site using only a keyboard to ensure clear focus states, access to all interactive elements, and logical tab sequences.
-
Button States: Communicate Interaction
Minor visual changes help users distinguish between 5 different button states: enabled, disabled, hovered, focused, pressed.
-
Buttons vs. Links: What’s the Difference and Why Does it Matter?
Buttons trigger actions, while links navigate between pages, and using them correctly is key for clarity and accessibility.
-
Comparison Tables: 5 Scenarios When Not to Use Them
Comparison tables are most effective when they’re used in the right context. Prevent unnecessary confusion by making sure a comparison table will help decision-making on your site.
-
Less Effort, More Completion: The EAS Framework for Simplifying Forms
Use the EAS framework — Eliminate first, Automate where possible, and Simplify what remains — to minimize user effort and improve form completion rates.
-
Destination Pages vs. Transition Pages
Destination pages fulfill users' information needs through detailed content, while transition pages guide them toward these destinations through navigation and brief overviews. Content prioritization based on user goals and information needs is key in designing both pages.
-
SEQ vs. SUS
Pair qualitative methods with quantitative metrics like the System Usability Scale (SUS) for benchmarking and the Single Ease Question (SEQ) for task-level insights. Use both carefully with qualitative data.
-
UX Quiz: 2024 Year in Review
Test your usability knowledge by taking our quiz. All questions and answers are based on articles that we published last year.
-
Create Efficient Error Messages
You need efficient error messages to keep users engaged in their workflow. Follow these four efficiency guidelines to design error messages that respect users' effort and offer time-saving guidance.
-
Error Messages: 4 Guidelines for Effective Communication
Communicate effectively with your error messages by using human-readable language, concisely and precisely describing the issue, offering constructive advice, and not blaming the user.
-
A Lesson on Top Tasks from Hurricane Beryl
Companies that do not support their users’ top tasks in a crisis fail their users and their reason for existence.
-
Homepage Design: 4 Common Mistakes
Enhance your homepage design by avoiding false floors, providing clear scrolling cues, adhering to familiar web standards, and creating a distinct visual hierarchy to focus user attention.
-
Breakpoints in Responsive Design: What & Why
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.
-
Menu-Design Checklist: 17 UX Guidelines
People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.
-
Tabs vs. Accordions: When to Use Each
Tabs and accordions organize and layer content on the same page. Tabs suit a few long sections, while accordions fit many short ones. Choose based on your content structure and user needs for optimal layout.
-
Breakpoints in Responsive Design
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.
-
In-Page Links: 3 Usability Tips
In-page links help users navigate to specific content sections on the same page. For effective use, use descriptive headings that match the destination, and clearly distinguish in-page links from other links.
-
Homepage Design: 5 Fundamental Principles
Effective homepages are simple and easy to access, communicate the organization’s and site’s purpose, show engaging content, and prompt users to take action.
- Previous « Prev « 1 2 3 4 5 6 7 8 9 10 » Next