Download - Responsive design now and in the near future
![Page 1: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/1.jpg)
This is my presentation and notes from the Web Managers Forum in Feb 2013.
Notes from me, Simon Norris here!
![Page 2: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/2.jpg)
In the beginning there was liquid design. The challenge was that as new browser versions emerged, liquid design became increasingly complex.
This ushered in the era of ‘fixed width’ design layouts.
![Page 3: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/3.jpg)
1 2 3With the rise smart phones and tablets, responsive web design (RWD) emerged. Luke Wroblewski’s (@lukeW) mobile first approach then emerged and better experiences prevailed.
![Page 4: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/4.jpg)
Part of Nomensa style guidelines. An often overlooked aspect of RWD but very necessary to design a consistent experience.
![Page 5: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/5.jpg)
RWD considers how to best present across different devices from super desktop through to mobile, including different orientations.
![Page 6: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/6.jpg)
The challenge is how many devices do we design for?
There are so many devices with more emerging all the time. We need to be specific about the devices we are designing for.
![Page 7: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/7.jpg)
- Al Power
“The RWD route provided us with a framework to prioritise features with stakeholders and forced us
to keep things simple and display our content in a nicer way on a
variety of devices”
Let’s go back to the future!
![Page 8: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/8.jpg)
32% of UK consumers have used their mobile
to find a retailer’s nearest store or opening times
Research stats:
Shopping is part of our culture.
![Page 9: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/9.jpg)
Research stats:
43% of UK consumers have used their mobile to compare prices and look at product reviews
while out shopping
We love comparing reviews and prices on our phones.
![Page 10: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/10.jpg)
Research stats:
32% of smartphone owners use mobile to
research products every week
The phone has become a powerful ubiquitous search tool.
![Page 11: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/11.jpg)
Research stats:
1 in 5 smartphone owners admit to ‘showrooming’
Showrooming – buying a product from a different store to the one you are in.
![Page 12: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/12.jpg)
On average mobiles account for 31% of site traffic in the UK
Purchase stats:
![Page 13: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/13.jpg)
Purchase stats:
69% of tablet owners make a purchase on their device every
month
![Page 14: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/14.jpg)
Purchase stats:
20% of mobile owners say that mobile ads have influenced a
purchase
1 in 5 people are influenced by mobile adverts.
![Page 15: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/15.jpg)
Purchase stats:
Almost 1 in 5 mobile device owners say their impulse buying has
increased, 71% of these say the main reason is the process is so
simple
![Page 16: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/16.jpg)
Purchase stats:
25% of UK consumers have made a purchase using their
mobile
Mobile buying is becoming a common behaviour.
![Page 17: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/17.jpg)
Purchase stats:
1 in 4 UK residents have shopped online using their
smartphone
25% of mobile users shop online.
![Page 18: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/18.jpg)
Purchase stats:
Tablets account for 18% of UK paid search clicks
![Page 19: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/19.jpg)
Purchase stats:
29% of UK smartphone owners have made a purchase using
the mobile web
![Page 20: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/20.jpg)
Purchase stats:
24% of UK consumers used mobile for Christmas shopping
![Page 21: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/21.jpg)
A survey of 2,000 smartphone owners found that:
Relationship between research and purchase:
• After researching products on their phone, 38% of respondents completed a purchase in-store, 25% on their smartphone
• 41% of respondents said they use their mobile device in-store at least half the time they were out shopping
Rates of buying in-store (38%) are catching up with online mobile (25%).
![Page 22: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/22.jpg)
A survey of 2,000 smartphone owners found that:
Relationship between research and purchase:
•42% of in-store researchers are looking for better prices elsewhere
•19% are searching for vouchers
•16% for location based offers
Better prices is the number one thing people are searching for.
![Page 23: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/23.jpg)
Everything is changing. The physical world is blending with the digital world. A new world of cross channel interaction is emerging (#xchannel).
![Page 24: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/24.jpg)
It is no longer just digital. We can move seamlessly from the digital to physical world and back again. We need to know how to design for this new era.
![Page 25: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/25.jpg)
There is no roadmap for the future. Skill and courage and essential design skills.
We need to be a little bit more like Felix Baumgartner – JUST GO FOR IT!
![Page 26: Responsive design now and in the near future](https://reader035.vdocument.in/reader035/viewer/2022062404/554ba2a5b4c905ae618b4ba3/html5/thumbnails/26.jpg)
Thank you@we_are_Nomensa
Thank you for reading – please follow us on Twitter for more insights.