<?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>Sarah DeAtley &#187; mock-ups</title>
	<atom:link href="http://www.sarahdeatley.com/blog/tag/mock-ups/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sarahdeatley.com</link>
	<description>information + analysis + design</description>
	<lastBuildDate>Mon, 17 May 2010 06:29:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Becoming an Excel Artist</title>
		<link>http://www.sarahdeatley.com/blog/2009/07/14/becoming-an-excel-artist/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/07/14/becoming-an-excel-artist/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 15:09:40 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[excel]]></category>
		<category><![CDATA[mock-ups]]></category>
		<category><![CDATA[reading]]></category>
		<category><![CDATA[reporting]]></category>
		<category><![CDATA[ucd]]></category>
		<category><![CDATA[web analytics]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=244</guid>
		<description><![CDATA[
			
				
			
		
The reason I keep posting about data visualization is not just because I think these things are pretty or interesting, but I think the things you learn about data visualization are directly applicable to reporting in web analytics. People are always decrying the &#8220;data puke&#8221;, and I&#8217;ve seen scorecards that range from Windows 95 looking [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F07%2F14%2Fbecoming-an-excel-artist%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F07%2F14%2Fbecoming-an-excel-artist%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>The reason I keep posting about <a href="http://www.sarahdeatley.com/blog/tag/data-visualization/" target="_self">data visualization</a> is not just because I think these things are pretty or interesting, but I think the things you learn about data visualization are directly applicable to reporting in web analytics. People are always decrying the &#8220;data puke&#8221;, and I&#8217;ve seen scorecards that range from Windows 95 looking spreadsheet to graphic designer Excel masterpiece. I am hoping to end up somewhere in the happy medium, where you marry design with data in a way that it helps show the reader what is important and what is actionable.</p>
<blockquote><p><a href="http://www.issel.co.uk/resources/pm_glossary.htm" target="_blank">Definition</a>: A scorecard is a visual display of the most important information needed to achieve one or more objectives, consolidated and arranged on a single screen so the information can be monitored at a glance. Unlike dashboards that display actual values of metrics, scorecards typically display the gap between actual and target values for a smaller number of key performance indicators.</p></blockquote>
<p>I don&#8217;t think Excel was originally envisioned as an application where form matters as much as function, but I&#8217;m trying to learn how to manipulate spreadsheets to make them look more attractive. I haven&#8217;t found many resources yet on how to do this, but already I see parallels to web design/graphic design. A scorecard is a visual presentation similar to a page in a magazine or a book&#8211;maybe it would be useful to take a page from that field and create mock-ups/wireframes in Adobe InDesign or Illustrator before you just start throwing data in?</p>
<p>This would require taking the time to learn the program (which is not going to happen for most), but I do think its worth thinking about it from a designer or information architect&#8217;s point of view. For instance, how do people read things online? They <a href="http://www.useit.com/alertbox/reading_pattern.html" target="_blank">scan web pages in a F-format generally</a>, put the most important things along that F shape if you&#8217;re sending an online copy of the scorecard. Maybe its too much effort put into something that you just have to get done and not fixate on design, but the designer in me thinks that creating a well-designed scorecard and consciously thinking about how the audience will read it (user-centered design), might help the client understand and agree with you.</p>
<p>I think <a href="http://www.clickz.com/3579871" target="_blank">Shane Atchison</a> might disagree slightly with me. <img src='http://www.sarahdeatley.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Am I completely right/wrong? Let me know.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/07/14/becoming-an-excel-artist/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>I&#8217;m in UX mode</title>
		<link>http://www.sarahdeatley.com/blog/2009/07/01/im-in-ux-mode/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/07/01/im-in-ux-mode/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 19:10:22 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[UX]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[burke]]></category>
		<category><![CDATA[candles]]></category>
		<category><![CDATA[ClickTale]]></category>
		<category><![CDATA[excel]]></category>
		<category><![CDATA[mock-ups]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[user analysis]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=136</guid>
		<description><![CDATA[
			
				
			
		
I guess I was feeling too web analytically inclined lately because I have been only reading about IA/UX stuff now.  There was an interesting research posting by ClickTale, that studied how users scroll and whether or not they are actually reading things below the fold.  There are 2 parts to the study, but part 2 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F07%2F01%2Fim-in-ux-mode%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F07%2F01%2Fim-in-ux-mode%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>I guess I was feeling too web analytically inclined lately because I have been only reading about IA/UX stuff now.  There was an interesting research posting by <a href="http://blog.clicktale.com/2007/10/05/clicktale-scrolling-research-report-v20-part-1-visibility-and-scroll-reach/" target="_blank">ClickTale</a>, that studied how users scroll and whether or not they are actually reading things below the fold.  There are 2 parts to the study, but part 2 is where they give substantial conclusions and advice.</p>
<p>Turns out people do scroll. Go figure. Its relative to the position in the page though, and people&#8217;s attention span drops dramatically after the top until they get to the footer, which they pay close attention to. Here are the main recommendations:</p>
<blockquote>
<ul>
<li><em>The most valuable web page real-estate is located near the page top, between 0 and 800 pixels. Visitor Attention and Page Exposure peak at about the 540 pixel-line.</em></li>
<li><em>If you have a long web page,  add “stop points” such as headers and images to prevent your visitors from quickly scrolling down the page. It will prevent their attention from waning towards the end of the page.</em></li>
<li><em>The footer of your page is important! Users do pay quite a bit of attention to that area of your page.</em></li>
</ul>
</blockquote>
<p>This is interesting to me because the primary argument of a person sitting in on a redesign meeting at the Burke was that no one will ever look below the fold, so they asked me to make a different mock-up reflecting that.  While I think the most important/engaging content should remain above the fold, it turned a content-rich page into something that does not have much content because of the design restrictions imposed. You can see an earlier mock-up in the <a href="http://www.sarahdeatley.com/portfolio/ia.php" target="_self">portfolio</a> section, but I was undecided on whether this was a better alternative or not. I would post the new mock-up but I don&#8217;t know if that&#8217;s allowed yet.</p>
<div id="attachment_142" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/07/tn_visibility_vs_absolute_scrolling_reach.gif" rel="lightbox[136]"><img class="size-medium wp-image-142" title="complicated graph from clicktale" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/07/tn_visibility_vs_absolute_scrolling_reach-300x204.gif" alt="Uber complicated graph from ClickTale" width="300" height="204" /></a><p class="wp-caption-text">Uber complicated graph from ClickTale</p></div>
<p>And if anyone is in the market for an amazing smelling candle, I bought the Aloha Orchid one from <a href="http://www.anthropologie.com/anthro/catalog/productdetail.jsp?_dyncharset=ISO-8859-1&amp;_dynSessConf=-1757103257737459554&amp;id=690161&amp;parentid=BATH_CANDLES_CANDLES&amp;pushId=BATH_CANDLES&amp;prepushId=BATH_CANDLES_CANDLES&amp;popId=BATHING&amp;sortProperties=&amp;navCount=7&amp;navAction=poppushpush&amp;fromCategoryPage=true&amp;selectedProductSize=&amp;selectedProductSize1=&amp;color=vol&amp;colorName=VOLCANO" target="_blank">Anthropologie</a>. Very nice. And all the millions of people who decided to make identical Excel macro tutorials need to stop.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/07/01/im-in-ux-mode/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Bonnie, Good Fries, and the Locks</title>
		<link>http://www.sarahdeatley.com/blog/2009/06/30/bonnie-good-fries-and-the-locks/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/06/30/bonnie-good-fries-and-the-locks/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 03:46:42 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[ballard locks]]></category>
		<category><![CDATA[bonnie]]></category>
		<category><![CDATA[cafe besalu]]></category>
		<category><![CDATA[farmers market]]></category>
		<category><![CDATA[good fries place]]></category>
		<category><![CDATA[ice cream]]></category>
		<category><![CDATA[jafar]]></category>
		<category><![CDATA[mammals of washington]]></category>
		<category><![CDATA[mock-ups]]></category>
		<category><![CDATA[rhonj]]></category>
		<category><![CDATA[scotland]]></category>
		<category><![CDATA[The Grok]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=94</guid>
		<description><![CDATA[
			
				
			
		
Bonnie, who I studied with in Scotland, is visiting with her friend Yael until Tuesday! We went to Cafe Besalu, the Ballard Farmers&#8217; Market, and then got lost trying to get to the Mac and Jack&#8217;s brewery for the tour. So we saw parts of Redmond that are not worth seeing really.  Then we came [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F06%2F30%2Fbonnie-good-fries-and-the-locks%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F06%2F30%2Fbonnie-good-fries-and-the-locks%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Bonnie, who I studied with in Scotland, is visiting with her friend Yael until Tuesday! We went to <a href="http://www.urbanspoon.com/r/1/5596/restaurant/Ballard/Cafe-Besalu-Seattle" target="_blank">Cafe Besalu</a>, the <a href="http://www.fremontmarket.com/ballard/" target="_blank">Ballard Farmers&#8217; Market</a>, and then got lost trying to get to the <a href="http://www.macandjacks.com/index.php" target="_blank">Mac and Jack&#8217;s brewery</a> for the tour. So we saw parts of Redmond that are not worth seeing really.  Then we came back, ate at the <a href="http://www.oldtownalehouse.com/" target="_blank">Good Fries Place</a>, and walked around the Locks and salmon ladder for a bit. Finally rounded things off with watching an episode of Real Housewives of New Jersey and deciding that one lady strongly resembles Jafar.</p>
<div id="attachment_95" class="wp-caption alignleft" style="width: 180px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/danielle.jpg" rel="lightbox[94]"><img class="size-medium wp-image-95" title="Real Housewife of New Jersey" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/danielle-213x300.jpg" alt="Real Housewife of New Jersey" width="170" height="240" /></a><p class="wp-caption-text">Real Housewife of New Jersey</p></div>
<div id="attachment_96" class="wp-caption alignright" style="width: 163px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/jafar.jpg" rel="lightbox[94]"><img class="size-full wp-image-96" title="Jafar" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/jafar.jpg" alt="Jafar from Aladdin" width="153" height="227" /></a><p class="wp-caption-text">Jafar from Aladdin</p></div>
<h1 style="text-align: center; font-size=">=</h1>
<p style="clear: both">Today was my 2nd to last day at the Burke, and I got the final mock-up of new Ethnology landing pages done, as well as an analytics report on <a href="http://www.&lt;/code&gt;washington.edu/burkemuseum/collections/mammalogy/mamwash" target="_blank">Mammals of Washington</a>.  Ethnology curator &amp; co. seemed to like the mock-ups, but they also seemed to forget that change is good. And the user is not like me. Etc. Hopefully it gets implemented in the near future but who knows.  Tonight I finally visited <a href="http://www.mollymoonicecream.com/" target="_blank">Molly Moon</a>&#8217;s ice cream in Wallingford, which I highly recommend now. Birthday cake flavored ice cream is the bomb.  Also <a href="http://www.grokdotcom.com/" target="_blank">The Grok</a> is going to hopefully write a post about analytics for non-profits thanks to our Twitter messaging. Yay!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/06/30/bonnie-good-fries-and-the-locks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
