<?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>Modern Ui &#187; UX</title>
	<atom:link href="http://modernui.com/posts/tag/ux/feed" rel="self" type="application/rss+xml" />
	<link>http://modernui.com</link>
	<description>Social Usability for Web 2.0 and Beyond</description>
	<lastBuildDate>Fri, 18 Sep 2009 23:50:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>User Testing: Do You Have the Right People In the Room?</title>
		<link>http://modernui.com/posts/user-testing-do-you-have-the-right-people-in-the-room</link>
		<comments>http://modernui.com/posts/user-testing-do-you-have-the-right-people-in-the-room#comments</comments>
		<pubDate>Wed, 16 Sep 2009 16:21:04 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/user-testing-do-you-have-the-right-people-in-the-room</guid>
		<description><![CDATA[In our next UIE Virtual Seminar, Recruiting for Usability Testing on Wednesday, September 30, Usability testing expert Dana Chisnell shows you how to maximize your time and money on the right participants to get the right results.  
User Experience research lives or dies by the appropriateness of the participants in the study.
UX researchers just [...]]]></description>
			<content:encoded><![CDATA[<p>In our next UIE Virtual Seminar, <strong><a rel="nofollow" target="_blank" href="https://www.uie.com/events/virtual_seminars/register/?seminar=recruiting">Recruiting for <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a> Testing</a></strong><strong> </strong>on Wednesday, September 30, <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a> testing expert Dana Chisnell shows you how to maximize your time and money on the right participants to get the right results. <strong> </strong></p>
<p><strong><a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> research lives or dies by the appropriateness of the participants in the study.</strong></p>
<p>UX researchers just don&#8217;t talk about actively recruiting, do they? Many researchers ignore it, throwing it over the wall to an agency. It&#8217;s complicated, time consuming, and nerve-wracking. In this UIE Virtual Seminar, you’ll learn four strategic steps to make recruiting a fun, useful, and interesting benefit to user research.</p>
<p>If you are involved with user research projects and spend any amount of time worrying about getting the right people in the room, then this UIE Virtual Seminar is for you.</p>
<p><a rel="nofollow" target="_blank" href="https://www.uie.com/events/virtual_seminars/register/?seminar=recruiting">Find out more about Dana&#8217;s seminar and register?</a></p>
<p>Or learn more about our <a rel="nofollow" target="_blank" href="https://www.uie.com/events/virtual_seminars/testing_bundle/"><a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a> testing bundle</a> which includes two seminars and the UIE report, &#8220;Recruiting Without Fear.&#8221; </p>
<p>Tell us how you source and screen participants? What concerns do you have about the recruiting process? Share your thoughts, questions, and concerns below.</p>
<p><a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
<!-- Adsense Immediately! V1.0 -->
<!-- Post[count: 2] -->
<div class="adsense adsense-leadout" style="float:right;margin: 12px;"><script type="text/javascript"><!--
google_ad_client = "pub-1578655925337782";
/* 234x60, created 8/12/09 */
google_ad_slot = "6690766781";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/user-testing-do-you-have-the-right-people-in-the-room/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mapping The Archive: 30 Years of Ars Electronica Visualized in Huge Scale</title>
		<link>http://modernui.com/posts/mapping-the-archive-30-years-of-ars-electronica-visualized-in-huge-scale</link>
		<comments>http://modernui.com/posts/mapping-the-archive-30-years-of-ars-electronica-visualized-in-huge-scale#comments</comments>
		<pubDate>Wed, 16 Sep 2009 11:48:16 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Visio]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/mapping-the-archive-30-years-of-ars-electronica-visualized-in-huge-scale</guid>
		<description><![CDATA[
The Ars Electronica festival has finally finished. As I mentioned in my previous &#8220;quick look&#8221; post before the festival, the most interesting data visualization project exhibited in this year&#8217;s Ars Electronica was the 10m by 3m wall print titled &#8220;Mapping The Archive: 30 Years of Ars Electronica&#8221;, developed by the Ludwig Boltzmann Institute (LBI) for [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="ars30-overview.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/aaa52_ars30-overview.jpg" width="600" height="338" class="mt-image-none" /><br />
The <a rel="nofollow" target="_blank" href="http://www.aec.at/">Ars Electronica festival</a> has finally finished. As I mentioned in my previous <a rel="nofollow" target="_blank" href="http://infosthetics.com/archives/2009/09/the_infamous_ars_electronica_festival.html">&#8220;quick look&#8221; post</a> before the festival, the most interesting data visualization project exhibited in this year&#8217;s Ars Electronica was the 10m by 3m wall print titled &#8220;Mapping The Archive: 30 Years of Ars Electronica&#8221;, developed by the Ludwig Boltzmann Institute (LBI) for <a rel="nofollow" target="_blank" href="http://media.lbg.ac.at/en/">Media.Art.Research.</a></p>
<p>I had the chance to talk to <a rel="nofollow" target="_blank" href="http://offenhuber.net/">Dietmar Offenhuber</a>, key researcher of LBI, and <a rel="nofollow" target="_blank" href="http://moritz.stefaner.eu/">Moritz Stefaner</a>, designer of the &#8220;X by Y&#8221; project commissioned by LBI, about the project. They mentioned that the data originated from the <a rel="nofollow" target="_blank" href="http://www.aec.at/en/prix/">Prix Ars Electronica</a>, founded in 1987. As one of the oldest media art competitions in the world, so far there are almost 40,000 submissions in the archive. Since this data is considered unique in terms of the history of media arts, it is also an interesting database for meaningful analysis. </p>
<p>&#8220;Mapping the Archive&#8221; was located at the history lounge exhibition in the <a rel="nofollow" target="_blank" href="http://www.brucknerhaus.at/">Brucknerhaus</a>, which also featured many important projects from the long history of Ars Electronica Festival, and consisted of 6 different data visualization pieces created by Dietmar Offenhuber, Evelyn Münster, Jaume Nualart, Moritz Stefaner and Gerhard Dirmoser. You may check the <a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:4">team page</a> of this group at the brand-new LBI Visualization showcase <a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at">new website</a>, which also has all the <a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:3">datasets</a> available for download. </p>
<p>Dietmar explained that the projects were developed by studying 3 main points of the data:</p>
<ol> 
<li><strong>Quantitative Analysis:</strong> What are the submissions, how many they are and how they are categorized.</li>
<p> 
<li><strong>Social Networks: </strong>Who were the jury members throughout the years? How they are connected to each other as well as awarded artists.</li>
<p> 
<li><strong>Art Historical Context:</strong> What is the effect of awarded projects in the history? Where they appeared after the awards(i.e. books,exhibitions), how they influenced the genres and fields of media arts.</li>
<p>
</ol>
</p>
<p><img alt="ars30-xy.png" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/6096e_ars30-xy.png" width="600" height="338" class="mt-image-none" /><br />
The first project in the lounge was about the competition submissions: &#8220;<a rel="nofollow" target="_blank" href="http://moritz.stefaner.eu/projects/x-by-y/">X by Y</a>&#8221; by Moritz Stefaner shows all the past submissions to the Prix Ars Electronica, from the its beginnings in 1987 up to now. Moritz stated that the most complete dataset included the basic types such as country of origin, year and demographic information on submitters. Here, the goal was to characterize the &#8220;ars world&#8221; in quantitative terms. A series of finely detailed diagrams group and juxtapose all the submissions according to years, category, prize and country. The graphics are composed of little colored-coded dots, with each single dot representing a unique submission in the database. In order to provide a readable diagram, Moritz finally decided to work on print medium. The team believed that only a giant print would reflect the quantity and details of submissions.</p>
<p>
<img alt="ars30-sna_project.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/b9192_ars30-sna_project.jpg" width="600" height="338" class="mt-image-none" /><br />
&#8220;<a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:6">Media Art as Social Process</a>&#8221; by Dietmar Offenhuber and Gerhard Dirmoser examines the social networks formed by jurors and awarded artists: &#8220;<em>Each year a combination of new and recurrent jury members meet to identify the winning projects. Often the awarded artists from the previous year are invited as jury members. A social network has evolved over the years.</em>&#8221; Some interesting results revealed themselves: it is not possible to see small islands or independent nodes in the jury network; however the final look is a complete big mesh created by people and social connections. The second interesting point to explore is that some of the jurors are extremely permanent in some categories over the years; in a sense, they shape the vision of that specific category. Another interesting visual outcome they discovered was that the boundaries of different categories were merging and dissolving into each other during the years.</p>
<p>
<img alt="ars30-texty.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/f9f46_ars30-texty.jpg" width="600" height="338" class="mt-image-none" /><br />
The Prix Ars Electronica Jury always writes a statement for each winning project. Over the years, these statements have been growing into a large collection of texts. Each of them is visualized as a &#8220;<a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:7">texty</a>&#8220;: a small visualization showing the structure, length and topics of each text at a glance. The project explores the semantic relationship between different statements. There is a special navigation system created for browsing keywords in the texts.</p>
<p>
<img alt="ars30-proxemantics.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/6efc0_ars30-proxemantics.jpg" width="600" height="338" class="mt-image-none" /><br />
&#8220;<a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:34">Proxemantics</a>&#8221; generates another network of keywords comprising of all the Prix Ars Electronica jury statements. It uses the structure of texts (sentences, paragraphs, etc.) to harvest semantic relationships between annotations based on their spatial proximity.</p>
<p>
<img alt="ars30-landscape_02.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c702a_ars30-landscape_02.jpg" width="600" height="338" class="mt-image-none" /><br />
In the &#8220;winners&#8221; section of the poster, the &#8220;<a rel="nofollow" target="_blank" href="http://vis.mediaartresearch.at/webarchive/public/view/mid:8">Prix Landscape Interactive Art</a>&#8221; displays all the works that have been awarded in the category of &#8220;Interactive Art&#8221;, since its inception in 1990 up until now. The landscape is created by using a taxonomy provided by <a rel="nofollow" target="_blank" href="http://media.lbg.ac.at/de/content.php?iMenuID=36">Katja Kwastek</a>. The proximity of 2 works represents their similarity. The terms that are assigned to a work are symbolized by petals, whereas each term has a unique shape. When several terms are applied, the combination of petals results in an individual profile for each work. The color saturation communicates the year of production of a piece: older pieces are represented in a lighter shade.</p>
<p>
<img alt="ars30-dirmoser_01.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e1f33_ars30-dirmoser_01.jpg" width="600" height="338" class="mt-image-none" /><br />
The last 2 maps of the large installation were created by Gerhard Dirmoser. &#8220;Thesaurus of Electronic Media Art&#8221; is an ongoing project and this print is the 2nd version of the project. It shows the winning projects of Prix Ars Electronica contextualized in their art historical environment. The field of &#8220;digital performance&#8221; is represented based on terms from the theoretical publication of the same title by Steve Dixon. Although this topic is not actually a category in Prix Ars Electronica, it highlights overall aspects which various categories have in common.</p>
<p>
<img alt="ars30-dirmoser_02.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ab337_ars30-dirmoser_02.jpg" width="600" height="338" class="mt-image-none" /><br />
The 2nd piece on display includes all people who submitted a work to Prix Ars Electronica more than once or who were awarded at least once. Genres have been coded with single letters, however they are not identical to the Prix categories; e. g. N represents all net-based categories. The individual persons are concentrated to clusters according to their &#8220;similarity&#8221;, which means a similar behavior in the way they submit to categories as well as public presence (number of citations in publications and other relevant media).</p>
<p>After talking about all projects in detail, our discussion makes us raise a number of questions such as &#8220;<em>What is the function and importance of information visualization in the field of art history?</em>&#8220;, &#8220;<em>Does information visualization only serve as an analysis of the existing texts written by art historians or does it bring a new dimension to the field of art history?</em>&#8221; If you have any opinion regarding these issues, please feel free to leave comments to keep the discussion alive.</p>
<p>
*Images: Courtesy of Moritz Stefaner.<br />
<em>This guest blog post was written by <a rel="nofollow" target="_blank" href="http://mahirmyavuz.com">Mahir M. Yavuz</a> with the support of Moritz Stefaner! Mahir is an instructor at <a rel="nofollow" target="_blank" href="http://www.interface.ufg.ac.at/interface/">Interface Cultures</a> in Kunstuniversität Linz and researcher at <a rel="nofollow" target="_blank" href="http://futurelab.aec.at">Ars Electronica Futurelab</a>. </em></p>
<p><a rel="nofollow" target="_blank" href="http://feedads.g.doubleclick.net/~a/b2rz60_oXn-K07HC_JD46jvXifc/0/da"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ab337_di" border="0" /></a><br />
<a rel="nofollow" target="_blank" href="http://feedads.g.doubleclick.net/~a/b2rz60_oXn-K07HC_JD46jvXifc/1/da"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ab337_di" border="0" /></a></p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ab337_infosthetics?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:nQ_hWtDbxek"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ab337_infosthetics?d=nQ_hWtDbxek" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:V_sGLiPBpWU"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8c906_infosthetics?i=6lJO1mHj6nM:2-ratT9fKkI:V_sGLiPBpWU" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8c906_infosthetics?i=6lJO1mHj6nM:2-ratT9fKkI:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:qj6IDK7rITs"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8c906_infosthetics?d=qj6IDK7rITs" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=6lJO1mHj6nM:2-ratT9fKkI:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8c906_infosthetics?i=6lJO1mHj6nM:2-ratT9fKkI:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8c906_6lJO1mHj6nM" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/mapping-the-archive-30-years-of-ars-electronica-visualized-in-huge-scale/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UX Booth Town Hall: Wednesday, September 16th</title>
		<link>http://modernui.com/posts/ux-booth-town-hall-wednesday-september-16th</link>
		<comments>http://modernui.com/posts/ux-booth-town-hall-wednesday-september-16th#comments</comments>
		<pubDate>Tue, 15 Sep 2009 14:08:20 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/ux-booth-town-hall-wednesday-september-16th</guid>
		<description><![CDATA[
Tomorrow. Wednesday at 7PM. Here. Make it.

Get ready for our first ever UX Booth Town Hall tomorrow, September 16th at 7PM EST.
We&#8217;re hosting a group discussion to go over some exciting new things around UX Booth, to hear your feedback, and get to know the community a bit better. If you&#8217;re interested in connecting with [...]]]></description>
			<content:encoded><![CDATA[<div><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e2895_townhall-copy.jpg" /></p>
<p>Tomorrow. Wednesday at 7PM. Here. Make it.</p>
</div>
<p>Get ready for our first ever <a rel="nofollow" target="_blank" href="http://www.uxbooth.com/chat/">UX Booth Town Hall</a> tomorrow, September 16th at 7PM EST.</p>
<p>We&#8217;re hosting a group discussion to go over some exciting new things around UX Booth, to hear your feedback, and get to know the community a bit better. If you&#8217;re interested in connecting with others in the community, improving the booth, and having your voice heard&mdash;this is the place to be tomorrow night.</p>
<p><strong>We&#8217;ll be hosting the chat at <a rel="nofollow" target="_blank" href="http://www.uxbooth.com/chat/">UXBooth.com/chat</a> tomorrow night at 7PM EST.</strong> If you make it, you&#8217;ll get a sneak peek at what&#8217;s coming very soon to UXBooth.com, and even have the opportunity to influence the way things are done around here in the future!</p>
<p>So again: Mark your calendars, set an alarm, or do whatever you gotta and be <a rel="nofollow" target="_blank" href="http://www.uxbooth.com/chat/">here</a> tomorrow night at 7PM sharp. We can&#8217;t wait to see you there!</p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=98QUvOAzT6A:oCt8ovOwGic:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e2895_uxbooth?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=98QUvOAzT6A:oCt8ovOwGic:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e2895_uxbooth?i=98QUvOAzT6A:oCt8ovOwGic:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=98QUvOAzT6A:oCt8ovOwGic:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e2895_uxbooth?i=98QUvOAzT6A:oCt8ovOwGic:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=98QUvOAzT6A:oCt8ovOwGic:TzevzKxY174"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e2895_uxbooth?d=TzevzKxY174" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=98QUvOAzT6A:oCt8ovOwGic:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7f365_uxbooth?i=98QUvOAzT6A:oCt8ovOwGic:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7f365_98QUvOAzT6A" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/ux-booth-town-hall-wednesday-september-16th/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The problem with interviewing kids</title>
		<link>http://modernui.com/posts/the-problem-with-interviewing-kids</link>
		<comments>http://modernui.com/posts/the-problem-with-interviewing-kids#comments</comments>
		<pubDate>Wed, 09 Sep 2009 08:12:03 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/the-problem-with-interviewing-kids</guid>
		<description><![CDATA[At UX Brighton last night GiGi Demming (Head of User Testing at SCEE in London) gave a talk on gameplay research involving kids. She neatly summed up one of the problems with interviewing kids &#8211; the &#8220;I like turtles effect&#8221;:
 
Using a feedreader and can&#8217;t see the video?
This video went viral a couple of years [...]]]></description>
			<content:encoded><![CDATA[<p>At UX Brighton last night GiGi Demming (Head of User Testing at SCEE in London) gave a talk on gameplay research involving kids. She neatly summed up one of the problems with interviewing kids &#8211; the &#8220;I like turtles effect&#8221;:</p>
<p> <br />
<a rel="nofollow" target="_blank" href="http://www.90percentofeverything.com/2009/09/09/the-problem-with-interviewing-kids/">Using a feedreader and can&#8217;t see the video?</a></p>
<p>This video went viral a couple of years ago and has had about 12.5 million views, so you may have seen it before. <a rel="nofollow" target="_blank" href="http://www.kgw.com/news-local/stories/kgw_070907_news_turtle_boy.5a7fe2df.html">When interviewed later</a>, little Jonny admitted <em>“I was just having nervous thoughts in my mind and thinking about turtles, I found a snapping turtle there that was really cool and I just wanted to blurt it all out.”</em>. Ah, bless!</p>
<p>Also speaking last night was Gareth White, Director of Vertical Slice, a new Brighton-based gameplay research agency. Among other things, he talked about some of the differences between playability and <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>. He showed a clip this hilarious Zero Punctuation video by Ben Croshaw, which highlights the importance of baseline <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a> in gameplay design. It&#8217;s well worth a watch if you haven&#8217;t seen it (contains lots of swearing). Fast forward to 2:20 if you&#8217;re in a hurry.</p>
<p>If you like that video, there&#8217;s <a rel="nofollow" target="_blank" href="http://www.escapistmagazine.com/videos/view/zero-punctuation">loads more here</a>.</p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=fDU4iuMPGnA:EYlvn8yZ8Zk:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5882c_feed?i=fDU4iuMPGnA:EYlvn8yZ8Zk:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=fDU4iuMPGnA:EYlvn8yZ8Zk:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5882c_feed?i=fDU4iuMPGnA:EYlvn8yZ8Zk:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=fDU4iuMPGnA:EYlvn8yZ8Zk:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5882c_feed?i=fDU4iuMPGnA:EYlvn8yZ8Zk:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5882c_fDU4iuMPGnA" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/the-problem-with-interviewing-kids/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User Experience Designer vs. Creative Director</title>
		<link>http://modernui.com/posts/user-experience-designer-vs-creative-director</link>
		<comments>http://modernui.com/posts/user-experience-designer-vs-creative-director#comments</comments>
		<pubDate>Tue, 08 Sep 2009 14:56:52 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Visio]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/user-experience-designer-vs-creative-director</guid>
		<description><![CDATA[


Professionals within our industry are completely awash with opportunities by which they can tweak and cajole better User Experiences from their projects. The difficult part is maintaining quality across all of these channels. Because of how multifaceted User Experience is, a User Experience designer begins to take on a more directorial position within a project/company, [...]]]></description>
			<content:encoded><![CDATA[<div>
<img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/971dd_uxd-vs-creative-director.jpg" />
</div>
<p>Professionals within our industry are completely awash with opportunities by which they can tweak and cajole better <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a>s from their projects. The difficult part is maintaining <em>quality</em> across all of these channels. Because of how multifaceted <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> is, a <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> designer begins to take on a more directorial position within a project/company, which I see as analogous to that of a creative director.</p>
<h3>The role of the Creative Director</h3>
<p>Creative Directors &#8220;oversee all aspects of product design&#8221; (so sayeth wikipedia.org). Historically, this means that creative directors focus on matters of branding, vision and, of course, direction. In traditional mediums, such as print or television, this meant strategic use of color, typography, music, imagery, etc. And that was a full–time job&mdash;Mass–market creative campaigns have never small endeavors. These types of endeavors require a &#8220;man behind the curtain,&#8221; (or a very closely-nit team) controlling the madness. In sum, the creative director&#8217;s goal is quality and consistency.</p>
<p>To reiterate, the formula for a successful brand has always been quite simple: consumers <strong>trust</strong> companies that are holistic and strategic in their approach: nothing is left to chance and everything works towards the same goal. Everything from product design and packaging design to branding and customer service builds a relationship with a consumer. By creating brands that are beautifully consistent and consistently beautiful, a creative director sends positive messages to consumers, building the trust that successful brands live by.</p>
<h3>The role of the <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> Designer</h3>
<p>Today, the the prominence of UX designers has increased as many products and services occupy the online landscape. While <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a>, certainly is nothing &#8220;new,&#8221; its modern practices reference many aspects of professions that were heretofore only related tangentially. For example: System Architecture, Product Design, and Human–computer Interaction.</p>
<p>It&#8217;s not surprising, then, that the artifacts of UX design are many and varied: sketches, sitemaps, user–flow diagrams, mental models, user research, website analytics, etc. ( None of which adds <em>perceived</em> value to a client. Clients want to know when their website will be done and why it hasn&#8217;t been done faster.) These UX artifacts, in turn, expedite future processes and, hopefully, direct the project in its (often forgotten) effort for quality and consistency. Sound familiar?</p>
<p>What makes the role of the UX Designer even more challenging is that there exists a sort of &#8220;brand preemption&#8221; online&mdash;users begin to with a number of expectations for products and services they use online. This means that not only does a UX Designer have to ensure a consistent and quality experience, they have to appeal to their users sensibilities. All in all, there are plenty of responsibilities to go around when it comes to UX direction on a project.</p>
<h3>The state of things</h3>
<p>Today, project roles are loosely defined because many project teams are small in scale. It doesn&#8217;t take too many distinct roles to create an online identity: generally one designer and one or two developers. Cap this off with a CEO or a project manager, add in a nice budget, and in a couple of months you&#8217;ll have a shippable product.</p>
<p> Especially with the economy the way it is, it seems that this model has become the norm. For success or failure, depending on the weather. How do CEOs and investors hedge their bets? They hire a project manager. Projects managers have traditionally been good at making teams deliver a functional application on time and within budget. But as a UX designer, I know that isn&#8217;t all that matters.</p>
<p>To begin with, &#8220;functional&#8221; requirements only determine <strong>if</strong> an application can do something, not <strong>how one goes about</strong> making an application do something. The evolution of the application landscape says that the latter has quickly become a key differentiators. Therefore, the importance of the role of someone who <em>understands</em> users rises.</p>
<p>I would like to suggest the necessity of championing the UX Designers role on projects. Indeed, if modern brands are built <em>entirely</em> online, their role may supersede (or cannibalize) the role of the Creative Director. If the modern <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> director/designer doesn&#8217;t replace the creative director within an organization, she must certainly work hand-in-hand with her colleague, as each of these roles promotes the other one.</p>
<p>If nothing else, that&#8217;s the one thing we can be assured of: as long as there are products (online or off) the field of <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> will always have a market.</p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=2jDzYupBJzw:TIAlncRMGOY:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/971dd_uxbooth?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=2jDzYupBJzw:TIAlncRMGOY:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/dcfad_uxbooth?i=2jDzYupBJzw:TIAlncRMGOY:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=2jDzYupBJzw:TIAlncRMGOY:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/dcfad_uxbooth?i=2jDzYupBJzw:TIAlncRMGOY:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=2jDzYupBJzw:TIAlncRMGOY:TzevzKxY174"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/dcfad_uxbooth?d=TzevzKxY174" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=2jDzYupBJzw:TIAlncRMGOY:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/dcfad_uxbooth?i=2jDzYupBJzw:TIAlncRMGOY:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/dcfad_2jDzYupBJzw" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/user-experience-designer-vs-creative-director/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Effective UX in a Corporate Environment: Part II</title>
		<link>http://modernui.com/posts/effective-ux-in-a-corporate-environment-part-ii-25</link>
		<comments>http://modernui.com/posts/effective-ux-in-a-corporate-environment-part-ii-25#comments</comments>
		<pubDate>Mon, 07 Sep 2009 11:58:53 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/effective-ux-in-a-corporate-environment-part-ii-25</guid>
		<description><![CDATA[By Janet M. Six and Chris Anthony
Published: September 7, 2009
Send your questions to Ask UXmatters and get answers from some of the top professionals in UX. In this column, which is the second of two parts, we’ll continue discussing how companies can ensure the effectiveness of User Experience within their organizations and current product development [...]]]></description>
			<content:encoded><![CDATA[<p>By Janet M. Six and Chris Anthony<br />
Published: September 7, 2009<br />
Send your questions to Ask UXmatters and get answers from some of the top professionals in UX. In this column, which is the second of two parts, we’ll continue discussing how companies can ensure the effectiveness of <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> within their organizations and current product development processes. We surveyed our panel of Ask UXmatters experts to get answers to the following questions and asked them to share their insights with us: How can we prevent business leaders from cutting integral parts of UX? What is the importance of consistency versus innovation? Are legacy UX techniques still relevant? To read Part I of this two-part series, see “Effective UX in a Corporate Environment: Part I.”<br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/effective-ux-in-a-corporate-environment-part-ii-25/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Defining Social Media Settings</title>
		<link>http://modernui.com/posts/defining-social-media-settings-18</link>
		<comments>http://modernui.com/posts/defining-social-media-settings-18#comments</comments>
		<pubDate>Mon, 07 Sep 2009 11:53:53 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/defining-social-media-settings-18</guid>
		<description><![CDATA[By Junaid Asad
Published: September 7, 2009
“UX professionals must now take up a new design challenge. We must address the changing needs for social media and facilitate users’ taking better advantage of everything social media has to offer.” In a previous article for UXmatters, “The Social Buzz: Designing User Experiences for Social Media,” I discussed the [...]]]></description>
			<content:encoded><![CDATA[<p>By Junaid Asad<br />
Published: September 7, 2009<br />
“UX professionals must now take up a new design challenge. We must address the changing needs for social media and facilitate users’ taking better advantage of everything social media has to offer.” In a previous article for UXmatters, “The Social Buzz: Designing <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a>s for Social Media,” I discussed the phenomenal rise and fast-spreading influence of social media and how UX professionals are ideally placed to establish interaction patterns for social media and drive user interface designs and information architectures for environments that require a social context for optimal use. As we explore what social technologies can offer and the boundaries they can cross—boundaries that had confined the traditional Web—UX professionals must now take up a new design challenge. We must address the changing needs for social media and facilitate users’ taking better advantage of everything social media has to offer.<br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/defining-social-media-settings-18/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>show-me: Water Consumption in the Shower at a Glance</title>
		<link>http://modernui.com/posts/show-me-water-consumption-in-the-shower-at-a-glance-7</link>
		<comments>http://modernui.com/posts/show-me-water-consumption-in-the-shower-at-a-glance-7#comments</comments>
		<pubDate>Wed, 02 Sep 2009 11:57:50 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/show-me-water-consumption-in-the-shower-at-a-glance-7</guid>
		<description><![CDATA[
The scientific paper &#8220;show-me&#8221;: Water Consumption at a Glance to Promote Water Conservation in the Shower [acm.org, ACM members only] aims to encourage sustainable behavior by visualizing the actual water consumption when and where it matters: during and immediately in the vicinity of the showering itself. 
The researchers built a prototype to study the potential [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="show_me_shower.jpg" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c3343_show_me_shower.jpg" width="600" height="300" class="mt-image-none" /><br />
The scientific paper <a rel="nofollow" target="_blank" href="http://portal.acm.org/citation.cfm?id=1541984">&#8220;show-me&#8221;: Water Consumption at a Glance to Promote Water Conservation in the Shower</a> [acm.org, ACM members only] aims to encourage sustainable behavior by visualizing the actual water consumption when and where it matters: during and immediately in the vicinity of the showering itself. </p>
<p>The researchers built a prototype to study the potential of such a feedback device in the form of &#8220;LEDs assembled on a stick&#8221;. In the study, ecologically conscious participants showed positive behavioral changes (i.e. mean water consumption decreased by approximately 10 liters), although this was not maintained after the removal of the display.</p>
<p>The paper is based on the assertion that ambient displays are suitable for a constant and subtle persuasion by providing continuous and unobtrusive feedback. show-me gives the user feedback and an impression of the amount of water going down the drain. This impression is achieved by exploiting the metaphor of the drain being closed, and the water level increasing within the closed shower. The imaginary water level is visualized in the form of LEDs that are vertically assembled on a stick. During operation, one (additional) LED is lightened up for every five liters of water consumed. In multiple different trials it was discovered out that an amount of 5 liters per LED was ideal: a high water consumption would stay within the 16 LEDs limit, while a lower water consumption is still sensibly shown within 4 to 6 LEDs. </p>
<p>&#8220;<em>The prototype also triggered some interesting side effects. A couple used to argue that one of them always took longer in the shower and consequently used more water. After they installed the display, they learned that the woman used only half as much water, even though she spent more time in the shower. This discovery stimulated the man to further reduce his own water consumption.</em>&#8220;</p>
<p><a rel="nofollow" target="_blank" href="http://feedads.g.doubleclick.net/~a/caYqTiWLJqTKcvLBCw-2arR7AIw/0/da"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c3343_di" border="0" /></a><br />
<a rel="nofollow" target="_blank" href="http://feedads.g.doubleclick.net/~a/caYqTiWLJqTKcvLBCw-2arR7AIw/1/da"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_di" border="0" /></a></p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:nQ_hWtDbxek"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?d=nQ_hWtDbxek" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:V_sGLiPBpWU"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?i=7hStgkIUXLw:-tEJnU9AeWw:V_sGLiPBpWU" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?i=7hStgkIUXLw:-tEJnU9AeWw:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:qj6IDK7rITs"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?d=qj6IDK7rITs" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.infosthetics.com/~ff/infosthetics?a=7hStgkIUXLw:-tEJnU9AeWw:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_infosthetics?i=7hStgkIUXLw:-tEJnU9AeWw:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7b8d9_7hStgkIUXLw" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/show-me-water-consumption-in-the-shower-at-a-glance-7/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UX Brighton event this tuesday: Gameplay Research &amp; Design</title>
		<link>http://modernui.com/posts/ux-brighton-event-this-tuesday-gameplay-research-design-5</link>
		<comments>http://modernui.com/posts/ux-brighton-event-this-tuesday-gameplay-research-design-5#comments</comments>
		<pubDate>Wed, 02 Sep 2009 07:53:57 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/ux-brighton-event-this-tuesday-gameplay-research-design-5</guid>
		<description><![CDATA[I&#8217;ve been on holiday for the past two weeks so this is all a bit last minute &#8211; I&#8217;ve arranged a great line up for next tuesday (8-Sept-09). Half the tickets are gone already &#8211; book your place now to avoid disappointment! 
Date: Tuesday 8th September, 6.30pm – 9pm
Location: iCrossing, Central Brighton, BN1 1ND
Price: Free, [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been on holiday for the past two weeks so this is all a bit last minute &#8211; I&#8217;ve arranged a great line up for next tuesday (8-Sept-09). Half the tickets are gone already &#8211; <a rel="nofollow" target="_blank" href="http://www.stubmatic.com/uxbrighton/event/1669">book your place now</a> to avoid disappointment! </p>
<p><strong>Date</strong>: Tuesday 8th September, 6.30pm – 9pm<br />
<strong>Location</strong>: iCrossing, Central Brighton, BN1 1ND<br />
<strong>Price</strong>: Free, but you must book a ticket on stubmatic</p>
<p><strong>“Gameplay Field Research and Designing for Kids”</strong><br />
By GiGi Demming, User Testing Manager at <a rel="nofollow" target="_blank" href="http://scee.net/">Sony Computer Entertainment Europe</a>.</p>
<p><strong>“User Research and the Future of Gameplay Experience Design”</strong><br />
By Gareth White, Co-director of <a rel="nofollow" target="_blank" href="http://verticalslice.co.uk/">Vertical Slice</a> and ex-<a rel="nofollow" target="_blank" href="http://www.rockstargames.com/">Rockstar Games</a> developer.</p>
<p>We may also have another mystery guest and possibly a demo, we&#8217;ll find out in the next few days. </p>
<p>After the talks, we’ll continue the conversation over a drink at The Black Lion (next door to the venue).</p>
<p>&rarr; <a rel="nofollow" target="_blank" href="http://www.stubmatic.com/uxbrighton/event/1669">Book your place on stubmatic</a></p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=DER7x84g5Ag:r7cWruX6Wcg:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5d715_feed?i=DER7x84g5Ag:r7cWruX6Wcg:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=DER7x84g5Ag:r7cWruX6Wcg:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5d715_feed?i=DER7x84g5Ag:r7cWruX6Wcg:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/90percentofeverything/feed?a=DER7x84g5Ag:r7cWruX6Wcg:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5d715_feed?i=DER7x84g5Ag:r7cWruX6Wcg:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/398c9_DER7x84g5Ag" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/ux-brighton-event-this-tuesday-gameplay-research-design-5/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Usable Contact Form</title>
		<link>http://modernui.com/posts/creating-a-usable-contact-form-28</link>
		<comments>http://modernui.com/posts/creating-a-usable-contact-form-28#comments</comments>
		<pubDate>Tue, 01 Sep 2009 14:24:53 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/creating-a-usable-contact-form-28</guid>
		<description><![CDATA[
Contact forms can fail in many ways. Be sure they do not by following these guidelines.

There are some simple steps you can take to create the best bridge possible between you and your clients. The most obvious way to receive that feedback is through a contact form. It is an essential component for owners of [...]]]></description>
			<content:encoded><![CDATA[<div><img class="aligncenter size-full wp-image-4911" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/fef84_contact-form.jpg" /></p>
<p>Contact forms can fail in many ways. Be sure they do not by following these guidelines.</p>
</div>
<p>There are some simple steps you can take to create the best bridge possible between you and your clients. The most obvious way to receive that feedback is through a contact form. It is an essential component for owners of websites. It creates a channel to hear feedback, suggestions, and even sell services.</p>
<h3>The Basics</h3>
<p>There are several things that a basic contact form should include. Meeting these standards will ensure you are on the right path for creating an excellent contact form.</p>
<h4>What to include</h4>
<div><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/fef84_contact-tips.gif" alt="" /><br />
<span><a rel="nofollow" target="_blank" href="http://studio7designs.com/">Studio 7 Designs</a>&#8216; contact form is clear and to the point</p>
<p></span></div>
<p>For the most basic contact form, you will need to include several key components. These almost always include the senders name, a way to get in touch with them, and a message. Also be sure to include a clear submit or send button. Failing to meet these basic needs will insure in a quick failure.</p>
<p>Make sure not to get too lengthy in what you are asking for. Remember that the user is simply contacting you not asking for a quote on their next large project they want to hire you for. If they are requesting a quote it is best to allow contact in two forms, one for simply contacting you and one for quotes. If too much is required a user will abandon ship.</p>
<h4>How to structure it</h4>
<p>When structuring your contact page it is best to place your fields in a traditional location that leads from who is sending to what they are saying. This can easily be done in two ways. One is to offer a single row of fields to fill out. The other is to create a two column contact page by presenting a few fields on the left (possibly including name and email) and then presenting the message field on the right. Both of these structures are intuitive and easily understood.</p>
<p>Breaking these conventions (Redd has <a rel="nofollow" target="_blank" href="http://www.uxbooth.com/blog/understanding-conventions-when-being-unique-is-a-bad-thing/">discussed conventions</a> in the past) can often lead to confusion or a failed attempt to contact you. It is also of utmost importance to offer a tab through order that is conducive to your contact form. For example, do not set your form up so that if you tab from one field to what you expect to be the next that it goes to the header of the page.</p>
<div><img class="aligncenter size-full wp-image-4910" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/fef84_clearleft-contact.gif" alt="clearleft-contact" width="600" height="158" /></p>
<p><a rel="nofollow" target="_blank" href="http://clearleft.com/">Clearleft</a> utilizes a two column contact form that is beautiful in every sense.</p>
</div>
<h4>Submission is Key</h4>
<p>Submitting the message in the contact form is yet another seemingly simple part that many people overlook. There are two key components that must be considered when asking the user to send a message to you through a contact form:</p>
<h5>The call to action button</h5>
<p>Looking back to David Hamill&#8217;s discussion on <a rel="nofollow" target="_blank" href="http://www.uxbooth.com/blog/good-call-to-action-buttons/">Good Call to Action buttons</a> we can learn much about what we must consider when choosing our &#8220;send&#8221; button. When choosing what word to use, we must always consider our audience. The two most common choices are <strong>&#8217;send&#8217;</strong> and <strong>&#8217;submit</strong>.&#8217; Both of which convey their message clearly. Another option to consider is describing your action more clearly. This could be worded as <strong>&#8216;Send Email</strong>.&#8217;</p>
<h5>Submitted. Now what?</h5>
<p>Once an email is submitted, a user expects for a sign showing them that their intended action was successful. If the message sends and no confirmation is offered, then a user may have doubts of whether or not their message will be received. <em>We always want to leave the users feeling confident about their actions.</em></p>
<p>At UX Booth we show our users a message highlighted in green that reads <strong>&#8216;Thank you &#8211; your message has been sent</strong>.&#8217; You may also consider including a more detailed message. If you know that you don&#8217;t ever answer emails over the weekends that may be something you would like to include, or tell the user that you will work hard to respond within 48 hours.</p>
<div><img class="aligncenter size-full wp-image-4911" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/38436_uxbooth-contact.gif" alt="uxbooth-contact" width="598" height="170" /></p>
<p>UX Booth offers a confirmation message to inform users their message has been sent.</p>
</div>
<h3>Going the Extra Mile</h3>
<p>So that covers the basics. That is how you can make an effective contact form, however, maybe you want to go a bit further. I believe the following tips <em>should</em> be done to create the optimal experience.</p>
<h4>Fail Gracefully</h4>
<p>If a user encounters an error on your contact form, it creates a barrier between yourself and feedback or even a sale. When a user encounters an error be sure to offer useful feedback. An example of what to avoid could be <em>&#8220;Error 4055&#8243;</em>. What does that mean? How is that going to help the user correct his or her problem?</p>
<p>Offer helpful hints along the form to help guide users while they are attempting to get contact in contact with you. One of the easiest ways to accomplish this is through <a href="http://www.amazon.com/gp/product/1933988355?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1933988355">jquery</a>. Be sure to visit Web Resource Depot&#8217;s <a rel="nofollow" target="_blank" href="http://www.webresourcesdepot.com/16-free-ajax-contact-forms-for-a-better-user-experience/">&#8216;16 Free Ajax Contact Forms</a>&#8216; for some excellent examples.</p>
<p>One particularly interesting <a href="http://www.amazon.com/gp/product/1933988355?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1933988355">jquery</a> option is one that is truly geared towards <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>. Comments are often presented to a user in the respective fields, but when the user clicks it, the text disappears and becomes lost. Now there is a way to keep the tip in the field when clicked. Be sure to check it out and consider it on your next design: <a rel="nofollow" target="_blank" href="http://fuelyourcoding.com/in-field-labels/">In-Field Labels: A Better Way + <a href="http://www.amazon.com/gp/product/1933988355?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1933988355">jquery</a> Plugin</a>.</p>
<h4>Offer an Alternative to the Form</h4>
<div><img class="aligncenter size-full wp-image-4911" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/38436_fire-host.jpg" /></p>
<p><a rel="nofollow" target="_blank" href="http://www.firehost.com/company/contact-us">FireHost</a> offers many forms of contact along side their contact form.</p>
</div>
<p>One of the best ways to avoid a total loss of communication is to also offer an alternative to the contact form.</p>
<p>Depending on your audience you may notice you receive fewer emails and more phone calls if the chance is offered. This is a common difference in generational use of the internet. David Hamill (yet again) saves the day by writing about the basics of &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://www.good<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>.co.uk/2009/06/providing-contact-details/&#8221;&gt;providing contact details</a>. In this article he discusses many different ways to include information that should not be left out.</p>
<h3>Conclusion</h3>
<p>Your contact page is often the only way for clients, readers, and users to reach you. Make it as easy and pleasurable as possible for them. In many circumstances it can be the make or break point in terms of a sale or networking opportunity. By incorporating a few of these simple guidelines, you can increase the chance of that user getting through to you.</p>
<p><strong>What contact form blunders do you hate? How have you made your contact form easier to use?</strong></p>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=TFQMYez9CMs:S8xpVZiIZeA:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/38436_uxbooth?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=TFQMYez9CMs:S8xpVZiIZeA:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/38436_uxbooth?i=TFQMYez9CMs:S8xpVZiIZeA:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=TFQMYez9CMs:S8xpVZiIZeA:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7d09e_uxbooth?i=TFQMYez9CMs:S8xpVZiIZeA:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=TFQMYez9CMs:S8xpVZiIZeA:TzevzKxY174"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7d09e_uxbooth?d=TzevzKxY174" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=TFQMYez9CMs:S8xpVZiIZeA:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7d09e_uxbooth?i=TFQMYez9CMs:S8xpVZiIZeA:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c0f0c_TFQMYez9CMs" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/creating-a-usable-contact-form-28/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
