<?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>Think Design Interact &#187; Design</title>
	<atom:link href="http://www.thinkdesigninteract.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thinkdesigninteract.com</link>
	<description>Insights into Interactive Design, Business, Social Media, Websites and Marketing from Tracey Halvorsen, the Creative Director of Fastspot.</description>
	<lastBuildDate>Fri, 20 Jan 2012 20:08:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A Pioneering Approach to College Admissions</title>
		<link>http://www.thinkdesigninteract.com/design/a-pioneering-approach-to-college-admissions/</link>
		<comments>http://www.thinkdesigninteract.com/design/a-pioneering-approach-to-college-admissions/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 17:46:41 +0000</pubDate>
		<dc:creator>Marianne Amoss</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Content Management Solutions (CMS)]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Door2]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Popular Posts]]></category>
		<category><![CDATA[Admissions]]></category>
		<category><![CDATA[BigTree CMS]]></category>
		<category><![CDATA[Door 2]]></category>
		<category><![CDATA[Fastspot]]></category>
		<category><![CDATA[Integrated project]]></category>
		<category><![CDATA[Magazine]]></category>
		<category><![CDATA[Mark Neustadt]]></category>
		<category><![CDATA[Tracey Halvorsen]]></category>
		<category><![CDATA[Tufts]]></category>
		<category><![CDATA[Tufts University]]></category>
		<category><![CDATA[virtual tour]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1720</guid>
		<description><![CDATA[This post was written by Marianne Amoss, Fastspot&#8217;s content strategist and resident writer.
What is the next generation of admissions marketing? And how can we integrate Web marketing and print marketing? These are questions that plague universities and colleges across the country, as they struggle with the cost and manpower required to keep materials updated and [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><em>This post was written by Marianne Amoss, Fastspot&#8217;s content strategist and resident writer.</em></p>
<p><a href="http://admissions.tufts.edu/admissions-magazine/issue/november-2011/images-of-a-tufts-tradition/" target="_blank"><img class="alignleft size-full wp-image-1761" title="cannon" src="http://www.thinkdesigninteract.com/wp-content/uploads/2012/01/cannon.jpg" alt="" width="375" height="281" /></a>What is the next generation of admissions marketing? And how can we integrate Web marketing and print marketing? These are questions that plague universities and colleges across the country, as they struggle with the cost and manpower required to keep materials updated and accurate—and see classes of increasingly Web-savvy students coming through their doors. When Tufts University considered these questions, they naturally turned to <a href="http://ncmark.com/" target="_blank">Neustadt Creative Marketing</a>, which had worked with the school on undergraduate admissions for the schools of arts and sciences and engineering and on a university-wide brand strategy.</p>
<p>Tufts is a highly selective private university in the suburbs of Boston. NCM, a seasoned expert in providing marketing services to educational institutions, knew that Tufts would be ripe for a smart, creative approach. They launched an extensive, five-month-long market research project among prospective students and their parents to start to answer that question. Out of that research, NCM defined a series of marketing goals that altered the messaging strategy that Tufts was using, says Mark Neustadt, principal of NCM. What did they settle on? A relatively unconventional plan, says Neustadt: an “integrated program that abandoned the traditional package of print materials entirely and replaced it with a three-times-a-year magazine which coordinated with an admissions ‘microsite.’”</p>
<p><a href="http://admissions.tufts.edu/virtual-tour/" target="_blank"><img class="alignleft size-medium wp-image-1756" title="Tufts University Virtual Tour" src="http://www.thinkdesigninteract.com/wp-content/uploads/2012/01/Tufts-University-Virtual-Tour-300x238.png" alt="" width="300" height="238" /></a>Once Tufts adopted the report’s recommendations, NCM brought Fastspot in on the project; the two companies collaborate frequently under the name <a href="http://www.door2agency.com/" target="_blank">Door No. 2</a>. Together, the two teams worked together to design and develop the magazine, concept the stories, write the first issue, develop the Web design, architect the Website, build it, load in the content, and finally launch the joint project on 11/11/11. Fastspot also created a new<a href="http://admissions.tufts.edu/virtual-tour/" target="_blank"> virtual campus tour</a> for Tufts, which launched at the same time.</p>
<p>The magazine, named <a href="http://admissions.tufts.edu/admissions-magazine/" target="_blank"><em>Jumbo</em></a> after the school mascot, is now published online and in print three times a year and mailed to students in the admissions funnel. The <a href="http://admissions.tufts.edu/" target="_blank">site</a> and magazine are run on Fastspot’s <a href="http://www.bigtreecms.com" target="_blank">BigTree CMS</a>, a user-friendly content management system that allows the Tufts admissions staff to easily update admissions information and keep up with trends without assistance from their internal IT team. “Viewbooks can take over a year to develop and are very costly and difficult to update,” Neustadt says. “A three-times-a-year magazine is relatively economical to update and can be much more responsive to changes going on in admissions.”</p>
<p><a href="http://admissions.tufts.edu/" target="_blank"><img class="alignleft size-medium wp-image-1724" title="jumbo" src="http://www.thinkdesigninteract.com/wp-content/uploads/2012/01/jumbo-300x249.png" alt="jumbo, tufts' admissions magazine" width="300" height="249" /></a>It’s important to note that this program does not completely do away with print—or migrate everything to the Web, Neustadt says. “A lot of people think that’s what this is all about. This is not about eliminating print. But what is has done, which is incredibly exciting, is create a print program that is consistent with the pace and the energy of the Web.” Tufts now has an admissions microsite that is essentially separate from the main site; Door No. 2, which loads in the content for each issue of <em>Jumbo</em> (with minimal tech support), serves as “managing editor,” helping ensure that the content is consistent, professional, and on-strategy.</p>
<p>Since launch, the site has been enormously successful. Analytics show that the site is getting lots of traffic; the dean of admissions, Lee Coffin, often gets several dozen comments on his <a href="http://admissions.tufts.edu/blogs/inside-admissions/" target="_blank">blog posts</a>. “One of the successes of the design has been the integration of social media and the content,” says Neustadt. And Tufts has gotten students involved, creating a student group whose charge it is to create new content; you can see student-generated photos and content throughout the site. “Tufts has a superbly run admissions operation, and they are at a point in their evolution as an office where their staff feels energized and capable to take this on.”</p>
<p>There are lots of moving parts, and they all mesh together, seemingly effortlessly, from the print magazine to the Web to the social media. As Neustadt puts it, “It’s a smart approach to print.”</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/a-pioneering-approach-to-college-admissions/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=A+Pioneering+Approach+to+College+Admissions+http://tinyurl.com/7use8hc" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=A+Pioneering+Approach+to+College+Admissions+http://tinyurl.com/7use8hc" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/a-pioneering-approach-to-college-admissions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Making of a New Online Museum</title>
		<link>http://www.thinkdesigninteract.com/misc/the-making-of-a-new-online-museum/</link>
		<comments>http://www.thinkdesigninteract.com/misc/the-making-of-a-new-online-museum/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 20:19:23 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[arts]]></category>
		<category><![CDATA[BigTree CMS]]></category>
		<category><![CDATA[collections]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[curation]]></category>
		<category><![CDATA[galleries]]></category>
		<category><![CDATA[museum]]></category>
		<category><![CDATA[museum systems]]></category>
		<category><![CDATA[online browing]]></category>
		<category><![CDATA[the gallery systems]]></category>
		<category><![CDATA[the walters]]></category>
		<category><![CDATA[TMS]]></category>
		<category><![CDATA[works of arts]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1647</guid>
		<description><![CDATA[When the Walters Art Museum in Baltimore Maryland approached Fastspot to help solve one of its core challenges, allowing online visitors to browse its collection of works, we jumped at the opportunity. Here is a recap of some of the hurdles, surprises, successes, and failures that we encountered during the course of the project, with [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.06.42-PM.png"><img class="alignleft size-medium wp-image-1661" title="Screen Shot 2011-11-11 at 3.06.42 PM" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.06.42-PM-300x289.png" alt="" width="300" height="289" /></a>When the Walters Art Museum in Baltimore Maryland approached <a href="http://www.fastspot.com" target="_blank">Fastspot</a> to help solve one of its core challenges, allowing online visitors to browse its <a href="http://art.thewalters.org/" target="_blank">collection of works</a>, we jumped at the opportunity. Here is a recap of some of the hurdles, surprises, successes, and failures that we encountered during the course of the project, with insights from <a href="https://twitter.com/#!/curtkotula" target="_blank">Curt Kotula</a>, Art &amp; Technology Director and the lead designer on this project, and <a href="https://twitter.com/#!/benplum" target="_blank">Ben Plum</a>, Interactive Designer &amp; Producer and the lead developer on this project.</p>
<p><strong>UX Challenges</strong><br />
The Walters Art Museum has a huge online collection containing thousands of images. Just like the artwork featured in the images, you can&#8217;t count on a consistent image aspect ratio. Images range from the absurdly wide to the ridiculously tall, creating a huge layout challenge for us. You also can’t just crop a work of art—it’s impossible to set a standard size, and one solution will not work for all situations.</p>
<p>We attacked this problem on two fronts. First, when browsing, the artwork thumbnails are organized into columns instead of rows, allowing the variety of image sizes to cascade down the page without wasting space. Second, the artwork detail page is organized in such a way that the supporting content flexes and shifts to fit the aspect ratio of the image; wide images span the width of the page with content below, while tall images fill the left side with content to the right. Our goal was to let these beautiful images be the focus no matter what shape the artwork happens to be.</p>
<p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.05.35-PM.png"><img class="alignleft size-medium wp-image-1658" title="Screen Shot 2011-11-11 at 3.05.35 PM" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.05.35-PM-300x290.png" alt="" width="300" height="290" /></a></p>
<p><strong>Browse Simple, Make it Stick</strong><br />
The best part about visiting a museum is stumbling upon a piece of art that sticks with you long after you leave. We felt that browsing the Walters&#8217; online collection should also provide that experience. When the project started, there were over 7,000 items in the collection (currently there are over 11,000!). Increasing users&#8217; access to this impressive body of work and overall &#8220;browsability&#8221; are two of the main objectives for the project.</p>
<p>We engineered several distinct browsing experiences to promote discovery and surprise. Users can browse by category, material, date range, location in the museum, creator, place of origin, tags, and popularity in the community. We engineered browsing options for a variety of audiences, and these options are presented in a simple and direct tabbed interface.</p>
<p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.09.16-PM.png"><img class="alignleft size-medium wp-image-1666" title="Screen Shot 2011-11-11 at 3.09.16 PM" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.09.16-PM-300x295.png" alt="" width="300" height="295" /></a></p>
<p><strong>How Many Clicks Does it Take?</strong><br />
Have we mentioned how big the Walters online collection is? Paged results are a necessity when dealing with thumbnail images. Too many images would cripple older computers or take too long to load over a slow Internet connection. Too many pages make larger result sets a bear to navigate.</p>
<p>We asked ourselves: How do you navigate seventy pages of image based results with the same ease and control that you navigate three? How do you conveniently navigate a thousand individual works of art? We decided to throw out the traditional design pattern of numbered pagination (1, 2, 3, 4, 5, 6, 7 … 450), instead opting for a custom solution based on the ease of drag-and-drop. We engineered the pagination system to give the user fine-grain control; the user can step through smaller result sets with the &#8220;next&#8221; and &#8220;previous&#8221; buttons, while large result sets can be quickly navigated by simply dragging the handle to an exact page or piece of art. Every result in a particular set is now easily accessible—no more skipping 10 pages at a time just to get to the center of the set.</p>
<p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-2.59.15-PM.png"><img class="alignleft size-medium wp-image-1673" title="Screen Shot 2011-11-11 at 2.59.15 PM" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-2.59.15-PM-300x290.png" alt="" width="300" height="290" /></a></p>
<p><strong>Community Organizers</strong><br />
Another challenge was that the previous version of the Website offered user curation tools—they are popular with teachers and museum staff but were not well-utilized outside of those audiences. The ability to organize and curate art isn’t just an important tool for educators; it also helps art novices and children alike begin to analyze and appreciate art by making their own connections.</p>
<p>We needed the barrier of entry to be low and the result to be useful and fun. We decided to use Facebook connect rather than managing our own user system, allowing anyone with an active Facebook account to get started quickly and easily. Finally, we branded the curator feature “Community Collections” and brought recent collections to the homepage to promote the feature and encourage sharing.</p>
<p><strong>Programming Challenges</strong><br />
Modern museums have internal database systems for cataloging and archiving collections. The most popular choice for large institutions seems to be the Museum System by Gallery Systems. We don’t doubt that TMS is a fantastic offline collection management system, but simply put, the Web extensions offered are lacking and don’t seem to be a primary focus of the company. Customization options are limited and the default layout is a generic, confusing mess. The result is a hard-to-navigate online collection that isn’t particularly attractive and tends to look a lot like competitors.</p>
<p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.13.54-PM.png"><img class="alignleft size-medium wp-image-1680" title="Screen Shot 2011-11-11 at 3.13.54 PM" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-11-at-3.13.54-PM-300x291.png" alt="" width="300" height="291" /></a></p>
<p><strong>Fresh From The Oven</strong><br />
We decided early on to throw out the generic box mix provided by Gallery Systems and work with the Walters database team to create our solution from scratch. We knew right away that we didn’t want to expose the entire TMS database to the Internet nor did we need the massive amount of information it stored. What we did need was a second database that only contained the information necessary for the new online experience. We used our own content management platform, <a href="http://bigtreecms.com" target="_blank">BigTree CMS</a>, as the core technology that drives the site and engineered a scheduled synching process that eliminates double work.</p>
<p><strong>The Fruits of our Labor</strong><br />
Many at Fastspot would argue that this project was one of our most challenging—and most inspiring. We were lucky to have a fantastic team at the Walters to work with, and they gave us a lot of room to flex our UX muscles and explore possibilities. We insisted on keeping things as simple as possible, even as we tried to integrate more complex functionality, so as to always let the artworks remain front and center. More importantly, we re-envisioned what was possible for a museum to offer its online visitors. Through a diligent process of refinement, a willingness to throw away things that weren&#8217;t working, and a constant focus on the visitor&#8217;s browsing experience, a wonderful new interface and interactive experience emerged.</p>
<p>So far the new <a href="http://art.thewalters.org/" target="_blank">Works of Art</a> site has received glowing feedback, and users have jumped right in and started doing what the Walters Art Museum and all of us at Fastspot hoped they would do: delighting in the experience of exploring art.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/misc/the-making-of-a-new-online-museum/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=The+Making+of+a+New+Online+Museum+http://tinyurl.com/bs8kqgj" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=The+Making+of+a+New+Online+Museum+http://tinyurl.com/bs8kqgj" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/misc/the-making-of-a-new-online-museum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Makes a Good Main Navigation?</title>
		<link>http://www.thinkdesigninteract.com/misc/what-makes-a-good-main-navigation/</link>
		<comments>http://www.thinkdesigninteract.com/misc/what-makes-a-good-main-navigation/#comments</comments>
		<pubDate>Tue, 30 Aug 2011 22:22:09 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Door2]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[good navigation]]></category>
		<category><![CDATA[main nav]]></category>
		<category><![CDATA[main navigation]]></category>
		<category><![CDATA[nav]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1564</guid>
		<description><![CDATA[Your website&#8217;s main navigation, the primary navigation presented to users who first arrive on your website, should do several things, and do them well.
The main nav should be simple. The language, the organization, the placement, the size of the font—everything—should be simple. This is the most useful element of your site, and much like a [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Your website&#8217;s main navigation, the primary navigation presented to users who first arrive on your website, should do several things, and do them well.</p>
<p><strong>The main nav should be simple.</strong> The language, the organization, the placement, the size of the font—everything—should be simple. This is the most useful element of your site, and much like a doorknob or the power switch on an object, it should not be overly complex.</p>
<p><strong>The main nav should tell a story.</strong> If you are a college or university, you don&#8217;t want to start your nav with &#8220;Giving.&#8221; You need to tell your story first. Many schools show just how desperate they are by making &#8220;Admissions&#8221; or &#8220;Apply Now&#8221; the first link in their main nav. This is bad. Just like a first date, you want to convey confidence and let your user get to know you before you move in for the big smooch.</p>
<p><strong>The main nav should be mature. </strong>Nothing screams institutional conflict more than a main nav that is all over the place. A classic example is a nav that is one part general, one part categorical, and one part specific. Main navigation should be consistent in how it groups information; this is to aide users who are learning to use the system as they begin to navigate the site. Placing inappropriate links into your main nav is a quick way to lose user trust and degrade the user experience.</p>
<p><strong>The main nav should start with the largest parts of the funnel.</strong> For example, you don&#8217;t want your main nav to be all about the specifics. Users will naturally click into sections as they seek more specific information. If they are looking for filet, they will click into the meat tab. If they are seeking lettuce, they will look under vegetables. Give them time and space to find what they are seeking in the natural order of the information.</p>
<p><strong>Your main nav should be short.</strong> If you give users too many options, they will have option overload. A main nav that has more than 7 tabs or links is bordering on too big and should set off alarm bells about the overall hierarchy of the information. Remember, your main nav needs to tell a story—so if you overload your visitors with specifics right off the bat, you aren&#8217;t letting them read the big picture story.</p>
<p><strong>Your main nav should be useful.</strong> It is easy to assume that all things important must go into the main nav. This is a knee-jerk reaction born out of misguided thinking by uneducated information architects or nervous clients. This is simply not the case. The main nav should be the foundation, and it should not have to change down the road. You should not have constantly changing content in your main navigation. There should be other, more visually impactful areas for including these somewhat temporary initiatives within the overall page or site design.</p>
<p>While we may come to think of the main nav as the thing that users see first, this is not true. Users see the features and other more brightly and boldly presented content first. <strong>They only move to the main nav when they have shifted from a browsing to a searching mode.</strong> The features and other more visual callouts you design for your users are for them to explore and interact with; they let users know what you are saying is important, what is hot, new, happening. They are your breaking news, your highlights, your top stories, your VIPs, your special differentiators. Your main navigation is a set of tools in a toolbox that you want your visitor to understand implicitly and feel confident using to effectively drill down to the specific data they are seeking.</p>
<p>Let&#8217;s break down the main navigation in a few sites to explore these positions in more depth.</p>
<p>Example: <a href="http://mailchimp.com" target="_blank"><strong>MailChimp</strong></a></p>
<div id="attachment_1572" class="wp-caption alignleft" style="width: 300px">
	<a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.24.42-PM.png"><img class="size-medium wp-image-1572" title="MailChimp.com Homepage" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.24.42-PM-300x282.png" alt="" width="300" height="282" /></a>
	<p class="wp-caption-text">MailChimp.com Homepage</p>
</div>
<p>If you look at MailChimp&#8217;s home page and pay attention to where your eye goes, you can see that the most important messages being conveyed are not the main nav, but rather that you can sign up for free, that you can manage email and newsletters easily, and that there are some cool new things happening. Only after scanning these elements do you seek out the main nav, and now your mindset has changed. You are no longer scanning to get a sense of what MailChimp is; you are now going to follow a logical set of pathways to seek out information that is of more specific interest to you. That may be pricing, features, or places to learn more about the community, such as the blog or the support section. But these main nav items are not trying to sell you on the best parts of MailChimp—that is the main page&#8217;s job, and the brand, and the marketing messages, and everything else. No, the nav is there to get you where you want to go, now that you know MailChimp is something that interests you.</p>
<p>Example: <a href="http://southwest.com" target="_blank"><strong>Southwest Airlines</strong></a></p>
<div id="attachment_1571" class="wp-caption alignleft" style="width: 300px">
	<a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.33.14-PM.png"><img class="size-medium wp-image-1571" title="Southwest Airlines Homepage" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.33.14-PM-300x281.png" alt="" width="300" height="281" /></a>
	<p class="wp-caption-text">Southwest Airlines Homepage</p>
</div>
<p>In the case of Southwest, there are a ton of things going on, yet the main nav is quite simple—Air, Hotel, Car, Vacations. To the sides, sitting back sightly, we have Special Offers, Travel Guide, and Rapid Rewards. A nifty drop-down menu gives you immediate drill-down options to skip an unnecessary page reload and to quickly let you see what information and functionality resides within each section. Yet, similar to MailChimp, the main nav is doing its thing, and the rest of the site is presenting the hierarchy, directing your attention, making sure you see the special deals and have quick access to certain portals, etc. They don&#8217;t try to do it all in the main nav. With such a complex set of user experiences, they have actually presented you with a myriad of navigational &#8220;types&#8221;—which allow you to &#8220;learn&#8221; the way to best use Southwest&#8217;s site and not be left at the mercy of internal groups playing a turf war over the website&#8217;s nav.</p>
<p>Example: <a href="http://mint.com" target="_blank"><strong>Mint</strong></a></p>
<div id="attachment_1568" class="wp-caption alignleft" style="width: 300px">
	<a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.46.45-PM.png"><img class="size-medium wp-image-1568" title="Mint's Homepage" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-4.46.45-PM-300x284.png" alt="" width="300" height="284" /></a>
	<p class="wp-caption-text">Mint&#39;s Homepage</p>
</div>
<p>Surely you&#8217;ve heard of Mint.com for managing your finances, right? No? Oh—well, if you check out their site you&#8217;ll see they suspect you might be a newbie as well, and they will help you get a quick glimpse of what they are about before offering up a helpful main nav geared toward a pleasant introduction process. Here&#8217;s what happens when you land on mint.com: You see right away that Mint is the best free way to manage your money, you can get started for free, it&#8217;s safe and secure, has bill reminders, gets lots of good press, and works on various devices. Great, you&#8217;re in! Now you head to the main nav to learn more. They opt for a two-option main nav: What is Mint? and How it Works. Pretty simple. Of course there are all sorts of other navigational options sprinkled in that you start to see if you haven&#8217;t already found what you are looking for, and typically these supplemental navigational elements cater to specific user groups—in Mint&#8217;s case, Canadian users, people seeking information about the company, or existing users who want to log in. Most importantly, they assume you don&#8217;t know them yet, and they present their offerings in ways that make sense and have a sense of pacing.</p>
<p>Example: <a href="http://lego.com" target="_blank"><strong>Lego</strong></a></p>
<div id="attachment_1573" class="wp-caption alignleft" style="width: 300px">
	<a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-5.20.42-PM.png"><img class="size-medium wp-image-1573" title="Lego's Homepage" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-30-at-5.20.42-PM-300x285.png" alt="" width="300" height="285" /></a>
	<p class="wp-caption-text">Lego&#39;s Homepage</p>
</div>
<p>Lego has a fantastic landing page—it invites you right into its online game experience &#8220;Lego Universe&#8221; while also promoting other featured aspects of the Lego brand, like the Lego Club, My Lego Network, Featured Products, and quick links to highlighted product lines like the Star Wars line, the &#8220;Games&#8221; line, and the MBA series of toys. Once you are past the initial experience, you are ready to dive into the specifics—and here you have the main nav stepping up and ready to play its role. You have Products, Games, Create &amp; Share, and Shop. Four links. Simple. And a story is being told; you understand that Lego is a brand that is about playing, creating, and sharing as much as it is about selling you small interconnecting plastic blocks. They don&#8217;t put LEGO Universe into the main nav, even though one could argue that it seems this is a big push for the company right now. Rather, they feature it in appropriate places. This is also a critical act of restraint because in one or two years, the LEGO Universe may not be the main feature, and it would be wasteful to need to redo the main nav every time a point of emphasis needed to change for an organization.</p>
<p>We try to impart these lessons to our clients at the beginning of every engagement, because much like a house, if the foundation of your main nav is not strong, you risk putting your entire site&#8217;s structure and integrity in a compromising position that may need to be readdressed in the near future. And when all else fails, remember that you can rely on your analytics data to truly tell you if your website visitors are going where you want them to go and finding what they want to find. That&#8217;s the beauty of the Web—we have data to base our decisions on! Now, this doesn&#8217;t mean that the entire process of how we expect to use websites won&#8217;t be shifting in the near future, as main navigation gets replaced with interactive elements that involve finger swipes more than the click of a mouse. But visual design, composition, and the inherent ways a person&#8217;s eye moves and the way the brain processes information is and has been pretty much the same for the past few thousand years, so don&#8217;t mess with evolution and human nature unless you have a pretty convincing argument to do so.</p>
<p>Now go forth and navigate!</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/misc/what-makes-a-good-main-navigation/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=What+Makes+a+Good+Main+Navigation%3F+http://tinyurl.com/3q86npo" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=What+Makes+a+Good+Main+Navigation%3F+http://tinyurl.com/3q86npo" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/misc/what-makes-a-good-main-navigation/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Your Website is a Party! Who is on Your Guest List?</title>
		<link>http://www.thinkdesigninteract.com/design/your-website-is-a-party/</link>
		<comments>http://www.thinkdesigninteract.com/design/your-website-is-a-party/#comments</comments>
		<pubDate>Tue, 12 Jul 2011 22:12:56 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Door2]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[priorty]]></category>
		<category><![CDATA[target audiences]]></category>
		<category><![CDATA[website visitors]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1493</guid>
		<description><![CDATA[The other day, as I was sitting in a presentation where major project findings were being shared, the subject of Website visitors came up. One of the members of the client side team stated that it would be almost impossible to implement the findings and recommendations into anything cohesive, because that would mean setting a [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/07/renoir-luncheon-of-the-boating-party.jpg"><img class="alignleft size-medium wp-image-1496" title="renoir-luncheon-of-the-boating-party" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/07/renoir-luncheon-of-the-boating-party-300x222.jpg" alt="" width="300" height="222" /></a>The other day, as I was sitting in a presentation where major project findings were being shared, the subject of Website visitors came up. One of the members of the client side team stated that it would be almost impossible to implement the findings and recommendations into anything cohesive, because that would mean setting a preference for one type of Website visitor over another. He continued by stating that a Website must try to be all things to all people &#8230; because so many different people use their site (this is a higher-ed site serving students, faculty, researchers, staff, media, community, etc.). Therefore, our mission was impossible. Of course, we disagreed. As unfair as it might seem, you must prioritize your audience and cater to those priorities, or you are setting yourself up for big problems. Often, these are the very problems we are called in to correct.</p>
<p>As I watched his face contort as our response was gently doled out, and as he was identified as the perpetrator of exactly the thing that creates runaway, out of control, sprawling messes of Websites, I did what I often do: I tried to think of a metaphor to assist in the visualization of the situation.</p>
<p>Let&#8217;s say you are having a party. You are expecting a variety of guests and some family members. Each segment of your guest list will prompt you to do things you wouldn&#8217;t typically do to prepare. For example, you know Aunt Debbie only likes Grey Goose, so you make sure you pick some up for her. (Or you clear the cabinets, depending on Aunt Debbie.) You also pull out that hideous ceramic bulldog statuette your mother-in-law gave you for Christmas last year because you have a bulldog and so now that&#8217;s all she gets for you, and you place it on the coffee table so she doesn&#8217;t know it lives in the basement in a box. Now, you don&#8217;t line these things up by the front door and shout, &#8220;Look, Aunt Debbie, I got you booze!&#8221; or &#8220;Look, Mother-in-Law, I love that hideous statuette so much I keep it here by the front door all the time!&#8221; But you do place those things where you know Aunt Deb and your mom-in-law will be sure to spot them. You get the point.</p>
<p>You also spend a fair amount of time worrying yourself over areas of your house you normally never pay attention to, especially the entryways and areas in the house everyone is most likely to congregate. While you no longer pay attention to your foyer, you do realize your guests will, and you want it to look nice. While your pride and joy is the game room you&#8217;ve built yourself in the basement, you recognize that most people will be taking in your whole house, as they move through it &#8211; so you can&#8217;t rely on some deep dark hidden cool thing to provide the positive experience you are looking to give off. Plus, you have to recognize your game room will only appeal to some, and if these &#8220;some&#8221; aren&#8217;t the majority of your guest list, don&#8217;t count on it doing all your work for you.</p>
<p>Continuing with this metaphor: You make some assumptions. Let&#8217;s say this is a neighborhood party, where your guests will vary in age, and you also have some friends and co-workers stopping by. You make sure the X-Box is ready to go for your pals because, let&#8217;s face it, you&#8217;ll be stuck being the hostess and chatting up your neighbors.</p>
<p>As you can see, it&#8217;s actually ALL about the audience, and you can&#8217;t treat them all the same. Your friends don&#8217;t expect you to spend the whole party talking to them, because they realize it&#8217;s a neighborhood party and you have obligations to play hostess to your neighbors. It&#8217;s almost unnatural for us to treat all people with equal importance in the real world, and yet in the world of Websites, it&#8217;s a common infraction.</p>
<p>In fact, it would seem rather kooky and even rude if you seemed indifferent to your guests&#8217; preferences and just put out what you liked to drink and eat. A party of Amstel Lights and cheese sticks might float my boat, but come on. I don&#8217;t think my guests would stick around, let alone come to my next party.</p>
<p>By catering your information architecture and your content to your expected guests&#8217; interests, you show that you are a gracious hostess who is going out of her way to make a positive experience. I might even go so far as to say that if you DON&#8217;T go out of your way, you may come across as snobby, self-absorbed, and rude. You have to realize who your target audiences are and prioritize them. Otherwise, you are doomed to failure. So don&#8217;t take it personally, people. Just realize your Website is a party. Now go throw a good one!</p>
<p>Got some good party-throwing tips? How do you find ways to deal with the variety of audience types and set priorities? Do you think it is important?</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/your-website-is-a-party/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=Your+Website+is+a+Party%21+Who+is+on+Your+Guest+List%3F+http://tinyurl.com/6byymck" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Your+Website+is+a+Party%21+Who+is+on+Your+Guest+List%3F+http://tinyurl.com/6byymck" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/your-website-is-a-party/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The Nutritious Content Revolution</title>
		<link>http://www.thinkdesigninteract.com/design/the-nutritious-content-revolution/</link>
		<comments>http://www.thinkdesigninteract.com/design/the-nutritious-content-revolution/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 19:59:36 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Popular Posts]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[fast food]]></category>
		<category><![CDATA[good content]]></category>
		<category><![CDATA[nutrients]]></category>
		<category><![CDATA[nutrition]]></category>
		<category><![CDATA[nutritious content]]></category>
		<category><![CDATA[revolution]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1458</guid>
		<description><![CDATA[Just as Americans have finally started caring more about what they put inside their bodies than what they cover them up with, Website teams are finally caring more about what they are saying than what things look like. Let&#8217;s face it: Healthy eating, and healthy content, takes work. It&#8217;s much easier to roll into a [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/06/food_illustration.png"><img src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/06/food_illustration-300x300.png" alt="" title="food_illustration" width="300" height="300" class="alignleft size-medium wp-image-1469" /></a>Just as Americans have finally started caring more about what they put inside their bodies than what they cover them up with, Website teams are finally caring more about what they are saying than what things look like. Let&#8217;s face it: Healthy eating, and healthy content, takes work. It&#8217;s much easier to roll into a fast food joint and order up a few Flash effects, snazzy animations, and some hot sauce than it is to sit down and make a delicious and satisfying batch of content. You know the old saying about how you&#8217;re always hungry 15 minutes after eating Chinese food? (Personally I&#8217;m usually too full to move because I overindulge in the MSG carb wonderland, but I digress.) The similarity is obvious &#8211; crap might taste good for a few minutes, but it won&#8217;t be good for you in the long run.</p>
<p>Creating good content is not easy. Like most good things, it takes planning, hard work, some possible failures, and even paving some new ground. It&#8217;s not typically popular to work hard and sweat out the seemingly small things &#8211; not in today&#8217;s &#8220;super size for less&#8221; society. Unless you are selling shit in a taco shell, your audience actually does care about the quality of your content. <strong>They want to know that you are working hard to &#8220;know&#8221; yourself.</strong> They don&#8217;t want happy meals, movie posters, huge fancy animations, or more blogs than you can shake an extra large milkshake at (sorry, couldn&#8217;t resist). They want an experience, authenticity, caring, quality. They want you. And if you serve them up a double dose of grease and &#8220;we can turn you into tomorrow&#8217;s leaders&#8221; (inspired by the higher ed universe), then you will lose. They will smell the fry tray a mile away and never even nibble on the sweet edge of your bun (geez, OK, sorry, this metaphor has LEGS I tell ya!).</p>
<p>I think it&#8217;s almost funny how many people pass up great opportunities because they don&#8217;t want to do the hard work to get to know themselves and then do the extra hard work to tell their story to the people who are sitting in the booth asking to hear it. It&#8217;s so much easier to throw some manufactured meat onto a piece of bread, and it&#8217;s so much harder to plan out a truly nutritious meal. <strong>But nutrition is what good content is &#8211; it&#8217;s fuel for the mind, energy for the imagination, inspiration for the spirit.</strong></p>
<p>Let&#8217;s work even one more food metaphor in here while we&#8217;re at it &#8211; how about the local/seasonal/organic movement? Why has this become so popular? Well, lo and behold, stuff that is in season, fresh, and not covered in chemicals actually tastes better and your body actually feels better when you eat it! Holy Whoppers! Yep, it&#8217;s true. There is no denying it. And now back to content: Yes, dear reader, the same applies. We care more about what is happening right now, right here, and not bathing it in a bunch of preservatives or unnecessary adjectives.</p>
<p>So, the secret to great content?</p>
<ul>Do the work to &#8220;know thyself,&#8221; and then tell your story to the world.</ul>
<ul>Be unabashed, bold, full of personality, proud, willing to make some mistakes along the way, and always full of nutrition.</ul>
<ul>Resist the urge to use the high fructose corn syrup of the marketing world (cheap effects, generic statements, overused jargon).</ul>
<ul>
 Stick to the basics and let them sing. You have no idea how amazing broccoli with a little lemon juice is until you&#8217;ve cleansed your palate of the junk and feasted on real food.</ul>
<p> Just do the same with your content, and you&#8217;ll be surprised at how wonderful the results will be &#8211; for you, and for your audience.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/the-nutritious-content-revolution/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=The+Nutritious+Content+Revolution+http://tinyurl.com/3mtmklp" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=The+Nutritious+Content+Revolution+http://tinyurl.com/3mtmklp" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/the-nutritious-content-revolution/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Rules for Creating Compelling Website Content</title>
		<link>http://www.thinkdesigninteract.com/design/rules-for-creating-compelling-website-content/</link>
		<comments>http://www.thinkdesigninteract.com/design/rules-for-creating-compelling-website-content/#comments</comments>
		<pubDate>Tue, 24 May 2011 22:09:29 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[compelling content]]></category>
		<category><![CDATA[content rules]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1442</guid>
		<description><![CDATA[Here are the golden rules to live by when creating content for your website.
Your content is NOT for you. Make sure it IS for the people who are visiting your website.
Don&#8217;t be boring. When did boring ever win out over entertaining?
Provide clear pathways to the information. If you refer to something in your content &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p></p><div id="attachment_1448" class="wp-caption alignleft" style="width: 300px">
	<a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/05/IMG_7457.jpg"><img class="size-medium wp-image-1448" title="Jumping at Fastspot" src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/05/IMG_7457-300x300.jpg" alt="" width="300" height="300" /></a>
	<p class="wp-caption-text">Jumping at Fastspot</p>
</div>
<p>Here are the golden rules to live by when creating content for your website.</p>
<li>Your content is NOT for you. Make sure it IS for the people who are visiting your website.</li>
<li>Don&#8217;t be boring. When did boring ever win out over entertaining?</li>
<li>Provide clear pathways to the information. If you refer to something in your content &#8211; link to it!</li>
<li>Be authentic. Be consistent. Nobody want&#8217;s to read a fake schizophrenic&#8217;s website.</li>
<li>Less is more. Nobody wants to read a novel on your site. Most informational pages should be no more than 500 words. Section homepages should be shorter, with introductory copy staying under 200 words.</li>
<li>Whenever possible, show vs. tell. If you&#8217;ve got pictures, videos, charts, songs, dances, re-enactments, whatever &#8211; use them.</li>
<li><strong>Use bold formatting, or subheads to allow readers to quickly scan the content &#8211; because that is what they will try to do.</strong> A rule is to add a subhead or pull out bold sentence every 150-200 words of content.</li>
<li>Use the white space. Don&#8217;t squeeze your content together to try to fit it above the fold, or whatever you are trying to fit it into. People would rather scroll and have a pleasurable reading experience.</li>
<li>Use your formatting tools to make your content even easier to read. Bulleted points, grouped types of related content, lists, pull quotes, and paragraph breaks can go a long way towards making your copy more engaging. BUT REMEMBER, not too many!</li>
<li>Google is reading your content. Make sure the words you use are likely the same words your visitors might use when searching for you.</li>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/rules-for-creating-compelling-website-content/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=Rules+for+Creating+Compelling+Website+Content+http://tinyurl.com/42gpcut" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Rules+for+Creating+Compelling+Website+Content+http://tinyurl.com/42gpcut" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/rules-for-creating-compelling-website-content/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The 10/90 Flaw in CMS Design</title>
		<link>http://www.thinkdesigninteract.com/misc/the-1090-flaw-in-cms-design/</link>
		<comments>http://www.thinkdesigninteract.com/misc/the-1090-flaw-in-cms-design/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 14:34:12 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Content Management Solutions (CMS)]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[content management systems]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1377</guid>
		<description><![CDATA[There is a fatal flaw in many of the content management systems (CMS) out on the market today. I refer to it as the 10/90 failure. The CMS has naturally evolved to provide complex functionalities that are desirable to about 10% of its eventual users, often created in response to the request of developers and [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2011/03/88348201.jpg"><img src="http://www.thinkdesigninteract.com/wp-content/uploads/2011/03/88348201-196x300.jpg" alt="" title="88348201" width="196" height="300" class="alignleft size-medium wp-image-1388" /></a>There is a fatal flaw in many of the content management systems (CMS) out on the market today. I refer to it as the 10/90 failure. The CMS has naturally evolved to provide complex functionalities that are desirable to about 10% of its eventual users, often created in response to the request of developers and more experienced computer users. In an effort to continue to offer more advanced functionalities (or often simply a case of over-engineering from the outset) you end up with an interface and set of tools which alienates and confuses the needs of the remaining 90% of the users. So you cater to 10%, in spite of the needs of the 90%.</p>
<p>The balance between usability and complex computing and data management is the stuff of legends. It can make or break a product, a company and to some degree the client who is making the purchasing decision. One must never underestimate a system&#8217;s inherent &#8220;like-ability&#8221;, just as hiring a wildly unpopular or disruptive staff member can upset the entire balance of a team. Let&#8217;s not forget the ongoing demise of MySpace in favor of Facebook, which is often credited to the overly complex customization options available to MySpace users (which resulted in a noisy and often disjointed virtual space). People who use systems like order, they like processes that make sense, and they like visually appealing interfaces.</p>
<p>When considering CMS options, it is critical to evaluate the needs of your 90%, ensuring the CMS meets those needs, before you focus on the needs of the 10%. Otherwise you end up catering to such a small set of your resources that you will never leverage your total potential. It is assumed that the 90% will get on board, go to training meetings, read the manuals, suddenly develop a love for complex interfaces and terminologies like &#8220;null&#8221;, and become nimble CMS users. This is a dream seldom realized.</p>
<p>Now I&#8217;m not advocating you forgo the needs of your most computer savvy and technically minded subset, simply that you ensure those tools and interfaces are not &#8220;required reading&#8221; for the 90%. A good CMS should separate the tasks of the masses and the tasks of the experts &#8211; they should not share the same user space. Your developer tools should be clearly indicated as &#8220;for geeks only&#8221;, and the things that are user friendly for the rest of us should be front and center. Trust me, your IT developers won&#8217;t care if they have to click through a few nicely designed screens to get to the parts they want, they probably won&#8217;t even notice. But if the reverse is asked, you can assume much of your 90% will be intimidated, get confused or become overwhelmed, choosing to opt out of whatever task they had tried to undertake.</p>
<p>I think about the things I enjoy doing everyday. The ones that have succeeded and become part of my daily routine are those things that offer the lowest barrier to success, and even provide a little encouragement and fun along the way. We&#8217;ve all seen the success of the iPhone over most other smart phones, and now the iPad over the straggling competitors in the tablet market. Apple has excelled in providing the best user experience for the majority of its users. Sure there are a small fraction who will prefer an Android device or a tablet that allows them to hack into it and do very specific things, but this is not the needs of the majority. The majority usually need to perform more generalized tasks, such as updating content, or adding a new publication to a bio, or perhaps starting a FAQ or setting up some other online resource. Many simply want an easy way to work with words, pictures, video and documents. Simple needs, which should not require tasks akin to launching missiles to achieve.</p>
<p>In a society dominated by personal voices and the social networks fueling constant self-publishing, it is an absolute imperative that every team member is empowered to publish, moderate, discuss, interact and share the things that are important to them, in a way that encourages frequency and consistency. If these aspiring publishers are part of your team, are you giving them the best tools possible? I recommend frequent brainstorm meetings where team members (representing the 90%) are asked to write down the top 10 things they want to be able to do online everyday. Then make sure your CMS is allowing them to do those things. </p>
<p>Have a good tip for determining what makes for a good CMS? Have a CMS you love and want to world to know about? Have a CMS wish list item you&#8217;d care to share? Leave a comment and let us know your thoughts!</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/misc/the-1090-flaw-in-cms-design/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=The+10%2F90+Flaw+in+CMS+Design+http://k58pa.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=The+10%2F90+Flaw+in+CMS+Design+http://k58pa.th8.us" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/misc/the-1090-flaw-in-cms-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Storytelling is the Catalyst: From Technique to Experience</title>
		<link>http://www.thinkdesigninteract.com/misc/storytelling-is-the-catalyst-from-technique-to-experience/</link>
		<comments>http://www.thinkdesigninteract.com/misc/storytelling-is-the-catalyst-from-technique-to-experience/#comments</comments>
		<pubDate>Wed, 13 Oct 2010 15:42:56 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1241</guid>
		<description><![CDATA[When it comes down to it great storytelling wins. Every time. A great story will trump great effects, great technique, great design, great production, anything else. Really good storytelling gets the viewer or reader emotionally invested, and once you have someone emotionally invested, you have them hooked.
Great storytelling should be the goal with everything we [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2010/10/Hairspray+HF+MJW.jpg"><img class="alignleft size-medium wp-image-1252" title="Hairspray+HF+MJW" src="http://www.thinkdesigninteract.com/wp-content/uploads/2010/10/Hairspray+HF+MJW-300x240.jpg" alt="" width="300" height="240" /></a>When it comes down to it great storytelling wins. Every time. A great story will trump great effects, great technique, great design, great production, anything else. Really good storytelling gets the viewer or reader emotionally invested, and once you have someone emotionally invested, you have them hooked.</p>
<p>Great storytelling should be the goal with everything we create for our clients, to tell their story in a compelling way that allows room for the audience to get invested. A huge component of storytelling is the content, the language being used, the titles of sections, the way phrases are organized, the pacing of the writing. I think this element is often overlooked in the interactive design industry, as we all focus on code and composition and usability and mobile and the list goes on. When do you ever stop and say, let&#8217;s discuss the story?</p>
<p>It&#8217;s the story that will leave a lasting impression of the brand or the company or the application, not the pieces and parts that house that story. It&#8217;s like we focus on the stage set, the costumes, the music the orchestra is playing, the lighting and the effects, the change from scene to scene and the props the actors are using, but no one ever provides a script. We expect our clients to give us this. The script I refer to is copy (and often photography too). This makes little sense. Every project should have a specific process carved out to address the story, or script, or copy. Maybe if we think of it more like a story and less like pages with words on them for Google to index, we will start creating more compelling experiences.</p>
<p>Here are a few examples of companies who tell a great story &#8211; and they tell the same great story across all their storytelling vehicles. If you know of some other examples, please leave them in the comments.</p>
<p><a href="http://www.zappos.com/" target="_blank">Zappos</a></p>
<p><a href="http://www.mailchimp.com/" target="_blank">MailChimp</a></p>
<p><a href="http://www.jetblue.com/" target="_blank">Jet Blue</a></p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/misc/storytelling-is-the-catalyst-from-technique-to-experience/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=Storytelling+is+the+Catalyst%3A+From+Technique+to+Experience+http://xdbd4.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Storytelling+is+the+Catalyst%3A+From+Technique+to+Experience+http://xdbd4.th8.us" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/misc/storytelling-is-the-catalyst-from-technique-to-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why Different Isn&#8217;t Always Better &#8211; Thoughts on Drake University and Stamat&#8217;s &#8220;D+&#8221; Campaign</title>
		<link>http://www.thinkdesigninteract.com/design/why-different-isnt-always-better-thoughts-on-drake-university-and-stamats-d-campaign/</link>
		<comments>http://www.thinkdesigninteract.com/design/why-different-isnt-always-better-thoughts-on-drake-university-and-stamats-d-campaign/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 16:31:50 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Door2]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Campaign]]></category>
		<category><![CDATA[Drake University]]></category>
		<category><![CDATA[Stamats]]></category>
		<category><![CDATA[The Drake Advantage]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1213</guid>
		<description><![CDATA[I was going to write a post about the recent campaign Stamats created for Drake University, but most relevant points have already been made in the media. It&#8217;s an interesting discussion with no clear cut lines, and it brings up the question of how in touch we are with our teenage target audiences? Stamats makes [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.drake.edu/advantage/" target="_blank"><img class="alignleft size-medium wp-image-1243" title="drakedplus470" src="http://www.thinkdesigninteract.com/wp-content/uploads/2010/10/drakedplus470-300x168.jpg" alt="" width="300" height="168" /></a>I was going to write a post about the recent <a href="http://www.drake.edu/advantage/" target="_blank">campaign</a> Stamats created for Drake University, but most relevant points have already been made in the media. It&#8217;s an interesting discussion with no clear cut lines, and it brings up the question of how in touch we are with our teenage target audiences? Stamats makes the case that this demographic &#8220;gets&#8221; the sarcasm in this campaign, whereas the adult public&#8217;s reaction is based on an inability to see it as anything other than degrading (no pun intended).</p>
<p>What do you think? Can a D+ campaign be seen as anything other than crappy grades, thus causing brand damage? Or does the campaign present an edgy and &#8220;with-it&#8221; perspective that will get appropriate attention and consideration from the target audience (prospective college students)?</p>
<p>If you want to do more reading, Mark Neustadt recently <a href="http://marketingeducation.ncmark.com/2010/09/the-drake-advantage/" target="_blank">posted to his blog</a> about the campaign, and he includes links to other relevant press coverage, as well as Stamat&#8217;s defense of the campaign.</p>
<p>Oh and my take? I guess I&#8217;m too old, I can&#8217;t get past seeing D+ as derogatory, but I&#8217;m willing to be proven wrong.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/why-different-isnt-always-better-thoughts-on-drake-university-and-stamats-d-campaign/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=Why+Different+Isn%E2%80%99t+Always+Better+%E2%80%93+Thoughts+on+Drake+University+and+Stamat%E2%80%99s+%E2%80%9CD%2B%E2%80%9D+Campaign+http://4cea2.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Why+Different+Isn%E2%80%99t+Always+Better+%E2%80%93+Thoughts+on+Drake+University+and+Stamat%E2%80%99s+%E2%80%9CD%2B%E2%80%9D+Campaign+http://4cea2.th8.us" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/why-different-isnt-always-better-thoughts-on-drake-university-and-stamats-d-campaign/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Creating a Great Presentation</title>
		<link>http://www.thinkdesigninteract.com/design/creating-a-great-presentation/</link>
		<comments>http://www.thinkdesigninteract.com/design/creating-a-great-presentation/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 15:13:14 +0000</pubDate>
		<dc:creator>Tracey Halvorsen</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[Popular Posts]]></category>
		<category><![CDATA[creating great presentations]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[Keynote]]></category>
		<category><![CDATA[new business]]></category>
		<category><![CDATA[Presentations]]></category>
		<category><![CDATA[sales]]></category>
		<category><![CDATA[slideshows]]></category>

		<guid isPermaLink="false">http://www.thinkdesigninteract.com/?p=1172</guid>
		<description><![CDATA[There are lots of good posts out there on how to give a great presentation, but how do you put a good one together? How do you take your audience on a ride with your content even as you are hula-hooping and doing all your other best saleswomany tricks to give it enthusiasm, conviction and [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.thinkdesigninteract.com/wp-content/uploads/2010/09/lascaux_2.jpg"><img class="alignleft size-medium wp-image-1175" title="lascaux_2" src="http://www.thinkdesigninteract.com/wp-content/uploads/2010/09/lascaux_2-300x212.jpg" alt="" width="300" height="212" /></a>There are lots of good posts out there on how to give a great presentation, but how do you put a good one together? How do you take your audience on a ride with your content even as you are hula-hooping and doing all your other best saleswomany tricks to give it enthusiasm, conviction and clarity? Below is a breakdown of how I took what was sure to be a stinker of a presentation and turned it around.</p>
<p>I was preparing for a huge upcoming presentation, and I mean a big one! This would take our company to the next level, and I really really wanted it &#8211; it was fun, big budget, good client kinda juicy project and I wanted it bad. I had my slides, I made sure I covered the big picture elements from our proposal, and I took a look at it all and thought, &#8220;This is total shit&#8221;. My presentation was going to be boring, slow, labored and I would end up red faced, hands in pockets, sweating and wishing my hour was up within the first 5 minutes.</p>
<p>I could tell because I was bored just looking at it, why the hell would the client feel any different? So, I deleted that presentation and started over. I asked myself the following questions and came up with a presentation that was a million times better. Ask yourself what you would answer to these questions (I&#8217;ve included my answers so you can imagine how my slides shaped up) and then try making your next presentation about your answers and less about regurgitating factoids about how many awards you&#8217;ve won, how you execute the concept, relevant case studies blah de blah blah blech.</p>
<p>1. What is one of the most creatively inspiring things you ever saw in your life?<br />
- Pictures of the cave paintings at Lascoux, France.</p>
<p>2. Why?<br />
- Because humans have been using imagery to communicate for thousands of years and it&#8217;s beautiful to look at. It still tells its story.</p>
<p>3. What freaks you out?<br />
- Outer space.</p>
<p>4. What amazes you?<br />
- Language.</p>
<p>5. What excites you about your job?<br />
- Problem solving.</p>
<p>6. What makes you special?<br />
- I&#8217;m funny and use great metaphors to communicate concepts.</p>
<p>7. How do you make the magic happen?<br />
- I mix process, fun, creativity, listening, problem solving and talent into a big bowl.</p>
<p>8. What scares you?<br />
- Failure. But without it I&#8217;m doomed.</p>
<p>9. If you could invent a toy, what kind of toy would it be?<br />
- Something that turned music I was listening to into a palette of oil paints and wherever my eyes moved marks would be created. Hey &#8211; it&#8217;s a dream, ok, not something I really could invent.</p>
<p>10. What is one thing that you are bad at?<br />
- I can&#8217;t focus on details, or maybe I can&#8217;t stay focused for long enough to deal with the details.</p>
<p>11. What makes you mad at clients?<br />
- When I see horrible sites and stupid marketing and dumbed down ideas catering to the lowest common denominator assuming that they are stupid.</p>
<p>12. What do you provide to your clients?<br />
- Solutions that make them more honest, more organized, more respectful to their audiences, and more likely to succeed.</p>
<p>13. What is something you want everyone to know about you?<br />
- I love dogs.</p>
<p>Now, I realize this is kind of random but trust me &#8211; start putting your presentations together from a different mindset, entertain your audience, tell them something they didn&#8217;t already know. After all, this work we do is as much about relationships as is it about the work, so let them get to know you &#8211; how you think, what your passions are, and let the great work follow.</p>
<p>Oh yeah &#8211; I use <a href="http://www.apple.com/iwork/keynote/" target="_blank">Keynote </a>to put my presentations together and I love Flickr, Google Images and iStock for finding images to use. Remember, pictures can say a thousand words. Skip the bullet points &#8211; say it with pictures on screen and speak your points with your voice.</p>
<p>Got any amazing presentations you&#8217;ve given, or tips to get there? Do share. After all, I showed you mine <img src='http://www.thinkdesigninteract.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="medium" count="" href="http://www.thinkdesigninteract.com/design/creating-a-great-presentation/"></g:plusone></div><p align="left"><a class="tt" href="http://twitter.com/home/?status=Creating+a+Great+Presentation+http://ai8pn.th8.us" title="Post to Twitter"><img class="nothumb" src="http://www.thinkdesigninteract.com/wp-content/plugins/tweet-this/icons/tt-twitter4.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Creating+a+Great+Presentation+http://ai8pn.th8.us" title="Post to Twitter">Tweet This</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.thinkdesigninteract.com/design/creating-a-great-presentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

