<?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>Outbox Takeout &#187; User Experience</title>
	<atom:link href="http://outboxonline.com/blog/category/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://outboxonline.com/blog</link>
	<description>A web design blog by Kate McMillan</description>
	<lastBuildDate>Wed, 07 Jul 2010 19:35:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=3404</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Give (and receive) Feedback on a Website: Part 2</title>
		<link>http://outboxonline.com/blog/web-design/give-feedback-website-part-2/</link>
		<comments>http://outboxonline.com/blog/web-design/give-feedback-website-part-2/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 19:29:28 +0000</pubDate>
		<dc:creator>Kate McMillan</dc:creator>
				<category><![CDATA[Creating a New Website]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Website Content]]></category>
		<category><![CDATA[Working With a Web Designer]]></category>

		<guid isPermaLink="false">http://outboxonline.com/blog/?p=408</guid>
		<description><![CDATA[Earlier I wrote a post about how to give feedback on a website.  It was less about the ins-and-outs of giving feedback, and more about a tool you can use to make it easy to deliver your feedback.  This time I&#8217;m going to talk a little bit about ways to give helpful feedback [...]]]></description>
			<content:encoded><![CDATA[<p><img style=' float: right; padding: 4px; margin: 0 0 2px 7px;'  class="alignright size-full wp-image-409" title="feedback" src="http://outboxonline.com/blog/wp-content/uploads/2010/07/feedback.jpg" alt="" width="126" height="126" />Earlier I wrote a post about <a href="http://outboxonline.com/blog/web-design/give-feedback-website/">how to give feedback on a website</a>.  It was less about the ins-and-outs of giving feedback, and more about a tool you can use to make it easy to <em>deliver</em> your feedback.  This time I&#8217;m going to talk a little bit about ways to give helpful feedback to your web designer.<span id="more-408"></span></p>
<ul>
<li>If you&#8217;re working with a website designer, hopefully you&#8217;ve both done your homework to make sure you&#8217;re a good fit.  As a site owner, you want someone whose aesthetic range works well with your own.  Just like if you&#8217;re into a traditional-looking house, you wouldn&#8217;t hire an architect who focuses on uber modern design to build your dream house, you want to make sure the designer you choose is really good at the kind of design you and your existing/potential customers prefer.  Most designers have a range of styles in which they work, and they&#8217;re usually available for your perusal via their website. If you&#8217;ve received a design proposal that seems out of left field make  sure the designer fully understands your goals and your target audience. As a web designer, make sure you understand the goals of the project &#8211; and if you get the sense at the outset that you won&#8217;t be a good fit for the client for whatever reason, don&#8217;t be afraid to let the client know &amp; move on to your next project.</li>
<li>Before the design phase begins, make sure any specific wants/needs are communicated.  This could be things like coordinating with an existing brand, or making an intentional departure from a previous design.  I hesitate to include things like a specific layout, because the goal of your site should be driving the layout, and if you hired a talented designer they&#8217;ll be able to create a layout that will work best for your project.  Also, while it&#8217;s important for your website to stand out and be unique, you don&#8217;t want to create something alien to your customers.  There are certain web-based standards that users look for &#8212; locations for things like search and login, or navigation, or copyright and privacy info.  There&#8217;s little incentive to reinventing the wheel here.  In most cases you want creativity around how to best display your messaging in a clear way, both aesthetically and through text&#8230; not creativity around how to totally reinvent the way a user expects a website to work.  If you&#8217;re finding that your feedback is focused on coming up with never-before-seen ways to present information &#8211; be wary.</li>
<li>When giving feedback on a proposed design, work hard to communicate what&#8217;s not delivering on the needs of the project rather than suggesting specific alternative design solutions.  Remember that you (hopefully) hired a designer to come up with solutions to help you meet your goals, not to work Photoshop on your behalf.  Think back to the audience for your site (who is often not you) and what will resonate with <em>them</em>.  For example, if your site caters to a mature audience and your designer gives you something with tiny type, communicate that a mature audience will need better legibility rather than a specific font size.   Often, competing demands mean compromise &#8211; so if you&#8217;ve specifically requested a tremendous amount of info on a single page but you don&#8217;t want anything displayed below the fold, and tiny type is a method of meeting your requirements &#8211; consider identifying the *source* of the problem, or give your designer an opportunity to identify a solution for you.  Perhaps it&#8217;s not tiny type that needs fixing &#8211; perhaps it&#8217;s reducing the amount of text, or breaking something out into different pages or tabs to allow for the legibility and white space that will make your site appealing and usable for your audience.  If your feedback only offers suggestions rather than identifying problems, your designer can&#8217;t do the job you hired them for.</li>
<li>Remember that the client drives the project, but it&#8217;s good when a designer pushes back on something that steers away from meeting the client&#8217;s goals.  As a client you are an expert in what you do, and hopefully you know your customer/audience really well.  So, it&#8217;s up to you to clearly communicate your business, customer profile and business goals to your designer.  If you are muddy on your goals, or you&#8217;re asking for competing notions (like a really dark, moody design for a website about a cheery kid&#8217;s book), you&#8217;re going to end up with a muddy website.  Sure, it might be beautiful, but if it doesn&#8217;t resonate with your audience, it doesn&#8217;t matter how beautiful it is.  Remember that your web designer is an expert too &#8212; an expert in translating what you want your website to do/be into a design that works to meet your goals.  Rely on them for this.  If you want someone to tell you all your ideas are great, and to create something that was really designed by a committee of you, your Mom, and the person you met recently at the grocery store, don&#8217;t be surprised if what you end up with isn&#8217;t a great design.  Just like you (hopefully) wouldn&#8217;t stand over your plumber while they&#8217;re working on your new bathroom and tell them that your spouse thought maybe they should put the drain pipe slightly to the left because they heard it&#8217;ll work better that way.</li>
<li>Do your homework.  The more prepared you are with your goals, information about your target audience, information about your competition, and likes/dislikes, the easier it&#8217;ll be to work with your designer.  Think of it this way, if you went into a restaurant not knowing what you want &amp; expected the chef to read your mind, who knows whether you&#8217;ll get something you want?  If you like Italian food &amp; you&#8217;re in an Italian restaurant, you&#8217;re on the right track, but no one will be happy if you receive something then send it back again and again because it&#8217;s not right.  Don&#8217;t be surprised if in such a scenario if everyone gets downright upset or despondent, or things get really expensive.  Being prepared means that you&#8217;re more likely to find a designer who is a good fit from the outset, and more likely to end up with a site that really works for you quickly and painlessly.</li>
<li>Be realistic about your budget.  To keep the food analogies going &#8212; if you buy a sandwich from a food cart, it&#8217;ll be inexpensive and potentially quiet delicious, but it&#8217;s not the same experience as a sit-down dinner at a 4-star restaurant  &#8212; if your feedback is asking for one from the other, you&#8217;re likely to be disappointed.  If you&#8217;re on a limited budget, work with your designer to get the best bang for your buck, but don&#8217;t expect 4-star when you can only afford 2 &#8212; that goes for output and service.  Also, it&#8217;s unrealistic to expect a designer to continually revise, especially when stabbing in the dark, without charging you to do so.  It&#8217;s in your best interest (and that of the bottom line) to be prepared, clear, but also realistic when it comes to your project.</li>
<li>Don&#8217;t make it personal.  Sometimes it just doesn&#8217;t work out, and sometimes it&#8217;s a struggle.  Often that&#8217;s because someone wasn&#8217;t prepared.  But sometimes it&#8217;s just the way it goes.  It doesn&#8217;t do anyone any favors to make it about anything other than what&#8217;s best for the project.  If both parties are open and responsive, you&#8217;ll work through any snags quickly and without any hurt feelings.  Mind reading gets you into trouble, and assumptions are rarely helpful so keep your feedback focused and clear and ask questions when you have them.  If you ramble on-and-on as a way to work through your ideas, you don&#8217;t need to send your ramblings to your designer.  Write them up for yourself, then pull out some clear points to send on.  Doing so shows respect for your designer and their time, and allows them to respond quickly with a solution.</li>
</ul>
<div class="tweetmeme_button" style="float: left; margin:7px 22px 10px 0; padding:0;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fgive-feedback-website-part-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fgive-feedback-website-part-2%2F&amp;source=outbox&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://outboxonline.com/blog/web-design/give-feedback-website-part-2/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;title=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;title=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;title=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2&amp;desc=Earlier%20I%20wrote%20a%20post%20about%20how%20to%20give%20feedback%20on%20a%20website.%20%20It%20was%20less%20about%20the%20ins-and-outs%20of%20giving%20feedback%2C%20and%20more%20about%20a%20tool%20you%20can%20use%20to%20make%20it%20easy%20to%20deliver%20your%20feedback.%20%20This%20time%20I%27m%20going%20to%20talk%20a%20little%20bit%20about%20ways%20to%20give%20helpful%20feedback%20to%20your%20web%20designer.%0D%0A%0D%0A%09" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;title=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2+-+http://b2l.me/9ar5f&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://outboxonline.com/blog/web-design/give-feedback-website-part-2/&amp;t=How+to+Give+%28and+receive%29+Feedback+on+a+Website%3A+Part+2" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p style="border-top:thin dotted #666666; padding-top:5px; margin-top:5px;">Related posts:<ol><li><a href='http://outboxonline.com/blog/tools/domain-names-web-hosting-organized/' rel='bookmark' title='Permanent Link: Getting your domain name(s) and web hosting organized'>Getting your domain name(s) and web hosting organized</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://outboxonline.com/blog/web-design/give-feedback-website-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Outbox Online Undergoes a Redesign</title>
		<link>http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/</link>
		<comments>http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 05:11:21 +0000</pubDate>
		<dc:creator>Kate McMillan</dc:creator>
				<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Website Content]]></category>

		<guid isPermaLink="false">http://outboxonline.com/blog/?p=359</guid>
		<description><![CDATA[I began the process of redesigning my own website (http://www.outboxonline.com) today &#8211; Version 4.  In the next couple of weeks, the new design will be rolled out on the site:

There are lots of reasons that I&#8217;ll enumerate below for this redesign,  but the most important is the evolution of my business based on the [...]]]></description>
			<content:encoded><![CDATA[<p>I began the process of redesigning my own website (<a href="http://www.outboxonline.com">http://www.outboxonline.com</a>) today &#8211; Version 4.  In the next couple of weeks, the new design will be rolled out on the site:</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/outbox/4439734348/sizes/o/"><img style=' display: block; margin-right: auto; margin-left: auto;'  class="aligncenter" title="Outbox Online Redesign by Kate McMillan" src="http://farm3.static.flickr.com/2800/4439734348_f79dc0a74f_o.jpg" alt="Outbox Online Redesign by Kate McMillan" width="507" height="376" /></a></p>
<p style="text-align: left;">There are lots of reasons that I&#8217;ll enumerate below for this redesign,  but the most important is the evolution of my business based on the needs and wants I hear about from my existing and potential clients.   The last time I redesigned my website, I was moving from doing both user experience design for software and web design &amp; development, to doing mostly web design &amp; development &#8212; so the website reflected that.  I kept the Portfolio section as updated as possible with recent projects, but otherwise it remained the same for about 2 years.  That&#8217;s a long time in the life of an online portfolio!</p>
<p style="text-align: left;">Since then, along with the evolution of social media platforms and people&#8217;s understanding of them, blogging platforms have also made huge advances, and as many people are looking for partially-custom budget-friendly websites as are looking for bespoke, unique websites.  Additionally, more and more people better understand how important web marketing is, and how social media can help spread the world about their businesses.</p>
<p style="text-align: left;">Based on all of the above, here are the things that will change about my website and why:</p>
<ol>
<li><strong>There will be much less text on the Home page</strong>:  The text on the Home page will be streamlined to efficiently explaining what I do and how to get in touch with me.  I had already streamlined text on the last iteration of the design, but I wanted to do it even further in this case to get down to only what is essential.  There will be further details in other places on my website, and the job of the Home page is to engage people enough so that they click through to read it.  In most cases, people visiting my website want to see examples of my work, know a little bit about me &#038; what it&#8217;s like to work with me, and decide whether they want to contact me to work with them.  This is different than visitors to my blog, who are looking for information about how to do something, or resources for their project(s).  I know this because I&#8217;ve regularly checked in on what people are checking out on my site via Google Analytics.</li>
<li><strong>The services I offer will be much easier to identify</strong>:  There&#8217;s lots of overlap when it comes to the skill set necessary to design and develop web collateral.  And not every designer and developer does the same thing.  Often, it can be very confusing for people looking for someone to hire &#8212; they don&#8217;t know exactly the skill set they need, they just know what they want the end result to be.  So, it&#8217;s important to be as clear as possible about what I do, and talk about it in terms of what people want the end result to be, eg: blog, website, logo, etc&#8230;</li>
<li><strong>There will be a better &#038; more efficient way to know how much something will cost</strong>:  Since there are so many variables to consider, it&#8217;s very hard to give someone an estimate without having a conversation about what they need and want.  But the form they fill out to get in touch with me can gather more specific information to help me get them a quote more quickly.  Also, I can offer semi-custom packages with very specific elements that can be added a-la-carte so that people with a limited budget can choose only what they need/want.</li>
<li><strong>The blog will be a part of the site, rather than a separate entity</strong>: Beyond the technology change of having the whole site built in Wordpress, I want the blog to be an integrated part of the site rather than a stand-alone entity.  Since the blog content I create is closely tied to my the work that I do, and because I want it to be easier for people to jump from the blog content to my portfolio and back again, I&#8217;m presenting a consistent navigation across the whole site.</li>
</ol>
<p>Next time, I&#8217;ll talk about the decisions that went into the aesthetics of the redesign &#038; any changes that happen while moving from design to development and why.  Stay tuned!
<div class="tweetmeme_button" style="float: left; margin:7px 22px 10px 0; padding:0;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Foutbox-online-undergoes-redesign%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Foutbox-online-undergoes-redesign%2F&amp;source=outbox&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;title=Outbox+Online+Undergoes+a+Redesign" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;title=Outbox+Online+Undergoes+a+Redesign" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;title=Outbox+Online+Undergoes+a+Redesign&amp;desc=I%20began%20the%20process%20of%20redesigning%20my%20own%20website%20%28http%3A%2F%2Fwww.outboxonline.com%29%20today%20-%20Version%204.%C2%A0%20In%20the%20next%20couple%20of%20weeks%2C%20the%20new%20design%20will%20be%20rolled%20out%20on%20the%20site%3A%0D%0A%0D%0AThere%20are%20lots%20of%20reasons%20that%20I%27ll%20enumerate%20below%20for%20this%20redesign%2C%20%20but%20the%20most%20important%20is%20the%20evolution%20of%20my%20bu" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;title=Outbox+Online+Undergoes+a+Redesign" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Outbox+Online+Undergoes+a+Redesign+-+http://b2l.me/ka6hx&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/&amp;t=Outbox+Online+Undergoes+a+Redesign" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p style="border-top:thin dotted #666666; padding-top:5px; margin-top:5px;">Related posts:<ol><li><a href='http://outboxonline.com/blog/freelancing/your-own-worst-critic/' rel='bookmark' title='Permanent Link: Your Own Worst Critic: Designing for Yourself'>Your Own Worst Critic: Designing for Yourself</a></li>
<li><a href='http://outboxonline.com/blog/website-content/creatin-your-online-identity/' rel='bookmark' title='Permanent Link: Finding your online identity.'>Finding your online identity.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://outboxonline.com/blog/web-design/outbox-online-undergoes-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Facebook Fan Page or Custom Facebook Pages</title>
		<link>http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/</link>
		<comments>http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 02:20:35 +0000</pubDate>
		<dc:creator>Kate McMillan</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Marketing]]></category>

		<guid isPermaLink="false">http://outboxonline.com/blog/?p=332</guid>
		<description><![CDATA[Recently I wrote about creating custom Twitter backgrounds to extend your brand, but what about Facebook?
In the magical triad of social media marketing (your blog, Twitter and Facebook profiles), you want to make sure your brand appears in each place &#8211; not just in your tone and message, but also in the way it looks. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://outboxonline.com/blog/wp-content/uploads/2010/02/facebook_hammer.gif"><img style=' float: right; padding: 4px; margin: 0 0 2px 7px;'  src="http://outboxonline.com/blog/wp-content/uploads/2010/02/facebook_hammer.gif" alt="" title="facebook_hammer" width="214" height="226" class="alignright size-full wp-image-335" /></a>Recently I wrote about <a href="http://outboxonline.com/blog/twitter/twitter-branding-creating-custom-background-twitter-profile/">creating custom Twitter backgrounds to extend your brand</a>, but what about Facebook?</p>
<p>In the magical triad of social media marketing (your blog, Twitter and Facebook profiles), you want to make sure your brand appears in each place &#8211; not just in your tone and message, but also in the way it looks.  With so much competition for people&#8217;s attention, brand synchronicity certainly helps you stick in people&#8217;s minds.</p>
<p>You can customize your Facebook page to include any number of tabs, with whatever content you like, but when you stick to one or two beyond the standard &#8220;Wall&#8221; and &#8220;Info&#8221; tabs &#8211; you&#8217;re keeping your message clear and concise. <span id="more-332"></span></p>
<p>Here are some guidelines for creating a custom Facebook page that works:</p>
<ul>
<li>Craft a message and a design that is appropriate for the Facebook context.  This means that you&#8217;re not duplicating your website on Facebook, or putting up screenshots of portions of your website, but instead you&#8217;re creating content that&#8217;s valuable to the Facebook audience &#038; looks great within their website.  Let visitors know, briefly, why they should be interested in you and engage with you.  Offer up your expertise, and encourage participation &#038; discussion.  Facebook, after all, is a social media venue &#8211; it&#8217;s built on the premise of participation.  We all know that a one-sided conversation isn&#8217;t much fun.  Coca-cola&#8217;s Facebook presence was actually first created by some devoted fans, who still actively participate in the official Coca-cola page, and are featured heavily throughout as founders of their Facebook community&#8230; what a great way to encourage community.</li>
<li>Unless you have lots of traction on your Wall page, and you&#8217;re monitoring it regularly for content, make the default tab your custom page.  And give your tab an interesting name!</li>
<li>Create an interesting and engaging Profile image that extends your brand.</li>
<li>Use events and competitions to encourage people to join your community, and tell their friends about it.  If you offer something valuable to your constituency, like a free consulting session, or some merchandise, in exchange for numbers of fans reached, or user-generated content being featured on your page, they&#8217;re much more likely to participate.  Offer special content to those who become fans, and invite discussion so they&#8217;ll stick around!</li>
<li>Link to your other places where people can learn more about you and what you offer to them &#8211; your Twitter acct to learn news, and your blog for longer-form content and resources, and, of course, your website &#8211; especially if something can be purchased there.  Link directly to the pages you want people to go &#8211; don&#8217;t just dump them on your Home page and expect them to find their own way.</li>
<li>Use multimedia content to keep it interesting &#8211; fresh video content is interesting, and engages your audience on another level &#8211; and, if you have the resources, a custom Facebook app is another great value-add that not only makes *your* page more interesting, but gives people the opportunity to install and use your app, keeping their attention on what you&#8217;re doing more often.  A webinar is one of the things you could offer to your friends, and after it&#8217;s over, you can show it as an example of content available to fans first.</li>
</ul>
<p>For some GREAT inspiration, check out this site that displays killer Facebook pages:  <a href="http://www.customfacebookpage.com">http://www.customfacebookpage.com</a></p>
<p>And if you&#8217;re looking for someone to create one for you, <a href="http://outboxonline.com/katemcmillan_contact.html">get in touch</a>!</p>
<div class="tweetmeme_button" style="float: left; margin:7px 22px 10px 0; padding:0;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fcreating-facebook-fan-page-custom-facebook-pages%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fcreating-facebook-fan-page-custom-facebook-pages%2F&amp;source=outbox&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;title=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;title=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;title=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages&amp;desc=Recently%20I%20wrote%20about%20creating%20custom%20Twitter%20backgrounds%20to%20extend%20your%20brand%2C%20but%20what%20about%20Facebook%3F%0D%0A%0D%0AIn%20the%20magical%20triad%20of%20social%20media%20marketing%20%28your%20blog%2C%20Twitter%20and%20Facebook%20profiles%29%2C%20you%20want%20to%20make%20sure%20your%20brand%20appears%20in%20each%20place%20-%20not%20just%20in%20your%20tone%20and%20message%2C%20but%20also" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;title=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages+-+http://b2l.me/gns66&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/&amp;t=Creating+a+Facebook+Fan+Page+or+Custom+Facebook+Pages" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p style="border-top:thin dotted #666666; padding-top:5px; margin-top:5px;">Related posts:<ol><li><a href='http://outboxonline.com/blog/twitter/tweet-blog/' rel='bookmark' title='Permanent Link: Tweet Your Blog'>Tweet Your Blog</a></li>
<li><a href='http://outboxonline.com/blog/freelancing/creative-advertising-for-economic-downturn/' rel='bookmark' title='Permanent Link: Advertising: Putting yourself out there and accepting ads on your own site'>Advertising: Putting yourself out there and accepting ads on your own site</a></li>
<li><a href='http://outboxonline.com/blog/authors/client-spotlight-ann-levine-law-school-expert/' rel='bookmark' title='Permanent Link: Client Spotlight: Ann Levine, Law School Expert'>Client Spotlight: Ann Levine, Law School Expert</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://outboxonline.com/blog/web-design/creating-facebook-fan-page-custom-facebook-pages/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Usability tips for author websites</title>
		<link>http://outboxonline.com/blog/web-design/usability-tips-author-websites/</link>
		<comments>http://outboxonline.com/blog/web-design/usability-tips-author-websites/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 20:24:28 +0000</pubDate>
		<dc:creator>Kate McMillan</dc:creator>
				<category><![CDATA[Authors]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Marketing]]></category>
		<category><![CDATA[Website Content]]></category>

		<guid isPermaLink="false">http://outboxonline.com/blog/?p=290</guid>
		<description><![CDATA[User Experience comprises many aspects of a website, including the navigation, the content, the design, and the staying power.  While there are some blanket rules for web usability (from Wikipedia)&#8230; 


Present information to your users in a clear and concise way.
Remove any ambiguity regarding the consequences of an action e.g. clicking on delete/remove/purchase.
Organize your content [...]]]></description>
			<content:encoded><![CDATA[<p>User Experience comprises many aspects of a website, including the <strong>navigation</strong>, the <strong>content</strong>, the <strong>design</strong>, and the <strong>staying power</strong>.  While there are some blanket rules for web usability (<a href="http://en.wikipedia.org/wiki/Web_usability" target="_blank">from Wikipedia</a>)&#8230; </p>
<div style="clear:both;"></div>
<ol>
<li>Present information to your users in a clear and concise way.</li>
<li>Remove any ambiguity regarding the consequences of an action e.g. clicking on delete/remove/purchase.</li>
<li>Organize your content so that it&#8217;s obvious how to use the site.</li>
</ol>
<p>&#8230;there are also specific usability &amp; user experience guidelines for each web niche, including author and book websites.  Having <a title="Kate McMillan is a book and author website designer" href="http://outboxonline.com/kate_mcmillan_design_portfolio.html" target="_blank">designed many author and book websites</a>, and tracked analytics to determine design success, here are some guidelines I&#8217;ve come up with that help create a great user experience for author and book website:  <span id="more-290"></span></p>
<ul>
<li><strong>Be sure the site visitor knows who you are</strong>.  Even if your website is designed to mimic the universe created by your story, people still want to know about the person behind it.  It&#8217;s a way of building trust with your audience, and a way for them to further invest in what you&#8217;re doing.  For example, Chelsea Cain&#8217;s website does a GREAT job reinforcing her genre through the design of her site, while also celebrating her as the author:<a href="http://ww.chelseacain.com" target="_blank"><img class="aligncenter size-medium wp-image-291" title="Picture 2" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-2-300x245.png" width="300" height="245" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /><br />
</a></li>
<li><strong>Write the text for the site in a similar tone to your book</strong>.   Did you write a self-help book that offers advice in the first person?   Or, a romance novel filled with beautiful, lengthy descriptions?   <a href="http://outboxonline.com/blog/web-design/getting_started_writing_website_content/">Website text should follow some specific guidelines</a> itself, but you want a continuity of experience between your presence on the web, and your presence within your book(s).  Jacqueline Mallorca, The Gluten Free Cook, does a great job writing her website content in the same friendly, approachable manner as her cookbooks:<a title="Jacqueline Mallorca, the Gluten Free Expert" href="http://www.glutenfreeexpert.com" target="_blank"><img class="aligncenter size-medium wp-image-296" title="Picture 3" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-3-300x272.png" width="300" height="272" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /><br />
</a></li>
<li><strong>Design the site as an extension of the brand you have built through your cover art</strong>.  You don&#8217;t need to reinvent the wheel when it comes to your site navigation or layout, but make sure the design of your website enhances your book cover(s) without overtaking it, and has the same attention to detail.  Whether your cover design is clean and modern, or moody and painterly &#8211; you want the experience with your site to envelop the user with that same feeling.  It&#8217;ll help the experience on the web *and* brand recognition.  Here&#8217;s a great example:<a href="http://freakonomicsbook.com/" target="_blank"><img class="aligncenter size-medium wp-image-297" title="Picture 5" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-5-299x300.png" width="299" height="300" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /><br />
</a></li>
<li><strong>Say what you mean &amp; make your links explicit</strong>.  This is not a time to be vague and mysterious &#8211; if you&#8217;re offering a top-ten tips list based on advice in your book, say something like &#8220;Discover my Top Ten Tips for ________&#8221; and make the entire thing a link.  If users know what to expect, they&#8217;re more likely to click the link &#8211; as opposed to a link that says, &#8220;What are you doing to help _______?&#8221;  This idea can be used in lists, on buttons, within the text, etc&#8230;    Don&#8217;t hide high-value things away on other pages of the site without clearly telling your user about them on the Home page.  Here&#8217;s an example that highlights the excerpt, an interactive timeline, and the author&#8217;s social media links in an unambiguous way:<a href="http://www.20pergallon.com" target="_blank"><img class="aligncenter size-medium wp-image-298" title="Picture 6" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-6-300x250.png" width="300" height="250" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /><br />
</a></li>
<li><strong>Give people an easy way to get in touch and/or participate, including (and especially) the press</strong>.  Everyone hates a website where you have to hunt around for a way to get in contact (hello cell phone companies!), but when you&#8217;re marketing something it&#8217;s even more important that people find it easy to ask questions and get more information.  You don&#8217;t have to give our your personal email address &#8211; maybe you have a publicist, or you create a web form, or an 800 number people can use to leave a voicemail&#8230;  there are many options, but you don&#8217;t want to cut yourself off when opportunity comes knocking.  In addition, you want to provide the press with the majority of what they need right on the site &#8211; this includes a press release for the book launch, whether you&#8217;re available for interviews, some see interview questions, and an author bio.  Make it <em>as easy as possible</em> for people to promote you!  Malcolm Gladwell&#8217;s site doesn&#8217;t do the best job of titling the page, but once you&#8217;re there it provides all the info people might need:<a href="http://www.gladwell.com/bio.html" target="_blank"><img class="aligncenter size-medium wp-image-299" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-8-300x261.png" width="300" height="261" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /><br />
</a></li>
<li><strong>Offer more than just the basics</strong>.  Whether you wrote a novel, a how-to guide, or a cookbook, there will be something else you can add to bring your book to life.  How about a free recipe?  Or a worksheet for getting something accomplished?  Or a snippet of extra content?   Just like everyone loves the Special Features on a DVD, your website is an opportunity to enrich the experience for your audience, and keep them wanting more.  Your value add doesn&#8217;t have to be a huge investment, but you can be quite creative with it.  Dr. John Telford&#8217;s site about his memoir offers images of the events covered in the book, an interactive timeline of major events in his life, and a video of him talking about his experiences:<a href="http://www.drjohntelford.com" target="_blank"><img class="aligncenter size-medium wp-image-300" title="Picture 9" src="http://outboxonline.com/blog/wp-content/uploads/2009/10/Picture-9-300x292.png" width="300" height="292" style="display:block; margin:0 auto; padding:10px;;  display: block; margin-right: auto; margin-left: auto;" /></a></li>
</ul>
<div class="tweetmeme_button" style="float: left; margin:7px 22px 10px 0; padding:0;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fusability-tips-author-websites%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Foutboxonline.com%2Fblog%2Fweb-design%2Fusability-tips-author-websites%2F&amp;source=outbox&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://outboxonline.com/blog/web-design/usability-tips-author-websites/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;title=Usability+tips+for+author+websites" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;title=Usability+tips+for+author+websites" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;title=Usability+tips+for+author+websites&amp;desc=User%20Experience%20comprises%20many%20aspects%20of%20a%20website%2C%20including%20the%20navigation%2C%20the%20content%2C%20the%20design%2C%20and%20the%20staying%20power.%C2%A0%20While%20there%20are%20some%20blanket%20rules%20for%20web%20usability%20%28from%20Wikipedia%29...%20%0D%0A%0D%0A%0D%0A%09Present%20information%20to%20your%20users%20in%20a%20clear%20and%20concise%20way.%0D%0A%09Remove%20any%20ambiguity%20regard" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;title=Usability+tips+for+author+websites" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://outboxonline.com/blog/web-design/usability-tips-author-websites/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Usability+tips+for+author+websites+-+http://b2l.me/ec2ku&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://outboxonline.com/blog/web-design/usability-tips-author-websites/&amp;t=Usability+tips+for+author+websites" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>



<p style="border-top:thin dotted #666666; padding-top:5px; margin-top:5px;">Related posts:<ol><li><a href='http://outboxonline.com/blog/authors/client-spotlight-diana-raab-author-reginas-closet/' rel='bookmark' title='Permanent Link: Client Spotlight: Diana Raab, author of <em>Regina&#8217;s Closet</em>'>Client Spotlight: Diana Raab, author of <em>Regina&#8217;s Closet</em></a></li>
<li><a href='http://outboxonline.com/blog/authors/book-review-submission/' rel='bookmark' title='Permanent Link: Getting your book reviewed'>Getting your book reviewed</a></li>
<li><a href='http://outboxonline.com/blog/authors/client-spotlight-bill-trimble-author-emscrew-contractorem/' rel='bookmark' title='Permanent Link: Client Spotlight: Bill Trimble, author of <em>Screw It! I&#8217;ll Be My Own Contractor</em>'>Client Spotlight: Bill Trimble, author of <em>Screw It! I&#8217;ll Be My Own Contractor</em></a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://outboxonline.com/blog/web-design/usability-tips-author-websites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
