Top

Code: Responsive Web Design

UXmatters has published 5 articles on the topic Responsive Web Design.

Top 3 Trending Articles on Responsive Web Design

  1. Excerpt: Responsible Responsive Design

    April 23, 2019

    This is an excerpt from Scott Jehl’s book Responsible Responsive Design. 2014, A Book Apart.

    Chapter 1: Responsible Design

    “My love for responsive centers around the idea that my Web site will meet you wherever you are—from mobile to full-blown desktop and anywhere in between.”—Trent Walton, “Fit to Scale”

    Cover: Responsible Responsive DesignResponsive design’s core tenets—fluid grids, fluid images, and media queries—go a long way toward providing a holistic package for cross-device interface design. But responsive design itself relies on features that may not work as expected—or at all. Our sites need to react to unexpected user behaviors, network conditions, and unique support scenarios.

    In this chapter, we’ll dig into two responsible tenets: usability and accessibility. We’ll cover higher-level considerations before getting into nitty-gritty code you can implement now and expect to last. To start, let’s talk design. Read More

  2. Choosing Whether to Create a Responsive Web or Native App

    Ask UXmatters

    Get expert answers

    A column by Janet M. Six
    September 23, 2019

    In this month’s edition of Ask UXmatters, our panel of UX experts discusses whether to recommend creating a responsive Web site or application over a native mobile app. While each type of application offers unique benefits, the panel advises UX designers not look at this as an either/or question. Instead, consider the benefits of creating both of these types of applications on a continuum. Clearly, a Web site is necessary at least to enable customers to discover a product.

    A UX designer should consider how best to satisfy user needs, relying on a deeper consideration of the usage scenarios for specific types of users. Depending on the contexts of use, users often require that a tool be available on more than one platform. Plus, you must consider business needs throughout the design process. Read More

  3. Sample Chapter: Going Responsive

    March 4, 2019

    This is a sample chapter from Karen McGrane’s book Going Responsive. 2015, A Book Apart.

    Chapter 4: Clean Up Your Content

    “The responsive design became a content solution and not just a technical solution to make the ongoing evolution of our digital products more robust.”—Alex Breuer, the Guardian

    Cover: Going ResponsiveFluid grids, flexible images, and media queries: nothing in the definition of Responsive Web Design (RWD) says anything about your content. And yet, a lasting benefit for many organizations comes from the process of cleaning up and paring down content.

    It probably comes as no surprise that creating a good user experience across all devices means presenting less content, better content, and more thoughtfully prioritized content. Gone are the days when we could assume that users want—and look at—everything we cram onto the page and shove into the right column. Truth is, users never wanted all that dreck. Now, with smaller screens, we’re forced to acknowledge that uncomfortable truth and make decisions about what really matters. Read More

New on UXmatters