<?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>Bread Board &#187; Visual Design</title>
	<atom:link href="http://www.slicedbreaddesign.com/blog/index.php/category/visual_design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.slicedbreaddesign.com/blog</link>
	<description>an experience design blog</description>
	<lastBuildDate>Thu, 25 Mar 2010 22:20:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Intuit Trends Redesign Launched</title>
		<link>http://www.slicedbreaddesign.com/blog/index.php/2010/02/intuit-trends-redesign-launched/</link>
		<comments>http://www.slicedbreaddesign.com/blog/index.php/2010/02/intuit-trends-redesign-launched/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 01:01:32 +0000</pubDate>
		<dc:creator>Mia Silverman</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://www.slicedbreaddesign.com/blog/?p=954</guid>
		<description><![CDATA[We’re excited to share that our redesign of the Intuit Trends application has just launched!   Intuit Trends is a free online application that lets small businesses compare how they are doing financially (such as income, expenses, profits, etc.) with other businesses that are similar to them. We talked with small business owners to find [...]]]></description>
			<content:encoded><![CDATA[<p>We’re excited to share that our redesign of the Intuit Trends application has just launched!</p>
<p> <img class="alignnone size-full wp-image-956" title="home" src="http://www.slicedbreaddesign.com/blog/wp-content/uploads/2010/02/home.jpg" alt="home" width="470" height="324" /></p>
<p>Intuit Trends is a free online application that lets small businesses compare how they are doing financially (such as income, expenses, profits, etc.) with other businesses that are similar to them.</p>
<p>We talked with small business owners to find out what they most wanted to understand about how their businesses compared to their peers/competitors, and then introduced some big improvements to the previous design. This release delivers the first preliminary round of changes, and there are many more to come.</p>
<p>Key features of our redesign effort included in this preliminary release are:</p>
<ul>
<li>Introduced a new, personalized Scorecard
<ul>
<li>Before the redesign, the Trends application only offered small businesses the ability to view general trends about how their peers and competitors were doing. Now, small business owners can also see how their <em>own</em> company compares to their peers along three key business metrics and receive individual and overall scores.</li>
</ul>
</li>
</ul>

<p style="padding-left: 90px;"> <img class="alignnone size-full wp-image-957" title="scorecard_small" src="http://www.slicedbreaddesign.com/blog/wp-content/uploads/2010/02/scorecard_small.jpg" alt="scorecard_small" width="336" height="297" /></p>
<ul>
<li>Provided a simple bar chart and scoring solution
<ul>
<li>Now that the site was going to show comparisons between a specific business and its peers, we needed a compelling way to present this information. To get started, we explored a variety of different design options for how best to show comparison data. Next, we usability tested our ideas and moved forward with the design that users liked best. Our final solution combined a simple bar chart with a visual quartile score, in a format that was easy for scanning.</li>
</ul>
</li>
</ul>
<p style="padding-left: 90px;"><img class="alignnone size-full wp-image-958" title="score" src="http://www.slicedbreaddesign.com/blog/wp-content/uploads/2010/02/score.jpg" alt="score" width="316" height="139" /></p>
<ul>
<li>Created a clean, fresh, and consistent visual design
<ul>
<li>We all know that it is important for information on a site to not only be useful, but to also be presented in a clear, visually appealing way. To help the Trends site appeal to its audience and convey the desired tone, we created a modern, clean look and feel for the site that also followed Intuit’s brand guidelines. We also introduced a consistent color scheme to use for “Me” and “Peers” across the site to help users differentiate between the two types of data.</li>
</ul>
</li>
</ul>
<p style="padding-left: 60px;"> <img class="alignnone size-full wp-image-959" title="visuals" src="http://www.slicedbreaddesign.com/blog/wp-content/uploads/2010/02/visuals.jpg" alt="visuals" width="407" height="139" /></p>
<p>You can check out our redesign for yourself at: <a href="https://workplace.intuit.com/db/bejqb2kpn">https://workplace.intuit.com/db/bejqb2kpn</a>.<br />
We’d love to hear what you think!</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.slicedbreaddesign.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.slicedbreaddesign.com/blog/index.php/2010/02/intuit-trends-redesign-launched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2 SXSW Panel Proposals</title>
		<link>http://www.slicedbreaddesign.com/blog/index.php/2009/08/2-sxsw-panel-proposals/</link>
		<comments>http://www.slicedbreaddesign.com/blog/index.php/2009/08/2-sxsw-panel-proposals/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 21:28:35 +0000</pubDate>
		<dc:creator>Julie Stanford</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://blog.slicedbreaddesign.com/?p=614</guid>
		<description><![CDATA[We&#8217;re proposing two panels for South by Southwest. Audience voting on the panels is open until September 4th and you can vote thumbs up or down on any as many panels as you want so if these sound interesting, please vote yes! (note that you&#8217;ll have to register but it only takes a second) 1. Mac-n-Cheese: [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;re proposing two panels for South by Southwest. Audience voting on the panels is open until September 4th and you can vote thumbs up or down on any as many panels as you want so if these sound interesting, please vote yes! (note that you&#8217;ll have to register but it only takes a second)</p>
<h2>1. <a href="http://panelpicker.sxsw.com/ideas/view/4218">Mac-n-Cheese: Learning About Product Design from Comfort Foods</a></h2>
<p>Comfort foods are the epitome of success. Delicious, ubiquitous, and easy. This panel of chefs and designers will explore what food can teach about product design. What makes a new recipe take-off? How do you make your product comfy on first use and then make people want to use it again?</p>
<h3>Questions this panel will answer:</h3>
<ol>
<li> What do eating a food and using a technology/software/website have in common?</li>
<li>What makes comfort foods so appealing?</li>
<li>Can those same qualities translate into software/websites?</li>
<li>How do you create a new recipe that a mass audience will like as much as an old standby like mac-n-cheese?</li>
<li>How do you have a successful yet cutting edge restaurant?</li>
<li>How do you create a new product that people will feel comfortable using from the start?</li>
<li>What techniques/lessons from recipe creation (for magazines and restaurants) can be applied to the design of new technologies?</li>
<li>How do you innovate if people like known things?</li>
<li>How do you get a following for your food? For your restaurant? For your product?</li>
<li>What mistakes should you avoid when doing something new?</li>
</ol>
<h2>2. <a href="http://panelpicker.sxsw.com/ideas/view/4236">Flex, Silverlight, Javascript??? Picking your RIA Technology</a></h2>
<p>Dazed and confused in a sea of technology and marketing fluff? This talk will help you pick the right technology for your Rich Internet Application based on the user experience implications. See specific examples of the trade-offs with each so that you can finally make an informed decision.</p>
<h3>Questions this panel will answer:  <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: Verdana; mso-bidi-font-family: Verdana"><span style="mso-list: Ignore"></span></span></h3>
<ol>
<li>What is a Rich Internet Application (RIA)?</li>
<li>What sorts of features should you expect a RIA platform to offer?</li>
<li>What is Microsoft Silverlight?</li>
<li>What is Adobe Flex/Air?</li>
<li>Can you create a RIA using HTML/CSS/Javascript?</li>
<li>Are there any other technology platforms to consider?</li>
<li>What are the pros and cons of each platform from a user experience perspective?</li>
<li>What are specific examples of applications using each technology effectively and ineffectively?</li>
<li>What tools are available to design for each platform?</li>
<li>What are the ten key points to think about when deciding which technology to use?</li>
</ol>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.slicedbreaddesign.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.slicedbreaddesign.com/blog/index.php/2009/08/2-sxsw-panel-proposals/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yummly &amp; iConstituent</title>
		<link>http://www.slicedbreaddesign.com/blog/index.php/2009/03/yummly-iconstituent/</link>
		<comments>http://www.slicedbreaddesign.com/blog/index.php/2009/03/yummly-iconstituent/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 00:19:16 +0000</pubDate>
		<dc:creator>Julie Stanford</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Technology/Software]]></category>
		<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://blog.slicedbreaddesign.com/?p=279</guid>
		<description><![CDATA[Economy be damned, we&#8217;ve just started working with 2 new clients in really interesting spaces. Yummly is a start up looking at the intersection of food and the internet.  They&#8217;re in stealth mode so that&#8217;s all we can say for now but we&#8217;ll keep you posted. iConstituent is a more established company that provides email [...]]]></description>
			<content:encoded><![CDATA[<p>Economy be damned, we&#8217;ve just started working with 2 new clients in really interesting spaces.</p>
<p><img class="size-medium wp-image-280 alignleft" title="yummly_logo" src="http://slicedbreaddesign.com/blog/wp-content/uploads/2009/03/yummly_logo.png" alt="yummly_logo" width="300" height="109" /></p>
<p><a href="http://www.yummly.com" target="_self">Yummly </a>is a start up looking at the intersection of food and the internet.  They&#8217;re in stealth mode so that&#8217;s all we can say for now but we&#8217;ll keep you posted.</p>
<p><img class="alignright size-full wp-image-281" title="iconstituent_logo" src="http://slicedbreaddesign.com/blog/wp-content/uploads/2009/03/iconstituent_logo.png" alt="iconstituent_logo" width="150" height="125" /></p>
<p><a href="http://www.iconstituent.com" target="_self">iConstituent </a>is a more established company that provides email communication solutions to congresspeople. We&#8217;re working with them on a visual refresh followed by a more comprehensive user experience redesign.</p>
<p>We&#8217;ll post pix of our latest work as soon as we can.</p>
<p>.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.slicedbreaddesign.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.slicedbreaddesign.com/blog/index.php/2009/03/yummly-iconstituent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trends in CommArts Annual</title>
		<link>http://www.slicedbreaddesign.com/blog/index.php/2009/01/trends-in-commarts-annual/</link>
		<comments>http://www.slicedbreaddesign.com/blog/index.php/2009/01/trends-in-commarts-annual/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 00:19:19 +0000</pubDate>
		<dc:creator>Julie Stanford</dc:creator>
				<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://blog.slicedbreaddesign.com/?p=155</guid>
		<description><![CDATA[I just received the annual Communication Arts Design Annual, which is the compendium of the best print graphic designs of the year. What does this have to do with interaction design you might ask? Well, if you are in the business of creating great experiences that people want to interact with, you are in the [...]]]></description>
			<content:encoded><![CDATA[<p>I just received the annual Communication Arts Design Annual, which is the compendium of the best print graphic designs of the year. What does this have to do with interaction design you might ask? Well, if you are in the business of creating great experiences that people want to interact with, you are in the business of making things look good for your audience as well as be easy to use.  We subscribe to CommArts because we want to know what the latest visual trends are so we can create the right experience for each design project, whether it’s in order to create a hot, modern experiences or deliberately steer away from what everyone else is doing. Trends in the print world bleed into the digital world and vice versa. Here are the trends that I noticed that people should know about:</p>

<h2>1. Large font as the primary graphic element</h2>
<p>This trend was is rampant in all categories and was is sometimes blended with other trends I discusselements below. Oversize font was is treated as the primary visual theme and communicatesd the brand, often in black or another primarybold color.</p>
<p><img class="size-full wp-image-156 alignnone" src="http://slicedbreaddesign.com/blog/wp-content/uploads/2009/01/image1.png" alt="image1" width="470" height="372" /></p>
<h2>2. Bright primary colors</h2>
<p>Flipping through the pages, in a cursory way  I was struck by the brightness of the designs. Bright, saturated colors were are overrepresented…sometimes complimented by black or dark brown. Pastels and muted tones were are almost missing. Orange was  is  the most prominent color – used alone or in combination with other bright colors.</p>
<p><img class="alignnone size-full wp-image-157" src="http://slicedbreaddesign.com/blog/wp-content/uploads/2009/01/image2.png" alt="boldColors" width="470" height="201" /></p>
<h2>3. Physical objects</h2>
<p>Many designs mimicked real physical objects in an unusual space. Aqualtis unusual bag for advertising the ability of its wool and cashmere clothing line to be thrown in themachine washing washed machine set the standard for other designs to come including large brands like Tommy Hilfiger and Coke. and many other novel uses of real goods.  Sometimes, as you can see in the Kresge annual report below, the large type theme was combined with a physical object to have both trends represented.</p>
<p><img class="alignnone size-full wp-image-158" src="http://slicedbreaddesign.com/blog/wp-content/uploads/2009/01/image3.png" alt="RealLife" /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.slicedbreaddesign.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.slicedbreaddesign.com/blog/index.php/2009/01/trends-in-commarts-annual/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
