Custom Search

Senin, 17 November 2008

AOL has redesigned its home page. You may not see it yet, because it’s being gradually rolled out, but it’s accessible at this link (kill the cookies if you’re from outside of the US and it keeps redirecting you to the UK version of the site). You can see a comparison between the new version (above) and the old version of AOL below.

The most important features, besides the slightly improved design and a blueish scheme that replaces the earthy tones on the old version of the site, are the social integration tools. First of all, under the “My Stuff” menu in the top right area of the page, AOL now offers a lot more than email, weather, pictures and the AOL toolbar. Now, you can slide it for more options, which include movies, horoscope, music and social news from Propeller.

Furthermore, a great emphasis is put on social networks. The “My Networks” area located on the right is essentially a built-in widget from which you can access your Facebook, MySpace, AIM, Bebo and Twitter accounts. Nifty, and a great way to keep the visitors on your page instead of having them run off directly to these sites.

As far as blunders go, I can’t help but notice that the largest image on the new site, when I opened it, was an unbelievably ugly wrinkle-remover ad. Call me old fashioned, but when you have a slick new design up, you probably don’t want your visitors to puke because of a scary ad. Other than that, AOL has done well with the makeover; it’s not a radically different design, but the new social features are definitely a good move which will keep some traffic on the site.

Tidak ada komentar:

*/ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:900px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:579px; margin: 0px; padding-right:40px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float:left; width: 230px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLQI/AAAAAAAAA5M/gUWQtJY-ngs/saab-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:282px; overflow: hidden; width:900px; color: $pagetitlecolor; background: url('http://lh6.google.com/jvdmds/R0ZpQ9WgLII/AAAAAAAAA30/c2SHCkw4gGM/saab-1.jpg') no-repeat top left; } #header h1 {width: 400px; font: $pagetitlefont; margin:50px 20px 5px 40px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:center; } #header h1 a {text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 40px; text-align:center; width:400px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; padding-left: 5px} .post h3 { text-align: left; line-height: 42px; padding-top: 8px;height: 42px; padding-left:10px; margin:0px -20px; font: $titlefont; color: $titlecolor; background: url('http://lh3.google.com/jvdmds/R0Zq0NWgLTI/AAAAAAAAA5k/lsvGR8TzZR8/saab-t.jpg') no-repeat top left; } .post {padding:0px 20px; background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLRI/AAAAAAAAA5U/iumYj0Qdn4Y/saab-c.jpg') repeat-y top left; } .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px -20px; text-align: right;padding-right: 10px; font-size: 88%; color:$footercolor; background: url('http://lh3.google.com/jvdmds/R0Zq0NWgLSI/AAAAAAAAA5c/1eOz1dlhxSI/saab-f.jpg') no-repeat top left; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:900px; height:30px; text-align:center; color: #999; background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLQI/AAAAAAAAA5M/gUWQtJY-ngs/saab-2.jpg') repeat-y top left; } #footer-wrapper {margin: 0; padding-left:260px; font-size: 75%; clear: both; } #footer-wrapper a { color: #999; text-decoration: none;} #footer-wrapper a:hover{ color: #f90; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]>