<?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>Wed, 01 Feb 2012 14:07:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Agile And UX Design Work Best When You&#8217;re Agile?</title>
		<link>http://www.uidesignguide.com/2011/07/15/agile-and-ux-design-work-best-when-youre-agile/</link>
		<comments>http://www.uidesignguide.com/2011/07/15/agile-and-ux-design-work-best-when-youre-agile/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 20:47:22 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[Agile UX]]></category>
		<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[UI Design Articles]]></category>
		<category><![CDATA[UI Management]]></category>
		<category><![CDATA[User Experience Design]]></category>
		<category><![CDATA[agile design]]></category>
		<category><![CDATA[agile design methods]]></category>
		<category><![CDATA[agile help]]></category>
		<category><![CDATA[agile lean]]></category>
		<category><![CDATA[agile tips]]></category>
		<category><![CDATA[agile tools]]></category>
		<category><![CDATA[agile ui design]]></category>
		<category><![CDATA[agile ux]]></category>
		<category><![CDATA[agile ux help]]></category>
		<category><![CDATA[design lessons]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1528</guid>
		<description><![CDATA[This is the third article in my long running series on Agile and User Experience Design.  I have a feeling this will generate quite a bit of discussion and as an experiment I will also post this on my Google + stream.  Let’s get started shall we. As a UX professional, agile is less about [...]]]></description>
			<content:encoded><![CDATA[<p>This is the third article in my long running series on Agile and User Experience Design.  I have a feeling this will generate quite a bit of discussion and as an experiment I will also post this on my <a title="Google Plus" href="gplus.to/prestonmccauley" target="_blank">Google + stream</a>.  Let’s get started shall we.</p>
<p>As a UX professional, agile is less about a methodology and more about adaptive design practices.  It’s about taking all of your “UXPERIENCES” and squeezing them into a magic box and then pulling out the tool, item, or design pattern you need.  It’s about taking business requirements and using an idea to formulate working models and design concepts.  The tools are not the Swiss army knife, <strong>you are! </strong>The key to making Agile UX work for you is the ability to draw upon experiences and resources quicker and faster.  You need to be able to filter what’s important and what isn’t.</p>
<h1>Hey UX, it’s me, Mr. Time Lines.</h1>
<p>Deadlines and timelines exist in the agile world too?  This is why you constantly need to balance time, cost, and resources. Basic project and time management are keys to your overall success.</p>
<p>Many UX and visual designers have experienced the agile design time crunch.  Manufactured time constraints can entirely kill the design process.  In reality, design and development are not as different as you might think.  Design tends to evolve through different changes in color, layout, relationship, space, and more.  Development evolves through refinement, efficient, logical code.   Each of these two disciplines require discipline to know when to stop.  Use timeline as a motivator instead of as a constraint.  If you get to a good design before the clock runs out, you win. If you get a fully complete, functional, usable design the first time around you are much less likely to iterate the design.</p>
<p>Spending more time than is necessary is where UX people get stuck.  We tend to become isolated on UX island and continue to build boats with different colors, shapes, sizes and positions, while others have already left the island to explore new territory.  You need to be cognizant of when you become stuck on the island.  Find a place to leave your boats and make notes on points you want to iterate later.  Be sure to bring this up in the next planning meeting!  Be aware of your revision points or no time will be allotted for changes in later iterations.</p>
<h1>How Much Pre-work Is Enough Work?</h1>
<p>When examining your product backlog list, it is essential that the list is clean and groomed by your product owner.  This gives you time to identify UX functions before starting on any development. Resist the urge to just design and get something built, especially if you aren’t using a <a title="Kanban WikiPedia" href="http://en.wikipedia.org/wiki/Kanban" target="_blank">Kanban methodolgy</a>.  If in your agile cycle you have a load 0 start point  this is the perfect time to start queuing up your UX agenda. If you don’t save time before the project and after each iteration for pre/post UX planning this is a red flag. It can lead to catastrophic failure.</p>
<p>This brings us to the million dollar UX question, “<em>How much work is enough work if a wood chuck could chuck wood?</em>” The answer is simple: Just enough!  Different situations are going to require different thinking processes and different tools from your arsenal. Maybe you are used to a waterfall process where the design is tossed over to developers never to be seen until a complete product. If you are lucky, you, as the UX team, are included at the start of the project brain storming.</p>
<p>In the several cases I have seen, stakeholders and business teams won’t even consider inviting low level employees to these meetings. This is really sad because there is so much value to be gained at this point of the thinking process.</p>
<p>Here are a few guidelines to help you gauge “just enough”:</p>
<ul>
<li>What do your stakeholders or management expect as deliverables? Sketches? Wire-frames? Mocks? Prototype?</li>
<li>What’s the definition of “done” for the iteration?  (<em>I could spend a whole article on this subject alone…</em>)</li>
<li>How long are your iterations? A longer iteration gives you more time, but <span style="text-decoration: underline;">always, always</span> leave time to plan, conceptualize and prepare for the next iteration.</li>
<li>Two weeks ahead of the development cycle is widely accepted as best practice. I personally find that if you have one week iterations you should plan one week. This is after your load 0. (providing you get this time.)</li>
</ul>
<h1>There Isn’t Enough Time To Complete My UX Design.</h1>
<p>Even in waterfall methodology there is never enough time to complete the design. Agile is no different, except expectations can be and should be set by the UX and development team. <strong>You, </strong>as the team, are completing the work and only so much can be done in an iteration.  So what expectation will you set?  That of the overachiever?  Perhaps you have the completionist mentality.  Maybe you are a perfectionist.  You may even be the repeatist.   Each of these traits can be your undoing in a fast pace, real world design situation.  Time is money and money is time.  In order to succeed, you need to be AGILE. You must put aside your own defeatist design patterns to see success.</p>
<ul>
<li>The overachiever seeks to get so far ahead of the development team that requirements change right underneath them.  This can lead to wasted effort and a sense of under accomplishment for the whole team. Stay focused on what you signed up to do and do it to completion. Notice I said don’t do it until it’s right.</li>
<li>The completionist believes the end UX needs to be in a final production ready state. The true goal of agile is to be able to easily complete an iteration of a product and then if necessary change based upon stakeholder or user feedback. Re-iteration and redesign is necessary, but sadly, often not followed in agile.</li>
<li>The perfectionist must always have the design perfect. It’s not going to happen.</li>
<li>The repeatist continues to build on the completed design with three, five, ten different designs. This can spur new ideas, but this also can start a violent redesign cycle where nothing ever reaches a state of even close to done.</li>
</ul>
<p>Set  your ground rules up front. You are responsible for your part in the team. If the team fails an iteration, figure out the problem. What went wrong?</p>
<p>The experts will tell you not to point fingers or blame other team members. The truth is you need to get to the root of the problem. This may come across as blaming in a number of forms. Be professional and state the true concerns. Your project depends on the sanity and civility of your team. Here is just a small sampling of some comments I’ve heard after failed iterations:</p>
<ul>
<li>Requirements were not clear</li>
<li>User stories kept changing</li>
<li>I over estimated how much I could handle</li>
<li>The team over estimated how much they could get done</li>
<li>Outside influences such as bugs and other unaccounted for tasks got in the way.</li>
<li>Team member x only has y percentage of time available and z is dependent on their knowledge</li>
<li>The stories were too big</li>
<li>The UX was not “done”</li>
<li>The development was not done</li>
<li>QA hasn’t had time to adequately test</li>
<li>Team member X was sick and not available</li>
<li>We couldn’t conduct usability testing</li>
<li>I came up with a better idea and started over again.</li>
</ul>
<p>No matter what the reason, the team signed up to do the work. The unexpected is always going to happen, so expect it.   Let the team know if you have to work on a special process every week that no one else can do.  Don’t wait until the morning scrum to solve a roadblock, fix it immediately.  When you detect your failure, or potential for failure, early, there is still time to change the course. Above all, stay <a title="Agile Time Traveler" href="http://www.uidesignguide.com/2009/10/20/ui-design-lessons-a-ui-designer-in-an-agile-world-get-me-out-of-hell-part-1/" target="_blank">involved in each part of the process</a>. A technical decision can hurt an application UX decision. A brilliant UX decision can dramatically increase development time. The group needs to stay informed, in control, and empowered to complete the project before the clock runs out and the money stops flowing.</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2011/07/15/agile-and-ux-design-work-best-when-youre-agile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Design Class: What Type Of User Experience Designer Are You? Part 1</title>
		<link>http://www.uidesignguide.com/2011/03/18/ui-design-class-what-type-of-user-experience-designer-are-you-part-1/</link>
		<comments>http://www.uidesignguide.com/2011/03/18/ui-design-class-what-type-of-user-experience-designer-are-you-part-1/#comments</comments>
		<pubDate>Fri, 18 Mar 2011 19:15:08 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[Design Class]]></category>
		<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[ux value]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1431</guid>
		<description><![CDATA[In this article we will examine the type of UX person you are or will be. So join me for the first in a new article series. We will take a historical look at user experience, and then in future articles look more at your personal UX style. Taking a look back at the past [...]]]></description>
			<content:encoded><![CDATA[<p>In this article we will examine the type of UX person you are or will be. So join me for the first in a new article series. We will take a historical look at user experience, and then in future articles look more at your personal UX style.</p>
<p>Taking a look back at the past several years of User interface design has revealed some interesting insight into trends and techniques. The last few years we have been undergoing a transformation of the user experience. Today I believe this is no longer true, at least at this slice in time.</p>
<h1>Cue The Time Machine</h1>
<p>Let’s take a trip back to art history. The great artist Rembrandt created many works of art and unlike many artists he was fortunate to be recognized as an expert in his lifetime. This expertise allowed him to take on many jobs, but he wasn’t the best at managing his money.</p>
<p>During his lifetime, he took on several apprentices that wanted to learn and emulate his skill. This masterful imitation was carried on in the works of his apprentices. They took what they learned from their master and produced new works. Think of it as Creative Commons of the Renaissance. Imitation was encouraged, clients expected to have the same level (or better) of artistry as their next door Lord, or Lady.</p>
<p>Hopefully, I still have your attention, if not come back to the light Carol Anne!</p>
<h1>The Cloned Experience</h1>
<p>Lets fast forward centuries ahead and we discover the same is true with 2009, 2010, and 2011. Everyone wants to imitate the greats – Facebook, Mint, Google. It all depends on who is on top at the time.</p>
<p>This level of expert imitation is in many cases what your client expect at the bare minimum – A term I like to refer to as “The cloned experience.” Make my app work like Google’s “x” or Facebook’s “y”. Where “x” or “y” is a feature or experience.</p>
<div style="float: right; margin: 8px; padding: 4px; width: 300px; border: 2px dotted #cccccc; background-color: #f2f2f2;">
<h3 style="margin-bottom: 0px; color: #404040;">UX For Thought</h3>
<ul style="font-size: 11px; font-style: italic;">
<li>Can an experience be cloned?</li>
<li>Is going to Disneyland in my back yard the same as going to Florida?</li>
<li>Where is the line between copying &amp; imitating?</li>
<li>Can an emotional attachment to an application be an advantage?</li>
</ul>
</div>
<p>In essence, we are copying the masters of our time, trying desperately to capture the glory and wealth these masters hold. By copying the styles, techniques, features, and experiences we hope to improve our customer base, application value, etc…</p>
<p>The interesting thing to note is the “what” we copy doesn’t stay the same forever. Take a look back to the 2006-2008 time frame and we were all trying to duplicate features from Yahoo, Myspace and the like. What magic thing happens to push the online design and experience to a new age? Web 2.0 (I hate that term), was really about a transformation in customer experience. In even simple terms, we started designing experiences like we should have been designing them all along. Due to cost, time, and acceptance of the UX field many companies couldn’t accomplish this level of application design. Why justify spending money on the experience when it already has all the features?</p>
<p>Despite this mentality there were a few companies trying to elevate the experience beyond expectation. These companies took the most complex interactions and with the help of faster libraries, better programming tools, faster databases, transformed to a more immediate, less random experience.</p>
<p>At the very core UX’s view was transformed as we struggled to mold how users work with our applications, but beyond the tools we started to break down complexities in new ways. What happened was a digital Renaissance, we thought of experience as more of an emotional connection to the user. We tried to break away from the term user and attempted to make the experience personal.</p>
<p>But wait, you say “didn’t we already do this in the dot.com era”?</p>
<p>Yes, we tried to, we attempted desperately to accomplish a personal connection with our applications. In case you don’t remember the imitated experience of the pre/post dot.com era was to tack “MY” on to everything. “myweb” “myplace” “myspace.” As of the writing of this article, myspace is on the way out. It’s now more about our, but I’ll talk about this more in a future article.</p>
<h1>Relation And Location Bring Social Realization</h1>
<p>One of the underlying factors of this rapid transformations is relationship and location.<br/>
Certainly, the ability to interact faster with our users, clients and customers plays a big factor in these quicker transitions. What used to take centuries, now takes years. In the matter of an hour I can view 10 designs and go hands on with several experiences across the globe. I can try out the latest app in Korea, converse with a friend of twitter, and view a viral video all from the convenience of the IPAD in the bedroom.</p>
<p>I would bet if you took a random sampling of applications in different industries created during this and the past year you would find a large similarity in features, functions and experience. There are reasons “business intelligence people” would like you to believe why this similarity exist.</p>
<p>I’ve heard everything. “Well, X company probably spent billions on user research”, to “Company on Top at the time is doing it or will be doing it”. The simple answer is we conform to the norm of the time. And in many cases regardless of the perceived user experience. This makes it very difficult to move to a transformation of the experience.</p>
<p>This brings us back to the present. We are in the pre-phases of <strong>Web New. 0h! </strong>(You heard the term here first.) What is the catalyst that brings about a transformation from the common experience to New Design.</p>
<p>If you listen to all the news right now, most people would say the tablet revolution is upon us. After years of research and money the technology has finally caught up to the need, desire and want of the average user. Is this enough to classify this as a transforming experience? Should everyone start jumping to these devices and build custom experiences?</p>
<p>In the next article we will take a look at some factors that contribute to a transforming user experience.</p>
<p style="font-size: 10px; color: #eeeeee;"><a href="http://en.wikipedia.org/wiki/Rembrandt" target="_blank">Rembrandt: wikipedia</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2011/03/18/ui-design-class-what-type-of-user-experience-designer-are-you-part-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UI Design Conferences: SXSW Interactive 2011</title>
		<link>http://www.uidesignguide.com/2011/02/20/ui-design-conferences-sxsw-interactive-2011/</link>
		<comments>http://www.uidesignguide.com/2011/02/20/ui-design-conferences-sxsw-interactive-2011/#comments</comments>
		<pubDate>Mon, 21 Feb 2011 03:59:30 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[UI Design Conferences]]></category>
		<category><![CDATA[UI Design Events]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[sxsw 2011]]></category>
		<category><![CDATA[sxsw interactive 2011]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1383</guid>
		<description><![CDATA[It’s my favorite time of the year! Only one more month to SXSW Interactive 2011.. It’s time for networking, sharing, exploring the cutting edge of user experience, design, new technologies, and so much more. Believe it or not it’s the conversations in the hall that can be the best part of SXSW 2011. Let’s take [...]]]></description>
			<content:encoded><![CDATA[<p>It’s my favorite time of the year! Only one more month to <a href="http://www.sxsw.com" target="_blank">SXSW Interactive 2011.</a>. It’s time for networking, sharing, exploring the cutting edge of user experience, design, new technologies, and so much more. Believe it or not it’s the conversations in the hall that can be the best part of SXSW 2011. Let’s take a look at some of my currently planned schedule and talk a little bit about the venue this year.</p>
<p>First off the panel picker was vastly improved and the design makes it a lost easier to sift through 1000+ panels. Now if the titles would just accurately depict what the panels are about the experience would be a bit more pleasant. There is a lot in a name, but some of these panels I really can’t make heads or tails about what the talks will be about.</p>
<h1>SXSW 2011 – What’s a SXSW?</h1>
<p>What makes a great conference full of five days of panels great? Is it the people, the conversations, the business deals made in the hall, or getting to witness and interact first hand with awesome startups? Well, It’s a little bit of all of these things. Ultimately, it comes down to the presentations &amp; banter in the halls while waiting for panels.</p>
<p>The greatest thing I personally gain is inspiration to continue writing and practicing in the user experience field. It’s wonderful to come together with some of the brightest minds in the world talk, eat, and party. So let’s take a look at a few of panels I may potentially attend next month. I only say potentially, because you are encouraged to move panels if something is not to your liking.</p>
<h1>A Word To The First Timer </h1>
<p>I encourage you to attend the first day session <em><a href="http://schedule.sxsw.com/events/event_IAP8384" target="_blank">How To Rawk out at SXSW Interactive</a></em>. In the past this panel provided excellent comments, superb tools, and great advice to get you the most out of your experience. </p>
<h1> A Few Sessions that are Intriguing </h1>
<ul>
<em>
<li><a href="http://schedule.sxsw.com/events/event_IAP8017" target="_blank">Gamechanging: Turn Your App Into A Cooperative Game </a>
</li>
<li><a href="http://schedule.sxsw.com/events/event_IAP5536" target="_blank">Fan to Fanatic: True Blood’s Marketing Hook</a> </li>
<li> <a href="http://schedule.sxsw.com/events/event_IAP6011" target="_blank">Games User Research: Oh no! You’re Doing It Wrong!</a></li>
<li><a href="http://schedule.sxsw.com/events/event_IAP5823" target="_blank">Creative Workshop: 80 Challenges to Sharpen Your Design Skills</a></li>
<li><a href="http://schedule.sxsw.com/events/event_IAP7120" target="_blank">Design-Driven Innovation: How Designers Facilitate the Dialog</a></li>
</em><p><em/>
</p></ul>
<p>Hope to see you at SXSW and if you want more information you can always <a href="http://twitter.com/uidesignguide" target="_blank">follow me on twitter @uidesignguide</a></p>
<p>I leave you all with one more article I wrote back in 2009. A lot of the information is still valuable for your trip to SXSW 2011.<br/>
<a href="http://www.uidesignguide.com/2009/03/05/sxsw-2009-interactive-survival-guide-tips/">SXSW 2009 Interactive – Survival Guide &amp; Tips</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2011/02/20/ui-design-conferences-sxsw-interactive-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI Application Reviews: Iphone App LOQLY</title>
		<link>http://www.uidesignguide.com/2011/01/24/ui-application-reviews-iphone-app-loqly/</link>
		<comments>http://www.uidesignguide.com/2011/01/24/ui-application-reviews-iphone-app-loqly/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 05:27:18 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[Application Design Reviews]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[IPHONE]]></category>
		<category><![CDATA[iphone app]]></category>
		<category><![CDATA[iphone applications]]></category>
		<category><![CDATA[iphone design]]></category>
		<category><![CDATA[iphone ui]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1269</guid>
		<description><![CDATA[From time to time I get to help friends out with their application ventures. Such is the case with LOQLY. LOQLY is a new GEO location question and answer application for the IPHONE. The premise behind the app is simple. Locals know their area the best. Build a community around locals mixed with the massive [...]]]></description>
			<content:encoded><![CDATA[<p>From time to time I get to help friends out with their application ventures. Such is the case with LOQLY. LOQLY is a new GEO location question and answer application for the IPHONE. The premise behind the app is simple. Locals know their area the best. Build a community around locals mixed with the massive location database that is Google for a rich, “right now experience.”</p>
<h2>LOQLY and You</h2>
<p>How many times have you driven by a place and thought? “Hmm I wonder what the food is like there, should I try it?” “Where can I find a decent store that sells my favorite brand of product. This is where LOQLY comes to the rescue. It’s question and answer, meets GEO location.  It’s area expert, meets new area locals.</p>
<h2>Great Apps Don’t Happen Over Night</h2>
<p>Let’s take a short look at the apps development cycle.<br/>
In previous alpha versions I felt the primary function was too hidden. Thankfully, with a little advice from yours truly, some of the interactions and screens were moved around to give a quicker experience.</p>
<p>The size and position of the submit a question button was increased by about 3 times. Originally the button was too small, now its extremely visible and the nice fade effect from submit to screen transition gives you a sense of accomplishment as you post your question for the LOQLY world.</p>
<p>So how does LOQLY Work?</p>
<h2>Ask a Question</h2>
<p><a href="http://www.uidesignguide.com/wp-content/uploads/2011/01/loqly_1.jpg"><img src="http://www.uidesignguide.com/wp-content/uploads/2011/01/loqly_1-200x300.jpg" alt="" title="LOQLY Question And Answer" width="200" height="300" style="float:right; margin:10px; border:2px solid #404040;"/></a>It’s simple look up a location using the categories / or search, and when you locate a place click the big orange button to ask a question. LOQLY is smart and with your permission uses your current GEO location coordinates to locate places nearby. Not to mention when you post a question, it can be posted to your Facebook profile at the same time.</p>
<p>Access your questions from the handy menu at the bottom, or view other trending questions. When you are done asking your questions sit back and wait.</p>
<h2>Wait For Responses</h2>
<p>Push notifications on the IPHONE make it breeze to see when your question has been answered. Just post your question and go about your business, someone is sure to come along with the answers you need. You as the original question asker have the ability to mark the answers people submit as thumbs up / thumbs down. It couldn’t be more simple!</p>
<h2>Join The Community</h2>
<p>LOQLY has a lot more great features coming up. I can’t say much but some of them I am really excited about. Get your spot now <a href="http://loqly.me">and download LOQLY</a>. Did I mention it was free?</p>
<p>Platform: Iphone<br/>
Web Site: <a href="http://loqly.me/">http://loqly.me/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2011/01/24/ui-application-reviews-iphone-app-loqly/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UI Conferences: The Big D Design Conference 2010</title>
		<link>http://www.uidesignguide.com/2010/05/27/ui-conferences-the-big-d-design-conference-2010/</link>
		<comments>http://www.uidesignguide.com/2010/05/27/ui-conferences-the-big-d-design-conference-2010/#comments</comments>
		<pubDate>Thu, 27 May 2010 13:10:57 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[featured]]></category>
		<category><![CDATA[Live Design Blogs]]></category>
		<category><![CDATA[UI Design Conferences]]></category>
		<category><![CDATA[UI Design Events]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1226</guid>
		<description><![CDATA[Tomorrow kicks off the two day conference event here in Dallas. This will be the second  year of the Big D Design Conference. A host of speakers and tracks are available covering several tracks on social media, social strategy, user experience design, and coding and development.  This year also brings back the workshop track which [...]]]></description>
			<content:encoded><![CDATA[<p>Tomorrow kicks off the two day conference event here in Dallas. This will be the second  year of the <em><a href="http://bigdesignconference.com/" target="_blank">Big D Design Conference.</a> </em>A host of speakers and tracks are available covering several tracks on social media, social strategy, user experience design, and coding and development.  This year also brings back the workshop track which is my personal favorite. The small crowd size allows for some really nice interaction with the entire group. I will also have several of my friends there so it looks to be a great time. <span id="more-1226"/></p>
<p>Last year the team did a great job of organizing the conference and brought in some interesting speakers. This year a few on the docket include: <a href="http://www.userglue.com/bio.php" target="_blank">Russ Unger</a>, <a href="http://www.mkanderson.com/" target="_blank">Keith Anderson</a>, <a href="http://www.uie.com/brainsparks/" target="_self">Jared Spool</a>, <a href="http://poetpainter.com/" target="_blank">Stephen Anderson</a>, <a href="http://helloburin.com/" target="_blank">Burin Asavesna</a>, <a href="http://www.designthinkingdigest.com/" target="_blank">Chris Bernard</a> , <a href="http://www.whatmakesthemclick.net/" target="_blank">Dr. Susan Weinschenk </a> and many more.</p>
<p>Last year I did a review of the book “<a href="http://www.uidesignguide.com/2009/05/12/book-reviews-neuro-web-design-what-makes-them-click/" target="_blank">Neuro Web Design: What Makes them Click.” </a> It’s a fantastic book still on my resource shelf today.</p>
<p>Stay tuned to this thread as I cover topics, highlights, and some pictures from the event Friday and Saturday.  My twitter account will be a buzz.</p>
<p>@uidesignguide</p>
<p>Congratulations to the organizers. This year was great. Many of the panels were awesome.  There were some minor hic-ups but the greatest thing about the Big D Design Conference is simply the fact that it is still small enough to become fully immersed in the people. That is a great thing!  Sadly, not a lot of people headed out to the @cohabitat party tonight, but it was a great place to talk and meet people, and speakers.</p>
<p>My Personal Highlights</p>
<ul>
<li>Design Lenses – A lot of great information on how we can use design lenses</li>
<li>Design Anatomy – A great talk on design processes / methods and the way these processes are meant to work.</li>
<li>Being able to get up close and talk with some of the speakers</li>
<li>Being able to work on my visual note taking</li>
<li>Exposure to lots of great ideas &amp; people</li>
</ul>
<p>The next conference I plan on attending is Open camp. This is a lot more on the WordPress development side, but contains ideas from all different fields.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/05/27/ui-conferences-the-big-d-design-conference-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UI Design Book Review: &#8220;Designing for the Greater Good&#8221;</title>
		<link>http://www.uidesignguide.com/2010/04/03/ui-design-book-review-designing-for-the-greater-good/</link>
		<comments>http://www.uidesignguide.com/2010/04/03/ui-design-book-review-designing-for-the-greater-good/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 19:17:11 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[featured]]></category>
		<category><![CDATA[UI Book Reviews]]></category>
		<category><![CDATA[UI Design Articles]]></category>
		<category><![CDATA[Book Review]]></category>
		<category><![CDATA[non-profit design]]></category>
		<category><![CDATA[non-profit design book reviews]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1165</guid>
		<description><![CDATA[I recently received a preview copy of “Designing for the Greater Good.” by Peleg Top &#038; Jonathan Cleveland. This is a hard bound coffee table size book full of non-profit design examples. Often, the world of non-profit design is viewed as second rate and a burden or after thought. ]]></description>
			<content:encoded><![CDATA[<p>I recently received a preview copy of “Designing for the Greater Good.” by Peleg Top &amp; Jonathan Cleveland. This is a hard bound coffee table size book full of non-profit design examples. Often, the world of non-profit design is viewed as second rate and a burden or after thought. This book helps to show that just because a designer is not getting paid, that beautiful non-profit design can and does happen everyday. Inside you will find a showcase of some of the best non-profit design available today.</p>
<h2>What’s Exciting About This Book?</h2>
<div id="attachment_1173" class="wp-caption alignright" style="width: 271px"><a href="http://www.uidesignguide.com/wp-content/uploads/2010/03/design_book_2.jpg"><img class="size-medium wp-image-1173 " title="Designing For The Greater Good - Example Image 2" src="http://www.uidesignguide.com/wp-content/uploads/2010/03/design_book_2-261x300.jpg" alt="Designing For The Greater Good - Example Image 2" width="261" height="300"/></a><p class="wp-caption-text">Designing For The Greater Good - Example Image 2</p></div>
<p>Examples and lots of them, in full color glory. Inside you will find so many different designs spanning the entire non-profit sector. What would a book of this nature be without being able to explore the thought and meaning behind the designs.  The book does exactly this, by giving “spotlight” looks at artists across the United States and Canada. Each section of the book is categorized by the type of non-profit group (human rights, environmental, family and community, etc…)</p>
<p>After a look through the first few pages you will start to notice that design really is alive and quite well in the world of non-profits.  From posters, packaging, billboards, signage, business cards, this book really covers the entire spectrum of non-profit design. One of my favorites for AIGA is great (see picture to right). Design like this just gives you a good feeling. Notice the attention to detail and I love the bleed off the page.</p>
<h2>What Can I Do With The Book?</h2>
<p>For one thing if you have ever worked on a non-profit project, you might feel a bit unsure where to go with your ideas. One of the best things this book helps you do is explore the depths of creativity. You may even choose to spend more time working on your non-profit design after seeing some of these great examples.It’s a great book and a nice addition to any reference library.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/04/03/ui-design-book-review-designing-for-the-greater-good/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW 2010 &#8211; Day 4</title>
		<link>http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/</link>
		<comments>http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 15:40:55 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[design mentality]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[Live Design Blogs]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[SXSW 2010]]></category>
		<category><![CDATA[sxsw 2010]]></category>
		<category><![CDATA[sxsw interaction]]></category>
		<category><![CDATA[sxswi]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1145</guid>
		<description><![CDATA[Seductive Interactions: The day has started and it’s been a crazy morning. Stephen Anderson a local Dallas person, is ready to speak. I’ve seen the presentation online. I think it’s much better in person the nuances you get from the live version is well worth it.  Stephen will be speaking at Big D in may. [...]]]></description>
			<content:encoded><![CDATA[<p>Seductive Interactions:</p>
<p>The day has started and it’s been a crazy morning. Stephen Anderson a local Dallas person, is ready to speak. I’ve seen the presentation online. I think it’s much better in person the nuances you get from the live version is well worth it.  Stephen will be speaking at Big D in may.</p>
<p><em>Usability? Meh. Let’s talk about persuasion. Are you designing serendipity, arousal, rewards and other seductive elements into your applications? We’ll discuss specific ways that sites like Dopplr, iLike and LinkedIn leverage basic human psychology to motivate and shape online behaviors.</em></p>
<p>Speaker: Stephen Anderson</p>
<ul>
<li>Sensory Integration</li>
<li>Novelty</li>
<li>Social Proof</li>
<li>How to get bounce rate down</li>
<li>increase #registered Users</li>
<li>The ILIKE example –  Encouraging more interaction with your new application.
<ul>
<li>user goals / business goals -</li>
<li>immediate feedback loop, but it’s not beat into your head</li>
<li>visual excitement</li>
<li>pattern recognition</li>
<li>recognition versus recall – as opposed to using</li>
<li>Interactive games – that entice users to use the service.
<ul>
<li>Social Interaction to bring in the game against friends</li>
<li>Addictive and fun interaction – “The key here is to make sure the interaction is exciting to use, but not even promoted as such” – I think this is the key here to making an interaction in a social game reach the next level of user, to regular user, to fanatic, to social distribution of an app.</li>
<li>Social Proof</li>
</ul>
</li>
<li>Increasing the motivation factor – to purchase into psychological actions</li>
<li>Starting design process from a different place.</li>
<li>“Salting the tip jar”  - encourages others to donate more.</li>
<li>Product testimonials – I think you have to go beyond this execution method.</li>
<li>Netflix has good examples</li>
<li>Curiosity teasing with information</li>
<li>Sabre Interactive – INTERNAL community TOOL wiki adoption less than 10% social internal tool 60%
<ul>
<li>reputation</li>
<li>rewards</li>
<li>limited druation</li>
<li>status</li>
</ul>
</li>
<li>Conference Signup Page -</li>
<li>Foodspotting -</li>
<li>Plugin for outlook –  adds point system that weights e-mails and you have points at a set limit</li>
<li>Adding levity to copy – “” This is my own note: you have to be careful with this depending on your audience.</li>
<li>Tossing in or setting up default data sets…….
<ul>
<li>Ownership Bias</li>
<li>Feedbacks</li>
<li>Playfullness</li>
</ul>
</li>
<li>DOpplr: Example – traveling site. [pattern recognition, gifting]
<ul>
<li>delighters</li>
<li>Personal velocity</li>
<li>the logo changes – the color does – color signfies cites that you attend</li>
<li>Travel report for last year</li>
</ul>
</li>
<li>Method Cards:</li>
</ul>
</li>
</ul>
<p>Resources:</p>
<p>Here are some of my own resources I’ve found these to tie into all of the above.</p>
<ul>
<li>Fun Theory – http://www.funtheory.com</li>
</ul>
<p>My Resources</p>
<ul>
<li><a href="http://www.uidesignguide.com/2009/05/12/book-reviews-neuro-web-design-what-makes-them-click/" target="_blank">Neuro Web Design – “What Makes Them Click”</a></li>
<li><a href="http://johnnyholland.org/2009/08/24/curiosity-and-interaction-design/">http://johnnyholland.org/2009/08/24/curiosity-and-interaction-design/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW 2010: Live Stream Day 2 From SXSW 2010</title>
		<link>http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/</link>
		<comments>http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 15:35:52 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[featured]]></category>
		<category><![CDATA[Live Design Blogs]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[SXSW 2010]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css frameworks]]></category>
		<category><![CDATA[sxsw 2010]]></category>
		<category><![CDATA[sxsw interactive 2010]]></category>
		<category><![CDATA[sxswi 2010]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1083</guid>
		<description><![CDATA[Today my schedule is jam packed. I’ll be attending several workshops to explore some new approaches to rapid design. You can follow me on twitter to get a ton of new resources and supplemental information. Re-Inventing the Wheel: Sketching your own IA Process Speaker: Chris Fahey “It’s the start of a new project. You’ve got [...]]]></description>
			<content:encoded><![CDATA[<p>Today my schedule is jam packed. I’ll be attending several workshops to explore some new approaches to rapid design. You can <a href="http://twitter.com/uidesignguide" target="_blank">follow me on twitter to get a ton of new resources and supplemental information.</a></p>
<h2>Re-Inventing the Wheel: Sketching your own IA Process</h2>
<p><strong>Speaker: </strong><a href="http://behaviordesign.com/" target="_blank"><strong>Chris Fahey</strong></a></p>
<p><em>“It’s the start of a new project. You’ve got requirements, guidelines, data, research. Now what? Like an artist staring at a blank canvas, information architects often don’t know where to begin. Instead of following a rigid methodology or waiting for the perfect idea to appear out of the blue, learn to…”</em></p>
<ul>
<li>Examining a space suit and taking a look at revising the thought about the design as opposed to working. Redefine the problem to devise new solutions</li>
<li>Designs that are boring and depressing</li>
<li>Data should not drive design decisions – I actually think that is a great thing to keep in mind, I do think you need to be aware of how much data is available.</li>
<li>Mindmapping – it’s a type of user persona mapping based upon timelines.
<ul>
<li>Personally, I feel that personas are only valuable if you are not at all familiar with your core group</li>
</ul>
</li>
<li>Designers are researchers
<ul>
<li>I have tons of research in the form of bookmarks, google reader, links you name it. Research is the key to understanding what is out application designs are out there and what designs are not.</li>
</ul>
</li>
<li>There are no TEMPLATES – That reflects the speakers opinion, I think you can start to use templates to help you sketch when you are staring at the Blank Canvas. I like using<a href="http://www.uidesignguide.com/2009/03/16/sxsw-day-3-wrap-up/"> Leah Buley’s items that she shared for exploring different UI patterns.</a></li>
<li>Interpersonal Circumplex – Where does your product fall – This is kind of like a personality test for your product.</li>
<li>Mood Boards. I like mood boards, it can really spur some new creative ideas that you might not have thought of before.</li>
<li>Metaphors:</li>
<li>Comic Sketching</li>
<li>The Critique:
<ul>
<li>Plan to change your plan Agile / UX -<a href="http://www.uidesignguide.com/2009/10/20/ui-design-lessons-a-ui-designer-in-an-agile-world-get-me-out-of-hell-part-1/"> for more on this feel free to explore my article on agile ux.</a></li>
</ul>
</li>
<li>Leave your designs around for others to see….</li>
</ul>
<p><em><span style="font-style: normal;"><strong>Resources:</strong></span></em></p>
<ul>
<li><a href="http://www.ideo.com/work/item/method-cards/" target="_blank">Ideo Method Cards</a> – help you to develop oblique strategies</li>
<li>Mental Notes Cards – Psychological Principle cards – Stephen Anderson.</li>
<li>Sketching – I love sketching as many of you know. When it comes to wireframes that’s what I love.</li>
<li><a href="http://www.visual-literacy.org/periodic_table/periodic_table.html" target="_blank">Periodic Table of Visualization Methods:</a></li>
<li><a href="http://www.flickr.com/search/?q=mood%20boards&amp;w=all" target="_blank">Mood Boards</a> –  Flickr Examples</li>
<li>Sketching User Experiences</li>
<li><a href="http://www.thebackofthenapkin.com/" target="_blank">Dan Roam – Back of the Napkin</a></li>
</ul>
<hr/>
<h2>Pen &amp; Paper Tools to Get From Research to Design</h2>
<p><strong>Speaker: Kate Ruter – Adapative Path:</strong></p>
<h2><span style="font-weight: normal; font-size: 13px;"><em>In the world of user experience, learning about your customers is key to making great stuff. But design research reports are dense and boring. Unlock the power of sketching and pen and paper tools to create research outputs that are vibrant, sticky and that reflect personality, human perspective and that move…</em></span></h2>
<p><span style="font-weight: normal; font-size: 13px;">So I hope to gain some actual hands on experience in this panel. Everyone wants to talk to you, but not always teach. As I told someone earlier about running panel. Don’t preach to me teach me. It looks like this is off to a good start as each seat has some markers crayons and drawing paper. I think this will be a good panel….</span></p>
<ul>
<li>Large Sheets of Sketch Paper – to explore design – I really like some of the methods that adaptive path users when exploring sketches</li>
<li>Visual approach actives different forms of cognitive thinking</li>
<li>Images help groups move faster to reflect real people and needs.</li>
</ul>
<h3><span style="font-weight: normal; font-size: 13px;">See Sort Sketch Method:</span></h3>
<ul>
<li><span style="font-weight: normal; font-size: 13px;">We are all doing an activity to introduce our name on paper as a sketch and small illustration about what we are trying to accomplish.</span></li>
<li><span style="font-weight: normal; font-size: 13px;">JOTTING: – Capture just the high points of a visual story quick from:  documents, excel, notes, etc…….Conceptual mist – One idea per piece of paper…break down observations – Think of the weight of each idea and how we visual represent it. Interperting becomes as a need.</span></li>
</ul>
<p><strong>Resources:</strong></p>
<ul>
<li>The Grove Consultants – It’s a book.</li>
</ul>
<hr/>
<h2>CSS Frameworks:</h2>
<h2><span style="font-weight: normal; font-size: 13px;">Panelist: Smith, Clayton, Smith, Sullivan, Eppstein</span></h2>
<p><span style="font-weight: normal;"><em>Many CSS Frameworks have been introduced in recent years, some are now quite popular. The advantages (fast development, cross-browser compatibility, table-less design, etc.) are exciting, but the disadvantages (bloat, lack of flexibility, lack of what is already available in css) are equally compelling. Framework authors discuss the similarities and differences.</em></span></p>
<p>I don’t understand why learning a new language that sits on top of CSS. I’m referring to compass. Also when you are working on a object oriented css language seems like developers need to jump back in. Does CSS really slow down your site that much? Go check out the google chrome addon to see how the speed loads.</p>
<p>SASS 3.0 should incorporate both normal css syntax and super syntax.</p>
<p><strong>Common Questions Regarding CSS Frameworks:</strong></p>
<ul>
<li>Using a framework first to learn CSS – I think you need to learn CSS first..</li>
<li>How do you choose a framework? -
<ul>
<li>Depends on level of experience with CSS and framework</li>
<li>How much work should you do yourself</li>
<li>Everyone likes the reset &amp; fonts – well that’s true for me……</li>
</ul>
</li>
</ul>
<p><strong>Resources:</strong></p>
<ul>
<li><a href="http://www.blueprintcss.org/" target="_blank">Blueprint</a></li>
<li><a href="http://960.gs/" target="_blank">960 Grid</a></li>
<li><a href="http://www.slideshare.net/stubbornella/object-oriented-css" target="_blank">Object Oriented CSS – Book</a></li>
<li><a href="http://compass-style.org/" target="_blank">Compass</a></li>
</ul>
<hr/>
<h2>CSS 3 &amp; HTML 5</h2>
<p><em>As HTML5 and CSS3 gets written, browser vendors are already incorporating their new features allowing for greater design and functionality. However, some major browsers haven’t. How should developers build for a constantly moving target? This panel discusses dealing with those older browsers and embracing new Web design technologies with practical HTML5…</em></p>
<p><em> </em><br/>
<strong> Panelist: Christopher, Stephanie, Zoe</strong><br/>
Well if the crowd as an indicator I hope there is a lot of good stuff and no one is dissapointed.  They are being real anal about letting people sit on the floor which is stupid, especially if people are paying to be here.</p>
<p>I think this panel is going to be more talking at us as opposed to teaching…we shall see</p>
<p>Practical CSS 3 &amp; HTML 5 Tips</p>
<ul>
<li>header, nav, section, article, aside, footer –  new</li>
<li>Article vs Aside – The point here is there is no “Concrete” definition around what these should actually be used for when rendering</li>
<li>Javascript to work with ie  - <a href=" http://ejohn.org/blog/html5-shiv" target="_blank"> http://ejohn.org/blog/html5-shiv/</a></li>
<li><a href="http://www.css3.info/preview/media-queries/" target="_blank">Media Querie</a>s – modifying visual display bsaed on viewport size</li>
<li>@font-face  {font-family:”your-font”  and URL – remember if you use @font-face ie needs a different format – that’s why you should use font squirrel.</li>
<li>RGBA – red, green, blue, alpha -</li>
<li><a href="http://www.css3.info/preview/rounded-border/" target="_blank">Rounded Borders -</a></li>
<li><a href="http://www.css3.info/new-features-proposed-for-css/" target="_blank">Transformations</a>:</li>
</ul>
<p>Some of my favorite open type font sites :</p>
<ul>
<li><a href="http://www.fontsquirrel.com/">http://www.fontsquirrel.com/</a></li>
<li><a href="http://www.fontspring.com/">http://www.fontspring.com/</a></li>
</ul>
<p>Resources:</p>
<ul>
<li><a href="http://www.w3avenue.com/2009/06/22/css3-unleashed-tips-tricks-and-techniques/">http://www.w3avenue.com/2009/06/22/css3-unleashed-tips-tricks-and-techniques/</a> – Nice resource list</li>
<li><a href="http://www.modernizr.com/">http://www.modernizr.com/</a> – helps to determine what selectors work and don’t work</li>
<li><a href="http://border-radius.com/">http://border-radius.com/</a></li>
<li><a href="http://www.css3.info" target="_blank">http://www.css3.info</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW 2010: Live Stream From SXSW 2010</title>
		<link>http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/</link>
		<comments>http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 20:38:20 +0000</pubDate>
		<dc:creator>uidesigner</dc:creator>
				<category><![CDATA[featured]]></category>
		<category><![CDATA[Live Design Blogs]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[SXSW 2010]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[social planning]]></category>
		<category><![CDATA[Social Strategy]]></category>
		<category><![CDATA[sxsw 2010]]></category>
		<category><![CDATA[sxswi]]></category>
		<category><![CDATA[sxswi 2010]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web typography]]></category>

		<guid isPermaLink="false">http://www.uidesignguide.com/?p=1059</guid>
		<description><![CDATA[I’ve arrived at SXSW for year 4 of coverage. You never know what I’ll be posting next. . This year I may actually introduce some video interviews, and some other fun items. Stay tuned for pictures and my own insights from the panels at SXSW 2010. There is a lot of fun information coming out [...]]]></description>
			<content:encoded><![CDATA[<p>I’ve arrived at SXSW for year 4 of coverage. You never know what I’ll be posting next. . This year I may actually introduce some video interviews, and some other fun items. Stay tuned for pictures and my own insights from the panels at SXSW 2010. There is a lot of fun information coming out of SXSW 2010, so stay tuned!</p>
<p>Social Media Panel:</p>
<p>The first panel attended was quite packed. I took my see near the front and proceeded to unpack all my devices.  So let’s talk a little about social media.<br/>
If I had to classify this panel it was heavily focused on social media 101. What was nice about this was they went beyond all the hype media and focused on some of the other channels. Yes, there are other channels to social media. I teach people this all the time.</p>
<h2>Social Media Panel Breakdown</h2>
<p>Here are some of my take-a-ways as well as my own thoughts:</p>
<ul>
<li>Enhance credibility use social media to build upon your brands credibility</li>
<li>Ask your clients where they actually go to determine where your actual social market exsits</li>
<li>Does you company have a Blog / should your company have one?</li>
<li>Video is powerfull – I tend to question how powerful viral video is when you are trying to promote a brand. To people really remember the brand or is this just hype?</li>
<li>Incentives can increase your effectiveness  – Pretty basic marketing here, but you can apply this in different ways online.</li>
<li>Forums – Yes they are still part of social media and a big part. Have you used a forum lately?</li>
<li>Be human when you are engaging in social media, the robotic aspect will get you only so far. Especially when your customers learn you are not human.</li>
<li>Yahoo Answers – Never thought of this, but it is highly visible and targetable.</li>
</ul>
<p>Not a bad start few good tips there… Up Next is  “Getting Stoked in web Typography……</p>
<h2>Getting Stoked on Typography</h2>
<p>The core purpose of this panel is to explore typography around us.</p>
<ul>
<li>“Typography is not the font you use it’s how you use it”</li>
<li>Legibility – pushing the boundry</li>
<li>Usability</li>
<li>Determine what method works</li>
</ul>
<p>Some of my favorite open type font sites :</p>
<ul>
<li><a href="http://www.fontsquirrel.com/">http://www.fontsquirrel.com/</a></li>
<li><a href="http://www.fontspring.com/">http://www.fontspring.com/</a></li>
</ul>
<p>Thus day 1 ended, I met lots of great people and hope to set up some , interviews for the following days.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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[featured]]></category>
		<category><![CDATA[UI Design PatternsL]]></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 [...]]]></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"/></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 “the daily roundup” 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  ”Is this just neat or is it providing benefit to my user base.?”  Neat is great and cool if your audience appreciates the cool factor,  but don’t get carried away or you might end up loosing users as opposed to gaining them.</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>
	</channel>
</rss>

