<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Smart Alice&#039;s Web Design Blog &#187; User Interface Design</title>
	<atom:link href="http://smartalicewebdesign.com/wordpress/tag/user-interface-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://smartalicewebdesign.com/wordpress</link>
	<description>What makes a great web site? Join the conversation about what works or doesn&#039;t work when you plan, design, and build your web site.</description>
	<lastBuildDate>Mon, 22 Aug 2011 22:05:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Sinners, Repent &#8211; The 7 Deadly Sins of Web Design!</title>
		<link>http://smartalicewebdesign.com/wordpress/user-interface-design/sinners-repent-the-7-deadly-sins-of-web-design/</link>
		<comments>http://smartalicewebdesign.com/wordpress/user-interface-design/sinners-repent-the-7-deadly-sins-of-web-design/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 19:56:10 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[bad web design]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=447</guid>
		<description><![CDATA[I&#8217;ve always enjoyed the 7 deadly sins as thematic material for art and literature.  So I got a big kick out of the following use of the 7 sins to structure a narrative on bad web design.   Its origin is a webinair by Seth Rosenblatt at the American Marketing Association.  It came to me via [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2010/06/bosch.jpg" alt="bosch" title="bosch" width="499" height="565" class="aligncenter size-full wp-image-458" /><br />
I&#8217;ve always enjoyed the 7 deadly sins as thematic material for art and literature.  So I got a big kick out of the following use of the 7 sins to structure a narrative on bad web design.   Its origin is a webinair by Seth Rosenblatt at the American Marketing Association.  It came to me via a newsletter by Lynn Ericson from<a href="http://ericsonmitchell.com/" target="_blank"> Ericson Mitchell</a>.  I hope you enjoy it as much as I did.</p>
<hr />
<span style="color: #000000;"><span>The </span></span><span style="color: #000000; font-weight: bold;"><span>Seven Deadly Sins</span></span><span style="color: #000000;"><span> is, of course, a classification of objectionable  vices that has been around since early Christian times to instruct and educate  followers. It may seem like a stretch to apply the sins&#8211; pride, greed, envy,  lust, gluttony, sloth,wrath &#8212; to your website. Eternal damnation is not much of  a risk if your site is guilty of any of these &#8212; </span></span><span><span style="color: #000000;">but losing visitors is.</span></span></p>
<p><span style="color: #000000;"><span style="color: #ff0000; font-weight: bold;">1. PRIDE (VANITY)</span> &#8212; excessive love  of self &#8212; is pretty easy to recognize if the site is obviously ALL ABOUT YOU.  Your company is wonderful, you are wonderful and your product or service is, of  course, wonderful &#8212; all of which may be true &#8212; but if this is your focus, most  likely you&#8217;re not as concerned as you should be about gearing your site to your  clients&#8217; or customers&#8217; needs.  &#8221;What are the benefits to the customer?&#8221; has been  the marketers&#8217; mantra for as long as I can remember. Not only do you need to  connect with your visitors but you must anticipate how they are going to  navigate your site. </span></p>
<p><span style="color: #000000;">At Ericson  Mitchell, we stress that creating a personality for your company is the essence  of your brand. But the personality is not YOU so lose the CEO or president&#8217;s  photo on the first page of your site &#8212; unless he or she is Oprah, Cesar the Dog  Whisperer or someone else well enough known to be an integral part of the  company&#8217;s brand.</span></p>
<p><span style="color: #000000;"><span style="color: #ff0000; font-weight: bold;">2. GREED</span> &#8212; an excessive  desire for more than one needs &#8212; is all about asking for too much from your  visitors. Let&#8217;s say the consumer is ready to buy your book, for example, and he  is about to hit the red BUY NOW button and he notices a few more  options:</span><br />
<span style="font-style: italic; color: #000000;">CLICK  HERE to download our latest white paper, </span><br />
<span style="font-style: italic; color: #000000;">CLICK HERE to sign up for our  newsletter, </span><br />
<span style="font-style: italic; color: #000000;">CLICK  HERE to read our privacy policy.</span></p>
<p><span style="color: #000000;">You have provided enough DISTRACTIONS to get him to  another page and he&#8217;s off on another tangent. The more alternatives you provide  to take action, the less likely you are to get the sale. The same is true for  asking for too much information on forms &#8212; streamlining them makes it much more  likely that visitors will actually finish providing the info you need before  they&#8217;re interrupted by something &#8212; and gone. </span></p>
<div style="color: #000000;"><span> </span></div>
<p><span style="color: #000000;"><span style="color: #ff0000; font-weight: bold;"><span>3. GLUTTONY </span></span><span>&#8211; wanting  more of everything, over-indulgence &#8212; is frequently manifested in so many  sites, the ones we all run across and </span></span><span><span style="color: #000000;">exit as quickly as possible. You only have a few  seconds to engage a visitor and if your site has TOO MUCH of everything&#8211; too  many images, too much content and too many typefaces &#8212; the result will feel  chaotic to the viewer, who will not know where to start reading and probably  move on. In the world of web design, we call these &#8220;clown pants&#8221; sites. The  &#8220;white space&#8221; that designers love so much is not to make sites look pretty but  because it helps guide the viewers through your site the way you want them to  experience it. Often, less really is more.</span></span></p>
<p><span style="color: #000000;"><span style="color: #ff0000; font-weight: bold;">4. ENVY</span> &#8212; desire for what  another has &#8212; can result in sending out a generic message on your website.  Don&#8217;t copy what your competitors are doing. Be clear how you are  differentiated from them and emphasize that. Their websites may not be all that  effective and when it comes to usability, visitors are more likely to compare  your site with the experience of sites they visit frequently and are comfortable  with.</span></p>
<div style="color: #000000;"><span style="color: #ff0000; font-weight: bold;"><span>5. LUST </span></span><span> As much as you  would love your site to look as cool as your rock musician brother&#8217;s site,  with Flash animation, video and music, the customers in your lawn care business  probably wouldn&#8217;t be impressed. There should be a purpose behind every element  of your site and flash over substance is always a mistake. Not only does it NOT  attract the customers you want, it actually alienates them and can hinder your  efforts at Search Engine Optimization.<br />
</span></div>
<p><span><span style="color: #000000;"><span style="color: #ff0000; font-weight: bold;">6. SLOTH</span> Ask yourself  some questions. When was the last time you updated the content in your site?  Does your site look stuck in the 1990&#8242;s? Are you taking advantage of <span style="font-style: italic;">Google Analytics</span> or even just the statistics  provided by your hosting company? The really great thing about the web is that  the metrics are so easy to access and you can find out where your visitors come  from, what pages they visit, how long they stay, when they visit, etc. Much of  this information is FREE. And Content Management Systems are now so much more  sophisticated and easy to use that excuses are harder to find for not staying  current. </span></span></p>
<p><span style="color: #000000;">And finally <span style="color: #ff0000; font-weight: bold;">7. WRATH</span>.  Probably  expressing anger on your site is not an issue, unless you want to attract other  angry people. Provoking anger is </span><span style="color: #000000;">a  different story. Visitors who become frustrated navigating your site or annoyed  by not finding what they need will give up and go elsewhere. A recent survey by  <span style="font-style: italic;">Hostways</span> came up with seven biggest pet  peeves:<br />
</span></p>
<ul><span></p>
<li>
<div style="color: #000000;">Pop up ads</div>
</li>
<li>
<div style="color: #000000;">Being required to install software to view the  site</div>
</li>
<li>
<div style="color: #000000;">Dead links</div>
</li>
<li>
<div style="color: #000000;">Confusing navigation</div>
</li>
<li>
<div style="color: #000000;">Required registration to access content</div>
</li>
<li>
<div style="color: #000000;">Slow loading pages</div>
</li>
<li>
<div style="color: #000000;">Ineffective site search tools</div>
</li>
<p></span></ul>
<p><span style="color: #000000;"><span>70% of respondents said they  would be unlikely to purchase from a site that annoyed them, that they would  probably never go back and &#8212; that they never want to hear from that company  again. An irritated visitor is usually an ex-visitor.</span></span><span><br />
</span><br />
<img src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2010/06/rski.jpg" alt="rossignol ski line" title="rossignol ski line" width="558" height="290" class="aligncenter size-full wp-image-460" /></p>
<p>Analysis by <a href="smartalicewebdesign.com">Smart Alice Web Design</a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/user-interface-design/sinners-repent-the-7-deadly-sins-of-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Web Site with Depth</title>
		<link>http://smartalicewebdesign.com/wordpress/visual-design/depth/</link>
		<comments>http://smartalicewebdesign.com/wordpress/visual-design/depth/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 13:15:20 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Content Development]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[depth of information]]></category>
		<category><![CDATA[user interaction]]></category>
		<category><![CDATA[using fonts]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=353</guid>
		<description><![CDATA[For me this web site is the epitome of why we bother to build web sites.]]></description>
			<content:encoded><![CDATA[<div id="attachment_372" class="wp-caption alignleft" style="width: 160px"><a href="http://louislortie.com" target="_blank"><img class="size-thumbnail wp-image-372 "  title="Click to go to the web site" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2010/02/lortie22-150x150.png" alt="Home Page, Web Site of Louis Lortie" width="150" height="150" /></a><p class="wp-caption-text">Home Page, Web Site of Louis Lortie</p></div>
<p>Monday, March 1 marks the 200<sup>th</sup> anniversary of Frederick Chopin’s birthday.  In honor of one of my favorite composers let’s talk about the web site of pianist <a href="http://www.louislortie.com/" target="_blank">Louis Lortie</a>.  For me this web site is the epitome of why we bother to build web sites.  Louis Lortie is a  concert pianist and recording artist.  At his site there is a great depth of information about him, his career and discography, and, most interesting, it showcases his thoughts about music interpretation and its challenges.</p>
<p>Here’s the treasure you’ll find on just one page, Chopin:</p>
<ul style="margin-left:180px;">
<li>An excerpt from the score of a Chopin Etude</li>
<li>A series of videos</li>
<li>A photo of Chopin</li>
</ul>
<p>The series of short videos showcase  Lortie playing two of the Chopin Etudes (a glorious aural experience) and Lortie, at the piano, talking about his approach to playing the etudes while playing excerpts to illustrate his thoughts.  As each video plays, its title  changes from black to lavender so you can keep track of where you are in the series.  Or, you can click on the one you want to hear.  Great user interface design!  Notice that underneath the video the timer is presented as a musical staff!  Clever design!</p>
<div id="attachment_370" class="wp-caption alignleft" style="width: 310px"><a href="http://louislortie.com" target="_blank"><img class="size-medium wp-image-370 " title="Click to go to the web site" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2010/02/lortie1-300x277.png" alt="Chopin Page, Web Site of Louis Lortie" width="300" height="277" /></a><p class="wp-caption-text">Chopin Page, Web Site of Louis Lortie</p></div>
<p>My only criticism is that the text on the home page is hard to read – a result of using a justified right margin and the italic font with very little line spacing.  The  opacity factor on the font doesn&#8217;t help either.</p>
<p>Lortie has created a passionate web site with great depth of information that gives us a window into his soul and the beauty of the music he plays.</p>
<p>Analysis by <a href="smartalicewebdesign.com">Smart Alice Web Design</a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/visual-design/depth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

