Categories
Code Compatibility Design Responsibility Responsive Web Design Standards State of the Web Usability User Experience UX Web Design Web Design History Web Standards

“Mobile” versus “Small Screen”

As we try to become more responsive with our designs, a lot of attention has been focused on providing “mobile” styles. We’ve all been adding viewport meta tags to our templates and @media screen and (max-device-width: 480px) to our stylesheets.

It’s very tempting (and scope-friendly) to tell a client that we can adjust their site for mobile users, when much of the time what we’re actually doing is simply adjusting a design for small screens.

…Simply adjusting a design for a smaller screen and calling it “mobile” does a disservice to both mobile users and developers. Making link targets bigger and image sizes smaller does help the mobile user, but it only addresses the surface issues of usability and readability. It doesn’t address their need to do things easily and quickly.

via It’s the Little Things – “Mobile” versus “Small Screen”.

By Jeffrey Zeldman

“King of Web Standards”—Bloomberg Businessweek.

Designer at Automattic, Inc. Co-Founder, An Event Apart. Publisher, A List Apart & A Book Apart. Author. Father. He/him.