Responsive site
-
Upload
lara-cattlin -
Category
Design
-
view
39 -
download
1
Transcript of Responsive site
![Page 1: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/1.jpg)
Spohn Ranch ResponsiveThe following quick presentation was created to persuade skate ramp construction co.
Spohn Ranch to develop a responsive website. This deck took 1 hour to create.
![Page 2: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/2.jpg)
![Page 3: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/3.jpg)
Device User % Avg. Session Duration Bounce Rate
Desktop 55% 4:06 49%
Mobile 38% 1:19 71%
Tablet 7% 3:03 52%
Conclusions
Usability of the mobile site needs improving. The session duration is low and the bounce
rate high (20% higher than the desktop).
There is a high percentage of Mobile users. This warrants a mobile redesign focused on
usability. Ideally we would start with mobile user testing.
How many users access the site via
mobile?
![Page 4: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/4.jpg)
How does responsive help with SEO?
1. Google favors mobile-optimized sites when presenting results for searches made on a
mobile device
1. High bounce rates on mobile affect the overall ranking of a site. When Google relates a
high bounce rate to the site not having relevant content, and so will rank the website
lower.
1. According to Mashable.com 74% of mobile users will leave after waiting 5 seconds
for a page to load. A responsive website design will load pages faster as it can serve
up smaller file sizes.
![Page 5: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/5.jpg)
Usability is Key
People are often doing more
than one thing while on their
phone.
![Page 6: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/6.jpg)
Expectations
People have come to expect
a solid mobile experience
when they visit your site.
![Page 7: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/7.jpg)
Competitors
The majority of your
competitors are leading the
pack in mobile-friendly sites.
![Page 8: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/8.jpg)
Competitors on Desktop & mobile: Grindline
![Page 9: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/9.jpg)
Competitors on Desktop & mobile: Pillar design Systems
![Page 10: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/10.jpg)
Competitors on Desktop & mobile: California Skate Parks
![Page 11: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/11.jpg)
Competitors on Desktop & mobile: Team Pain
![Page 12: Responsive site](https://reader035.fdocuments.in/reader035/viewer/2022071814/55a6c2df1a28ab8b428b4590/html5/thumbnails/12.jpg)
Competitors on Desktop & mobile: American Ramp Company