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. 

I have started a screen design class this semester with the focus of web design and our first assignment is to read the article "Responsive Web Design" by Ethan Marcotte and reflect on what responsive design is and why it is important. 

Screen Design

Reading Assignment: “Responsive Web Design” by Ethan Marcotte

Responsive design is associated to web designing that is exactly what it says, it is responsive to the device that is being used to view the website. This takes into account the size of the device and the viewing screen that is used so that all important elements of the certain website are seen. This had been done for an individual device until it was pointed out that the coding could be altered in order to adjust to different viewing-mediums.

This is especially important today because we are using a larger range of devices to view the web and it changes rapidly. It would be overly excessive if a new coding was having to be written for a new device coming out, and then do that for every website. It just sounds silly to me. With responsive design, one is able to get their point across in a timelier manner or the user of the site is able to maneuver it in a timelier manner because it was user-friendly. This can be quite imperative in marketing because the amount of time that a company has to capture their audience’s or customer’s attention, could be a matter of how well they were able to use the website on their device, whether it be their computer, phone, or iPad, it is essential to cater to those using the sites the most.