responsive design Articles & Videos

  • Content Dispersion: The Downside of Mobile-first Design

    Content dispersion occurs when the content of a responsive webpage appears overly large and stretched out on large laptop or desktop screens. What negative affects can it create?

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

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

  • Easier Input on Mobile Devices

    Form filling and other user input on mobile devices such as smartphones can be awkward and error prone, but by taking advantage of the strengths of the phone, designers can improve the usability of these tasks substantially.

  • User Interface Design Fails

    Jakob Nielsen discusses the biggest failures in today's user interface design. (Recorded at the Virtual UX Conference.)

  • Designing Effective Carousels for Websites and Mobile Apps

    Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error prone, unless they are designed according to usability guidelines.

  • Design to Match the Medium

    Avoid a one-size-fits-all approach to UX design. Consider the strengths and weaknesses of each platform when presenting information.

  • Hamburger Menus Hurt UX Metrics

    Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.