Wednesday, January 18, 2012


Although this was for the same weekend homework I separated them into two separate posts. We were to find a responsive website and a non-responsive website and evaluate them.

Food Sense is a responsive website that interacts with the viewer’s device or window size. When viewed on the larger scale the main picture (slideshow) is most of the viewing page with the labels to the left. As it is sized down the labels move above the picture and eventually loose the icons next to the words. The circle logo is in the top left hand corner and eventually comes right between the labels and the picture. There are pictures nestled under the big picture and when sized down they stack on top of one another with their descriptions like a blog. When it is sized down, it can be said that it would be easier to view on a smart phone like the iPhone.

Urban Outfitters does not have a responsive website. When the account is viewed from the larger scale it looks as any other website would appear. But when it is scaled down, it scales down as though the website page is just being cut off and can not be viewed anymore. It does not size down to a smaller typeface or smaller picture size so that all of the important elements are still visible and user friendly. If I was on my iPhone I would have to zoom out in order to see where I wanted to go and then zoom back in to click on the image. But if this website was responsive to my screen size then I may be more likely to buy something right from their website on my iPhone while I was on my way home from school, but without it could just take too much time for me to deal with before I have to get off the bus and walk home. 

No comments:

Post a Comment