March 16th, 2013 by Matt Haff
What is Responsive Web Design?
… an evolutionary milestone in the development of web and interaction design as a practice and as an industry.
“[The web] should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.”
“If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else. Web design is responsive design, Responsive Web Design is web design, done right.”
Doing It Right
- Web Standards
- User Interaction
- Meet the user where they are – mobile or stationary
- Allow for consumption of content
- Keep in mind there is no silver bullet
What To Tell Your Boss
- SEO – Google has specifically said that responsive design “is Google’s recommended configuration.”
- Easier to Maintain – you only write content once and it is published across every platform, not to mention it’s future friendly
- Content Consumption – make it easier for the customer to get to the content that they’re looking for.
Design With The User In Mind
- What is the user trying to accomplish?
- Content should fit the screen
- Change the navigation to make it easier for the user
- Don’t strip content, the same information should be accessible across all devices, just change how they access it
“Mobile users will do anything & everything that desktop users will do provided it’s presented in a usable way. Assuming people on mobile “won’t do that” is a losing proposition. Don’t penalize users with missing content & features just because they aren’t on a full screen.”
“Design is thinking about content and how to put it together. you need to focus on the whole. layout does not equal design.”
- Is what you’re doing common practice or do different devices have different user experiences?
- Attention to details – size of links for touch
- Is it necessary? Everything should have a purpose.
- What is “above the fold” on different devices.
- Cursor vs. Touch – some blackberries still use cursors.
- Commonly accepted main navigation is a slide-down menu
- Must be accessible, intuitive, common practice
- Does it work on the smallest screen?
- Don’t make it so long that a user is forced to scroll.
The Way It Was Meant To Be
- RWD = WDDR
- HTML & CSS has always been responsive.
- UX is about meeting the needs of the user.
- Creating websites that adjust to different screens and devices is just the beginning.
Stay Hungry My Friends!
Presentation Slides: What You Should Know About RWD