Research Of Responsive Sites
Website 1 -
The grid structure begins with a row of 3 images and a navigation menu at the left. When sized down to fit on a mobile layout the grid structure changes to only having one column. This allows the mages to be larger therefore easily accessible on a touch screen. The log in and search bar on the top right of the web layout and are relatively small. When transferred to a phone they have been enlarged and moved to the lower section of the screen.
Website 2 -
This website follows the same process as before where the computer version has 3 columns which are reduced down to being a single column to accommodate the touch screen aspects. The links to articles on this blog can be enlarged and easier for the clientele to use when on a phone when reduced to this structure.
Website 3 -
As this layout is being restructured from a side by side structure on a web to a single column, for a mobile, the text becomes larger in order to maintain readability of the website. The buttons also become larger to allow easier navigation around the site.
Website 4 -
Changing from two rows into one with larger images and links allows this website to remain modern and sleek which helps to represent their product of the luxury, sleek cars. Search bars and social site buttons are also enlarged which also may be suggestive to the users to share the site.
The navigation menus and information bars at either side of the body of the website get moved into the same column below the main body of the web. This keeps the layout neat and easy to look through. The table, images and links are all enlarged to add to the ease of use.