<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://draft.blogger.com/navbar.g?targetBlogID\x3d11090344\x26blogName\x3dTwo+Blonde+Boys\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://patamo.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://patamo.blogspot.com/\x26vt\x3d7128200420438901512', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><!-- --><div id="flagi" style="visibility:hidden; position:absolute;" onmouseover="showDrop()" onmouseout="hideDrop()"><div id="flagtop"></div><div id="top-filler"></div><div id="flagi-body">Notify Blogger about objectionable content.<br /><a href="http://help.blogger.com/bin/answer.py?answer=1200"> What does this mean? </a> </div></div><div id="b-navbar"><a href="http://www.blogger.com/" id="b-logo" title="Go to Blogger.com"><img src="http://www.blogger.com/img/navbar/3/logobar.gif" alt="Blogger" width="80" height="24" /></a><div id="b-sms" class="b-mobile"><a href="smsto:?body=Hi%2C%20please%20check%20out%20my%20blog%20at%20readshlog.blogspot.com">Send via SMS</a></div><form id="b-search" name="b-search" action="http://search.blogger.com/"><div id="b-more"><a href="http://www.blogger.com/" id="b-getorpost"><img src="http://www.blogger.com/img/navbar/3/btn_getblog.gif" alt="Get your own blog" width="112" height="15" /></a><a id="flagButton" style="display:none;" href="javascript:toggleFlag();" onmouseover="showDrop()" onmouseout="hideDrop()"><img src="http://www.blogger.com/img/navbar/3/flag.gif" name="flag" alt="Flag Blog" width="55" height="15" /></a><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="b-next"><img src="http://www.blogger.com/img/navbar/3/btn_nextblog.gif" alt="Next blog" width="72" height="15" /></a></div><div id="b-this"><input type="text" id="b-query" name="as_q" /><input type="hidden" name="ie" value="UTF-8" /><input type="hidden" name="ui" value="blg" /><input type="hidden" name="bl_url" value="readshlog.blogspot.com" /><input type="image" src="http://www.blogger.com/img/navbar/3/btn_search_this.gif" alt="Search This Blog" id="b-searchbtn" title="Search this blog with Google Blog Search" onclick="document.forms['b-search'].bl_url.value='readshlog.blogspot.com'" /><input type="image" src="http://www.blogger.com/img/navbar/3/btn_search_all.gif" alt="Search All Blogs" value="Search" id="b-searchallbtn" title="Search all blogs with Google Blog Search" onclick="document.forms['b-search'].bl_url.value=''" /><a href="javascript:BlogThis();" id="b-blogthis">BlogThis!</a></div></form></div><script type="text/javascript"><!-- var ID = 12585839;var HATE_INTERSTITIAL_COOKIE_NAME = 'dismissedInterstitial';var FLAG_COOKIE_NAME = 'flaggedBlog';var FLAG_BLOG_URL = 'http://www.blogger.com/flag-blog.g?nav=3&toFlag=' + ID;var UNFLAG_BLOG_URL = 'http://www.blogger.com/unflag-blog.g?nav=3&toFlag=' + ID;var FLAG_IMAGE_URL = 'http://www.blogger.com/img/navbar/3/flag.gif';var UNFLAG_IMAGE_URL = 'http://www.blogger.com/img/navbar/3/unflag.gif';var ncHasFlagged = false;var servletTarget = new Image(); function BlogThis() {Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) { Q=y.getSelection();} else if (x.getSelection) { Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');void(0);} function blogspotInit() {initFlag();} function hasFlagged() {return getCookie(FLAG_COOKIE_NAME) || ncHasFlagged;} function toggleFlag() {var date = new Date();var id = 12585839;if (hasFlagged()) {removeCookie(FLAG_COOKIE_NAME);servletTarget.src = UNFLAG_BLOG_URL + '&d=' + date.getTime();document.images['flag'].src = FLAG_IMAGE_URL;ncHasFlagged = false;} else { setBlogspotCookie(FLAG_COOKIE_NAME, 'true');servletTarget.src = FLAG_BLOG_URL + '&d=' + date.getTime();document.images['flag'].src = UNFLAG_IMAGE_URL;ncHasFlagged = true;}} function initFlag() {document.getElementById('flagButton').style.display = 'inline';if (hasFlagged()) {document.images['flag'].src = UNFLAG_IMAGE_URL;} else {document.images['flag'].src = FLAG_IMAGE_URL;}} function showDrop() {if (!hasFlagged()) {document.getElementById('flagi').style.visibility = 'visible';}} function hideDrop() {document.getElementById('flagi').style.visibility = 'hidden';} function setBlogspotCookie(name, val) {var expire = new Date((new Date()).getTime() + 5 * 24 * 60 * 60 * 1000);var path = '/';setCookie(name, val, null, expire, path, null);} function removeCookie(name){var expire = new Date((new Date()).getTime() - 1000); setCookie(name,'',null,expire,'/',null);} --></script><script type="text/javascript"> blogspotInit();</script><div id="space-for-ie"></div>

Sunday, July 20, 2008

The 10 Commandments of Web Design

I ran into a link for THIS ARTICLE from Business Week over on Kem Meyer's blog:
  1. Thou shalt not abuse Flash. The technology can easily be abused—excessive, extemporaneous animations confuse usability and bog down users' Web browsers.
  2. Thou shalt not hide content. Advertisements may be necessary for a site's continued existence, but usability researchers say pop-ups and full-page ads that obscure content hurt functionality—and test a reader's willingness to revisit.
  3. Thou shalt not clutter. The Web may be the greatest archive of all time, but sites that lack a coherent structure make it impossible to wade through information.
  4. Thou shalt not overuse glassy reflections. Some experts say Apple's habit of creating glassy reflections under photos of its products has been far too commonly copied, turning the style element into a cliche.
  5. Thou shalt not name your Web 2.0 company with an unnecessary surplus or dearth of vowels. Cases in point: Flickr, Smibs, and Meebo. These names are memorable but destined to sound dated.
  6. Thou shalt worship at the altar of typography. Designers say that despite the increase in broadband penetration, plain text has gotten a second wind in cutting-edge Web design.
  7. Thou shalt create immersive experiences. Merely looking good doesn't cut it anymore. Sites like Facebook and YouTube draw in users with compelling content and functionality.
  8. Thou shalt be social. Build in elements so users can communicate and interact—not just with you, but with each other.
  9. Thou shalt embrace proven technologies. Wikipedia, YouTube, Facebook, and their cohorts have become a part of daily life. Sites that can incorporate these elements into their design will connect with users in a meaningful way by providing functionality they're already familiar with.
  10. Thou shalt make content king. Though the slogan is old, it still stands. Aesthetic design can only go so far in making a site successful. Beautiful can't make up for empty.

HT: Business Week via Kem Meyer on Less Clutter & Noise

0 Comments:

Post a Comment

<< Home