At the start of the project we decided to use Bootstrap as the source of our CSS. This was to learn an industry standard technology and to improve the aesthetics of the website easier. However another feature of Bootstrap is the capability for responsive design. We implemented this onto our site so that the site would work on different browsers, different browser sizes and even devices such as tablets and phones.
Here are some example of the responsive web templates you can access using Bootstrap:
Here are some examples of when I change my browser size:
Responsive design has become an important part of website building over the past 10. The increase use of different browsers and new technology such as smart phones and even smart TVs means that people are accessing the internet not only using a computer or laptop. According to The Office of National Statistics, access to the Internet using a mobile phone more than doubled between 2010 and 2014, from 24% to 58%. This means that more and more online applications are needing to be mobile and tablet compatible. A lot of very popular social applications like Facebook and Twitter have made an app for their service specifically made for mobile devices.
I have found a report from Google’s “Our Mobile Planet” which has given me some statistics about mobile use in the UK:
- 54% search on their smartphones every day
- 29 apps are installed onto an average device
- Smartphones have become an indispensable part of our daily lives. Smartphone penetration has risen to 62% of the population and these smartphone owners are becoming increasingly reliant on their devices.
- 65% access the Internet every day on their smart phone and 80% never leave home without it.
- Implication: Businesses that make mobile a central part of their strategy will benefit from the opportunity to engage the new constantly connected consumer.
Here is a link to the PDF: Google Mobile Statistics
Mobile devices are the most used but other devices like tablet and games consoles are also used to access the internet and need to be considered when building a site.
This is an infographic which explains which devices are most popular and even shows the devices you wouldn’t instantly think of like a smart watch and a smart TV:
Internet Access – Households and Individuals 2014 – ONS . 2015. Internet Access – Households and Individuals 2014 – ONS . [ONLINE] Available at:http://www.ons.gov.uk/ons/rel/rdit2/internet-access—households-and-individuals/2014/stb-ia-2014.html. [Accessed 15 April 2015].
Our Mobile Planet. 2015. Our Mobile Planet. [ONLINE] Available at:http://think.withgoogle.com/mobileplanet/en/downloads/. [Accessed 15 April 2015].