<?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>Pleasanton Web Design &#187; user-centered web design</title>
	<atom:link href="http://pleasantonwebdesignblog.com/category/user-centered-web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://pleasantonwebdesignblog.com</link>
	<description>Information on Web design, technology, and culture from my vantage point here in Pleasanton, California.</description>
	<lastBuildDate>Fri, 04 May 2012 18:22:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>What &#8220;Looks Good&#8221; is Subjective</title>
		<link>http://pleasantonwebdesignblog.com/2012/02/what-looks-good-is-subjective.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=what-looks-good-is-subjective</link>
		<comments>http://pleasantonwebdesignblog.com/2012/02/what-looks-good-is-subjective.html#comments</comments>
		<pubDate>Fri, 03 Feb 2012 04:22:48 +0000</pubDate>
		<dc:creator>Troy Philis</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[user-centered web design]]></category>
		<category><![CDATA[user-centered website design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website planning]]></category>
		<category><![CDATA[Website Redesign]]></category>

		<guid isPermaLink="false">http://pleasantonwebdesignblog.com/?p=997</guid>
		<description><![CDATA[We are all aware of the sayings &#8220;Beauty is in the eye of the beholder,&#8221; &#8220;Different strokes for different folks&#8221; and &#8220;There is no accounting for taste.&#8221; Unfortunately, although these sayings are universal, the associated insights don&#8217;t seem to be. This is nowhere more apparent when designing something for someone else. What looks &#8220;professional&#8221; to [...]]]></description>
			<content:encoded><![CDATA[<div class="none"><div class="g-plusone" data-href="http://pleasantonwebdesignblog.com/2012/02/what-looks-good-is-subjective.html" size="small" count="true"></div></div><p><img class="alignright size-medium wp-image-998" title="Tacky Lady" src="http://pleasantonwebdesignblog.com/wp-content/uploads/2012/02/tacky_lady-332x500.jpg" alt="Tacky Lady" width="253" height="380" />We are all aware of the sayings &#8220;Beauty is in the eye of the beholder,&#8221; &#8220;Different strokes for different folks&#8221; and &#8220;There is no accounting for taste.&#8221; Unfortunately, although these sayings are universal, the associated insights don&#8217;t seem to be. This is nowhere more apparent when designing something for someone else.<strong> What looks &#8220;professional&#8221; to one person, can easily be boring, ugly, or even unprofessional to a different person.</strong></p>
<p>As a web designer you learn that almost all descriptive terms are useless in completing the nuts-and-bolts task of creating a design the pleases the client. You need them to show you what they like, and you need to show them how you interpret that, and there the actual dialog begins.</p>
<p>Over and above pleasing the client, the designer&#8217;s task is to make the client realize that their <strong>taste is not universal</strong>, and their target audience may not respond positively to what they think looks good, or cool, or whatever. More important than pleasing themselves  (or their partners, employees, spouse,  friends or mother) is <strong>creating a design that communicates the desired message to the target audience</strong>.</p>
<p>What can be even more of a challenge is the tendency for inexperienced website buyers to be fixated on look-and-feel, or the visual design, to the neglect and expense of useability. The desire to speed through, or skip the boring task of information design and content creation to get to the visual mockups is extremely common and uniformly disastrous. Then, when the website flops, of course it is the visual design that is the problem and needs to be fixed.</p>
<p>
<!-- Begin Google Adsense code -->
<script type="text/javascript"><!--
google_ad_client = "pub-8315023803230274";
/* 468x60, created 1/7/09 */
google_ad_slot = "2170958206";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End Google Adsense code -->
</p>
<p>As a web designer, the best thing you can do to save the client from themselves in such cases is to try to explain with examples, and if that doesn&#8217;t work, stick to your process regardless of the pressure to do otherwise.</p>
]]></content:encoded>
			<wfw:commentRss>http://pleasantonwebdesignblog.com/2012/02/what-looks-good-is-subjective.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Designing Websites for 1024&#215;768 Screen Resolution</title>
		<link>http://pleasantonwebdesignblog.com/2007/01/designing-websites-for-1024x768-screen-resolution.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=designing-websites-for-1024x768-screen-resolution</link>
		<comments>http://pleasantonwebdesignblog.com/2007/01/designing-websites-for-1024x768-screen-resolution.html#comments</comments>
		<pubDate>Sun, 28 Jan 2007 01:29:00 +0000</pubDate>
		<dc:creator>Troy Philis</dc:creator>
				<category><![CDATA[1024x768]]></category>
		<category><![CDATA[screen resolution]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user-centered web design]]></category>
		<category><![CDATA[user-centered website design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://pleasantonwebdesign.tpdevspace.com/?p=110</guid>
		<description><![CDATA[The very first thing you need to do when beginning the graphic design of a Website is to make two related decisions: Will the Website be a fixed size, or will it stretch (or shrink) to fit the visitor&#8217;s screen resolution and What screen resolution will you optimize for? For a while, 800 x 600 [...]]]></description>
			<content:encoded><![CDATA[<div class="none"><div class="g-plusone" data-href="http://pleasantonwebdesignblog.com/2007/01/designing-websites-for-1024x768-screen-resolution.html" size="small" count="true"></div></div><p>The very first thing you need to do when beginning the graphic design of a Website is to make two related decisions:        </p>
<ul>
<li>Will the Website be a fixed size, or will it stretch (or shrink) to fit the visitor&#8217;s screen resolution and</li>
<p> 
<li>What screen resolution will you optimize for? </li>
</ul>
<p>
<p>
<!-- Begin Google Adsense code -->
<script type="text/javascript"><!--
google_ad_client = "pub-8315023803230274";
/* 468x60, created 1/7/09 */
google_ad_slot = "2170958206";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End Google Adsense code -->
</p>
<p>For a while, 800 x 600 at fixed resolution has been very  popular. And for a while, 1024 x 768 has been the most common screen resolution used by Web surfers &#8217;round these parts. Take a look at my stats from last week:</p>
<p style="line-height: 16.5pt;"><span style=";font-family:Verdana;font-size:9;"  >  <span style="">                </span></span><span style="font-size:100%;"><strong><span style=";font-family:Arial;" >Screen Resolution</span></strong></span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">                </span></span><span style="font-size:100%;"><strong><span style=";font-family:Arial;" >Percent</span></strong></span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >1)</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">                </span></span><span style=";font-family:Arial;font-size:100%;"  >1024&#215;768:</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">                </span></span><span style=";font-family:Arial;font-size:100%;"  >63.81%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >2</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">) </span></span><span style=";font-family:Arial;font-size:100%;"  >800&#215;600</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">: </span></span><span style=";font-family:Arial;font-size:100%;"  >10.81%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >3</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">)                </span></span><span style=";font-family:Arial;font-size:100%;"  >1280&#215;1024</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">: </span></span><span style=";font-family:Arial;font-size:100%;"  >10.30%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >4</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">               ) </span></span><span style=";font-family:Arial;font-size:100%;"  >1280&#215;800</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">:                </span></span><span style=";font-family:Arial;font-size:100%;"  >2.70%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >5</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">) </span></span><span style=";font-family:Arial;font-size:100%;"  >1152&#215;864</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">:                </span></span><span style=";font-family:Arial;font-size:100%;"  >2.67%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >6</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">)                </span></span><span style=";font-family:Arial;font-size:100%;"  >1440&#215;900</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">: </span></span><span style=";font-family:Arial;font-size:100%;"  >1.57%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >7</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">) </span></span><span style=";font-family:Arial;font-size:100%;"  >1680&#215;1050:</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">                </span></span><span style=";font-family:Arial;font-size:100%;"  >1.17%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >8</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">)                </span></span><span style=";font-family:Arial;font-size:100%;"  >1280&#215;768</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">: </span></span><span style=";font-family:Arial;font-size:100%;"  >1.17%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p style="line-height: 16.5pt;"><span style=";font-family:Arial;font-size:100%;"  >9</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">) </span></span><span style=";font-family:Arial;font-size:100%;"  >1600&#215;1200</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">:                </span></span><span style=";font-family:Arial;font-size:100%;"  >1.06%</span><span style=";font-family:Verdana;font-size:100%;"  ><o:p></o:p></span></p>
<p>  <span style=";font-family:Arial;font-size:100%;"  >10)</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">            </span></span><span style=";font-family:Arial;font-size:100%;"  >1280&#215;960</span><span style=";font-family:Verdana;font-size:100%;"  ><span style="">:         </span></span><span style=";font-family:Arial;font-size:100%;"  >0.95%</span></p>
<p>So, if that is anywhere near typical, most of the visitors  to those 800&#215;600 fixed width Websites are seeing a lot of unused real estate on their screen. That probably accounts for the recent comeback of fancy page background patterns I&#8217;ve noticed over the past couple of years. </p>
<p>
<!-- Begin Google Adsense code -->
<script type="text/javascript"><!--
google_ad_client = "pub-8315023803230274";
/* 468x60, created 1/7/09 */
google_ad_slot = "2170958206";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End Google Adsense code -->
</p>
<p>Just as 640&#215;480 bit the dust, it looks like 800&#215;600 could  be nearing it&#8217;s demise in the next couple of years. Not yet  though. Ten percent of potential customers is a lot of people  to give the finger to by placing crucial content outside of their 800&#215;600 comfort zone. Here are my recommendations:</p>
<ol>
<li> Use a page design that fills the screen at 1024&#215;768, but has no crucial content outside of the 800&#215;600 box.</li>
<p> 
<li> Look at the page design at the different screen resolutions listed above that have a visitor percentage of 2.5 or more.        </li>
<p> 
<li> Optimize the page for 1024&#215;768, but make sure it still  looks good, and displays crucial content at 800&#215;600 and  1280&#215;1024.</li>
<p> 
<li> Make sure the page design doesn&#8217;t fall apart at 1280&#215;800   or 1152&#215;864.</li>
<p>      </ol>
<p>I expect that all those people surfing with <span style=";font-family:Arial;font-size:100%;"  >1024&#215;768</span> screen resolution are getting pretty bored of seeing that 800&#215;600 stripe down the middle of their screen, no matter how pretty the background pattern is. Designing for 1024&#215;768 will make your Websites stand out, and give at least the appearance of better use of screen real estate.</p>
<p>
<!-- Begin Google Adsense code -->
<script type="text/javascript"><!--
google_ad_client = "pub-8315023803230274";
/* 468x60, created 1/7/09 */
google_ad_slot = "2170958206";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End Google Adsense code -->
</p>
<div class="tag_list">Tags: <span class="tags"><a href="http://technorati.com/tag/screen+resolution" rel="tag">screen resolution</a>, <a href="http://technorati.com/tag/1024x768" rel="tag">1024&#215;768</a>, <a href="http://technorati.com/tag/user-centered+web+design" rel="tag">user-centered web design</a>, <a href="http://technorati.com/tag/web+design" rel="tag">web design</a>, <a href="http://technorati.com/tag/user-centered+website+design" rel="tag">user-centered website design</a>, <a href="http://technorati.com/tag/usability" rel="tag">usability</a></span></div>
]]></content:encoded>
			<wfw:commentRss>http://pleasantonwebdesignblog.com/2007/01/designing-websites-for-1024x768-screen-resolution.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>User-Centered Website Design</title>
		<link>http://pleasantonwebdesignblog.com/2007/01/user-centered-website-design.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=user-centered-website-design</link>
		<comments>http://pleasantonwebdesignblog.com/2007/01/user-centered-website-design.html#comments</comments>
		<pubDate>Mon, 22 Jan 2007 20:35:00 +0000</pubDate>
		<dc:creator>Troy Philis</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[user-centered web design]]></category>
		<category><![CDATA[user-centered website design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://pleasantonwebdesign.tpdevspace.com/?p=104</guid>
		<description><![CDATA[From the standpoint of a web designer there are two perspectives you can take on how the website will be used. The first is the most obvious to most website buyers. It is the sales and marketing perspective. You want a website to sell products. You would like to lead the customer down the click [...]]]></description>
			<content:encoded><![CDATA[<div class="none"><div class="g-plusone" data-href="http://pleasantonwebdesignblog.com/2007/01/user-centered-website-design.html" size="small" count="true"></div></div><p>From the standpoint of a web designer there are two perspectives you can take on how the website will be used. The first is the most obvious to most website buyers. It is the sales and marketing perspective. You want a website to sell products. You would like to lead the customer down the click path of your choosing, with the final step being the purchase. You also want to create certain associations with your “brand” in the customer’s mind, such as “our brand is stylish, ” or “our brand is valuable.” You want to condition the user to have certain reactions when seeing your brand. In short, you want to do something to the visitor, or make the visitor do something. You want to lead, or push them into action. When designing from this perspective you start with what you, as the Website owner, want the user to do, and design the Website to that end.</p>
<p>The other perspective you can take in designing a Website is that of the user. The user will come to your Website for a reason. They may want to compare the price of your product to another product, or their budget. They may want to view product or service specifications, download a white paper, or make a purchase. When designing from this perspective, you start with what the user, or users, wants to do and design the Website to that end.</p>
<p>So you may guess at this point that if you were to design your website based on what the user wants to do, they would have an easier time doing that, and therefore have a better experience. They would see the Website as being more usable (easier to use) and feel that they had a better experience after using it. With the Website designed based on the needs of the sales or marketing department, the opposite can be true. Users may feel the site is difficult to use, especially if what they want to do does not match what the sales marketing people want them to do (or think they should be doing) on the Website. </p>
<p>In reality Websites are designed with a mix of sales/marketing perspective and user perspective. Because of company politics, it is usually the case the sales and marketing department has more political power than the Web team, so it’s often difficult for the Web designer to shift the focus on to the user and away from making the Website an online brochure, or an exercise in operant conditioning. It is important that the user’s voice is heard.  In the end, the best thing a Website can do for your business is to give the user a good experience by allowing them to do what they want to do.  That won’t happen unless you design for it.
<div class="tag_list">Tags: <span class="tags"><a href="http://technorati.com/tag/usability" rel="tag">usability</a>, <a href="http://technorati.com/tag/user-centered+web+design" rel="tag">user-centered web design</a>, <a href="http://technorati.com/tag/user-centered+website+design" rel="tag">user-centered website design</a>, <a href="http://technorati.com/tag/web+design" rel="tag">web design</a>, <a href="http://technorati.com/tag/website+design" rel="tag">website design</a></span></div>
]]></content:encoded>
			<wfw:commentRss>http://pleasantonwebdesignblog.com/2007/01/user-centered-website-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

