<?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>UI DESIGN GUIDE - Web Application Design, Design Examples, Design Lessons</title>
	<atom:link href="http://www.uidesignguide.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.uidesignguide.com</link>
	<description>Exploring The World Of Web Application Interface Design By Design Examples, Lessons, And Real Project Design Examples.&#34;</description>
	<lastBuildDate>Tue, 26 Jan 2010 16:03:15 +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>UI Design Patterns: Exploration of Data and Visual Imagery in Application Design</title>
		<link>http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/</link>
		<comments>http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 16:01:54 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[UI Design PatternsL]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[design experiences]]></category>
		<category><![CDATA[ui design lessons]]></category>
		<category><![CDATA[UI Design Patterns]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1037</guid>
		<description><![CDATA[I was recently examining some interesting articles on Engadget and noticed  how the web site has been experimenting with different visual representations of data. As many know, Engadget is a high traffic tech blog. While it has not been special outside of the tech domain of knowledge. My eye caught something that was neat when [...]


Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/11/19/book-review-the-visual-miscellaneum-explore-the-design-world-of-infographics-in-only-a-few-moments/' rel='bookmark' title='Permanent Link: Book Review: &#8220;The Visual Miscellaneum&#8221; &#8211; Explore The Design World of Infographics In Only A Few Moments'>Book Review: &#8220;The Visual Miscellaneum&#8221; &#8211; Explore The Design World of Infographics In Only A Few Moments</a></li>
<li><a href='http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/' rel='bookmark' title='Permanent Link: UI Design Challenge: Redesign A Filter Widget'>UI Design Challenge: Redesign A Filter Widget</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/08/ui-design-challenge-a-table-or-grid-with-too-much-information/' rel='bookmark' title='Permanent Link: UI Design Challenge: A Table or Grid With Too Much Information'>UI Design Challenge: A Table or Grid With Too Much Information</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was recently examining some interesting articles on Engadget and noticed  how the web site has been experimenting with different visual representations of data. As many know, Engadget is a high traffic tech blog. While it has not been special outside of the tech domain of knowledge. My eye caught something that was neat when trying to find popular articles and a little bit different. Next thing I knew I was no longer looking at the articles and instead was focusing on the interface design.<span id="more-1037"></span></p>
<div id="attachment_1039" class="wp-caption alignleft" style="width: 250px"><a href="http://www.uidesignguide.com/wp-content/uploads/2010/01/engadget_visual_display.gif"><img class="size-medium wp-image-1039 " title="engadget_visual_display" src="http://www.uidesignguide.com/wp-content/uploads/2010/01/engadget_visual_display-300x186.gif" alt="Engadget Comment Display" width="240" height="149" /></a><p class="wp-caption-text">Engadget Uses A Visual Scatter Gram To Display Articles by Comment Posts</p></div>
<p>To begin with study the image to left or visit <a title="Engadget Web Site" href="http://www.engadget.com" target="_blank">engadget.com</a>. If you notice &#8220;the daily roundup&#8221; consists of  a dot representation by hour and volume of comments per article. In this interesting approach a large volume of data is depicted with minimal space. To an avid reader of the site it may not be of much use, but to a casual reader it can help them quickly pinpoint hot topics of the day. And for us multi-tasking tech geeks that is a time saver.</p>
<p>As your move your mouse over the dots a hover tool tip displays revealing  the article name, date, and number of comments.  As it is difficult to pinpoint a single dot on the screen a larger transparent circle displays around an area if the mouse pointer is on top of dot. This is important because a large cluster of data points can really cause usability issues with data overlapping.</p>
<h2>Are there problems with this experience?</h2>
<div id="attachment_1041" class="wp-caption alignright" style="width: 310px"><a href="http://www.uidesignguide.com/wp-content/uploads/2010/01/popularity_index_uidesignguide.gif"><img class="size-medium wp-image-1041" title="popularity_index_uidesignguide" src="http://www.uidesignguide.com/wp-content/uploads/2010/01/popularity_index_uidesignguide-300x186.gif" alt="Popularity Index" width="300" height="186" /></a><p class="wp-caption-text">B. My design revision: includes a further display that gives each post a popularity index rating. </p></div>
<p>Based upon my own experience this type of interactive info-graphic can be misleading if you are using it solely to gauge what topics are the most important. Certainly there is something to say that the more a topic is commented upon the more people that have seen / will see the topic.</p>
<p>As my mind is constantly analyzing and investigating anything UI related  I started conjuring up a different  solution that could balance both popularity of comments versus the actual views to better depict important stories.  One possible implementation I arrived at involves adding some more visual data representations to the mouse-over event to form another type of chart. [ See my design idea illustration B.] In this design thee comments of an article are correlated with the page views to arrive at a popularity index. This could further be refined by defining page views as the click + total duration greater than 1:00 minute on a page.  This way we can eliminate any false data due to users visiting and leaving the page quick.</p>
<p>There are a lot of different ways this could be designed and developed and expanded. Most of the decision is going to depend on the audience your design is aimed at. When we look at this designing a complex UI to be simple  you really have to ask yourself  &#8221;Is this just neat or is it providing benefit to my user base.?&#8221;  Neat is great and cool if your audience appreciates the cool factor,  but don&#8217;t get carried away or you might end up loosing users as opposed to gaining them.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/11/19/book-review-the-visual-miscellaneum-explore-the-design-world-of-infographics-in-only-a-few-moments/' rel='bookmark' title='Permanent Link: Book Review: &#8220;The Visual Miscellaneum&#8221; &#8211; Explore The Design World of Infographics In Only A Few Moments'>Book Review: &#8220;The Visual Miscellaneum&#8221; &#8211; Explore The Design World of Infographics In Only A Few Moments</a></li>
<li><a href='http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/' rel='bookmark' title='Permanent Link: UI Design Challenge: Redesign A Filter Widget'>UI Design Challenge: Redesign A Filter Widget</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/08/ui-design-challenge-a-table-or-grid-with-too-much-information/' rel='bookmark' title='Permanent Link: UI Design Challenge: A Table or Grid With Too Much Information'>UI Design Challenge: A Table or Grid With Too Much Information</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Book Review: &#8220;The Visual Miscellaneum&#8221; &#8211; Explore The Design World of Infographics In Only A Few Moments</title>
		<link>http://www.uidesignguide.com/2009/11/19/book-review-the-visual-miscellaneum-explore-the-design-world-of-infographics-in-only-a-few-moments/</link>
		<comments>http://www.uidesignguide.com/2009/11/19/book-review-the-visual-miscellaneum-explore-the-design-world-of-infographics-in-only-a-few-moments/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 23:50:28 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[Book Review]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[book reviews]]></category>
		<category><![CDATA[image design]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[info-graphic]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[visual design]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=935</guid>
		<description><![CDATA[I recently received a review copy of The Visual Miscellaneum A colorful guide to the world&#8217;s most consequential trivia.  This was a  great book from the author of Information is Beautiful. The books is a visual exploration of information and contains numerous examples of how to rethink ways in which we interpret data. Not all [...]


Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/' rel='bookmark' title='Permanent Link: UI Design Patterns: Exploration of Data and Visual Imagery in Application Design'>UI Design Patterns: Exploration of Data and Visual Imagery in Application Design</a></li>
<li><a href='http://www.uidesignguide.com/2009/02/04/book-reviews-web-form-design-filling-in-the-blanks/' rel='bookmark' title='Permanent Link: Book Reviews: &#8220;Web Form Design Filling in the Blanks&#8221;'>Book Reviews: &#8220;Web Form Design Filling in the Blanks&#8221;</a></li>
<li><a href='http://www.uidesignguide.com/2008/03/10/sxsw-2008-day-2-summary/' rel='bookmark' title='Permanent Link: SXSW 2008 &#8211; Day 2 Summary -'>SXSW 2008 &#8211; Day 2 Summary -</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I recently received a review copy of <em>The Visual Miscellaneum A colorful guide to the world&#8217;s most consequential trivia</em>.  This was a  great book from the author of <em><a title="Information is Beautiful" href="http://www.informationisbeautiful.net/" target="_blank">Information is Beautiful</a></em>. The books is a visual exploration of information and contains numerous examples of how to rethink ways in which we interpret data. Not all of the examples are what you would expect. The book is full of brilliant colors, shapes, sizes, charts, scatter-grams, area charts, and eye-popping visuals. It&#8217;s a great addition to any UI designers reference shelf.</p>
<h3>What&#8217;s Great About A Book Full of Info-graphics?</h3>
<p>So you may be thinking, how can this book help me as an interface creator or UI designer? The truth is quite a bit. If you have ever dealt with long boring data tables meant to convey <a href="http://www.uidesignguide.com/wp-content/uploads/2009/11/visual_music.jpg"><img class="alignleft size-medium wp-image-960" style="float:left; margin:10px; padding:0px; border:2px solid #404040; background-color:#eee; " title="Visual Miscelleanum - Music Genre Info-Graphic" src="http://www.uidesignguide.com/wp-content/uploads/2009/11/visual_music-300x225.jpg" alt="Visual Miscelleanum - Music Genre Info-Graphic" width="300" height="225" /></a>&#8220;important data&#8221; you can start to see the true power of representing data in a much more dynamic and thought provoking way. This is where inspiration can strike you in new and fun ways.</p>
<p>At first glance flipping through the pages of this book was much akin to being at a carnival and having all the vendors shouting at you for attention. The visual imagery can be overwhelming and not all the representations are outstanding. Some pictures are extremely confusing, but in many cases it is the exploration of  imagery that provides meaning and stimulation to all the senses.</p>
<p>Some of the more powerful representations of data include: a chart representing different musical genres, things that will give you cancer, Virtual Massively multi-player online worlds as represented by a land map, the cloud of the top 100 web sites, just to name a few.</p>
<h3>Summing It All Up</h3>
<p>Like most books in this category you are very likely to get some type of inspiration and be able to interpret your data in new and exciting ways. By mastering unique ways to represent complicated and number laden data you can become much better at getting your point across.  After flipping through the pages of this book you will hopefully be able to render data like never before.</p>
<p>The Good:</p>
<ul>
<li>100&#8217;s of excellent info-graphic examples at your fingertips</li>
<li>New and interesting ways to visually depict data</li>
<li>Extremely fast to browse through and become inspired</li>
<li>The book is priced just right at $26.99 (odd number)</li>
<li>High end graphics and vibrant colors make it a joy to peruse</li>
</ul>
<p>The Bad:</p>
<ul>
<li>I wish there was more explanation behind the steps used to arrive at a chosen info-graphic</li>
<li>The title of the book may be misleading and as such some may miss out on this book.</li>
<li>I would have liked the charts to be organized more by topic (but it is miscellaneum, so it makes sense.)</li>
</ul>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/' rel='bookmark' title='Permanent Link: UI Design Patterns: Exploration of Data and Visual Imagery in Application Design'>UI Design Patterns: Exploration of Data and Visual Imagery in Application Design</a></li>
<li><a href='http://www.uidesignguide.com/2009/02/04/book-reviews-web-form-design-filling-in-the-blanks/' rel='bookmark' title='Permanent Link: Book Reviews: &#8220;Web Form Design Filling in the Blanks&#8221;'>Book Reviews: &#8220;Web Form Design Filling in the Blanks&#8221;</a></li>
<li><a href='http://www.uidesignguide.com/2008/03/10/sxsw-2008-day-2-summary/' rel='bookmark' title='Permanent Link: SXSW 2008 &#8211; Day 2 Summary -'>SXSW 2008 &#8211; Day 2 Summary -</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/11/19/book-review-the-visual-miscellaneum-explore-the-design-world-of-infographics-in-only-a-few-moments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Design Lessons:  A UI Designer in an Agile World, Get Me Out of Hell! &#8211; Part 1</title>
		<link>http://www.uidesignguide.com/2009/10/20/ui-design-lessons-a-ui-designer-in-an-agile-world-get-me-out-of-hell-part-1/</link>
		<comments>http://www.uidesignguide.com/2009/10/20/ui-design-lessons-a-ui-designer-in-an-agile-world-get-me-out-of-hell-part-1/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 01:48:05 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[agile design methods]]></category>
		<category><![CDATA[agile ux]]></category>
		<category><![CDATA[design experiences]]></category>
		<category><![CDATA[design methods]]></category>
		<category><![CDATA[design problems]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[rapid prototyping]]></category>
		<category><![CDATA[ui design]]></category>
		<category><![CDATA[ui design lessons]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=406</guid>
		<description><![CDATA[When I travel to conferences and speak with people about their agile UX experiences I come across a lot of repeat questions. Most of these pleas for help are about time management,  rapid design sketching, traditional usability approaches, group design mentality, lack of support for UI development, and let&#8217;s not forget meeting burnout.
Even today UI designers [...]


Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/08/17/ui-design-news-vote-for-my-agile-ux-panel-at-sxsw-2010/' rel='bookmark' title='Permanent Link: UI Design News: Vote For My Agile UX Panel At SXSW 2010'>UI Design News: Vote For My Agile UX Panel At SXSW 2010</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/25/agile-ui-design-a-fundamental-miscalculation-in-ui-design-excellence/' rel='bookmark' title='Permanent Link: Agile UI Design: A Fundamental Miscalculation in UI Design Excellence?'>Agile UI Design: A Fundamental Miscalculation in UI Design Excellence?</a></li>
<li><a href='http://www.uidesignguide.com/2009/02/25/agile-ui-design-series-ui-design-in-an-agile-project-cycle-part-1/' rel='bookmark' title='Permanent Link: Agile UI Design Series: UI Design in an Agile Project Cycle Part 1'>Agile UI Design Series: UI Design in an Agile Project Cycle Part 1</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>When I travel to conferences and speak with people about their agile UX experiences I come across a lot of repeat questions. Most of these pleas for help are about time management,  rapid design sketching, traditional usability approaches, group design mentality, lack of support for UI development, and let&#8217;s not forget meeting burnout.</p>
<p>Even today UI designers hear the word AGILE and there mind is flooded with demon visualizations straight out of <em><a title="Dantes Inferno References" href="http://en.wikipedia.org/wiki/Inferno_(Dante)" target="_blank">Dante&#8217;s Inferno</a>. </em> Why has this methodology caused so many headaches to UI Designers world wide? Why are they terrified? Can we beat them, or should we join them?</p>
<p>Generally speaking 90% of what a UI designer hears about AGILE comes from an AGILE practicing programmer that has succumbed to the second circle of hell and revels in the fact that you must join them.  Let&#8217;s face it as UI, Usability Specialists, Graphic Designers, etc.. we work in a different creative zone. A zone hard for many developers to understand &#8211; Even if they want to understand.<br />
<span id="more-406"></span></p>
<p>Well, that&#8217;s about to change as I finally delve into some secrets of success. Rapid UI Design is not easy, it&#8217;s usually far from a &#8220;done&#8221; state, and even in a perfect world, the time to refine and refactor both your code, interactions, and design is hard to come by. In order to survive and thrive you need to look at practical solutions and solve real problems with the process itself. In order to truly excel you need to replace perfectionism with iterative perfection.  You need to find a way to be a time traveler amongst all the chaos. You need to turn hell into paradise.</p>
<p>Cue flashbacks&#8230;..</p>
<p>Imagine it&#8217;s your first day on as a UI designer in a company.  You are super excited to work in this vast field only to have your boss tell you.</p>
<p>Boss  &#8221;We work in a 1 week iteration agile development environment. &#8221;</p>
<p>At first you may panic, you may want to quit. You may not even have a clue what Agile means . All you know is that you were hired on your UX skills and your damn awesome portfolio. You are still a bit light in the experience department, but are self-motivated and driven by a passion to create memorable, exciting user experiences. You have spent hundreds of hours refining small personal projects, none of them were quite near finished and you always had more time. Even fresh your college professors gave you a generous amount of time to come up with the perfect solution.</p>
<p>You  turn towards your new boss and ask the simple question. &#8220;What does being an Agile UX designer mean to me?&#8221;</p>
<p>Boss &#8220;We try to build something quick and let our 200 users test it in the field, we then iterate and make refinement to the functional and design elements of an application. And by quick, I mean rapid development &amp; rapid design.&#8221;</p>
<p>Now the sweat starts to build as you think to yourself? What the hell have I gotten myself into? All you know is that you can create semi-decent sketches of vague application functionality, but over the course of a week or longer. Time is your enemy, speed is your weakness.</p>
<p>Your stress level and blood pressure begins to rise.  You start to frantically gasp for air, the questions racing in your mind.</p>
<ul>
<li>How can I produce something that will immediately be built into a functional application.</li>
<li>What about my training in persona usage, usability testing, card sorting, etc&#8230;?</li>
<li>What about multiple sketches for each application path?</li>
<li>What about refinement time?</li>
<li>What about missing user stories or requirements</li>
<li>What about running out of time?</li>
<li>What about failure?</li>
</ul>
<p>The questions just keep on coming as your pulse races. And then the boss chimes in.</p>
<p>&#8220;We know it&#8217;s hard work, but we know our audience well. We have daily <a title="Scrum Meetings At Wikipedia" href="http://en.wikipedia.org/wiki/Stand-up_meeting" target="_blank">SCRUM meetings</a>, and have a direct channel open to our clients and customers. Our work flow is continuous. You&#8217;ll do just fine.&#8221;</p>
<p>As you stand there awestruck you are thinking  &#8220;No&#8230;No I wont.&#8221;</p>
<h3>Fiction Takes The Form of Reality</h3>
<p>The preceding story was not fiction it was true story. Imagine you have 1 day to develop a new major application piece. You need to be able to quickly move from ideation to sketches, to wire-frames, and you have a deadline of tomorrow morning? Add on the fact that a large number of programmers are waiting on you? What do you do?  At the most, you may get out two different designs. This my friend is how the fast paced world of Agile UI design works. Don&#8217;t fear it, but don&#8217;t let the process control you. (I&#8217;ll talk about this in another article).</p>
<p>There are several key factors that will help you tame the wild beast.  Take a breath and let&#8217;s start to look at making the chaos manageable.</p>
<p>If you are one of the lucky souls that works on a well structured UX team this process becomes a bit easier (future article Architecture of a UX Team), but if you are a <a title="A UX Team of One" href="http://www.slideshare.net/ugleah/ux-team-of-one-sxsw-2009-1161299" target="_blank">UX Team of One</a>. There is a good chance you just messed yourself. It&#8217;s hard to  imagine adding on even more roles to an already overloaded work schedule? Estimating time management, researching the problem, defining the problem, identifying primary and secondary application functions, sketching rapid paper-prototypes, understand stories (AGILE), Understand complex work flows, Refining the design, Gaining Buy-in, More Sketch refinement, and ultimately the next day ready to program. Wow! If you have ever experienced week AGILE iterations then you too might have felt this pressure.</p>
<p>So let&#8217;s take a look at this EXTREME situation first and then in future articles talk about refining the process itself.</p>
<h3>Help What Should I Do First?</h3>
<p>For this article lets imagine we are building a fictitious site called &#8220;babyspace&#8221; It&#8217;s a place for babies and is used to track developmental growth (I actually will cover this in another article as well from a design perspective.).</p>
<h4>Step 1:  Ideation &amp; Brainstorming</h4>
<p>You want to begin where you excel and that is brainstorming. Use a whiteboard, paper, napkin, toilet paper, whatever you use but make it fast, but also make sure you keep a copy. (I recently purchased a Livescribe pen and keep all my brainstorming sessions in there with recorded notes. It has helped me remeber the most intricate details of a brain storming session and saved lots of time.)</p>
<p>Hopefully, while you are doing this  the business or you yourself have gathered up user stories (small chunks of functionality), and prioritized these.  From the stories you need to figure out what relates to the user interface. Take notes and jot down tasks where you see a UI component being designed. This is going to help you immensely when you go to a Sprint or Iteration planning meeting. You want to be armed with as much knowledge as possible in both function , form, technology and design ideas.</p>
<h4>Step 2:  Ask The Right Questions, Who Needs What? Why Do They Need It? How Does This Benefit Our Users?</h4>
<p><strong>Do not</strong>be afraid to ask questions. If you need to refine either your user stories or clarify your own UI tasks. Do it! Sometimes it&#8217;s easy to miss a crucial detail when you feel the clock is ticking.  It&#8217;s better to get as close to the right answer before you start, as opposed to after you start. It&#8217;s not fun to rip apart a fully designed application or UI because a crucial story element was missing (Keep in mind this is different then actually refining your UI each iteration).</p>
<p> As a UX designer you want to know these questions so you can put yourself in the shoes of your user. If you utilize personas you want to match up your personas to these user needs and desires (preferably several weeks before the project begins).  Always, Always, Always ask the following question:  </p>
<p><em><strong>How is this is benefiting our Customer ?</strong></em></p>
<p>When a team looses sight of this redirect the conversation. I highly recommend asking this same question of your team in different ways.</p>
<p>&#8220;Why would a user need to do this?&#8221;<br />
&#8220;Why would persona A care about this?&#8221;<br />
&#8220;Is user really going to have a need to do this?&#8221;<br />
&#8220;Does this make it easier for our customer?&#8221;</p>
<p>Restructuring and rephrasing your question helps to get people to notice the different sides of a story or requirements. It helps to draw out those that talk to much in a meeting and those that don&#8217;t talk at all. Engaging and intriguing questions <strong>will save you time</strong>.</p>
<p>Stay tuned over the next few months as I roll out Part 2 of this article. We will continue to cover lots of other tips and techniques, as wella s more of my process. Soon I&#8217;ll be able to notify my readers if my panel (core conversation) is choosen for the 2010 SXSW conference.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/08/17/ui-design-news-vote-for-my-agile-ux-panel-at-sxsw-2010/' rel='bookmark' title='Permanent Link: UI Design News: Vote For My Agile UX Panel At SXSW 2010'>UI Design News: Vote For My Agile UX Panel At SXSW 2010</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/25/agile-ui-design-a-fundamental-miscalculation-in-ui-design-excellence/' rel='bookmark' title='Permanent Link: Agile UI Design: A Fundamental Miscalculation in UI Design Excellence?'>Agile UI Design: A Fundamental Miscalculation in UI Design Excellence?</a></li>
<li><a href='http://www.uidesignguide.com/2009/02/25/agile-ui-design-series-ui-design-in-an-agile-project-cycle-part-1/' rel='bookmark' title='Permanent Link: Agile UI Design Series: UI Design in an Agile Project Cycle Part 1'>Agile UI Design Series: UI Design in an Agile Project Cycle Part 1</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/10/20/ui-design-lessons-a-ui-designer-in-an-agile-world-get-me-out-of-hell-part-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Developing an Effective Corporate Social Community with Baby Steps &#8211; Part 1</title>
		<link>http://www.uidesignguide.com/2009/09/16/developing-an-effective-corporate-social-community-with-baby-steps-part-1/</link>
		<comments>http://www.uidesignguide.com/2009/09/16/developing-an-effective-corporate-social-community-with-baby-steps-part-1/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 23:33:27 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[Social Strategy]]></category>
		<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[corporate community]]></category>
		<category><![CDATA[online communities]]></category>
		<category><![CDATA[social brand]]></category>
		<category><![CDATA[social branding]]></category>
		<category><![CDATA[social communities]]></category>
		<category><![CDATA[social community]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[web communites]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=293</guid>
		<description><![CDATA[So let's talk a bit about effective corporate communities. Social network and social connectivity is all the rage. So much so that it has become the first "thing" some businesses look at when they build out an on line presence or look to make changes to an existing one.


Related articles:<ol><li><a href='http://www.uidesignguide.com/2007/03/17/hello-world/' rel='bookmark' title='Permanent Link: Are you a corporate thinker?'>Are you a corporate thinker?</a></li>
<li><a href='http://www.uidesignguide.com/2009/05/30/big-d-design-conference/' rel='bookmark' title='Permanent Link: Big D Design Conference: Dallas Texas May 30, 2009'>Big D Design Conference: Dallas Texas May 30, 2009</a></li>
<li><a href='http://www.uidesignguide.com/2007/03/20/so-what-is-this-corporate-thinkers-site-all-about/' rel='bookmark' title='Permanent Link: So what is this corporate thinkers site all about?'>So what is this corporate thinkers site all about?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>So let&#8217;s talk a bit about effective corporate communities. Social network and social connectivity is all the rage. So much so that it has become the first &#8220;thing&#8221; some businesses look at when they build out an on line presence, or look to make changes to an existing one.<span id="more-293"></span></p>
<p>The truth of the matter is not everyone wants to be part of your happy business centric community.  With all of the communities, facebook, myspace, linkedin, twitter, there are just too many groups and activities for your average customer to get excited about. Not to mention, the community craze has become so widespread that there are even community sites built around harnessing the power of communities. With all this noise how can you expect to succeed in all the mass hysteria?</p>
<h2>A Lesson In Speed -  Not Design</h2>
<p>Think back to the early days of the Internet (cue flashback). Around 1996 every company was racing to get on line. The need for web sites being created was in such high demand designers could hardly keep up. Back in those early days, every company felt they had to either be on line, get on line, or plan a strategy to move business on line. The problem was everyone raced to get &#8220;some site up.&#8221; The web was a virtual cornucopia of terrible design.  One of <a title="Pepsi In Time" href="http://web.archive.org/web/19961219003038/http://www.pepsi.com/" target="_blank">Pepsi&#8217;s original sites </a> back from 1996 was abysmal. <a title="Mcdonalds in Time" href="http://web.archive.org/web/19961110083459/http://www.mcdonalds.com/" target="_blank">Mcdonald&#8217;s</a> nearly blinded you with the bright red and splash page complete with animated gif of their 1996 web creation. <a title="Chrysler" href="http://web.archive.org/web/19970219163455/http://www.chrysler.com/" target="_blank">Chrysler&#8217;s</a> crazy  menu had us wondering where we should go?  The goal back then was to get something on line, anything. It didn&#8217;t matter what that &#8220;something&#8221; was because the market on line was relatively small. There was not nearly enough to warrant the same type of dollars as pumped into traditional marketing campaigns.  Thankfully, since the start of the Internet age, businesses have begun to grow up, or have they? Perhaps now instead of racing to be the first on line it&#8217;s about the race to build social communities. A race if you will to trap and manipulate users. When is the last time you went to Mcdonald&#8217;s and wanted to stay there for 8 hours. If you couldn&#8217;t stand doing that in real life why would you do it the web? Companies are exploring and in so doing failing.</p>
<h2>The Path To Community Success is Paved In Failure</h2>
<p>Rushing to get your community on line <strong>is going </strong>to drown you in sorrow. It may appear to be cheap on the surface, but beware you are dealing with your social brand.  It&#8217;s not about plopping a web 2.0 (I hate that term) feature here, and then placing a twitter widget there, mix it up with a profile page and viola! You now have an instant community.  These tools in combination are means to end an can only help when your community has a strategy &#8211;  A driving theme behind the growth and prosperity. Without this failure is imminent. It&#8217;s not just about saying we have a corporate blog, or are talking directly with our users. It&#8217;s about an attitude driven through-out the core of your web site presence, business model and participatory level throughout your company.</p>
<p>Next we are going to talk about the strategy, and role development, as you make plans to implement your own company social strategy.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2007/03/17/hello-world/' rel='bookmark' title='Permanent Link: Are you a corporate thinker?'>Are you a corporate thinker?</a></li>
<li><a href='http://www.uidesignguide.com/2009/05/30/big-d-design-conference/' rel='bookmark' title='Permanent Link: Big D Design Conference: Dallas Texas May 30, 2009'>Big D Design Conference: Dallas Texas May 30, 2009</a></li>
<li><a href='http://www.uidesignguide.com/2007/03/20/so-what-is-this-corporate-thinkers-site-all-about/' rel='bookmark' title='Permanent Link: So what is this corporate thinkers site all about?'>So what is this corporate thinkers site all about?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/09/16/developing-an-effective-corporate-social-community-with-baby-steps-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Design News: Vote For My Agile UX Panel At SXSW 2010</title>
		<link>http://www.uidesignguide.com/2009/08/17/ui-design-news-vote-for-my-agile-ux-panel-at-sxsw-2010/</link>
		<comments>http://www.uidesignguide.com/2009/08/17/ui-design-news-vote-for-my-agile-ux-panel-at-sxsw-2010/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 02:58:33 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[sxsw 2010]]></category>
		<category><![CDATA[sxsw interactive 2010]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=856</guid>
		<description><![CDATA[Hello Everyone:

Greetings to all my readers and fans. I recently submitted a panel for the 2010 SXSW interactive conference.

In order for my panel to be chosen it must get a certain amount of votes. There are over 2000+ panels up for voting this year and only about 300 will be selected. If you want to vote for me, I encourage you to do so. You can find all the information below. 


Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/03/14/sxsw-2009-day-2/' rel='bookmark' title='Permanent Link: SXSW 2009 &#8211; Day 2'>SXSW 2009 &#8211; Day 2</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/16/sxsw-day-3-wrap-up/' rel='bookmark' title='Permanent Link: SXSW Day 3 &#8211; Wrap Up'>SXSW Day 3 &#8211; Wrap Up</a></li>
<li><a href='http://www.uidesignguide.com/2008/03/08/sxsw-interactive-2008/' rel='bookmark' title='Permanent Link: SXSW Interactive 2008 &#8211; I Have Arrived Now On To The First Panel &#038; Registration'>SXSW Interactive 2008 &#8211; I Have Arrived Now On To The First Panel &#038; Registration</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Hello Everyone:</p>
<p>Greetings to all my readers and fans. I recently submitted a panel for the 2010 SXSW interactive conference.</p>
<p>There are over 2000+ panels up for voting this year and only about 300 will be selected.<span id="more-856"></span> If you want to vote for me, I encourage you to do so. You can find all the information below.</p>
<p><a title="Vote For Agile UX Panel SXSW 2010" href="http://panelpicker.sxsw.com/ideas/view/4324" target="_blank">Vote for My Agile UX Panel at SXSW 2010.</a></p>
<p>Here is a little information about my UX panel.</p>
<p>Title: Rapid Development &#8211; Where’s The UX?</p>
<p>The structure and the format is yet to be fully determined, but here are some of the questions I hope to answer as well as provide some detailed examples on.</p>
<ul>
<li>What does Agile Mean to me as a UX designer?</li>
<li>How Can I succeed as a UX Designer?</li>
<li>How can I cope with rapid iterations?</li>
<li>What steps can I use to improve my own design process?</li>
<li>Where do I fit in the process?</li>
<li>How can I prevent meeting burn out?</li>
<li>What pitfalls should I avoid?</li>
<li>How can I tell I am succeeding in the process?</li>
<li>What does agile mean to developers vs UX designers?</li>
<li>What traditional design methods work and do not work?</li>
</ul>
<p>In the coming months I have at least one article scheduled to appear and I would love your feedback.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/03/14/sxsw-2009-day-2/' rel='bookmark' title='Permanent Link: SXSW 2009 &#8211; Day 2'>SXSW 2009 &#8211; Day 2</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/16/sxsw-day-3-wrap-up/' rel='bookmark' title='Permanent Link: SXSW Day 3 &#8211; Wrap Up'>SXSW Day 3 &#8211; Wrap Up</a></li>
<li><a href='http://www.uidesignguide.com/2008/03/08/sxsw-interactive-2008/' rel='bookmark' title='Permanent Link: SXSW Interactive 2008 &#8211; I Have Arrived Now On To The First Panel &#038; Registration'>SXSW Interactive 2008 &#8211; I Have Arrived Now On To The First Panel &#038; Registration</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/08/17/ui-design-news-vote-for-my-agile-ux-panel-at-sxsw-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Design Dissection: Jack in the Box Self Order Machine</title>
		<link>http://www.uidesignguide.com/2009/08/08/ui-design-dissection-jack-in-the-box-self-order-machine/</link>
		<comments>http://www.uidesignguide.com/2009/08/08/ui-design-dissection-jack-in-the-box-self-order-machine/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 18:20:52 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[UI Design Class]]></category>
		<category><![CDATA[UI Design Dissection]]></category>
		<category><![CDATA[User Experience Design]]></category>
		<category><![CDATA[design mentality]]></category>
		<category><![CDATA[design experiences]]></category>
		<category><![CDATA[design lessons]]></category>
		<category><![CDATA[touchscreen interfaces]]></category>
		<category><![CDATA[ui dissection]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=803</guid>
		<description><![CDATA[Today for lunch I decided to swing by Jack in the Box. Little did I know I was about to have a unique UI experience. Upon arriving we were introduced to the brand new (at least in this area) self order system. And thus began my customer experience.

My initial reaction was one of horror. I [...]


Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/07/22/blog-reponse-whats-your-design-sign/' rel='bookmark' title='Permanent Link: Blog Response: What&#8217;s Your Design Sign?'>Blog Response: What&#8217;s Your Design Sign?</a></li>
<li><a href='http://www.uidesignguide.com/2009/05/12/book-reviews-neuro-web-design-what-makes-them-click/' rel='bookmark' title='Permanent Link: Book Reviews: Neuro Web Design What Makes Them Click.'>Book Reviews: Neuro Web Design What Makes Them Click.</a></li>
<li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Today for lunch I decided to swing by Jack in the Box. Little did I know I was about to have a unique UI experience. Upon arriving we were introduced to the brand new (at least in this area) self order system. And thus began my customer experience.<br />
<span id="more-803"></span><br />
My initial reaction was one of horror. I don&#8217;t like ordering what is &#8220;on the menu.&#8221; I like to order a customized combo. All I could keep thinking was how well was this machine and more importantly the touch UI going to hold up to my customer demands? Join me as we dissect the Jack in the Box Self Order Machine.</p>
<h2>Employee v.s Machine</h2>
<p>Initially, an employee walked us through and showed me the usage of the machine. While my friend stood by and casually joked<br />
&#8220;Does the food come out the back?&#8221; They all laughed. Personally I thought that would have been awesome, but no they still have to cook it. All the while I was thinking here we are 2009 and no <em><a href="http://en.wikipedia.org/wiki/The_Jetsons" target="_blank">Jetson&#8217;s</a></em> technology yet, oh well. And now back to the topic at hand.</p>
<h2>The Interface</h2>
<p><a href="http://www.uidesignguide.com/images/gallery/jb_dissection.jpg" class="broken_link"  target="_blank"><img class="imgright" src="http://www.uidesignguide.com/images/gallery/jb_dissection.jpg" alt="Custom Interface Sketch" /></a>The interface was quite pleasant to use. The initial screen had very large buttons with images depicting the various type of food categories. Each touch passed you through to the next round of choices. After studying the menu on the wall I decided I wanted a #6 combo. I noticed the image button with white and black outlined lettering with the word &#8220;Combos.&#8221; Easy enough so far.</p>
<p>As I proceeded onto my next select the system spoke very loud and let me know my current location (bread crumbs may have helped here). My design brain kicked in at this point and I thought. Awesome so far this system seems to be on the right track, let&#8217;s see what else it can do!</p>
<p>I next choose my combo size which the system graciously suggested three size options. I choose &#8220;large&#8221;, and was asked to choose a drink followed by my side item (free curly fry upgrade for using the system? Hell, yeah that&#8217;s incentive!)</p>
<p>Now came the true test, the system presented me with two buttons on the bottom  Pay  &#8211; Customize ( I&#8217;m not sure of those were the exact names because I&#8217;m trying to remember the system).The employee kindly showed me how to customize the order by touching a &#8220;customize&#8221; button.</p>
<p>I have sketched out this part of the UI from memory because, I only decided to examine the UI after the fact. Essentially, I was presented a screen with the items I ordered and a scrollable list that allowed me to choose 1-4 options for each of the items on my hamburger. I found the mustard option and set it to none and then clicked &#8220;Pay now.&#8221;<a href="http://www.uidesignguide.com/images/gallery/jb_customize.jpg" class="broken_link"  target="_blank"><img class="imgleft" src="http://www.uidesignguide.com/images/gallery/jb_customize.jpg" alt="Custom Interface Sketch" /></a></p>
<p>I was then presented with 3 buttons credit card (no debit card?), cash, and one more which escapes me. And since there was a ton of available real estate on the screen I thought these buttons could be even larger, and the addition of an arrow or text could point towards the actual manual interface options on the machine. In this case the credit card slot.</p>
<p>I proceeded to swipe my card the &#8220;wrong way&#8221;, like so many of us do. (Perhaps someone could build a better system for swiping cards &#8211; double strip maybe?). The ticket then was manually handed from the employee to the person cooking the food. I believe this was simply an issue that the machine wasn&#8217;t fully integrated yet with existing point of sale systems at the store. It was odd to have the order ticket handed to the back, but oh well. Next thing I knew my purchase was complete.</p>
<h2>The Experience</h2>
<p>To my surprise a lot of things went right. The system was friendly and the voice cues left me feeling confident about ordering. I was moved around the screen without issue, and even if the employee wasn&#8217;t there I still believe there would have been a fast and rapid transaction.</p>
<p>The UI never left me guessing if the previous selection was done correctly. This was especially important, since I had a pre-conceived notion of what my experience would be like. And like any other user experience that is a tough roadblock to get over.</p>
<p>The customization order screen was clean, not cluttered only showed me the options I could configure. Had I struggled at any point in this process. I would have probably never used this machine ever again.</p>
<p>Many of us have experienced or designed systems that attempt to automate the human interaction and fail miserably. This was not the case with this system. I actually believe I could order faster over time. Jack in the Box could even take this process to a whole other level where the system could recognize your name login ID or something and you could have a one button order of your favorite food. This is actually one of my favorite options on my ATM machine. It saves time and thought.</p>
<h2>A Designed Experience With Thought</h2>
<p>Let&#8217;s face it, the lunch crowd is probably the perfect audience to try out this machine. The only reason I felt guilty using this machine was for the simple fact that it does such a good job. A better job then other automated systems that have been around longer.</p>
<p>How many times have you been trying to race out of the grocery store at the &#8220;AUTOMATIC&#8221; checkout line only to be thwarted by this &#8220;friendly messages.&#8221;</p>
<p>&#8220;please place the item in the bag.&#8221;<br />
&#8220;please wait for attendant.&#8221;<br />
&#8220;please put the item back on the scale.&#8221;<br />
&#8220;your coupon could not be scanned&#8221; (yep happened today)</p>
<p>When it comes to these grocery store touch interfaces it&#8217;s about a 50% satisfaction rate for me personally. I would much rather wait in line because the machine just usually ends up telling me to &#8220;wait&#8221; for human interaction to solve my issue. Beyond that how hard is it for the store to build in extra space so you can have room to put your groceries. Just like in any interface you don&#8217;t want the &#8220;ERROR: You Are Stupid.&#8221; to pop up on the screen.</p>
<p>The next time you are at the grocery store using the automatic checkout. Take a look around and see how many people it takes before the designed interaction of the system fails to produce the required user response. In fact, take a look at other touch interfaces around you and see what their failure rate of failure is.</p>
<h2>Conclusion &#8211; Cheeseburger Harmony</h2>
<p>Jack in the Box put some thought into this design, or at least hired a company that did. And that my friends is what a well thought out interface does.<br />
This is the experience you want all your customers to have. And any UX person worth their cost should know that slapping a UI onto a product, application, etc&#8230; is just going to bite you in the ass.</p>
<p>In the case of J&amp;B the return was not only well thought out but delicious.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/07/22/blog-reponse-whats-your-design-sign/' rel='bookmark' title='Permanent Link: Blog Response: What&#8217;s Your Design Sign?'>Blog Response: What&#8217;s Your Design Sign?</a></li>
<li><a href='http://www.uidesignguide.com/2009/05/12/book-reviews-neuro-web-design-what-makes-them-click/' rel='bookmark' title='Permanent Link: Book Reviews: Neuro Web Design What Makes Them Click.'>Book Reviews: Neuro Web Design What Makes Them Click.</a></li>
<li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/08/08/ui-design-dissection-jack-in-the-box-self-order-machine/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Blog Response: What&#8217;s Your Design Sign?</title>
		<link>http://www.uidesignguide.com/2009/07/22/blog-reponse-whats-your-design-sign/</link>
		<comments>http://www.uidesignguide.com/2009/07/22/blog-reponse-whats-your-design-sign/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 13:05:39 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[blog responses]]></category>
		<category><![CDATA[design experiences]]></category>
		<category><![CDATA[design lessons]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=745</guid>
		<description><![CDATA[This morning I came across a great article on Overdesign for IPHONE applications.  While the article focuses primarily on new IPHONE design the same holds true for all aspects of UI Design. Consistency is your key to a usable application. 



Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/02/12/blog-response-ie-6-the-devil-not-in-disguise/' rel='bookmark' title='Permanent Link: Blog Response: IE 6 The Devil Not In Disguise'>Blog Response: IE 6 The Devil Not In Disguise</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/20/blog-respose-bowman-leaves-google-response/' rel='bookmark' title='Permanent Link: Blog Respose: Bowman Leaves Google'>Blog Respose: Bowman Leaves Google</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/27/blog-response-do-you-love-wireframes/' rel='bookmark' title='Permanent Link: Blog Response: Do You Love Wireframes?'>Blog Response: Do You Love Wireframes?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>This morning I came across a great article on <a href="http://www.smashingmagazine.com/2009/07/21/iphone-apps-design-mistakes-overblown-visuals/" target="_blank">Overdesign for IPHONE applications.</a>  While the article focuses primarily on new IPHONE design the same holds true for all aspects of UI Design. Consistency is your key to a usable application.<span id="more-745"></span></p>
<p>When you examine say Norton,or Adobe products, the consistent design allows the user to quickly locate and find your way around other different tools in the suite. Furthermore; if you are going to push a consistent product brand your design needs to fall within the expect mental model.</p>
<p>If a stop sign said GO would you know to stop? If the color changed would you know to stop? The same is true for your application. If you as the UI designer changed your cancel and your ok buttons around, would the user be able to predict the next screen interaction?</p>
<p>In the end it comes down to the customer experience. Yes, you still want your application to have that &#8220;wow&#8221; factor, but don&#8217;t sacrifice the &#8220;wow&#8221; for the now. That is to say don&#8217;t interrupt me by changing something I&#8217;m used to. And if you DO MAKE ME THINK. You better make damn sure the application is and will continue to be worth my time and money.</p>
<h2>Fighting The Brains Trained Responses</h2>
<p>Take a look at how hard Bing is working to remove the image of google from our heads. When you think search most users automatically think GOOGLE.  When you think Tissue most users think Kleenix.</p>
<p>A consistent application UI can be a powerfull tool when trying to associate your interface with a particular word or phrase. Attaching an easy to recognize and predictable interface is your key to promoting your brand. Without it your just holding up a green stop sign.</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/02/12/blog-response-ie-6-the-devil-not-in-disguise/' rel='bookmark' title='Permanent Link: Blog Response: IE 6 The Devil Not In Disguise'>Blog Response: IE 6 The Devil Not In Disguise</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/20/blog-respose-bowman-leaves-google-response/' rel='bookmark' title='Permanent Link: Blog Respose: Bowman Leaves Google'>Blog Respose: Bowman Leaves Google</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/27/blog-response-do-you-love-wireframes/' rel='bookmark' title='Permanent Link: Blog Response: Do You Love Wireframes?'>Blog Response: Do You Love Wireframes?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/07/22/blog-reponse-whats-your-design-sign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Design Software Review: Flair Builder v1.6</title>
		<link>http://www.uidesignguide.com/2009/06/24/ui-design-software-review-flair-builder-v1-6/</link>
		<comments>http://www.uidesignguide.com/2009/06/24/ui-design-software-review-flair-builder-v1-6/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 21:53:29 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[prototyping software]]></category>
		<category><![CDATA[ui design software review]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=675</guid>
		<description><![CDATA[Recently, I received a copy of  <a title="Flair Builder" href="http://www.flairbuilder.com" target="_blank">Flair Builder</a> , a new wire-frame, mock and interactive prototyping tool.  As many of my readers know, I am <strong>very much for</strong> utilizing paper prototyping for the first few iterations of a design. Of course, when I need to present something to a client I try to clean up the design as well as illustrate complex interactions. This is where a tool like Flair Builder can come in handy.



Related articles:<ol><li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
<li><a href='http://www.uidesignguide.com/2008/02/14/paper-prototyping-adds-value-if-done-right/' rel='bookmark' title='Permanent Link: Did You Know Paper-Prototyping Adds Value If Done Right?'>Did You Know Paper-Prototyping Adds Value If Done Right?</a></li>
<li><a href='http://www.uidesignguide.com/2007/03/28/why-did-my-design-fail-miserably-and-other-not-nice-things/' rel='bookmark' title='Permanent Link: Why Did My Design Fail Miserably and Other Not Nice Things?'>Why Did My Design Fail Miserably and Other Not Nice Things?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Recently, I received a copy of  <a title="Flair Builder" href="http://www.flairbuilder.com" target="_blank">Flair Builder</a> , a new wire-frame, mock and interactive prototyping tool.  As many of my readers know, I am <strong>very much for</strong> utilizing paper prototyping for the first few iterations of a design.<br />
<span id="more-675"></span><br />
Of course, when I need to present something to a client I try to clean up the design as well as illustrate complex interactions. This is where a tool like Flair Builder can come in handy.</p>
<p><img src="http://www.uidesignguide.com/wp-content/uploads/2009/06/fb_screen23-150x150.gif" class="imgright" alt="Flair Builder Example" />Flair builder is built as an Adobe Flex application and allows for quick and rapid building of both lo-fi and highly interactive prototypes. In total I would estimate it took me about 1 &#8211; 2 hours to feel comfortable enough in the application to actually get to building out a project. Projects allow for both multiple pages, as well as master pages which I found to be useful when coping elements across new pages such as a menu<br />
As for the individual components Flair Builder does a good job of giving you some highly interactive pre-built components. Some of these include, dynamic menus, interactive tab structures, graphs, charts, trees, multimedia controls, datagrids, etc&#8230;</p>
<p>I was especially happy with how easy it was to align elements on the screen. As I dropped a new element into place a cross-hair was displayed with which you can use to line up your current element with previously placed elements.  In addition, most of the interactive widgets provide states for interactivity. These events could be.<img src="http://www.uidesignguide.com/wp-content/uploads/2009/06/fb_screen3-150x300.gif" class="imgleft" alt="Flair Builder Widgets" /><br />
 modified to perform other interactions when in preview mode, like launch a pop-up .You can view this interactivity by switching to preview in the &#8220;View&#8221; menu.</p>
<p>The application looks to be in the very beginning stages, but does have a lot offer for quick prototyping. In my tests I was able to do almost everything I wanted to in illustrating my application UI. There were a few small bugs I came across, but nothing that prevented me from getting the initial master page and a few demo pages put together. There is an active community for the tool and the developer seems to be open to suggestions and ideas for interface improvements.</p>
<h2>The Good:</h2>
<ul>
<li>Flair Builder did not seem to slow my designs down and made it quick to make interactive mocks that users could read(my handwriting isn&#8217;t the best).</li>
<li>Rapidly constructed wire frames with out a hitch</li>
<li>A large assortment of widgets with a variety of interaction states</li>
<li>The ability to group elements and quickly copy an entire group.</li>
<li>Developer has been actively pushing out new builds</li>
<li>Ability to work on multiple projects</li>
<li>Easily able to visually present complex interactions: modals, messages, etc..</li>
<li>Large assortment of icons available to use</li>
</ul>
<h2>The Bad:</h2>
<ul>
<li>No print option directly from the File menu. I frequently want to print out iterations of a design to Paper.</li>
<li>Currently only one theme for the widgets</li>
<li>Doesn&#8217;t remember my last saved project</li>
</ul>
<h2>Conclusion</h2>
<p>Compared to other tools on the market flair builder is lacking in a few key features, but as of the initial writing of this article. Over 2 new versions were deployed. I also really want to see some advanced printing features in the next version. I like to take and scribble on my mocks. I really feel the strong points of the application are in the interactive prototype features. It&#8217;s a strong contender and I look forward to seeing what will come next.</p>
<p>[xrr rating=3/5]</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
<li><a href='http://www.uidesignguide.com/2008/02/14/paper-prototyping-adds-value-if-done-right/' rel='bookmark' title='Permanent Link: Did You Know Paper-Prototyping Adds Value If Done Right?'>Did You Know Paper-Prototyping Adds Value If Done Right?</a></li>
<li><a href='http://www.uidesignguide.com/2007/03/28/why-did-my-design-fail-miserably-and-other-not-nice-things/' rel='bookmark' title='Permanent Link: Why Did My Design Fail Miserably and Other Not Nice Things?'>Why Did My Design Fail Miserably and Other Not Nice Things?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/06/24/ui-design-software-review-flair-builder-v1-6/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UI Design Challenge: Redesign A Filter Widget</title>
		<link>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/</link>
		<comments>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 18:33:26 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[application design]]></category>
		<category><![CDATA[design examples]]></category>
		<category><![CDATA[design lessons]]></category>
		<category><![CDATA[design problems]]></category>
		<category><![CDATA[UI Design Class]]></category>
		<category><![CDATA[ui design lessons]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=605</guid>
		<description><![CDATA[So I am bringing back the UI design challenge and wanted to try this a bit different. I want this to be an interactive experience. If you listen to my audio blog posts: http://boo.fm/b29310. I talked about recent research I was conducting to locate a new house.


Related articles:<ol><li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
<li><a href='http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/' rel='bookmark' title='Permanent Link: UI Design Patterns: Exploration of Data and Visual Imagery in Application Design'>UI Design Patterns: Exploration of Data and Visual Imagery in Application Design</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/03/ui-design-dissection-google-reader-what-makes-an-application-great/' rel='bookmark' title='Permanent Link: UI Design Dissection: Google Reader What Makes an Application Great?'>UI Design Dissection: Google Reader What Makes an Application Great?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>So I am bringing back the UI design challenge and wanted to try this a bit different. I want this to be an interactive experience. If you listen to my audio blog posts: http://boo.fm/b29310. I talked about recent research I was conducting to locate a new house.</p>
<p><span id="more-605"></span></p>
<p>During the course of this research I used many front-end UI interfaces and house databases. I came across one such search that was extremely tricky to use. Notice the image below and see that I am required to type in a zip code, but then I am presented with a GIGANTIC list of options in a multi-line text box (some 100+).</p>
<p>So here is the challenge to the community. If you want to participate great. For this particular problem your goal is to come up with a new and better design for the interface presented. If you want you can post a comment that goes to your design illustration etc, or you can simply e-mail me and I&#8217;ll be posting some of the entries here along with author and web site link.</p>
<p>There are no prizes. This is strictly for education purposes. There are no right or wrong answers. On To the challenge!</p>
<h2>The Challenge:</h2>
<div id="attachment_608" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.uidesignguide.com/wp-content/uploads/2009/06/area_search2.gif" class="broken_link" ><img class="size-medium wp-image-608 " title="Area Search" src="http://www.uidesignguide.com/wp-content/uploads/2009/06/area_search2-300x101.gif" alt="Area Search" width="300" height="101" /></a><p class="wp-caption-text">Area Search OLD WIDGET</p></div>
<h2>My Example:</h2>
<p>In my example below I took two routes. One allows the users results to be filtered down to a smaller number by choosing the area in a drop down. The other route I added some interactivity with the mouse. Based upon the 2 filters search type, and area a user could click the &#8220;LET ME DRAW IT&#8221; and would be presented a zoomed map of the region. Then they can simply draw a box around the region of interest. Click search and then a number of different things could happen. A user could see houses pop up on the map, they could see a directory listing to the right. The point of this challenge is to design something different and hopefully better than the original</p>
<div id="attachment_611" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.uidesignguide.com/wp-content/uploads/2009/06/map_proto.gif" class="broken_link" ><img class="size-full wp-image-611" title="map_proto" src="http://www.uidesignguide.com/wp-content/uploads/2009/06/map_proto.gif" alt="New design prototype" width="500" height="410" /></a><p class="wp-caption-text">My New Design Prototype</p></div>
<h2>Your Design Examples:</h2>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2008/05/11/how-can-i-speed-up-proto-typing-visual-design-mocks-with-hybrid-design-proto-typing/' rel='bookmark' title='Permanent Link: How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?'>How Can I Speed up Proto-typing &#038; Visual Design Mocks with Hybrid Design Proto-typing?</a></li>
<li><a href='http://www.uidesignguide.com/2010/01/26/ui-design-patterns-exploration-of-data-and-visual-imagery-in-application-design/' rel='bookmark' title='Permanent Link: UI Design Patterns: Exploration of Data and Visual Imagery in Application Design'>UI Design Patterns: Exploration of Data and Visual Imagery in Application Design</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/03/ui-design-dissection-google-reader-what-makes-an-application-great/' rel='bookmark' title='Permanent Link: UI Design Dissection: Google Reader What Makes an Application Great?'>UI Design Dissection: Google Reader What Makes an Application Great?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/06/10/ui-design-challenge-redesign-a-filter-widget/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Site News: The State of the UI Design Guide Union</title>
		<link>http://www.uidesignguide.com/2009/06/05/site-news-the-state-of-the-ui-design-guide-union/</link>
		<comments>http://www.uidesignguide.com/2009/06/05/site-news-the-state-of-the-ui-design-guide-union/#comments</comments>
		<pubDate>Fri, 05 Jun 2009 16:32:37 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[site news]]></category>
		<category><![CDATA[ui design communication]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=601</guid>
		<description><![CDATA[I've been extremely busy working on a new article series, as well as some more work on agile ux articles.  Beyond that I have added a few things to the web site. The first was linking my TWITTER account directly to the blog. It provides me another way to quickly provide news, articles, etc without having to write an entire article. 


Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/03/11/sxsw-interactive-2009-let-the-flow-of-information-begin/' rel='bookmark' title='Permanent Link: SXSW Interactive 2009 &#8211; Let The Flow of Information Begin!'>SXSW Interactive 2009 &#8211; Let The Flow of Information Begin!</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/27/blog-response-do-you-love-wireframes/' rel='bookmark' title='Permanent Link: Blog Response: Do You Love Wireframes?'>Blog Response: Do You Love Wireframes?</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/05/sxsw-2009-interactive-survival-guide-tips/' rel='bookmark' title='Permanent Link: SXSW 2009 Interactive &#8211; Survival Guide &#038; Tips'>SXSW 2009 Interactive &#8211; Survival Guide &#038; Tips</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been extremely busy working on a new article series, as well as some more work on agile UI articles.  Beyond that I have added a few things to the web site. The first was linking my TWITTER account directly to the blog. It provides me another way to quickly provide news, articles, etc without having to write an entire article.  You can see this on the right the navigation of the site.  I really try to twitter about things UI related.<br />
<span id="more-601"></span></p>
<p>The second change is I started doing 2-3 minute audio blogs to supplement articles as well as other topics on my mind. The first one was posted today  The audio blogs will show up in the twitter feed to the right. You will also see them show up if you are following me.<br />
I plan on doing an article featuring some of the best of my Audio Blogs every month or so. Thank you for your readership. The next upcoming article I&#8217;m working on takes a look at a fictious application &#8220;Babyspace&#8221;  as we look at rapidly testing usability and design and knowing what to test when.</p>
<p>Also I will be posting a blog roll sometime in the feature of all the hundreds of blogs I pay attention to. Right now I have about 1000+ articles to skim so I am a little bit behind in my daily routines.</p>
<p>Find Me On Twitter, AudioBoo:  @uidesignguide</p>


<p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/03/11/sxsw-interactive-2009-let-the-flow-of-information-begin/' rel='bookmark' title='Permanent Link: SXSW Interactive 2009 &#8211; Let The Flow of Information Begin!'>SXSW Interactive 2009 &#8211; Let The Flow of Information Begin!</a></li>
<li><a href='http://www.uidesignguide.com/2009/04/27/blog-response-do-you-love-wireframes/' rel='bookmark' title='Permanent Link: Blog Response: Do You Love Wireframes?'>Blog Response: Do You Love Wireframes?</a></li>
<li><a href='http://www.uidesignguide.com/2009/03/05/sxsw-2009-interactive-survival-guide-tips/' rel='bookmark' title='Permanent Link: SXSW 2009 Interactive &#8211; Survival Guide &#038; Tips'>SXSW 2009 Interactive &#8211; Survival Guide &#038; Tips</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2009/06/05/site-news-the-state-of-the-ui-design-guide-union/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
