<?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; using fonts</title>
	<atom:link href="http://smartalicewebdesign.com/wordpress/tag/using-fonts/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>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>
		<item>
		<title>Tips for SEO</title>
		<link>http://smartalicewebdesign.com/wordpress/content-development/search-party/</link>
		<comments>http://smartalicewebdesign.com/wordpress/content-development/search-party/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 14:20:44 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Content Development]]></category>
		<category><![CDATA[keywords and key phrases]]></category>
		<category><![CDATA[search engine optimization]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[using fonts]]></category>
		<category><![CDATA[web site content]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=284</guid>
		<description><![CDATA[Does it take a search party to find you on the web? (Photo from the Mel Brooks movie &#8220;Young Frankenstein&#8221;) Before computers, how did a local business get noticed? Besides the usual marketing activities, you could  list your business in the yellow pages.  Remember the days when businesses named themselves “AAA Roofing” or “AAA Rent [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-285" title="search" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/10/search.jpg" alt="search" width="428" height="312" /></p>
<h2>Does it take a search party to find you on the web?</h2>
<p>(Photo from the Mel Brooks movie &#8220;Young Frankenstein&#8221;)</p>
<p>Before computers, how did a local business get noticed? Besides the usual marketing activities, you could  list your business in the yellow pages.  Remember the days when businesses named themselves “AAA Roofing” or “AAA Rent A Car” so they would show up first in their category?  These days people won&#8217;t usually look for a business or service in the yellow pages.  They look on the web.  So what can you do to make sure your web site shows up high on the list returned by a search?</p>
<h2>Make sure your web pages contain critical information</h2>
<p>Practice common sense when designing your web site and writing the content.  For example, if you own a floral business, it&#8217;s unrealistic to expect your business to come up first on a search when there are 28,700,000 other florists out there.   However, a search engine, such as Google, is happy to list you on the first page when:</p>
<ol>
<li> Google recognizes the location of the user doing the search</li>
<li>And then matches the search to a business and a zip code.</li>
</ol>
<p>If you’ve  included location and zip code information on your web site, you&#8217;ll show up at the top of the list.  Including location information is common sense but you&#8217;d be surprised how many web sites make people &#8211; and Google &#8211; dig for it.</p>
<h2>Two for one: good writing enhances search</h2>
<p>There are more common sense practices to follow that enhance the user interface, impart  information, and help people navigate your site:</p>
<ul>
<li>Ascertain key phrases to identify your business and message and use  them strategically, especially in <strong>page titles</strong> and <strong>headings</strong>.</li>
<li>Write straightforward text and organize it logically.</li>
<li>Present it with legible, user intuitive typography.</li>
</ul>
<p>When you follow these common sense rules, you also enhance the ability of a search engine to index your site and promote it.</p>
<h2>What is SEO?</h2>
<p>A buzz word you hear a lot is Search Engine Optimization (SEO).   SEO is basically  doing whatever  you  can to make sure your web site shows up high on the list returned by a search relevant to your business.  SEO is the common sense practices I&#8217;ve just described and anyone who is intelligent and thoughtful can do it as they write, with a little training and practice.</p>
<p>Marketing companies are charging big money under the premise they  can employ &#8220;magical&#8221; SEO techniques to promote your site, but I’m skeptical about what works and how much it’s worth. One thing they can do is pay a search engine to artificially promote your site, but be aware you&#8217;ll pay thousands of dollars per month for it.</p>
<h2>Who is that man behind the curtain?</h2>
<p>I was hired to write web page content for a business I’ll call The Widget Company.   What I wrote was then sent to a 27 year old Vice President of SEO (that was his title, really!) at a high priced marketing firm. (That a 27 year old could be a vice president should be the first tip off something isn’t right.)</p>
<p>To increase the probability the web site would come up first whenever a user typed “widget” on Google or other search engine,  he stuck the word “widget” in front of every possible noun he could, often creating awkward noun strings that impacted readability.  And stuck the word “widget” inside of product names, creating incorrect product names.  He also introduced grammar and spelling errors. For this The Widget Company paid a retainer of several thousand a month.  Does anyone besides me smell a bad deal?</p>
<p>Why is The Widget Company paying for it?  There is one answer – fear.  The management doesn’t understand technology and this creates insecurity.  And, as long as everyone else is doing it, they’re afraid they’ll be left behind if they don’t do it, too.</p>
<p>Frankly I’m skeptical of  paying a bunch of money to SEO salesmen preying on people’s lack of experience with technology.  Common  sense, good writing, and strategic marketing along with intelligent web  design will boost your visibility.  You don&#8217;t have to pay thousands of dollars for an SEO specialist.</p>
<h2>Update, Jan. 26, 2010</h2>
<p>Four months after I wrote this post, the Boston Globe published an article that echoes my opinion.  It includes the quote &#8220;Being charged  $5,000 a month to manage the SEO process is crazy.&#8221;  You can read the  entire article at <a href="http://www.boston.com/business/technology/articles/2010/01/24/in_web_world_a_successful_marketing_effort_means_gaining_inside_track_on_searches/?page=1">In Web world, a successful marketing effort means gaining inside track on searches</a></p>
<h2>Update, March 27, 2011</h2>
<p>More info from another Boston Globe article (that borrowed my analogy regarding the yellow pages!): Google analyzes more than 200 factors when ranking web pages and Google tweaks its ranking software 500 times a year!</p>
<p>&nbsp;</p>
<p>Commentary by <a href="http://smartalicewebdesign.com">Smart Alice Web Design</a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
<p>Copyright 2011, Alice Gebura, All Rights Reserved.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/content-development/search-party/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I&#8217;m Calling You</title>
		<link>http://smartalicewebdesign.com/wordpress/visual-design/im-calling-you/</link>
		<comments>http://smartalicewebdesign.com/wordpress/visual-design/im-calling-you/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 06:34:48 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[smart web design]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[using fonts]]></category>
		<category><![CDATA[visual emphasis]]></category>
		<category><![CDATA[web site analysis]]></category>
		<category><![CDATA[web site design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=221</guid>
		<description><![CDATA[“The web design of this web site is horrible.” My daughter was rather annoyed. She had looked up the web site of a local bookstore because she wanted to call them about a book. All she needed was the phone number. Her irritation increased the more she had to click around to find such an [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">“The web design of this web site is horrible.”<span> </span>My daughter was rather annoyed.<span> </span>She had looked up the web site of a local bookstore because she wanted to call them about a book.<span> </span>All she needed was the phone number.<span> </span>Her irritation increased the more she had to click around to find such an obvious piece of information.<span> </span></p>
<p class="MsoNormal">How many businesses get caught up with slick, flashy web design but forget to take care of basic information?<span> </span>How many times have you had to click Contact Us to get to a phone number?<span> </span>I’ve visited <span> </span>sites where the phone number or location are seriously buried.<span> </span></p>
<p class="MsoNormal">
<p class="MsoNormal">If you want people to call you or locate your place of business, put that information in a prominent location on every page, and never beneath the fold.<span> </span>Consider other factors that contribute to visibility: contrast, font size and color, reverse type, and so forth.</p>
<p class="MsoNormal">
<p class="MsoNormal">Check out these business sites and see how long it takes you to find the phone number.</p>
<p class="MsoNormal"><a href="http://www.caselloelectric.com/index.php" target="_blank"><img class="alignleft size-thumbnail wp-image-225" title="Click here to go to Casello Electric" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/04/elec-150x150.jpg" alt="Click here to go to Casello Electric" width="150" height="150" /></a></p>
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal"><a href="http://www.calumetphoto.com/" target="_blank"><img class="alignleft size-thumbnail wp-image-222" title="Click here to go to Calumet Photo" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/04/camera-150x150.jpg" alt="Click here to go to Calumet Photo" width="150" height="150" /></a></p>
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal"><span><a href="http://www.srbc.com/default.asp" target="_blank"><img class="alignleft size-thumbnail wp-image-227" title="Click here to go to SRBC" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/04/srbc-150x150.jpg" alt="Click here to go to SRBC" width="150" height="150" /></a><br />
</span></p>
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal"><span><br />
</span></p>
<p style="margin-top:120px;">
Analysis by <a href="http://smartalicewebdesign.com"><strong>Smart Alice Web Design</strong></a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
<p>Copyright 2009, Alice Gebura, All Rights Reserved.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/visual-design/im-calling-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Dog and the Lotus</title>
		<link>http://smartalicewebdesign.com/wordpress/layout/the-dog-and-the-lotus/</link>
		<comments>http://smartalicewebdesign.com/wordpress/layout/the-dog-and-the-lotus/#comments</comments>
		<pubDate>Fri, 23 Jan 2009 00:49:01 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[bad web design]]></category>
		<category><![CDATA[color palette]]></category>
		<category><![CDATA[font selection]]></category>
		<category><![CDATA[good web design]]></category>
		<category><![CDATA[using fonts]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=49</guid>
		<description><![CDATA[The experience of good web site design feels like settling into a comfortable chair. However, when the design is visually exhausting, it repels the user instead of inviting him or her in. Let&#8217;s take a look at how two yoga studios present themselves on the web and see how we feel about them. First, the [...]]]></description>
			<content:encoded><![CDATA[<p>The experience of good web site design feels like settling into a comfortable chair. However, when the design is visually exhausting, it repels the user instead of inviting him or her in. Let&#8217;s take a look at how two yoga studios present themselves on the web and see how we feel about them.</p>
<p style="font-weight: bold;"><span style="font-size: medium;">First, the Dog</span></p>
<p><img class="aligncenter size-full wp-image-50" title="Laughing Dog Yoga Web Site" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/01/laughdog.jpg" alt="Laughing Dog Yoga Web Site" width="500" height="300" /></p>
<p>When I look at the home page of <a href="http://ldy.otpartners.com/"><b>Laughing Dog Yoga</b></a> the first things I notice are a) the layout feels awkward and b) there are way too many fonts. The layout is basically an endless list. This creates big blank spaces. It makes my eyes tired to scroll through it. On a more personal level, I find the color scheme unattractive.</p>
<p><span style="font-size: medium;"><span style="font-weight: bold;">Font Crazy</span></span></p>
<p>
There are six different fonts in the left navigation pane and five different fonts in the content area, for a total of 11 different font variations. Fonts vary by color, size, style (bold, italic, etc.) and typeface.</p>
<p><img class="alignleft size-full wp-image-55" title="Blurry Typeface" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/01/blur1.jpg" alt="Blurry Typeface" width="185" height="210" /></p>
<p>Note the links in the navigation pane are all caps and in white with a drop shadow for an overall blurry (that means hard to read) effect.</p>
<p>The design principles of repetition and clarity should govern your font selection. Too much variety prevents the user from finding and focusing on information.</p>
<p>My overall experience: Uncomfortable</p>
<table>
<tr>
<td> &nbsp; </td>
</tr>
</table>
<p style="font-weight: bold;"><span style="font-size: medium;">The Lotus &#8211; Love Those Colors<br />
</span></span></p>
<p>By contrast, <a href="http://www.muditayoga.com/home.html"><b>Mudita Yoga Studio</b></a> features a beautifully composed photo on the home page.</p>
<p><img class="aligncenter size-full wp-image-57" title="Mudita Yoga Studio" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/01/mudita.jpg" alt="Mudita Yoga Studio" width="500" height="558" /></p>
<p>Look closely at the colors in the lotus blossom. You’ll see these same colors used throughout the site for backgrounds and borders. A collection of related colors form a color palette and this is one characteristic of good design.</p>
<p>I see only three fonts used on the home page. Each one is distinct and each one has a function. There is a font for the name of the business, a font for the navigation buttons, and a font for the main content. Immediately my eye understands and I feel comfortable reading and investigating the site further. I might revisit the sight later just to enjoy the photos. If some of the photos change, that&#8217;s even better.</p>
<p>My overall experience: Enchanted</p>
<p>What do you think? Which site do you prefer? Send me a link to another yoga site and tell me how the design affects you.</p>
<p>Analysis by <a href="http://smartalicewebdesign.com"><b>Smart Alice Web Design</b></a>.</p>
<p><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script><br />
<script type="text/javascript">
_uacct = "UA-3865877-1";
urchinTracker();
</script></p>
<p><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script></p>
<p><script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3865877-1");
pageTracker._initData();
pageTracker._trackPageview();
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/layout/the-dog-and-the-lotus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

