Responsive Website Evaluation

MyCity Website

Web view
Mobile view

Evalution

This responsive website changes the size of its images, menubar and text when viewed on a mobile device. The 5 icons become large and can be viewed horizontally instead of the icons being in line vertically so that they are easier to view and interact with. The menu bar along the top of the website disappears and is instead represented by the hamburger icon that can be interacted with to view the options that were previously along the top which works well and declutters the page.

BBC Sport Website

Web view
Mobile view

Evaluation

This website design has images, text and a menubar that all adapt to the change in device used to view the site. The different sports do not appear along the top in the mobile version and are instead included in a drop down menu with the hamburger icon which helps to make the page look more clean. The main article appears at the top of the mobile website with a very large image and the other articles appear below it with smaller images with their headlines to the right of the image. There are also several other things you can see on the web view that can only be accessed through menus in the mobile view.

Microsoft Email Sign In

Web view
Mobile view

Evaluation

This is a much more simplistic website as it is a sign in page. When viewed on mobile the large image that fills most of the screen disappears and the user is left with only the sign in part of the page. This makes it much easier to use on a mobile device as the log in area of the page is easier to interact with.

Amazon Website

Web view
Mobile view

Evaluation

This website changes dramatically when resized down to mobile view to make it easier for users to interact with. The sign in option changes from text to an easily recognisable icon with a small amount of text which makes it easier to navigate the rest of the page as it takes up less space. The grid that advertises some of the websites products changes so that you have to scroll down on the mobile version to see all of it.

College Website

Web view
Mobile view

Evaluation

When this page becomes its more slim mobile version it keeps much of the page the same. The search bar is decreased to an icon representing the search bar. The menubar becomes an icon representing the menu and it drops down when interacted with and this saves room for other things on the page. The large image at the left of the page is forfeited for the text and the two columns of text become one to make it easier to read on a mobile device as it allows text to be enlarged.

Created By
Lewis Morgan
Appreciate

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.