<?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; Opera</title>
	<atom:link href="http://modernui.com/posts/tag/opera/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>Make IT Easy &#8211; The Benefits of User-Centered Design</title>
		<link>http://modernui.com/posts/make-it-easy-the-benefits-of-user-centered-design</link>
		<comments>http://modernui.com/posts/make-it-easy-the-benefits-of-user-centered-design#comments</comments>
		<pubDate>Fri, 11 Sep 2009 12:39:09 +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[Opera]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/make-it-easy-the-benefits-of-user-centered-design</guid>
		<description><![CDATA[Technology does not operate in a vacuum. The value of your website, corporate intranet, and internal business applications will not be determined by the designers and developers, but by the users. The users &#8211; the PEOPLE &#8211; will decide how often they want to use your intranet&#8230;purchase from your website&#8230;leverage your portal. Give them an [...]]]></description>
			<content:encoded><![CDATA[<p>Technology does not operate in a vacuum. The value of your website, corporate intranet, and internal business applications will not be determined by the designers and developers, but by the users. The users &#8211; the PEOPLE &#8211; will decide how often they want to use your intranet&hellip;purchase from your website&hellip;leverage your portal. Give them an easy, intuitive experience and you will likely see them come back for more. Give them a frustrating, time-consuming experience and you will struggle to achieve the website conversion or system adoption that you desire.</p>
<p>Enter <a rel="nofollow" target="_blank" href="http://www.ambassadorsolutions.com/">Ambassador Solutions</a> and <a rel="nofollow" target="_blank" href="http://www.tuitivegroup.com/">Tuitive</a> &ndash; two firms who get IT. Two firms who understand that while solid technology and robust visual design are vital, those efforts are in vain if not properly harnessed for the benefit of the often-forgotten element in technology endeavors: the human being</p>
<p>Join us for a complimentary event on <strong>September 22</strong> to learn about the benefits of user-centered&hellip;HUMAN-centered&hellip;design, and what it can mean to the success of your projects. We are also holding a complimentary luncheon after the presentation to offer you a great opportunity for further discussion and networking. At the event, we will show you how a user-centered design process can help you:</p>
<ul>
<li>Cut time to market in half </li>
<li>Reduce project cost by more than 30% </li>
<li>Ensure the application has all the features needed by the business users</li>
<li>Dramatically improve customer experience</li>
<li>Get software projects done in half the time</li>
</ul>
<p align="center"><strong><span><a rel="nofollow" target="_blank" href="https://www.clicktoattend.com/invitation.aspx?code=140543"><strong><span>Register Now</span></strong></a></span></strong></p>
<p align="left"><strong><span>Details</span></strong><br /><strong>Date</strong>: September 22, 2009<br /><strong>Time</strong>: 9:00 AM &ndash; 1:00 PM<br /><strong>Location</strong>: Gene B. Glick Junior Achievement Center<br /> 7435 North Keystone Avenue<br /> Indianapolis, Indiana 46240-3247</p>
<p><strong><span>Agenda</span></strong><br /><strong>9:00 &ndash; 9:30 AM: Registration and refreshments<br />9:30 &ndash; 10:30 AM: Human-Friendly Design&hellip;A Proven Approach</strong>. <br /><em>Jon Arnold, President &#8211; Tuitive <br />Travis Smith, <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> Analyst &#8211; Tuitive</em><br /><strong>10:30 &ndash; 11:00 AM: Seeing is Believing. The benefits of VISUAL project requirements. </strong><br /> <em>Kory Geyer, Solutions Strategist &ndash; Ambassador Solutions</em><br /><strong>11:00 &ndash; 11:30 AM: Before and After. A demonstration of visual requirements modeling in action.</strong><br /><em>Jason McIntosh, Senior Consultant &ndash; Ambassador Solutions</em><br /><strong>11:30 &ndash; 12:00 PM: Q&amp;A, Surveys, Raffle<br />12:00 &ndash; 1:00 PM: Lunch and Networking</strong></p>
<p align="center"><strong> </strong><span><a rel="nofollow" target="_blank" href="https://www.clicktoattend.com/invitation.aspx?code=140543"><strong><span>Register Now</span><br /></strong></a></span></p>
<p><span><a rel="nofollow" target="_blank" href="https://www.clicktoattend.com/invitation.aspx?code=140543"> </a></span></p>
<p><span><span>For more information, contact <a rel="nofollow" target="_blank" href="mailto:ksellery@ambassadorsolutions.com">Krista Sellery</a>.</span></span></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/make-it-easy-the-benefits-of-user-centered-design/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>Userability #13 &#8211; Renaissance Man</title>
		<link>http://modernui.com/posts/userability-13-renaissance-man-47</link>
		<comments>http://modernui.com/posts/userability-13-renaissance-man-47#comments</comments>
		<pubDate>Mon, 31 Aug 2009 00:06:16 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[iTunes]]></category>
		<category><![CDATA[IXDA]]></category>
		<category><![CDATA[Linkedin]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/userability-13-renaissance-man-47</guid>
		<description><![CDATA[This week: how many hats can one UX practitioner actually wear? How do you market a wide range of skills in the job market?
Duration: 14m &#124; 23 MB 
Recorded: July, 2009 Brian Christiansen, UIE Podcast Producer 
[ Subscribe to our podcast via  ←This link will launch the iTunes application.]
[ Subscribe with other podcast applications.]
[ Direct Link [...]]]></description>
			<content:encoded><![CDATA[<p>This week: how many hats can one UX practitioner actually wear? How do you market a wide range of skills in the job market?<br />
Duration: 14m | 23 MB <br />
Recorded: July, 2009 Brian Christiansen, UIE Podcast Producer <br />
[ <a rel="nofollow" target="_blank" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=119728465">Subscribe to our podcast via <img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/6854f_badgeitunes61x15dark.gif" alt="Use iTunes to subscribe to UIE's RSS feed." width="61" height="15" /></a> ←This link will launch the iTunes application.]<br />
[ <a rel="nofollow" target="_blank" href="http://www.uie.com/podcast/">Subscribe with other podcast applications.</a>]<br />
[ <a rel="nofollow" target="_blank" href="http://www.uie.com/brainsparks/podpress_trac/web/852/0/UserabilityEp13JoshuaMuskovitz.mp3">Direct Link to MP3 File</a> ]
</p>
<p>This week we have our longest, and certainly one of our most interesting episodes to date. Jared and Robert met <a rel="nofollow" target="_blank" href="http://www.linkedin.com/in/JoshuaMuskovitz">Joshua Muskovitz</a> on the IxDA discussion list when Josh posted an innocent-enough question to the list: <a rel="nofollow" target="_blank" href="http://www.ixda.org/discuss.php?post=42068">what do you call someone who sits squarely on the fence between interaction design and implementation?</a> How do I market myself while job hunting when I have been in the industry so long that I have a really broad range of skills?</p>
<p>Josh certainly does claim a wide range of skills, from interaction design 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> to front-end development, back-end programming, and business development. That brought up the question an employer might also have when reading his resume… &#8220;Is this guy for real? Can he really do all of this stuff well?&#8221;</p>
<p>As with most debates that Jared and Robert delve into, this one got messy, fast. But it also became very interesting. I knew I had to find Josh and invite him on Userability. I&#8217;m glad I did, as it made for a great podcast. Tune in to hear the debate, and if you have an opening for a man like Josh, won&#8217;t you let him know?</p>
<p>Have a serious UX question? Send it in and Jared Spool and Robert Hoekman, Jr. will answer it with a healthy dose of levity. Please send your deep, vexing questions to us at userability@uie.com. We’d love to feature you on the show!</p>
<p>We want to hear your take on this debate. Can someone do all the things that Josh can, really well? Can he fit into a corporate structure, or does he need to find a small operation who can really put all his tools to work? Get the debate started again in the comments</p>
<p><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/userability-13-renaissance-man-47/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NEC Reinforces Human Interface Research and Development</title>
		<link>http://modernui.com/posts/nec-reinforces-human-interface-research-and-development</link>
		<comments>http://modernui.com/posts/nec-reinforces-human-interface-research-and-development#comments</comments>
		<pubDate>Fri, 14 Aug 2009 10:41:41 +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[HCI]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://modernui.com/posts/nec-reinforces-human-interface-research-and-development</guid>
		<description><![CDATA[NEC Corporation&#8217;s development of easy-to-use human interfaces, part of its Central Research Laboratories&#8217; global &#8220;open innovation&#8221;, has taken an important step forward through strengthened cooperation with Palo Alto Research Center (PARC) and Carnegie Mellon University.
This collaboration with leading human interface research centers provides additional support for NEC&#8217;s existing HI development designs, and incorporates &#8220;Usability modeling&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>NEC Corporation&#8217;s development of easy-to-use human interfaces, part of its Central Research Laboratories&#8217; global &#8220;open innovation&#8221;, has taken an important step forward through strengthened cooperation with Palo Alto Research Center (PARC) and Carnegie Mellon University.</p>
<p>This collaboration with leading human interface research centers provides additional support for NEC&#8217;s existing HI development designs, and incorporates &#8220;<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> modeling&#8221; as an important new tool for efficient, low-cost development of easy-to-use HI for a wide variety of products.</p>
<p>In July 2009, the establishment 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">Usability</a> guidelines covering e-government related issues raised a great deal of attention towards improved <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 the HI development field, providing easy-to-use products that meet the demands of a diverse range of users is now taken for granted and assuring the effectiveness and validity of these products is increasingly important. However, the vast majority of conventional HI evaluation has taken place only after a product is delivered, not at an early stage of development when changes in HI are easier and cheaper to make.</p>
<p>Consequently, NEC has systematized the process of HI technology development into design and evaluation categories. NEC has decided to complement the strength of its existing system-based organization with an innovative human-based approach that analyzes user behavior models and psychological mechanisms. The globally renowned experts of PARC and the Human-Computer Interaction Institute at Carnegie Mellon in the cognitive psychology field are now contributing to this new human side of NEC&#8217;s HI research and development.</p>
<p>NEC, PARC and Carnegie Mellon announced the results from their partnership at the 2009 HCI International Conference in San Diego on July 24th.<br />
<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/nec-reinforces-human-interface-research-and-development/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Mobile App User Experience</title>
		<link>http://modernui.com/posts/the-mobile-app-user-experience</link>
		<comments>http://modernui.com/posts/the-mobile-app-user-experience#comments</comments>
		<pubDate>Thu, 13 Aug 2009 05:53:33 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[App Store]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/the-mobile-app-user-experience</guid>
		<description><![CDATA[&#8220;The 1.5 billion downloads thus far from Apple’s App Store clearly demonstrate a User Experience in high demand.&#8221; But why are native mobile applications such a desirable User Experience? Two factors come to mind:

Applications by their nature are task focused. They consist of optimized user interfaces for handling certain types of actions and data. In [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;The 1.5 billion downloads thus far from Apple’s App Store clearly demonstrate a <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321344758">User Experience</a> in high demand.&#8221; But why are native mobile applications such a desirable <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321344758">User Experience</a>? Two factors come to mind:
<ol>
<li>Applications by their nature are task focused. They consist of optimized user interfaces for handling certain types of actions and data. In other words, a singular focus on actions like tracking a flight, looking up a stock price, checking the weather -and that&#8217;s it.</li>
<li>Mobile devices also force software designers to focus on only the most important data and actions in an application. There simply isn&#8217;t room in a 320 by 480 pixel screen for extraneous, unnecessary elements. You <strong>have</strong> to prioritize. This naturally forces out unnecessary elements.</li>
<li>Applications can leverage <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/entry.asp?826">the rich set of capabilities</a> of a mobile operating system. Web sites <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/entry.asp?858">have a long way to go</a> to deliver really rich UI.</ol>
<p>To illustrate this, consider the difference between reading a news story on the <a rel="nofollow" target="_blank" href="http://download.cnet.com/8301-2007_4-10266928-12.html">Associated Press news mobile application</a> and the same news story <a rel="nofollow" target="_blank" href="http://www.miamiherald.com/entertainment/AP/story/1176463.html">on the Miami Herald Web site</a>. The mobile app is focused on one task (reading the story) while the Web site is chock full of extraneous detours, calls to action, and general interface debris. This detracts from the content and thereby the primary task of reading. No wonder the mobile application <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321344758">User Experience</a> is in high demand.</p>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/e827b_mobileapp_website.jpg" border="0" alt="app comparison" /></p>
<p>A similar difference can be seen by comparing the local search experience on a Web site and a mobile application. With the touch of a button, the Yelp mobile application lists restaurants around me ranked by quality of reviews. In most Web browsers (without HTML5 and <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/entry.asp?857">the geo-location API</a>), I need to type in a query and wade through a set of results. Pogo-sticking back and forth between Web sites and search results to find something near my actual location with a good rating.</p>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7589d_mobileapp_website2.jpg" border="0" alt="app comparison" /></p>
<p>Tags: <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/archive.asp?tag&amp;mobile">mobile</a>, <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/archive.asp?tag&amp;user+experience"><a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321344758">User Experience</a></a>, <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/archive.asp?tag&amp;interface">interface</a>, <a rel="nofollow" target="_blank" href="http://www.lukew.com/ff/archive.asp?tag&amp;search">search</a><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/7589d_2vMoGHp76dA" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/the-mobile-app-user-experience/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25+ Astonishing Examples of Creative Photoshopped Ads</title>
		<link>http://modernui.com/posts/25-astonishing-examples-of-creative-photoshopped-ads</link>
		<comments>http://modernui.com/posts/25-astonishing-examples-of-creative-photoshopped-ads#comments</comments>
		<pubDate>Thu, 13 Aug 2009 05:53:04 +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[Opera]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/25-astonishing-examples-of-creative-photoshopped-ads</guid>
		<description><![CDATA[When designing an advert, it all comes down to the inspiration utilized and the ideas that gave way to the conception of your ad as it becomes a &#8220;work of art&#8221;. Horrible ads are circulated throughout the web, print, and media on a regular basis. The very difference between effective and ineffective ads is the [...]]]></description>
			<content:encoded><![CDATA[<p>When designing an advert, it all comes down to the inspiration utilized and the ideas that gave way to the conception of your ad as it becomes a &#8220;work of art&#8221;. Horrible ads are circulated throughout the web, print, and media on a regular basis. The very difference between effective and ineffective ads is the straightforward ability that a designer may possess to capture a viewer’s undeniable attention within the span of 3 seconds.<br />
<span></span><br />
Designers have to be able to comprehend their target audience in order for them to provide engaging and desirable works. This is why we&#8217;ve provided you with 25+ hand-picked ads for your very own inspiration from <a rel="nofollow" target="_blank" href="http://adsoftheworld.com/"><strong>AdsofTheWorld.com</strong></a>. Enjoy!</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/sanyo_ice?size=_original"><img class="alignnone size-full wp-image-1832" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/5024f_advert-1.jpg" alt="advert-1" width="500" height="350" /></a></p>
<p>This advertisement conveys the ability of this product to operate underwater. Although the ad could have done without the use of the actual words &#8220;ice berg&#8221;.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/dulcolax_rats?size=_original"><img class="alignnone size-full wp-image-1833" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/489a0_advert-2.jpg" alt="advert-2" width="500" height="350" /></a></p>
<p>The above ad is creative, illustrative, and gets to the point without deviating the viewer from the main point of view.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/grazia_magazine_sock?size=_original"><img class="alignnone size-full wp-image-1834" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/489a0_advert-3.jpg" alt="advert-3" width="500" height="350" /></a></p>
<p>The catch in this ad is that the details women are likely to notice first have something to do with your socks, no matter what you may be wearing elsewhere.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/la_sportiva_frostbite?size=_original"><img class="alignnone size-full wp-image-1835" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/69374_advert-4.jpg" alt="advert-4" width="500" height="734" /></a></p>
<p>This ad shows you how effective these boots can be towards fighting off all kinds of weather and surroundings.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/super_bonder_firefighter?size=_original"><img class="alignnone size-full wp-image-1836" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4a0f5_advert-5.jpg" alt="advert-5" width="500" height="350" /></a></p>
<p>The catch with the above ad is that the super glue advertised is strong enough to save an object in the nick of time.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/tvereza_drunk_driving_kills_2?size=_original"><img class="alignnone size-full wp-image-1837" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4a0f5_advert-6.jpg" alt="advert-6" width="500" height="350" /></a></p>
<p>This ad is incredibly creative as you can see the deceased body laying on the side of the road covered by a blanket containing the label of the drink which caused this death. It&#8217;s an eye-opener.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/mediterranea_body_milk_body_sculptor?size=_original"><img class="alignnone size-full wp-image-1838" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/72da0_advert-7.jpg" alt="advert-7" width="500" height="350" /></a></p>
<p>This lotion or product is meant to be perceived as very accommodating to your skin.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/nikon_s60_hotel?size=_original"><img class="alignnone size-full wp-image-1839" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/04901_advert-8.jpg" alt="advert-8" width="500" height="350" /><br />
</a></p>
<p>This ad shows you how powerful the shutter smile effect can be with this camera. It can even capture the physically &#8220;unseen&#8221; to the naked eye.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/3m_micro_projector_duck?size=_original"><img class="alignnone size-full wp-image-1840" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/04901_advert-9.jpg" alt="advert-9" width="500" height="350" /></a></p>
<p>The 3M Micro Projector is so effective that even a bird has placed one in its bird house!</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/beso_de_loco_girl?size=_original"><img class="alignnone size-full wp-image-1841" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8888d_advert-10.jpg" alt="advert-10" width="500" height="350" /></a></p>
<p>The above ad is clean, organized, and shows clear use of proper colors and shadows.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/amrutanjan_nasal_inhalers_car?size=_original"><img class="alignnone size-full wp-image-1842" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8888d_advert-11.jpg" alt="advert-11" width="500" height="350" /></a></p>
<p>This nasal inhaler is so effective that even the worst of stuffy noses can be unclogged.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/associa_o_salvador_beer?size=_original"><img class="alignnone size-full wp-image-1844" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/d3189_advert-121.jpg" alt="advert-12" width="500" height="350" /></a></p>
<p>This ad is very persuasive and cut-throat. It illustrates how easily one glass of alcohol can act as a blockade when operating a motor vehicle.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/propmark_magazine_et?size=_original"><img class="alignnone size-full wp-image-1845" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/d3189_advert-13.jpg" alt="advert-13" width="500" height="350" /></a></p>
<p>The irony in this ad is so great that it simply becomes eye-catching.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/heinen_freezing_lighter?size=_original"><img class="alignnone size-full wp-image-1846" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4694b_advert-14.jpg" alt="advert-14" width="500" height="350" /></a></p>
<p>This ad displays organized use of dark colors and originality in its manipulation of a photo.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/tamayo_museum_heart?size=_original"><img class="alignnone size-full wp-image-1848" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4694b_advert-151.jpg" alt="advert-15" width="500" height="350" /></a></p>
<p>If it were possible this ad would take motion photography to another level. Intricate works of art such as this one are rare to find.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/movistar_bees"><img class="alignnone size-full wp-image-1849" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c3d03_advert-16.jpg" alt="advert-16" width="500" height="704" /></a></p>
<p>This ad is trying to convey the selling point of its product, mostly the slogan that states no matter the situation or surrounding &#8220;Your movistar number always survives&#8221;.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/land_rover_any_terrain_is_a_game?size=_original"><img class="alignnone size-full wp-image-1850" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c3d03_advert-17.jpg" alt="advert-17" width="500" height="350" /></a></p>
<p>Car advertisements are a dime a dozen, however, clear and illustrative pieces such as the one above are a bit more rare.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/cna_<a href="http://www.amazon.com/gp/product/B0022SN93I?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B0022SN93I">nintendo</a>_<a href="http://www.amazon.com/gp/product/B0022SN93I?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B0022SN93I">wii</a>_the_home_of_racing?size=_original&#8221;><img class="alignnone size-full wp-image-1851" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8f746_advert-18.jpg" alt="advert-18" width="500" height="350" /></a></p>
<p>This ad gives way to how it&#8217;s possible to use simple objects to create attractive, complex, works of art.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/tampa_cargo_train?size=_original"><img class="alignnone size-full wp-image-1852" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8f746_advert-19.jpg" alt="advert-19" width="500" height="350" /></a></p>
<p>This ad quickly executes its purpose and leaves you with a hint of gravity defying inspiration.</p>
<p><img class="alignnone size-full wp-image-1853" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/8f746_advert-20.jpg" alt="advert-20" width="500" height="350" /></p>
<p>How better to show how animals and humans could co-exist in an area but to show the viewer how easy it is to blend in.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/sport_week_woman?size=_original"><img class="alignnone size-full wp-image-1854" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/a3c64_advert-21.jpg" alt="advert-21" width="500" height="350" /></a></p>
<p>This ad takes your imagination on a wild ride as it uses creative venues to create an amazing digital work of art.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/ideal_alambrec_bekaert_ufo?size=_original"><img class="alignnone size-full wp-image-1855" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/a3c64_advert-22.jpg" alt="advert-22" width="500" height="350" /></a></p>
<p>The above ad conveys to the targeted audience that your cattle is safe no matter what, even from the most awkward and unprecedented of situations.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/morumbi_shopping_fashion_mall_park?size=_original"><img class="alignnone size-full wp-image-1856" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4b0d3_advert-23.jpg" alt="advert-23" width="500" height="350" /></a></p>
<p>This ad not only illustrates its point through the use of objects and clothing, but it also uses motion to create a better understanding for the viewer.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/chevrolet_bed?size=_original"><img class="alignnone size-full wp-image-1857" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/4b0d3_advert-24.jpg" alt="advert-24" width="500" height="350" /></a></p>
<p>The above is a creative and effective ad that has the very potential to motivate alcohol consumers to find use in a designated driver.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/cerveira_art_biennial_michelangelo?size=_original"><img class="alignnone size-full wp-image-1858" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/721b1_advert-25.jpg" alt="advert-25" width="500" height="350" /></a></p>
<p>Modeled after a great work of art founded hundreds of years ago, this is to show you that creativity does not always come best with originality.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/perrier_melt_club?size=_original"><img class="alignnone size-full wp-image-1859" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/721b1_advert-26.jpg" alt="advert-26" width="500" height="350" /></a></p>
<p>This ad shows the viewer that no matter how hot it may be in a room, Perierr carbonated water remains fresh and desirable.</p>
<p><a rel="nofollow" target="_blank" href="http://adsoftheworld.com/media/print/calle_13_the_action_suspense_channel_croc?size=_original"><img class="alignnone size-full wp-image-1860" src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/1e0e4_advert-27.jpg" alt="advert-27" width="500" height="350" /></a></p>
<p>This ad could&#8217;ve possibly been illustated a little better but it still gets the main point across. It&#8217;s basically stating that watching this channel is so suspensful that you wouldn&#8217;t know what to expect out of the commercials.</p>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/1e0e4_913pcWs_o_Y" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/25-astonishing-examples-of-creative-photoshopped-ads/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Rise of Conversation Media</title>
		<link>http://modernui.com/posts/the-rise-of-conversation-media</link>
		<comments>http://modernui.com/posts/the-rise-of-conversation-media#comments</comments>
		<pubDate>Thu, 13 Aug 2009 05:52:19 +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[Google]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Visio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Developer]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/the-rise-of-conversation-media</guid>
		<description><![CDATA[
Content will only take you so far if you don&#8217;t listen to what your users are trying to say.

While you&#8217;ve probably heard the saying, &#8220;Content is King,&#8221; the sites that reign supreme in today&#8217;s Web world don&#8217;t just produce great content, they create a culture of passionate participants and a community of conversation. It&#8217;s like [...]]]></description>
			<content:encoded><![CDATA[<div><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/37139_tin-can-phones1.jpg" alt="Couple talking on tin can phones" /></p>
<p>Content will only take you so far if you don&#8217;t listen to what your users are trying to say.</p>
</div>
<p>While you&#8217;ve probably heard the saying, &#8220;Content is King,&#8221; the sites that reign supreme in today&#8217;s Web world don&#8217;t just produce great content, they create a culture of passionate participants and a community of conversation. It&#8217;s like BoingBoing author and editor Cory Doctorow said, &#8220;Conversation is king. Content is just something to talk about.&#8221;</p>
<p>The broadcast and communications media of the twentieth century, the age of radio and television, phone and fax, are giving way to the conversation media of the twenty-first century, the age of Digg and YouTube, Fac<a href="http://www.amazon.com/gp/product/B00154JDAI?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B00154JDAI">ebook</a> and Google. This is a profound paradigm shift towards the cooperative creation of content by an entire community, a shared endeavor that makes every participant both creator and consumer. No longer is content created and distributed by a small group of professionals, and no longer are conversations held between a single sender and a single recipient.</p>
<p>There are a number of flavors of the new media. For social networking sites like Fac<a href="http://www.amazon.com/gp/product/B00154JDAI?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B00154JDAI">ebook</a>, content just gives users something to talk about. Sites like Wikipedia use conversation as a means to generate an entire encyclopedia&#8217;s worth of collaborative content. Sites like Digg create communities where the quality of content is determined solely by the amount of conversation it generates, where recommendations and discussion &ndash; not the whims of the editor &ndash; are the difference between forgettable and front page news.</p>
<p>The sites that are best able to harness the power of conversation media will help to shape the next generation of web media. All it takes is to create a community that rewards participation and encourages users not only to consume, but to start contributing as well.</p>
<h3>Instant Conversation &ndash; Just Add Comments?</h3>
<p>While content-driven sites can often benefit from conversation, you can&#8217;t just add a comment form at the bottom of each page and call it a day. A community is built around active, eager participants. Your site has to give them a reason to get involved. This means understanding your users and creating an attractive, compelling community. Users participate for a number of reasons. Here are some of the big ones:</p>
<ul>
<li><strong>&#8220;Look what I made!&#8221;</strong> People love to express themselves. It&#8217;s very rewarding to share your creations with an audience of appreciative fans. Sites like YouTube give users both the means to share and the social tools to converse with their newfound audience.</li>
<li><strong>&#8220;Look what I found!&#8221;</strong> Sharing a particularly exciting or interesting discovery is gratifying. Sites like Digg let users share their discoveries and let other users share their opinions by creating conversations around the content that keep it lively and entertaining.</li>
<li><strong>&#8220;Look what I know!&#8221;</strong> Some sites are built around groups of people who want to get better at a shared task by talking about it. There are Google Groups and niche sites for every conceivable subject and they&#8217;re used join discussions, answer questions and share skills. Members can get help and also offer their own assistance.</li>
</ul>
<p>These three examples share a common theme. The YouTubers that post the best videos, the Diggers that share the most interesting stories and the community members that provide the most assistance are all rewarded by the recognition of their peers. Peer recognition is the most powerful incentive to contribute to a community and to engage in conversation, and creating a culture where members are recognized for their participation will help ensure a lively conversation and an active community.</p>
<h3>Creating Many-to-Many Conversations</h3>
<p>There is one site that best exemplifies the new breed of conversation media. This site does not generate content and provides few features, yet it is one of the fastest growing sites in history and has entered like no other into the everyday language of modern life. I&#8217;m speaking, of course, of Twitter. Twitter&#8217;s profound effect on online conversation is, at first, hard to explain. Text messaging beat them to the character limit and blogging beat them to personal broadcasting. No, the secret to Twitter&#8217;s success is that by lowering the transaction cost and making conversations both ubiquitous and personal, Twitter enables communication on a scale never before seen, and that has been truly groundbreaking.</p>
<p>The broadcast media of the twentieth century, like radio, television and newspaper, offer widespread distribution of content, but give the consumer no creative control. The communications media of the twentieth century, like phones, faxes and text messaging, are all about one-to-one conversation. The conversation media of the twenty-first century, however, are a complex network connecting each member to an entire community, giving everyone the opportunity to contribute.</p>
<p>This kind of complex, many-to-many conversation has the potential to create large, vibrant networks of like-minded members. The size of the community is limited only by the incentives it provides its members to participate in conversation. Sites that create a culture of conversation break down the barriers of traditional broadcast and communications media, turning consumers into contributors and a group of users into a community.</p>
<div>
<h4>About the Author</h4>
<div><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/37139_Rein-Henrichs-Avatar.jpeg" alt="Guest Author" /></p>
<p><strong>Rein Henrichs</strong> is a web developer with a background in print and web design. He&#8217;s passionate about creating usable interfaces of all kinds and likes to talk to people about the web, <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321344758">Usability</a> and writing good software on <a rel="nofollow" target="_blank" href="http://reinh.com">his blog</a>. He likes it even more when people talk back. Send him your thoughts via twitter at <a rel="nofollow" target="_blank" href="http://twitter.com/reinh">@reinh</a></p>
</div>
</div>
<div>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=faGf02ZxbhI:anIRWgZLEY0:yIl2AUoC8zA"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/60a39_uxbooth?d=yIl2AUoC8zA" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=faGf02ZxbhI:anIRWgZLEY0:D7DqB2pKExk"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/ee4f2_uxbooth?i=faGf02ZxbhI:anIRWgZLEY0:D7DqB2pKExk" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=faGf02ZxbhI:anIRWgZLEY0:F7zBnMyn0Lo"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/3bb18_uxbooth?i=faGf02ZxbhI:anIRWgZLEY0:F7zBnMyn0Lo" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=faGf02ZxbhI:anIRWgZLEY0:TzevzKxY174"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/3bb18_uxbooth?d=TzevzKxY174" border="0" /></a> <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/~ff/uxbooth?a=faGf02ZxbhI:anIRWgZLEY0:gIN9vFwOqvQ"><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/3bb18_uxbooth?i=faGf02ZxbhI:anIRWgZLEY0:gIN9vFwOqvQ" border="0" /></a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/3bb18_faGf02ZxbhI" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=f806deb8de33fa6bc40f497a65e7c7d7&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/the-rise-of-conversation-media/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An online directory of tools for user interface design</title>
		<link>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design</link>
		<comments>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design#comments</comments>
		<pubDate>Sun, 09 Aug 2009 17:43:13 +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[Opera]]></category>
		<category><![CDATA[Prototyping]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/an-online-directory-of-tools-for-user-interface-design</guid>
		<description><![CDATA[Someone recently notified me of a new site, IAApps.com, dedicated exclusively to software applications for User Experience professionals.
IAApps organizes all the different tools into 4 categories:

Interface Modeling
Prototyping
Screen Capture
Usability Testing

Each category is then further organized by OS platform:

Mac OSX flavors
Windows flavors
Web

I found the navigation somewhat clumsy. Rather than navigate the menus, I&#8217;d prefer a tool &#8220;site [...]]]></description>
			<content:encoded><![CDATA[<p>Someone recently notified me of a new site, <a rel="nofollow" title="IAApps.com" target="_blank" href="http://www.iaapps.com">IAApps.com</a>, dedicated exclusively to software applications 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">User Experience</a> professionals.</p>
<p>IAApps organizes all the different tools into 4 categories:</p>
<ol>
<li>Interface Modeling</li>
<li>Prototyping</li>
<li>Screen Capture</li>
<li><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</li>
</ol>
<p>Each category is then further organized by OS platform:</p>
<ol>
<li>Mac OSX flavors</li>
<li>Windows flavors</li>
<li>Web</li>
</ol>
<p>I found the navigation somewhat clumsy. Rather than navigate the menus, I&#8217;d prefer a tool &#8220;site map&#8221; &#8211; a single page with all of the tools listed under each category and operating system so that I could quickly scan for what I want. You almost get that &#8220;Show All Listings&#8221;, but not quite.</p>
<p>Aside from that, I think the site can be a valuable resource by providing a definitive directory of all the software applications <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> professionals need, and a way for us to rate the tools.</p>
<p>I&#8217;m going to head over there now and rate some of the tools myself.</p>
<p>Related posts:
<ol>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2008/11/07/review-16-user-interface-prototyping-tools/" title="Permanent Link: Review: 16 User Interface Prototyping Tools">Review: 16 User Interface Prototyping Tools</a></li>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2009/02/23/rapidrabb-an-online-prototyping-tool/" title="Permanent Link: Rapidrabb – an online prototyping tool">Rapidrabb &#8211; an online prototyping tool</a></li>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2007/08/02/design-tools/" title="Permanent Link: Design Tools">Design Tools</a></li>
</ol>
<div>
&lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<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>?a=gxO-TyElD2M:mSIQnTCZaIM:oZz5GeKkinw&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<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>?i=gxO-TyElD2M:mSIQnTCZaIM:oZz5GeKkinw&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<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>?a=gxO-TyElD2M:mSIQnTCZaIM:yIl2AUoC8zA&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<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>?d=yIl2AUoC8zA&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<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>?a=gxO-TyElD2M:mSIQnTCZaIM:I9og5sOYxJI&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<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>?d=I9og5sOYxJI&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<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>?a=gxO-TyElD2M:mSIQnTCZaIM:qj6IDK7rITs&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<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>?d=qj6IDK7rITs&#8221; border=&#8221;0&#8243; /&gt;</a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_gxO-TyElD2M" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=VPvrjgY43BG_aTLaJZhxuA&amp;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Networked Consumer Device Platforms</title>
		<link>http://modernui.com/posts/networked-consumer-device-platforms</link>
		<comments>http://modernui.com/posts/networked-consumer-device-platforms#comments</comments>
		<pubDate>Sun, 09 Aug 2009 13:39:04 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Chrome OS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/networked-consumer-device-platforms</guid>
		<description><![CDATA[In Digital Product Platforms, I outlined some of the technological capabilities seeing more common use through popular networked consumer device platforms. But what is a networked consumer device platform? Let&#8217;s break it down:

Networked: able to get itself online and thereby read and write Internet content or run services from &#8220;the cloud&#8221;
Consumer: designed and intended for [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://www.lukew.com/ff/entry.asp?826">Digital Product Platforms</a>, I outlined some of the technological capabilities seeing more common use through popular networked consumer device platforms. But what <strong>is</strong> a networked consumer device platform? Let&#8217;s break it down:
<ul>
<li>Networked: able to get itself online and thereby read and write Internet content or run services from &#8220;the cloud&#8221;</li>
<li>Consumer: designed and intended for everyday use not solely professional or specialized tasks</li>
<li>Device: a form factor made for a particular use or set of uses. Technically, a digital device because of integrated electronics.</li>
<li>Platform: you can build on it. Developers can create software for it or hardware to integrate with it. Content authors can publish to it.</li>
</ul>
<p>Let&#8217;s look at some examples:</p>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/c4a2b_networked_device_platforms.jpg" border="0" alt="Networked Consumer Device Platforms" /></p>
<p><strong>Gaming consoles</strong> like the XBOX 360, <a href="http://www.amazon.com/gp/product/B0022SN93I?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B0022SN93I">nintendo</a> <a href="http://www.amazon.com/gp/product/B0022SN93I?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B0022SN93I">wii</a>, and Playstation 360. These devices connect to the Internet to provide access to news, media, and entertainment content, while also allowing game players to communicate and collaborate with each other online. Gaming consoles are designed for a wide range of consumers and their living rooms. Developers can not only build games for the platform but also Web services like video streaming and <a href="http://www.xbox.com/en-GB/news-features/news/Fac<a href="http://www.amazon.com/gp/product/B00154JDAI?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B00154JDAI">ebook</a>-and-Twitter-on-Xbox-010609.htm&#8221;>social networking</a>.</p>
<p><strong>Smart Phones</strong> like the Apple iPhone, Palm Pre, any Android phone, and more. These portable devices connect to the Internet for gaming, tools, news, local information, search, and just about anything. Smart phones have a broad <a href="http://www.lukew.com/ff/entry.asp?843">set of capabilities</a> that developers can build against and often integrate/promote <a href="http://www.lukew.com/ff/entry.asp?857">application stores</a> to provide consumers access to additional software.</p>
<p><strong>Media Players</strong> like Amazon&#8217;s <a href="http://www.amazon.com/gp/product/B00154JDAI?ie=UTF8&#038;tag=reverb1-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B00154JDAI">Kindle</a> e-book reader and Apple&#8217;s iPod music, image, and video player. These devices go online to access media content like books, movies, TV shows, and albums. Musicians, Authors, Podcasters, Bloggers, and more can package up content for consumers to purchase on these devices. In the case of the iPod, developers can also build applications and games.</p>
<p><strong>Networked TVs</strong> like Samsung Internet@TV, LG Broadband, and Sony Bravia HDTV. These 10 foot living room experiences use Internet access to deliver video, image, and news content to people&#8217;s TV sets. Developers can build widgets and media experiences using platforms like Yahoo!&#8217;s <a href="http://connectedtv.yahoo.com/">Connected TV</a> Widgets.</p>
<p><strong>Netbooks &#038; Tablets</strong> like the much-rumored <a href="http://www.telegraph.co.uk/technology/apple/5918238/Apple-to-launch-touch-screen-tablet-this-year.html">Apple tablet</a>, and the popular stripped-down laptops known as <a href="http://www.lukew.com/ff/entry.asp?803">Netbooks</a>. These portable devices are all about Internet access. While developers can build as they always have for Web browsers and operating systems like Windows to run applications on these devices, other development capabilities like <a href="http://macdailynews.com/index.php/weblog/comments/21948/">iPhone OS</a> and <a href="http://en.wikipedia.org/wiki/Google_Chrome_OS">Google&#8217;s Chrome OS</a> may be forthcoming.</p>
<p>Tags: <a href="http://www.lukew.com/ff/archive.asp?tag&amp;technology" rel="tag">technology</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;mobile" rel="tag">mobile</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;sensors" rel="tag">sensors</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;context" rel="tag">context</a><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/f1a6b_mwO-14hGuOU" height="1" width="1" /><br />
<a href="http://feeds.feedburner.com/FunctioningForm">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/networked-consumer-device-platforms/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobile Apps vs. Web Apps</title>
		<link>http://modernui.com/posts/mobile-apps-vs-web-apps</link>
		<comments>http://modernui.com/posts/mobile-apps-vs-web-apps#comments</comments>
		<pubDate>Sun, 09 Aug 2009 13:38:50 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[App Store]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/mobile-apps-vs-web-apps</guid>
		<description><![CDATA[Today news sources (like the BBC) are trumpeting the market for mobile applications will become &#8220;as big as the Internet.&#8221; Clearly, we&#8217;re not going to have as many applications on any specific mobile platform as on the Internet at large. So what&#8217;s the story here?
Mobile app stores can provide access to the few services that [...]]]></description>
			<content:encoded><![CDATA[<p>Today news sources (like the BBC) are trumpeting the market for mobile applications <a href="http://news.bbc.co.uk/2/hi/technology/8157043.stm">will become &#8220;as big as the Internet</a>.&#8221; Clearly, we&#8217;re not going to have as many applications on any specific mobile platform as on the Internet at large. So what&#8217;s the story here?</p>
<p>Mobile app stores can provide access to <strong>the few services that matter</strong> online. Therefore they can deliver the top sites that most people care about and actually use on a daily basis. Mobile app platforms <strong>can lure developers away</strong> from building applications for the Web with <a href="http://www.lukew.com/ff/entry.asp?826">integrated capabilities</a> (multimedia, sensors, monetization, etc.) and consistent run-times (no cross-platform and cross-browser development).  Mobile stores actually <strong>make it possible for services to be found</strong> through smaller catalogs, structured data, and browse/merchandising features.</p>
<p><strong>The Few Services that Matter</strong><br />
The top 50 Internet properties (<a href="http://www.comscore.com/content/download/2589/27981/file/comScore%20Media%20Metrix%20Ranks%20Top%2050%20U.S.%20Web%20Properties%20for%20May%202009.pdf">PDF of comScore rankings</a>) represent a disproportionate amount of Web traffic. Consider that 157 million of the 193 million total US Internet audience visited Google. So if a mobile application platform has representation of the top 50 sites on the Web, they have a huge amount of coverage for core Web behaviors. Essentially most services people could access on the Web, they could then access on a mobile app. If they begin using their mobile apps more than the URLs in their desktop Web browser, that&#8217;s a problem for Web applications. Current data shows this is exactly what&#8217;s going on.</p>
<p><strong>Rich Capabilities</strong><br />
Many mobile application platforms are attractive to developers because they have technical <a href="http://www.lukew.com/ff/entry.asp?826">capabilities that leave the Web browser behind</a>. In order for Web applications to really compete with native mobile applications, they&#8217;ll need some serious enhancements. Many of which are in active development in HTML 5 and proprietary solutions from companies like Google:
<ul>
<li>The ability to run offline. In HTML 5 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html">AppCache and Database</a> make it easier to run apps offline and Google has built this into <a href="http://gears.google.com/">Gears</a> &#038; <a href="http://www.google.com/chrome">Chrome</a></li>
<li>The ability to run more efficiently. Javascript performance improvements and the ability to run background threads that do processing that would otherwise slow the browser to a crawl (<a href="http://www.whatwg.org/specs/web-workers/current-work/">Web workers</a> in HTML 5).</li>
<li>Access to operating system resources. Making use of sensors, audio, image, and video output and inputs as well as local file stores. The <a href="http://www.whatwg.org/specs/web-apps/current-work/">video  and audio element</a> in HTML 5: embed audio/video on a web page like you embed images today (no plugins).</li>
<li>The ability to render graphics and animations quickly and elegantly. For example, Apple&#8217;s iPhone supports <a href="http://developer.apple.com/iphone/library/navigation/Topics/GraphicsAnimation/">Quartz, Core Animation, and OpenGL ES</a>. Quartz is a powerful 2D drawing engine for creating vector graphics, bitmap images, and PDF content. Core Animation is the technology that adds smooth motion and dynamic feedback to your user interface by creating an illusion of motion. OpenGL ES is the interface for high-performance 3D graphics on mobile devices. HTML 5 includes <a href="http://www.whatwg.org/specs/web-apps/current-work/#the-canvas-element">the canvas element</a>: a way to draw graphics on a web page using Javascript</li>
</ul>
<p><strong>Findability</strong><br />
Lastly, though many complain about the difficulty of getting found within large mobile application store inventory. Their chances are still better than on the open Web. As an example, Apple&#8217;s App store (perhaps the most popular store now) has 65,000 applications. Google indexes and searches <a href="http://googleblog.blogspot.com/2008/07/we-knew-web-was-big.html">over a trillion Web pages</a>. </p>
<p>App stores also maintain structured data about applications. That is, developers provide titles, categories, descriptions, screenshots, release dates, pricing, and more to app store owners when they submit their application. This creates a structured set of data that can be searched against. On the open Web, search engines are often trying to stitch a lot of these attributes together themselves and as a result, fall short. Structured data provides more (dependable) ways to enable people to find services. Lastly, app stores have built in browsing and merchandising features so apps are not solely dependent on people&#8217;s search terms to be found. As a result, the chances of sticking out in an app store are much improved.</p>
<p>Tags: <a href="http://www.lukew.com/ff/archive.asp?tag&amp;mobile" rel="tag">mobile</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;apple" rel="tag">apple</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;search" rel="tag">search</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;technology" rel="tag">technology</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;Web+applications" rel="tag">Web applications</a>, <a href="http://www.lukew.com/ff/archive.asp?tag&amp;javascript" rel="tag">javascript</a><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/a691c_ungjyHngK54" height="1" width="1" /><br />
<a href="http://feeds.feedburner.com/FunctioningForm">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/mobile-apps-vs-web-apps/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
