Spotify
These screenshots display various layouts that then welcome the user with a banner including a call to action or use modular blocks to display various genre groups. The banner has been cropped to fit displays with bigger resolutions.
This website’s responsiveness might be further enhanced by using modular blocks for each component to enable a smooth transition as you scroll down the page and prevent the call to action from closing the border as it does in the TV example. Over time, the TV has evolved into a device for both searching for content and enjoying favourite shows. According to “A growing number of UK citizens use Smart TVs to access the internet, with up to 26% of all online time being spent on Smart TVs. ” (Federica Laricchia, statista, 14 February 2022) The navigation bar can be found on the left side of the website.
BBC
These screenshots demonstrate various layouts that greet viewers with small column blocks for each news segment and a huge landscape box for larger screens that displays breaking news. However, smaller displays employ a single column hierarchy with each news item in its own box. Additionally, websites use hamburger menus rather than normal menus to keep everything simple and allow for complete focus on the news.
Depending on the user’s selections, the BBC website employs a navigation bar to direct visitors to topics like weather or sports in addition to news. When you click on a page, like Weather, it moves as the area gets smaller and fits precisely into the designated spot.
Netflix
These screenshots demonstrate various layouts that greet users with a sizable banner and a call to action pushing them to sign up as members instead of just having the logo and a sign-in area. On a huge screen, the website is perfectly sized with a single, expansive landscape box.
The next column doesn’t appear cropped when browsing the website on a smaller screen, therefore by spreading out the next column, the responsiveness of this website might be further improved by allocating more space in the column block.
References
BBC, n.d. Welcome to the BBC [Online] (2022) Availiable at: https://www.bbc.co.uk/ [Accessed in 26 October 2022]
Federica Laricchia, statista, 14 February 2022. Household penetration of smart TV sets in the United Kingdom (UK) from 2014 to 2021 [Online] (n.d.) Availiable at: https://www.statista.com/statistics/654074/smart-tv-penetration-in-uk-households/ [Accessed in 26 October 2022]
Netflix n.d. Unlimited films, TV programmes and more. [Online] (n.d.) Available at : https://www.netflix.com/gb/ [Accessed in 26 October]
Spotify, n.d. Listening is everything [Online] (2022) Availiable at: https://www.spotify.com/uk/ [Accessed in 26 October 2022]