Adobe Sayes Responsive UX is Evolving

Responsive UX

Responsive UXResponsive design is something that is always up for discussion, it affects the design process from concept to creation. Designing sites to be responsive is a must, Google favours mobile-friendly design. The average user spend more time on responsive websites vs non- responsive. You would think that would lead to a majority of sites meeting the standard for adaptability to multiple screen and mobile friendly design. But shockingly, the 2014 State of the Mobile Web reported that only 15% of sites are fully responsive.

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

Read More at Adobe Sayes Responsive UX is Evolving

from Web Design Ledger http://webdesignledger.com/adobe-sayes-responsive-ux-is-evolving

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s