Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UX14 - UX Strategy: Design For Future (Punit Dutt Mathur)

October 10, 2014

UX14 - UX Strategy: Design For Future (Punit Dutt Mathur)

Talk will cover the following:
Device/Platform spectrum available in market
Multi-device shopping
How Responsive Design help in driving seamless customer experience?
UX approach for multi-device
Combination of Responsive & Adaptive Design
Framework for Responsive Adaptive Web
Impact & ROI on business
What's the future


October 10, 2014

More Decks by uxindia

Other Decks in Design


  1. The mass adoption of smart phones and tablets has changed

    the way we view the web. No longer tied to a single location, websites need to be accessible at any time from any place on any device. The answer ? Responsive Design
  2.  More than 20 percent of Google searches are now

    being performed on some sort of mobile device.  In 2012 over half of all local searches were done on a mobile device.  25 percent of Internet users only access the internet via a mobile device in the United States.  25.85 percent of all emails are opened on mobile phones, with another 10.16 percent being opened on tablets.  In 2014 mobile Internet usage is expected to overtake desktop usage.  Out of the 4 billion mobile phones in the world, 1.08 billion are smartphones and 3.05 are SMS enabled.
  3.  As user are accessing web through multiple devices we

    need to be prepared to cater all the web forms  Having an app for mobile & tablet will not be sufficient  Seamless Customer Experiences  Customer Engagement  Mobile First Approach  Adaptive Design  Designing the RAW (Responsive Adaptive Web)
  4.  Improved UX  Common UI & Code for Desktop,

    Tablets & Mobile*  Boost in conversion rates with multi-device  Lean Team with common UI, Dev & QA for Desktop & Mobile*  Faster time to market for Desktop & Mobile* deliveries  Custom reusable elements across devices  Consistent experience across site/channels  Improved SEO
  5.  Identify a framework that can be used for going

    Responsive  Major breakpoint from resolution point of view for which we need to design  Benchmarking the sites which have already adopted the responsive approach  Also keep in mind that the mobile app & web should have a similar experience.  Classify different data points and define their behavior across devices  Working between the Portrait & Landscape mode for handheld devices is a challenge  Define the new visual design language maintaining the brand color & identity
  6. • What’s the use of framework? • Multiple framework are

    available for responsive design like: Bootstrap, Foundation, Golden Grid System, Fluid Baseline Grid and many more… • We choose Bootstrap • Understand the grid system • Balance between the limitation of framework and the design
  7.  Increased Productivity  Reduced Costs (development cycle)  Better

    Customer Experience  Upside in sales  Website serving multiple devices with seamless customer experience  SEO friendly  Low maintenance required  Increase in traffic for handheld devices  Data speak about the success