Talk will cover the following:
Device/Platform spectrum available in market
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
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 ?
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.
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
Mobile First Approach
Designing the RAW (Responsive Adaptive Web)
Time & Money
Website vs. Web App
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
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
Classify different data points and define their behavior across devices
Working between the Portrait & Landscape mode for handheld devices is a
Define the new visual design language maintaining the brand color & identity
• 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
Reduced Costs (development cycle)
Better Customer Experience
Upside in sales
Website serving multiple devices with seamless customer experience
Low maintenance required
Increase in traffic for handheld devices
Data speak about the success
Grid structure customization
Tackle future devices
What’s the future?
Assistant Manager – User Experience Design