<?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>Chapter 42 &#187; interface</title>
	<atom:link href="http://chapter42.whitewhale.net/tag/interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://chapter42.whitewhale.net</link>
	<description></description>
	<lastBuildDate>Thu, 30 Sep 2010 17:20:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Introducing LiveWhale News</title>
		<link>http://chapter42.whitewhale.net/2008/08/15/introducing-livewhale-news/</link>
		<comments>http://chapter42.whitewhale.net/2008/08/15/introducing-livewhale-news/#comments</comments>
		<pubDate>Fri, 15 Aug 2008 20:45:59 +0000</pubDate>
		<dc:creator>Donald</dc:creator>
				<category><![CDATA[Behind the scenes]]></category>
		<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[livewhale]]></category>
		<category><![CDATA[lwblog]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://chapter42.whaleblogs.net/?p=88</guid>
		<description><![CDATA[I&#8217;ve called this post &#8220;Introducing LiveWhale News&#8221; because I&#8217;ll leave &#8220;Introducing LiveWhale&#8221; to Jason. It&#8217;s that big behind-the-scenes project we&#8217;ve been hinting about for a bit, and there&#8217;s quite a lot to say.
But at the risk of stealing some thunder from that announcement, I&#8217;d like to show off something that we&#8217;ve been spending a lot [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve called this post &#8220;Introducing LiveWhale News&#8221; because I&#8217;ll leave &#8220;Introducing LiveWhale&#8221; to Jason. It&#8217;s that big behind-the-scenes project we&#8217;ve been hinting about for a bit, and there&#8217;s quite a lot to say.</p>
<p>But at the risk of stealing some thunder from that announcement, I&#8217;d like to show off something that we&#8217;ve been spending a lot of time on:<a href="http://www.whitewhale.net/wordpress/wp-content/uploads/2008/08/livewhale_news.jpg"><img class="aligncenter size-full wp-image-89" title="LiveWhale News Page" src="http://www.whitewhale.net/wordpress/wp-content/uploads/2008/08/livewhale_news.jpg" alt="LiveWhale: Edit Story" width="500" height="427" /></a></p>
<p>This is the add-a-news-story page of LiveWhale, the CMS we&#8217;ve developed as an answer to problems posed in our infamous (among our clients, anyway) <a href="http://www.whitewhale.net/content/cms.php">content management manifesto</a>. In later posts I&#8217;ll go into some detail about specific interface choices we&#8217;ve made (a personal favorite is the flowchart behind attaching images to news stories), but for now I&#8217;ll talk about what we <em>didn&#8217;t</em> do.<span id="more-88"></span></p>
<p>One of the main problems with most enterprise content management solutions is their unapproachability. A simple task like a creation of a news item can be buried by layers of menus, technical jargon, and&#8211;let&#8217;s be honest&#8211;really ugly interfaces. It&#8217;s the type of interface that savvy users master through days or weeks of training and non-savvy users end up navigating by way of post-its on the side of their monitors. But you need those weeks to worry about everything else involved in your website launch; you need that space on the side of your monitor for pictures of your kids.</p>
<p>We set out to create an interface that minimizes the distance between what the user <em>wants to accomplish </em>and what she <em>has to do</em>. This gap is huge huge in most enterprise CMSes. Adding or editing a news story is a task that every staff member at your institution understands intuitively; why does it so often feel like piecemeal data entry?</p>
<p>Making the user click &#8220;Attach resource&#8221; when she wants to add an image creates a cognitive separation where one needn&#8217;t exist. So all of our instructions and labels are in plain English. Steps like having to enter the story body on one page and the contact info on another&#8211;or burying things in menus, or presenting disparate information as visually equal&#8211;create a similarly artificial distance. That&#8217;s why our news edit page looks almost like a published news page: we want the headline to jump out at you and the image to appear at reasonable size, and we want everything that appears on the frontend to appear here.</p>
<p>By minimizing this distance between the user&#8217;s goals and the user&#8217;s processes, we think we&#8217;ve made LiveWhale a snap to use regardless of where you fall on the scale of technical knowhow. One of these days we&#8217;ll give more of a detailed tour; but, in the meantime, let us know what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://chapter42.whitewhale.net/2008/08/15/introducing-livewhale-news/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

