“36% of all Websites assessed are Responsive, about 60% of which are on dedicated mobile sub-domains, domains, or sub-folders. Only 147 Websites of the 1,000 are Responsive to their primary URLs i.e. “One Web”’ – State of the Mobile Web 2014
Responsive design is constantly evolving, not just because of ongoing changes in screen sizes and complexity in gestures, but also because there are some tested and proven methods to keep in mind. Adobe sums up Ethan Marcotte’s seminal article, which identifies the following approaches to responsive design to assist in creating great UX.
Best Practices for Responsive UX
- Design with content first avoid running into space constraints and awkward layouts
- Keeping data in mind helps you strategically design around what works on a site and remove what is not. Users analytics will help you make the right design choices.
- Start with the most constraining screen size and evolve from there. It will help define hierarchy and UX strategy.
- Designing for a wide variety of devices. Keep things like scale, touch target, and tabbing in mind at the beginning of your design concept.
Visit Adobe’s blog to read the details associated with each approach to keep in mind when designing a responsive site with excellent UX.