<?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; Chrome</title>
	<atom:link href="http://modernui.com/posts/tag/chrome/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>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>
<!-- 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/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>
		<item>
		<title>UIEtips: Previous and Next Actions in Web Forms</title>
		<link>http://modernui.com/posts/uietips-previous-and-next-actions-in-web-forms</link>
		<comments>http://modernui.com/posts/uietips-previous-and-next-actions-in-web-forms#comments</comments>
		<pubDate>Sun, 09 Aug 2009 13:38:39 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/uietips-previous-and-next-actions-in-web-forms</guid>
		<description><![CDATA[Most online design requires the designer to focus on two separate but equal elements. The content of the design and the chrome that supports it. (Do you think I&#8217;ve watched too much Law and Order over the years?)
Take a multi-step dialog sequence, such as, say, signing up for a new account. Each step will have [...]]]></description>
			<content:encoded><![CDATA[<p>Most online design requires the designer to focus on two separate but equal elements. The content of the design and the chrome that supports it. (Do you think I&#8217;ve watched too much Law and Order over the years?)</p>
<p>Take a multi-step dialog sequence, such as, say, signing up for a new account. Each step will have the content &#8212; the fields the user will fill in, including their name, address, and billing information. Yet, each step also requires some user interface chrome &#8212; those design elements that move the user to the next step (or back to the previous one, when something needs revisiting).</p>
<p>What I find interesting is, often in the design process, we focus more on the chrome than on the content. Yet, it&#8217;s the content that is most important to the user &#8212; the part of the UI they need to focus on most. The chrome, when it&#8217;s working well, should seem invisible and natural.</p>
<p>In today&#8217;s <a rel="nofollow" target="_blank" href="http://www.uie.com/uietips">UIEtips</a> article, <a rel="nofollow" target="_blank" href="http://cli.gs/jme5XE">Previous and Next Actions in Web Forms</a>, Luke Wroblewski shows us what we need to know to make an important part of that chrome invisible: the Previous and Next actions. He&#8217;s done a fabulous job of dissecting the problem and talking about exactly what needs to happen to make the interface seem natural to the user, which, in turn, lets them focus on the content.</p>
<p>Luke, of course, is *the man* to talk to when thinking about these things. His brilliant book, Web Form Design: Filling In The Blanks, is chock-full of great insights. We&#8217;re pleased he&#8217;ll be repeating his full-day seminar, <a rel="nofollow" target="_blank" href="http://www.uie.com/events/web_app_summit/2009/program/#wroblewski">Web Application Form Design</a>, at our upcoming <a rel="nofollow" target="_blank" href="http://www.webappsummit.com">Web App Summit</a>. </p>
<p>What&#8217;s been your experience with the sticky problem of Previous and Next actions? Do you have a solution that works well with your audience? We&#8217;d love to hear your experiences and questions. Leave a comment below.</p>
<p><a href="http://pipes.yahoo.com/pipes/pipe.run?_id=VPvrjgY43BG_aTLaJZhxuA&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/uietips-previous-and-next-actions-in-web-forms/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
