Responsive Websites RESEARCH

Missguided

Desktop
Mobile

Evalutation

The same menubar formatting is used within both the Mobile and Desktop versions, creating easy navigation around the page. However, when using it on the desktop version, you are unable to view the menubar when scrolling. Although there is minimal usage of text present, the image sizing is at an appropriate scale allowing easy advertising to take place. There is limited use of grid-work which may have been more visually stimulating.

Boohoo

Desktop

Evaluation

In comparison to the above, the menubar within the desktop version of the Boohoo website gradually transforms into a more compact format when scaled down into the mobile version, allowing variety. There is a good use of hierarchy and the fonts used are easy to read. Imagery is used prominently, but only where necessary, which allows clear and detailed advertising. There is also use of grid on both versions where the columns decreasing from desktop to mobile.

BBC News

Desktop
Mobile

Evaluation

There is an efficient use of flexible grid-work within the BBC News website which helps to convey the various news stories in a clear and professional manner. When converted into a tablet or mobile version, the desktop version is able to convert into a simpler format with ease and without errors. Their use of imagery is selective and only used to accompany articles. As it is an informative website, all text needs to be easily-readable which they have successfully achieved.

The University of Glasgow

Desktop
Mobile

Evaluation

At first The University of Glasgow's website looks like it follows a similar grid in both the desktop and mobile versions, however if you look more closely it has two columns on the desktop and one column on the mobile. Their use of text is very simple and also changes size on each version making it easily readable. The imagery used is appropriately placed. The menubar is located at the top of both versions - it is directly accessible with the use of multiple buttons on the desktop version, however, is condensed into a different format on the mobile version where it is only accessible through the use of an additional button option at the top left-hand side.

Visit Aberdeenshire

Desktop
Tablet
Mobile

Evalution

The main imagery within this site seems to be consistent throughout all three versions and is also able to scale up appropriately when converted into a mobile, tablet or desktop version. The menubar changes on each version - the desktop menubar is located at the top of the page and is directly accessible with multiple buttons; the tablet menubar is located on the top left-hand corner in the form of a button, however you need to click on the button to access the content; and finally, the mobile menubar is directly accessible in the form of multiple buttons in the middle of the page. Flexible grid-work is also used in each of the versions - the desktop version having the most columns and the mobile version having the least. The text used is proportional to each version.

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.