RESPONSIVE WEB DESIGN

Have you noticed how many websites are getting updated featuring new simplistic layouts? This idea of responsive web design is an new approach in web layouts that focuses on the users experience to easily navigate any website. This is done with simple layouts and aligned text, graphics, tabs, and search bar so users can easily know where items are located.

I chose Garmin for my layout example.

Here is an image of their site in a narrow layout. I like this site format because it's similar to a mobile device. Other options are placed on the top left corner with the three bars. This feature is also used on sites like Facebook and BuzzFeed. The images on the center are very medium sized with a minimalist style and are placed at a location with easy access. The type sizes are aligned well with the centered title, blue links, and headings above with bolder text. Overall the content is very simplistic and great for the first time users in need of assistance.

Here is Garmin's normal sized layout of their website. The main focus is now no longer the title, but the products Garmin is trying to sell. This is done with backgrounds in the same color scheme and different sized block. Easy to read text contrasts the backgrounds and show readers what is important by emphasizing with text size. Users can learn more about Garmin by clicking on their tabs on the top right, and viewing more products with the slideshow featured on the home page.

Here is Garmin's web layout in full screen mode. The site is now centered to avoid users moving their cursor over empty spaces. The blocked items are used for different products similar to the normal sized page. The extra bottom tabs are centered, and aligned with different link colors. The text is black and white to easily contrast with different backgrounds, go well with the color scheme, and focus on the product's content.