Articles

Huei-Hsin Wang

Huei-Hsin Wang (王彚心) is a Senior Experience Specialist with Nielsen Norman Group. As a multi-passionate UX researcher with a background in Industrial Design, Huei-Hsin specializes in design visualization, product development, innovation strategy, and storytelling. 

Articles and Videos

  • Responsive Web Design: 3 Key Fundamentals

    Responsive web design adapts to various screen sizes while emphasizing developmental efficiency over device-specific designs. It's key to prioritize content based on different contexts of use across devices and create a cohesive experience for all users.

  • Accordions: 5 Scenarios to Avoid Them

    Avoid using accordions when: 1. Users need access to most content; 2. There's little visible content on the page; 3. Content is complex with multiple levels; 4. Content can't be effectively chunked; 5. An uninterrupted reading flow is prioritized.

  • Squint Test

    Use the squint test to identify elements that catch attention and assess the visual hierarchy in your design. Ensure high-priority content stands out visually.

  • 5 Formatting Techniques for Long-Form Content

    Techniques like summaries, bullet points, callouts, bolding, and helpful visuals improve comprehension and engagement with content exceeding 1,000 words.

  • Table of Contents: The Ultimate Design Guide

    Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximize usability.

  • In-Page Links for Content Navigation

    In-page links, often embedded in the table of contents, help users navigate to specific content sections on the same page. While research showed increased user familiarity with the design pattern, carefully consider content structures before implementation.

  • Balance in UX Design: Symmetry, Asymmetry, and Radial Balance

    The kind of balance you use in your visual depends on what you want to convey. Symmetry is quiet and static. Asymmetry creates energy and movement. Radial balance leads attention to the central point.

  • Accordions on Desktop: When and How to Use

    Accordions simplify long pages, but reduce visibility and increase interaction cost. Use them on content-heavy pages where users don't need to combine information across sections.

  • What is Visual Weight?

    Visual weight measures how much design elements draw attention from the viewer. Objects that are bigger in size, simpler in shape, use dark colors, or have high contrast appear visually heavier.