<?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>Sun, 30 May 2010 04:02:10 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>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[Live Design Blogs]]></category> <category><![CDATA[UI Design Conferences]]></category> <category><![CDATA[UI Design Events]]></category> <category><![CDATA[featured]]></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 [...]Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/05/08/design-conferences-big-d-design-conference-dallas-texas/' rel='bookmark' title='Permanent Link: Design Conferences: Big D Design Conference Dallas Texas'>Design Conferences: Big D Design Conference Dallas Texas</a></li><li><a href='http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</a></li><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></ol>]]></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"></span></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 &#8220;<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.&#8221; </a> It&#8217;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 &#8211; A lot of great information on how we can use design lenses</li><li>Design Anatomy &#8211; 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><p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2009/05/08/design-conferences-big-d-design-conference-dallas-texas/' rel='bookmark' title='Permanent Link: Design Conferences: Big D Design Conference Dallas Texas'>Design Conferences: Big D Design Conference Dallas Texas</a></li><li><a href='http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</a></li><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></ol></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>0</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[UI Book Reviews]]></category> <category><![CDATA[UI Design Articles]]></category> <category><![CDATA[featured]]></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.Related articles:<ol><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/04/12/series-1-web-application-design-wheres-the-vision-whats-the-value/' rel='bookmark' title='Permanent Link: UI Design Series 1: Web Application Design Where&#8217;s The Vision? What&#8217;s The Value?'>UI Design Series 1: Web Application Design Where&#8217;s The Vision? What&#8217;s The Value?</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></ol>]]></description> <content:encoded><![CDATA[<p>I recently received a preview copy of &#8220;Designing for the Greater Good.&#8221; 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&#8217;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 &#8220;spotlight&#8221; 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&#8230;)</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&#8217;s a great book and a nice addition to any reference library.</p><p>Related articles:<ol><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/04/12/series-1-web-application-design-wheres-the-vision-whats-the-value/' rel='bookmark' title='Permanent Link: UI Design Series 1: Web Application Design Where&#8217;s The Vision? What&#8217;s The Value?'>UI Design Series 1: Web Application Design Where&#8217;s The Vision? What&#8217;s The Value?</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></ol></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[Live Design Blogs]]></category> <category><![CDATA[SXSW]]></category> <category><![CDATA[SXSW 2010]]></category> <category><![CDATA[design mentality]]></category> <category><![CDATA[featured]]></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&#8217;s been a crazy morning. Stephen Anderson a local Dallas person, is ready to speak. I&#8217;ve seen the presentation online. I think it&#8217;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. [...]Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/05/27/ui-conferences-the-big-d-design-conference-2010/' rel='bookmark' title='Permanent Link: UI Conferences: The Big D Design Conference 2010'>UI Conferences: The Big D Design Conference 2010</a></li></ol>]]></description> <content:encoded><![CDATA[<p>Seductive Interactions:</p><p>The day has started and it&#8217;s been a crazy morning. Stephen Anderson a local Dallas person, is ready to speak. I&#8217;ve seen the presentation online. I think it&#8217;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&#8217;s talk about persuasion. Are you designing serendipity, arousal, rewards and other seductive elements into your applications? We&#8217;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 &#8211;  Encouraging more interaction with your new application.<ul><li>user goals / business goals -</li><li>immediate feedback loop, but it&#8217;s not beat into your head</li><li>visual excitement</li><li>pattern recognition</li><li>recognition versus recall &#8211; as opposed to using</li><li>Interactive games &#8211; that entice users to use the service.<ul><li>Social Interaction to bring in the game against friends</li><li>Addictive and fun interaction &#8211; &#8220;The key here is to make sure the interaction is exciting to use, but not even promoted as such&#8221; &#8211; 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 &#8211; to purchase into psychological actions</li><li>Starting design process from a different place.</li><li>&#8220;Salting the tip jar&#8221;  - encourages others to donate more.</li><li>Product testimonials &#8211; 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 &#8211; 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 &#8211;  adds point system that weights e-mails and you have points at a set limit</li><li>Adding levity to copy &#8211; &#8220;&#8221; 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&#8230;&#8230;.<ul><li>Ownership Bias</li><li>Feedbacks</li><li>Playfullness</li></ul></li><li>DOpplr: Example &#8211; traveling site. [pattern recognition, gifting]<ul><li>delighters</li><li>Personal velocity</li><li>the logo changes &#8211; the color does &#8211; 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&#8217;ve found these to tie into all of the above.</p><ul><li>Fun Theory &#8211; 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 &#8211; &#8220;What Makes Them Click&#8221;</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><p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/05/27/ui-conferences-the-big-d-design-conference-2010/' rel='bookmark' title='Permanent Link: UI Conferences: The Big D Design Conference 2010'>UI Conferences: The Big D Design Conference 2010</a></li></ol></p>]]></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[Live Design Blogs]]></category> <category><![CDATA[SXSW]]></category> <category><![CDATA[SXSW 2010]]></category> <category><![CDATA[featured]]></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&#8217;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 &#8220;It&#8217;s the start of a new project. You&#8217;ve got [...]Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><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/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</a></li></ol>]]></description> <content:encoded><![CDATA[<p>Today my schedule is jam packed. I&#8217;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>&#8220;It&#8217;s the start of a new project. You&#8217;ve got requirements, guidelines, data, research. Now what? Like an artist staring at a blank canvas, information architects often don&#8217;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&#8230;&#8221;</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 &#8211; 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 &#8211; it&#8217;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 &#8211; 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&#8217;s items that she shared for exploring different UI patterns.</a></li><li>Interpersonal Circumplex &#8211; Where does your product fall &#8211; 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&#8230;.</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> &#8211; help you to develop oblique strategies</li><li>Mental Notes Cards &#8211; Psychological Principle cards &#8211; Stephen Anderson.</li><li>Sketching &#8211; I love sketching as many of you know. When it comes to wireframes that&#8217;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> &#8211;  Flickr Examples</li><li>Sketching User Experiences</li><li><a href="http://www.thebackofthenapkin.com/" target="_blank">Dan Roam &#8211; 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 &#8211; 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&#8230;</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&#8217;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&#8230;.</span></p><ul><li>Large Sheets of Sketch Paper &#8211; to explore design &#8211; 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: &#8211; Capture just the high points of a visual story quick from:  documents, excel, notes, etc&#8230;&#8230;.Conceptual mist &#8211; One idea per piece of paper&#8230;break down observations &#8211; 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 &#8211; It&#8217;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&#8217;t understand why learning a new language that sits on top of CSS. I&#8217;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 &#8211; 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 &#8211; well that&#8217;s true for me&#8230;&#8230;</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 &#8211; 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&#8217;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&#8230;</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&#8230;we shall see</p><p>Practical CSS 3 &amp; HTML 5 Tips</p><ul><li>header, nav, section, article, aside, footer &#8211;  new</li><li>Article vs Aside &#8211; The point here is there is no &#8220;Concrete&#8221; 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 &#8211; modifying visual display bsaed on viewport size</li><li>@font-face  {font-family:&#8221;your-font&#8221;  and URL &#8211; remember if you use @font-face ie needs a different format &#8211; that&#8217;s why you should use font squirrel.</li><li>RGBA &#8211; 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> &#8211; Nice resource list</li><li><a href="http://www.modernizr.com/">http://www.modernizr.com/</a> &#8211; helps to determine what selectors work and don&#8217;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><p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><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/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</a></li></ol></p>]]></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[Live Design Blogs]]></category> <category><![CDATA[SXSW]]></category> <category><![CDATA[SXSW 2010]]></category> <category><![CDATA[featured]]></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&#8217;ve arrived at SXSW for year 4 of coverage. You never know what I&#8217;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 [...]Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</a></li><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/02/16/sxsw-interactive-2009-pre-attendance-plans/' rel='bookmark' title='Permanent Link: SXSW Interactive 2009 &#8211; Pre-attendance Plans &#8211; and Survival Tips'>SXSW Interactive 2009 &#8211; Pre-attendance Plans &#8211; and Survival Tips</a></li></ol>]]></description> <content:encoded><![CDATA[<p>I&#8217;ve arrived at SXSW for year 4 of coverage. You never know what I&#8217;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&#8217;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 &#8211; 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  &#8211; Pretty basic marketing here, but you can apply this in different ways online.</li><li>Forums &#8211; 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 &#8211; Never thought of this, but it is highly visible and targetable.</li></ul><p>Not a bad start few good tips there&#8230; Up Next is  &#8220;Getting Stoked in web Typography&#8230;&#8230;</p><h2>Getting Stoked on Typography</h2><p>The core purpose of this panel is to explore typography around us.</p><ul><li>&#8220;Typography is not the font you use it&#8217;s how you use it&#8221;</li><li>Legibility &#8211; 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><p>Related articles:<ol><li><a href='http://www.uidesignguide.com/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</a></li><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/02/16/sxsw-interactive-2009-pre-attendance-plans/' rel='bookmark' title='Permanent Link: SXSW Interactive 2009 &#8211; Pre-attendance Plans &#8211; and Survival Tips'>SXSW Interactive 2009 &#8211; Pre-attendance Plans &#8211; and Survival Tips</a></li></ol></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[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/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/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/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/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/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/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[UI Book Reviews]]></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/04/03/ui-design-book-review-designing-for-the-greater-good/' rel='bookmark' title='Permanent Link: UI Design Book Review: &#8220;Designing for the Greater Good&#8221;'>UI Design Book Review: &#8220;Designing for the Greater Good&#8221;</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/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></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&#8242;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/04/03/ui-design-book-review-designing-for-the-greater-good/' rel='bookmark' title='Permanent Link: UI Design Book Review: &#8220;Designing for the Greater Good&#8221;'>UI Design Book Review: &#8220;Designing for the Greater Good&#8221;</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/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></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[Agile UX]]></category> <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 [...]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>1</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/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</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></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/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><li><a href='http://www.uidesignguide.com/2010/03/15/sxsw-2010-day-4/' rel='bookmark' title='Permanent Link: SXSW 2010 &#8211; Day 4'>SXSW 2010 &#8211; Day 4</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></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/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><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/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</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/2010/03/12/sxsw-2010-live-stream-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream From SXSW 2010'>SXSW 2010: Live Stream From SXSW 2010</a></li><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/2010/03/13/sxsw-2010-live-stream-day-2-from-sxsw-2010/' rel='bookmark' title='Permanent Link: SXSW 2010: Live Stream Day 2 From SXSW 2010'>SXSW 2010: Live Stream Day 2 From SXSW 2010</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> </channel> </rss>