Week 3 Homework

3 Article Summaries:

http://www.adaptivepath.com/ideas/myspace_advertising

1. During the days of Myspace, the company generated money through ads on their website where users could click on the ads while navigating through their Myspace pages.  But this layout became a problem because the ads interfered with users’ experiences for they cluttered the entire website.  In order to create a symbiotic relationship between advertisers and users where each party could profit and enjoy the website, Myspace ditched their 9 panel layout, and opted for a simpler two column spread.  With this new layout, there was only one, eye capturing ad on the website.  It not only generated more profit for Myspace, but it also allowed the user to have an interactive experience within the advertisement as well.  Having been a Myspace user, I know that this one ad format was very effective, for it was the advertisements on the homepage that would always entice me to click on the advertiser’s website.  Had Myspace stayed with its 9 panel layout, the company would probably have lost more users over a shorter time period because having too complicated of a layout will make a user confused; whereas, a simple website layout draws the user in quickly and efficiently.

http://webdesignerwall.com/tutorials/the-simpler-css-grid

2. Nick explains that the 960 px grid is outdated because the gutters are too narrow, and do not work for modern day design.  When people work with the 960 px grid system, they have to add padding to parts of the content area in order to give the illusion that the gutter is wider.  Also, since the live content is only 940 px, the layout contains unnecessary margins on both sides of the piece.  The author suggests a 978 px layout instead because not only does it get ride of the margins, it also increases the gutter space from 20 px to 30 px.  I believe this system allows designers more creative freedom to display their content without having a rigid grid system dictate how a composition must be laid out.

http://www.alistapart.com/articles/responsive-web-design/

3. Web design is transient, for its formula is always changing within one of two years; therefore, making web designers’ lives hard for they must make sure that their designs can adapt to the different devices on the market.  For now, most web designers use the fluid grid, which can maintain the same layout when a browser’s width is adjusted or when the browser is turned to portrait mode; but, this system has its limitations such as that it can only maintain the layout up until a certain width.  Marcotte suggests that designers use a new technique called responsive web design in which both the design and any kind of media device work together to give the user an optimal browsing experience.  The three main players in responsive web design are fluid grids, flexible images, and media queries.  This new format allows websites accessed from any device to maintain their original layout without compromising resolution or format.

2 & 3 Column Grid Layouts:

(760 px x 980 px)

(560 px x 980 px)

3 well designed websites:

http://www.facebook.com

http://www.abc.com

http://www.amazon.com

Advertisements
Aside | This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s