<?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>Steve Jan &#187; Web Design</title>
	<atom:link href="http://stuffapproved.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://stuffapproved.com/blog</link>
	<description>My Personal Blog</description>
	<lastBuildDate>Sun, 10 Jul 2011 16:56:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>The Morrow Project and Futurism at Intel</title>
		<link>http://stuffapproved.com/blog/the-morrow-project-and-futurism-at-intel/</link>
		<comments>http://stuffapproved.com/blog/the-morrow-project-and-futurism-at-intel/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 20:26:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Concepts]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[futurism]]></category>
		<category><![CDATA[intel]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=630</guid>
		<description><![CDATA[Brian David Johnson is a futurist and future caster at Intel Corporation. In his video, he outlines the importance of future research and speaks about &#8220;The Morrow-Project&#8221; from Intel were the four bestselling authors Douglas Rushkoff, Ray Hammond, Scarlett Thomas and Markus Heitz created short stories about the technology of tomorrow.]]></description>
			<content:encoded><![CDATA[<p>Brian David Johnson is a futurist and future caster at Intel Corporation. In his video, he outlines the importance of future research and speaks about &#8220;The Morrow-Project&#8221; from Intel were the four bestselling authors Douglas Rushkoff, Ray Hammond, Scarlett Thomas and Markus Heitz created short stories about the technology of tomorrow.</p>
<p><object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/Y0a40vp1Uyc?fs=1&amp;hl=en_US&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Y0a40vp1Uyc?fs=1&amp;hl=en_US&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="349"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/the-morrow-project-and-futurism-at-intel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8 Useful Tips To Help Your Website Convert</title>
		<link>http://stuffapproved.com/blog/8-useful-tips-to-help-your-website-convert/</link>
		<comments>http://stuffapproved.com/blog/8-useful-tips-to-help-your-website-convert/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 19:15:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[I.A.]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[AIDA]]></category>
		<category><![CDATA[Choice Paralysis]]></category>
		<category><![CDATA[Gutenberg diagram]]></category>
		<category><![CDATA[Subliminal Suggestion]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=549</guid>
		<description><![CDATA[As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises for websites that are designed and built to sell. A great-looking website may achieve the goal of shaping and delivering a strong brand, but its good looks alone arenâ€™t enough [...]]]></description>
			<content:encoded><![CDATA[<p>As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises for websites that are designed and built to sell. A great-looking website may achieve the goal of shaping and delivering a strong brand, but its good looks alone arenâ€™t enough to sell the products or services on offer. For that, you need to introduce the element of marketing.</p>
<p><strong>1. Subliminal Suggestion</strong></p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/legacylocker.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/legacylocker.jpg" alt="" title="legacylocker" width="480" height="305" class="aligncenter size-full wp-image-550" /></a></p>
<p>Research shows that objects and images you see around you can prime you for certain behaviors. For example, a study on children showed that after being shown a Santa Claus cap, they were more likely to share candy with others. The cap embodied the concept of sharing and giving in their minds, and exposure to it primed them for regarding sharing more positively. The same study also exposed kids to a â€œToys â€˜Râ€™ Usâ€ logo, which had the opposite effect of the Santa Claus cap, making them less likely to share their candy.</p>
<p>When choosing images for your website, think carefully about the message youâ€™re trying to send. Pick images that are meaningful and that embody that message or feeling. Donâ€™t put graphics on your website for their own sake â€” if theyâ€™re not doing a job, they donâ€™t have to be there. ClichÃ©d and overused imagery and stock photos are also dangerous because it may not send the right message in the given context, so select images that get the effect youâ€™re after.</p>
<p><strong>2. Prevent Choice Paralysis</strong></p>
<p>There is a phenomenon in marketing known as â€œchoice paralysis.â€ Choice paralysis happens when the user is given too many options. Choice is great, but when your customers are presented with too many options, they may be confused about where to go. Nobody wants buyerâ€™s remorse (where a person chooses an item and decides later itâ€™s not right for them), so many people spend more time than they should on the selection process: they become paralyzed.</p>
<p>In fact, according to Barry Schwatz, when customers have too many options to consider, they end up avoiding a specific service or the task in general (Paradox of Choice) â€“ and this is exactly what we as designers need to carefully consider in our designs.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/highrise.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/highrise.jpg" alt="" title="highrise" width="480" height="219" class="aligncenter size-full wp-image-551" /></a></p>
<p>To remedy choice paralysis, make it easier for people to find the right product or service for them. Tell them what each option is great for, and then suggest the one they should choose. You can even use visuals to highlight the most popular product and steer potential customers towards it. If the product is not right for them, theyâ€™ll pick another, but if theyâ€™re confused, a â€œdefaultâ€ choice helps prevent choice paralysis.</p>
<p><strong>3. Show The Product</strong></p>
<p>When you visit a physical store, perhaps a grocery, you can look at, examine and sometimes even taste the products on sale. You make your purchasing decision based on the information you gather there. Are the tomatoes ripe enough? Are those strawberries red enough? What about the look and smell of that freshly baked bread?</p>
<p>When you sell services or Web apps online, you should do exactly the same thing: show the product. Itâ€™s surprising how many websites that sell software donâ€™t actually show screenshots of their applications. Sure, these are intangible goods, digital goods that you canâ€™t touch or smell, but theyâ€™re still goods you can see.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/leadlogsys.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/leadlogsys.jpg" alt="" title="leadlogsys" width="480" height="263" class="aligncenter size-full wp-image-552" /></a></p>
<p>People make judgments based on what products look like. Why? Because appearance is an indicator, rightly or wrongly, of a productâ€™s usability. This is known as the aesthetic-usability effect.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/xtorrent.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/xtorrent.jpg" alt="" title="xtorrent" width="480" height="221" class="aligncenter size-full wp-image-553" /></a></p>
<p>If people see a complicated and cluttered interface or, in some cases, even just an unattractive interface, they may assume it is not very usable or is hard to learn. On the other hand, if people see an attractive and simple-looking interface, they may start figuring out how it works right then and will want to give it a try. Get people to imagine using your software, and youâ€™ll get closer to closing the sale.</p>
<p><strong>4. Let People Try It</strong></p>
<p>Once you start using a product, you become involved in it. Once you start entering data into it, you begin to make it your own. Every second a user spends trying out features is a second of their time invested in learning and using your product.</p>
<p>When that user is then presented with the question of whether to purchase or subscribe to the product or service, they will more likely say â€œyesâ€ because they are already involved and have invested time in it. Of course, if the product is bad, then it may turn people off, but then your priority should really be to improve the product until it reaches a level people are happy with.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/mailchimp.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/mailchimp.jpg" alt="" title="mailchimp" width="480" height="274" class="aligncenter size-full wp-image-554" /></a></p>
<p>In recent years, weâ€™ve seen the emergence of the â€œfreemiumâ€ business model. A freemium service allows people to use a portion of it free of charge, but requires a purchase to use all of its features. It gives people a taste of the full product but doesnâ€™t limit them to a trial period. This lets them use the product for free without monetary commitment and then upgrade if they like it.</p>
<p>Itâ€™s a great model for many online Software-as-a-Service businesses because once somebody begins using your product, they get sucked in. They start to rely on it, and when they rely on it to do business or manage their life, they will very likely need the premium features down the line and will be happy to upgrade because they already know your service well.</p>
<p>Stories are very important in sales because they get potential customers to imagine what it would be like to use your product. Letting people actually try your product for free goes even further. They donâ€™t have to imagine because they can begin using it right away at no cost. Letting people try out your product, whether through a demo, a trial period or a freemium model, is an excellent way to win customers. Now, this isnâ€™t really a â€œdesignâ€ element but is important to mention here because of its potential to drive conversions.</p>
<p><strong>5. AIDA</strong></p>
<p>AIDA is a well-known strategy in sales and stands for: <strong>Attention, Interest, Desire and Action</strong>. It is relatively simple and describes the sequence of events you should aim for to get a sale. So, first of all, you must capture the attention of your potential customer. Once you have it, you should win their interest by explaining how your product or service can help them.</p>
<p>Then, once theyâ€™re interested, generate a desire in them for your product. For example, a story about how this product has helped someone like your visitor can help them imagine what this product would do for them, and especially what benefits it would bring. Indeed, the benefit part is key here because benefits, not features, sell products.</p>
<p>Finally, you need to get people to act. This means purchasing the product or signing up for the service. If people want your product, all they may need is a button to check out. If they are interested but not yet sure, you could use a few methods to motivate them further; for example, creating a sense of urgency with a limited-time offer or limited supply.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/yokaboo.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/yokaboo.jpg" alt="" title="yokaboo" width="480" height="282" class="aligncenter size-full wp-image-555" /></a></p>
<p>Now, the AIDA approach applies more to copy â€” the actual marketing text on the website â€” than design, so what we need to do on the design side is reinforce that copy, make it stand out and ensure visitors read it. This means making sure the first thing a new visitor sees really grabs their attention. The flow of the page should then direct their focus to the items that achieve the other two goals: interest and desire. Finally, at the end of this flow, we need to convert. So, provide calls to action: â€œOrder now,â€ â€œSign up here.â€</p>
<p>Itâ€™s important to understand that the design alone wonâ€™t sell: you need strong copy in place to do most of that work. The design is there to reinforce and support the copy, rather than the other way around.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/reinvigorate.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/reinvigorate.jpg" alt="" title="reinvigorate" width="480" height="345" class="aligncenter size-full wp-image-556" /></a></p>
<p>This means you shouldnâ€™t design a nice website first and then fill up the space with words. Instead, think about the message you want to send out, write the copy and then construct a design that delivers that. If a delivery truck breaks down, then the package does not arrive, but if there was no package in the first place, then the delivery wouldnâ€™t matter at all.</p>
<p><strong>6. Guide attention</strong></p>
<p>To benefit from something like AIDA, you have to lead your visitors through your content. You can do this by aligning items in a manner that will flow, and using images that guide the eyes. For example, if you want to focus attention somewhere, use a big arrow. Our eyes will notice the arrow and will naturally want to see where it points to.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/businesscatalyst.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/businesscatalyst.jpg" alt="" title="businesscatalyst" width="480" height="256" class="aligncenter size-full wp-image-557" /></a></p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/silverback.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/silverback.jpg" alt="" title="silverback" width="480" height="384" class="aligncenter size-full wp-image-558" /></a></p>
<p>Structure your content in a way that will flow towards something. Having a bunch of scattered feature descriptions may confuse and make your visitors lost, unless of course if all of the points end in calls to action. If you want to ensure your visitors donâ€™t miss anything, align everything in a linear structure so that the user scans along it. Make sure to end it with the ultimate call to action: that signup or download link.</p>
<p><strong>7. Always Provide Next Actions</strong></p>
<p>ABC: Always Be Closing. If youâ€™re designing a website to sell something, whether a software application or Web service, you should always be thinking about how youâ€™re closing the deal on each page. This doesnâ€™t mean filling every page with big â€œBuy nowâ€ buttons; it means when the customer is ready to buy, they shouldnâ€™t have to look around for the check-out link.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/skype.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/skype.jpg" alt="" title="skype" width="480" height="355" class="aligncenter size-full wp-image-559" /></a></p>
<p>Always provide next-action links to keep the flow going and to ensure you donâ€™t lose the attention of potential customers. Next-action links can direct the visitor to a page with more information about the product or to the actual page where they can make the purchase or sign up. These links could read something like: â€œReady to order? Click here,â€ â€œLearn more,â€ â€œTake the tourâ€ or â€œShop now.â€</p>
<p>Donâ€™t leave a dead end on any page: always suggest to your visitors where they should go next.</p>
<p><strong>8. The Gutenberg rule</strong></p>
<p>The Gutenberg diagram (or the Gutenberg rule) is a concept that maps out something called reading gravity. Reading gravity describes a habit of reading in the western world: left to right, top to bottom. The Gutenberg diagram splits up a page into four quadrants: the â€œPrimary Optical Areaâ€ in top left, the â€œStrong Fallow Areaâ€ in top right, the â€œWeak Fallow Areaâ€ in the bottom left and a â€œTerminal Areaâ€ in bottom right.</p>
<div id="attachment_560" class="wp-caption aligncenter" style="width: 490px"><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/gutenberg_diagram.png"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/gutenberg_diagram.png" alt="" title="gutenberg_diagram" width="480" height="365" class="size-full wp-image-560" /></a><p class="wp-caption-text">The Gutenberg diagram</p></div>
<p>It suggests that the bottom left area of the page will get least attention as our eyes scan the page from top left to bottom right and that our glance would end up in the lower right portion of the page. How can we utilize this concept? Buttons and calls to action could be placed in bottom right instead of bottom left, as this is the place where the visitorâ€™s glance is likely to alight.</p>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2010/07/goodbarry_gutenberg.jpg"><img src="http://stuffapproved.com/blog/wp-content/uploads/2010/07/goodbarry_gutenberg.jpg" alt="" title="goodbarry_gutenberg" width="480" height="353" class="aligncenter size-full wp-image-561" /></a></p>
<p>Note that the Gutenberg diagram is more likely to work on pages which have more a balanced distribution of content. If parts of your page have strong highlights through high contrast and bold typography, then those areas would likely attract more attention and so will direct the way a user scans the page.</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/8-useful-tips-to-help-your-website-convert/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Build the Perfect Mobile OS</title>
		<link>http://stuffapproved.com/blog/how-to-build-the-perfect-mobile-os/</link>
		<comments>http://stuffapproved.com/blog/how-to-build-the-perfect-mobile-os/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 19:07:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Concepts]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[I.A.]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[OS]]></category>
		<category><![CDATA[perfect]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=510</guid>
		<description><![CDATA[With Appleâ€™s iOS4 out in the wild and Googleâ€™s Android 2.2 (Froyo) firmware starting to find its way to a number of handsets, the latest innovations in mobile technology are gradually becoming more and more available to the average mobile user. iPhone owners will argue until their dying breath how good the Apple handset is, [...]]]></description>
			<content:encoded><![CDATA[<p>With Appleâ€™s iOS4 out in the wild and Googleâ€™s Android 2.2 (Froyo) firmware starting to find its way to a number of handsets, the latest innovations in mobile technology are gradually becoming more and more available to the average mobile user.</p>
<p>iPhone owners will argue until their dying breath how good the Apple handset is, Android users pushing the flexibility of Googleâ€™s operating system. Some swear by WebOS or Windows Mobile, even so, all of these OSâ€™es have their own limitations which continue to frustrate even the most die-hard users.</p>
<p>There is no such thing as the perfect mobile operating system but with all software products there could always be improvements. What would be included in your perfect mobile operating system? We will discuss this below.</p>
<p><strong>Customization</strong></p>
<p>A huge prerequisite for any mobile owner. The ability to switch wallpapers whenever you feel like, change a theme or assign different ringtones to your contacts, it gives the user a feeling of control, they have power over the phone â€“ not what Apple or Google tell them they can and canâ€™t do.</p>
<p>iPhone owners have long wished for a way to personalize their devices and Apple relented to a point with the introduction of iOS4. Now, iPhone owners can apply a lock-screen and background wallpaper â€“ insane. This is much to the delight of Android users, if the OS canâ€™t perform the specified task, you can bank on there being an app available on the Android Market that can.</p>
<p>WebOS, Windows Mobile, Blackberry and Android all support theming, with iPhone users needing to jailbreak (and invalidate their warranty) if they wish to do so. Apple believe that the application of themes would â€œtake away from the user experienceâ€ because it â€œspent a lot of time and effort developing this distinct and innovative way to seamlessly deliver core functionality of the iPhone.â€ Enough said.</p>
<p>Most support widgets â€“ little home screen apps that update to display real-time information â€“ the best you get on an iPhone is the date and time, perhaps a push notification from time to time.</p>
<p>The perfect OS would allow users to customize the UI of their phone, handing back control to the person who showed faith in the company by handing over hundreds of dollars/pounds/euros to buy its phone in the first place.</p>
<p><strong>Built-in Social</strong></p>
<p>Whilst most modern mobile operating systems make use of social features, none of them store social networking data so that other apps can access it. Confused, let me explain.</p>
<p>Say hello to Android or WebOS. Both of these operating systems allow you to specify your social-networking or email accounts to populate contact information or display information by way of a widget. This is great, but if you wanted to pull this information for a different purpose, you would be unable to â€“ you would need a specific app to give you the functionality you wished for.</p>
<p>There is a mobile operating system that allows developers to pull social networking data specified by the user: Samsungâ€™s Bada platform. Designed specifically to challenge the likes of Android and iOS4, Bada is a linux-based OS that has a built-in social layer â€“ currently supporting Twitter, Facebook, Flickr and Myspace (Samsung has already announced it plans to add in more social APIâ€™s) â€“ meaning a potential app developer can access profile data without having to make a separate connection to the service itself.</p>
<p>This in essence, allows the user to enter their social network credentials once and then specify what apps can access it. Bada will also update your location data to Samsungâ€™s servers, developers will be to grab your location without having to build in a system within an app to manually search for your current location.</p>
<p>The perfect OS would seamlessly integrate social services with the platforms PIM implementation, reducing the need for the hundreds of Twitter app developers to code their own implementation to complete exactly the same task.<br />
<strong><br />
Toggle Between Basic and Expert Modes</strong></p>
<p>Mobile operating systems deal with app crashes differently. On an iPhone, if the app crashes, you simply get chucked back to the home screen.</p>
<p>On Android, if an app quits unexpectedly, you get a funny little error message asking you to try again and force close the app. For me, this helps me identify why the app is misbehaving, for first-time users this might be a little bit daunting and give the impression the phone is doing something it shouldnâ€™t (when in fact it is educating the user).</p>
<p>The perfect OS would allow the user to switch between an expert mode that contains all of the network information like Carrier APNâ€™s, firmware and debugging tools, to a basic mode which makes use of wizards or graphics to explain the functions on a phone.<br />
<strong><br />
Making The OS Self Aware</strong></p>
<p>No, I donâ€™t want your Motorola Droid to start killing in the name of Skynet.</p>
<p>Most modern smartphones have issues with battery management, gone are the days of a 4-day charge, itâ€™s now become the 4 hour charge (OK, I am overstating that a tad). Tell me if I am wrong (Iâ€™m sure you would anyway) but I donâ€™t think many modern mobile operating systems have an intelligent system to automatically adjust settings on the phone to maximise battery life.</p>
<p>I know you can get apps, for example JuiceDefender on Android, that sit in the background and disabling your phones data connection when its not in use, only to switch data back on once in an allotted time period to give your apps a chance to refresh its data.</p>
<p>The function could automatically prioritize the needs of the background apps running on the phone, dedicating resources to each app when it needed it the most.</p>
<p>For me, the perfect OS would have built-in controls that could intelligently monitor your phonesâ€™ use and change settings accordingly. Would be a great way to help improve battery life and allow your phone to get to know you a bit better!</p>
<p><strong>Multitasking</strong></p>
<p>Something that both Android and WebOS does superbly, multitasking is still not a standard feature on modern mobile operating systems. Although implemented in iOS4, full multitasking and notifications still havenâ€™t been created to meet most user expectations.</p>
<p>Windows Phone 7 will launch without full multitasking support, limiting the function to official Microsoft apps and stopping any third-party developers from utilizing it.</p>
<p>A large percentage of smartphones are launching with a 1GHz processor and 512MB RAM, for a phone this is a huge amount of power and memory. The excuse that the phone physically couldnâ€™t handle a large amount of apps at the same time doesnâ€™t hold any weight now.</p>
<p>The perfect OS would allow users to run as many apps as they like and cycle through them if they should choose, in the mobile age it should be a right not a privilege.</p>
<p><strong>Conclusion</strong></p>
<p>It was very tempting to include network coverage issues (looking at you Apple) but the above issues would go a long way towards making a mobile operating system work for both heavy and light mobile users. The great thing is we are able to receive a fair number of official updates as well as those developed by the mobile hacking community, an solution to our needs is never far away.</p>
<p>What features would go towards making up your perfect operating system, let us know in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/how-to-build-the-perfect-mobile-os/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tablets will Replace Laptops</title>
		<link>http://stuffapproved.com/blog/tablets-will-replace-laptops/</link>
		<comments>http://stuffapproved.com/blog/tablets-will-replace-laptops/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 18:22:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[ces]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[laptops]]></category>
		<category><![CDATA[tablets]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=416</guid>
		<description><![CDATA[If you read the news sites or visit many tech blogs, it seems that the newest computer gadget threatening to invade the market is the tablet computer. This yearâ€™s CES showed that many different models are slated (so to say) to be launched in this calendar year 2010. But if these tablets do come on [...]]]></description>
			<content:encoded><![CDATA[<p>If you read the news sites or visit many tech blogs, it seems that the newest computer gadget threatening to invade the market is the tablet computer. This yearâ€™s CES showed that many different models are slated (so to say) to be launched in this calendar year 2010.</p>
<p>But if these tablets do come on the market, will they catch on? And will you be getting one anytime soon? Well, to try to answer that question, letâ€™s take a look at tablet computing history.</p>
<h2>Tablet Evolution, not Revolution</h2>
<p>First, letâ€™s just lay this on the table â€“ tablet computers are not new. A few years ago tablet computers burst onto the scene with a lot of promise, only to be relegated  to niche markets and specific uses.</p>
<p>While it showed to be quite interesting, it is my opinion that the implementation was not right. The Windows based pen computer was virtually a windows computer with a few goodies thrown in for the pen.  Sure, journal and the sticky notes were definitely interesting, and it allowed a lot of freedom when using the pen. But merely replacing the mouse with a pen and adding a few specialized functions is probably a good entry into the â€œHow not to introduce a new computing paradigmâ€ playbook.</p>
<p>The pen took longer to enter data than a keyboard did, and the interface was designed for a mouse. The tablet computer suffered, despite a few holdouts that actually liked a pen computer (I still love my TC1100).</p>
<h2>Where tablets are now</h2>
<p>As mentioned, the CES 2010 brought out a lot of tablets that will soon see the light of day.  And the majority of them are running Windows 7. Aha, isnâ€™t that an OS designed for a mouse? Did we not just go through that with the last round of pen tablets?</p>
<p>Sad to say, we did.  Windows with a touch screen is, in this writerâ€™s opinion, not a finger friendly OS. Sure, it does finer touches now â€“ multiple simultaneous touches, even. But even a quick look at a screen shows you that they are using the same screen mechanics as a mouse does for the most part.</p>
<p>The interface is not designed for a pen, much less a finger. Yet the bulk of the new tablet market is going to be running this OS, apparently. So, why would the average person want to forgo the mouse and use their finger instead?</p>
<p>The answer is this â€“ they have no reason to do so.  If the tablet computing paradigm continues to be introduced with a mouse designed interface, then we can stick a fork in it. Outside of a few niche areas (and I am in one of those, to be sure), you can call tablet computing done.</p>
<h2>Tablet Computers, From the Ground Up</h2>
<p>So, if sticking Windows 7 on a tablet with touchpad support is not going to make it work, then what is? Well, the answer to that might just be in recent history. Recent Mobile history, to be exact.</p>
<p>Windows Mobile has seen a good run, and from its early inception to the latest version (sans Windows Mobile 7, if that ever does see the light of day), it has sold in the millions. They precede a lot of the current competition in mobile OS, and they carry with it the branding of the worldâ€™s most popular desktop operating system. They should have the market.</p>
<p>But they donâ€™t, and a few relatively new competitors are ripping through the market, leaving Windows Mobile behind in their dust, at least for now. What did they do wrong?</p>
<p>Simple â€“ they implemented an interface that was too much like the desktop. The mouse-evolved screen elements took up a lot of precious screen real estate. As a long time user of Windows Mobile (also known by the more correct name, Pocket PC), I can attest that you needed a good stylus and a steady hand to make use of the interface. It may have been labeled mobile, but you had to stop to see what you were doing.</p>
<h2>A New Interface</h2>
<p>But recently a competitor released a phone that had an interface designed from the ground up to be finger centric. The iPhone, by Apple, showed us exactly how you could scroll a list using a touch screen without  a single tiny scroll bar on the side. Suddenly a finger would actually work, and screen elements such as drop down lists were accommodating to the user, not the other way around. The result was a great success.</p>
<p>On its heels, computing giant Google has released its Android operating system, again designed to be finger friendly from the ground up. The Android name is finding its way onto many different handsets, and the end result is that a touch screen device is becoming accepted as the normal smartphone of choice, no stylus required.</p>
<h2>Interface Impact</h2>
<p>So, how does this affect tablet computers? Well, if the rumor mill proves to be true, then there are new tablets coming on the market that run these operating systems. This is perhaps the biggest difference from the earlier attempt at making tablets a mainstream device.</p>
<p>A tablet device running an interface that is finger-centric by design, not mouse-centric with allowances, is in my opinion enough to turn the tide and opens the door for these sleek machines.</p>
<p>It really does come down to this â€“ it must be conveniently easy to use. Otherwise the new crop of tablets are again headed for the niche markets and power users only. You have to give the users a reason to use a tablet, not let them make do with a tablet.</p>
<h2>Is a tablet in your future?</h2>
<p>With that said, I am curious as to how the average computer user feels about the new crop of tablets.  Would you want a Windows 7 device so that you can run existing software? Or would you want a new design that allows a new software design to interface to your lifestyle?</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/tablets-will-replace-laptops/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Touchscreen PCs Prompt Interface Innovations</title>
		<link>http://stuffapproved.com/blog/touchscreen-pcs-prompt-interface-innovations/</link>
		<comments>http://stuffapproved.com/blog/touchscreen-pcs-prompt-interface-innovations/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 17:56:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GUI]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Usabilty]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=283</guid>
		<description><![CDATA[Touchscreen displays are going to get a big boost from Windows 7â€™s built-in support for multitouch tech â€” but thereâ€™s a hitch: Flicking, scrolling and opening programs can be cumbersome when stubby fingers meet Windowsâ€™ tiny icons and menu items. â€œPCs with touchscreens look cool, but what do you do with them?â€ says Jennifer Colegrove, [...]]]></description>
			<content:encoded><![CDATA[<p>Touchscreen displays are going to get a big boost from Windows 7â€™s built-in support for multitouch tech â€” but thereâ€™s a hitch: Flicking, scrolling and opening programs can be cumbersome when stubby fingers meet Windowsâ€™ tiny icons and menu items.</p>
<p>â€œPCs with touchscreens look cool, but what do you do with them?â€ says Jennifer Colegrove, a director at Display Search. â€œWhen it comes to the iPhone there are 50,000 applications that use touch â€” but what do you do on a PC with touch?â€</p>
<p>To help answer that question, some companies are building touchscreen-centric â€œskinsâ€ for Windows aimed at making tactile navigation more pleasant. Two big PC companies, HP and Lenovo, as well as a startup called BumpTop, have built touch-oriented user interfaces that will run on top of Windows.</p>
<p>â€œThe question is, can we rethink the touch interface as a first-class citizen and provide a fresh approach to the desktop?â€ says Anand Agarawala, founder and CEO of Torontoâ€™s Bumptop. â€œNot only is touch a more natural way to interact with your desktop but it also adds to your productivity.â€</p>
<p>Touchscreens are not as popular on PCs as they are on smartphones.  Only about 3 percent of the desktop and notebook PCs available today have a touchscreen, says research firm Display Search. But it is a growing market. Driven by their experiences with touchscreen-based smartphones such as the iPhone and Palm Pre, consumers are craving to reach out and touch their PCs â€” or so PC makers think.</p>
<p>On Thursday, Sony announced a new touch-enabled, multimedia PC called the Vaio L Touch HD PC. The device has a 24-inch touchscreen display. Last month, Lenovo introduced the a tablet PC and a ThinkPad laptop with a touchscreen display. HP is expected to offer updated versions of its TouchSmart computers in time for the holiday season.  Even Dell now offers a touchscreen option for its all-in-one desktop or nettop.</p>
<p>But the touch-sensitive hardware is only half the battle, because touchscreens can be difficult to use with an operating system designed for mice and keyboards.</p>
<p>HP was among the first to take on this challenge. The company introduced the TouchSmart PC, a desktop with a touchscreen, in 2007. Since then it has added its own user interface on top of Windows and created applications such as Recipe Box, a slickly designed program that presents each recipe in the form of a recipe card. The program also allows users to search for recipes online and save them in a similar format.</p>
<p>And, despite its identity as a hardware company, HP has built all the software for its touch interface. The company hopes more independent developers will jump in to create similar applications for the touchscreen.</p>
<p>Wanting to give its tablet-PC users a better experience is also why Lenovo designed a touch interface called SimpleTap. SimpleTap is a grid of colorful square tiles. It lets users choose functions, such as previewing the camera, enabling mute, adjusting the volume or screen brightness, or accessing a file, and assign them to squares within the grid.</p>
<p>The idea with SimpleTap is to let users get in, do a task and get out quickly, says Lenovo. â€œTouch is something we have looked at very hard for a long time,â€ says Lee Highsmith, a brand manager for Lenovo. â€œWindows 7 gives native support for touch, so there is less likely to be contention among apps and since it is built into the OS it is easier for everybody.â€</p>
<p>BumpTop takes a similar but more-playful approach with its software that turns a touchscreen PC into a 3-D playground of sorts.</p>
<p>Apart from the standard flick, pinch and scroll, BumpTop has interesting new gestures such as â€œshove,â€ which uses the little finger to move files to the left, and â€œfan out,â€ a two-fingered gesture that spreads files out.</p>
<p>To add realism to its 3-D look, BumpTop is built on top of the Unreal Tournament videogame engine, which let the BumpTop developers give objects realistic physical properties. For instance, desktop objects like files or photos have a â€œmassâ€ proportional to their size, so when a small object bumps up against a larger object, the large one doesnâ€™t move as much.</p>
<p>â€œThe physics is an important thing,â€ says Agarawala. â€œIt is intangible but there is something about the experience that makes it more joyful to use.â€</p>
<p>BumpTop, which launched a beta version of its product in April, has already seen more than half a million downloads of its software.</p>
<p>For its part, Microsoft is supporting these custom user-interface efforts. The upcoming Windows 7 operating system offers multitouch support for the first time. Windows Vista supported single-finger touch, which only enables an extremely rough-and-ready interpretation of complex gestures, says Agarawala.</p>
<p>â€œWindows 7 gives us information such as acceleration and velocity, so you can do much more complex touchscreen gestures,â€ he says. â€œSo you can use five fingers if you want, something that Vista couldnâ€™t support.â€</p>
<p>New touchscreen interfaces open up the technology to more users, but they could also end up confusing users. There are no standard sets of gestures. Some gestures may be protected by patents â€” Apple has filed for patents on multitouch gestures, and BumpTop is doing the same â€” which could limit their adoption by other interface designers. That in turn could lead to confusion among consumers: Do I scroll with one finger, or two, or three? How do I rotate the screen?</p>
<p>People also have to know exactly what kind of touchscreen their systems have. For instance, BumpTop uses five-finger gestures that require higher-end touchscreens. So if your PC has a more primitive touchscreen and you install BumpTop, you may find that some gestures donâ€™t work. Thereâ€™s no error message: The gestures simply donâ€™t work.</p>
<p>â€œItâ€™s kind of the Wild West right now with touch,â€ says Agarawala. â€œBut it is also an exciting opportunity to carve a new path.â€</p>
<p>Check out videos of how Bumptop and Lenovoâ€™s SimpleTap work, below.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/6jhoWsHwU7w&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/6jhoWsHwU7w&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/9n5QjpyHqdw&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/9n5QjpyHqdw&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/touchscreen-pcs-prompt-interface-innovations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 New Technologies That Will Change Everything</title>
		<link>http://stuffapproved.com/blog/5-new-technologies-that-will-change-everything/</link>
		<comments>http://stuffapproved.com/blog/5-new-technologies-that-will-change-everything/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 17:37:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Concepts]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[I.A.]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[3D TV]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[predictions]]></category>
		<category><![CDATA[usb3]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=278</guid>
		<description><![CDATA[3D TV, HTML5, video over Wi-Fi, superfast USB, and mobile &#8220;augmented reality&#8221; will emerge as breakthrough technologies in the next few years. Here&#8217;s a preview of what they do and how they work. While sipping a cup of organically farmed, artisan-brewed tea, I tap on my gigabit-wireless-connected tablet, to pull up a 3D movie on [...]]]></description>
			<content:encoded><![CDATA[<p><strong>3D TV, HTML5, video over Wi-Fi, superfast USB, and mobile &#8220;augmented reality&#8221; will emerge as breakthrough technologies in the next few years. Here&#8217;s a preview of what they do and how they work.</strong></p>
<p>While sipping a cup of organically farmed, artisan-brewed tea, I tap on my gigabit-wireless-connected tablet, to pull up a 3D movie on the razor-thin HDTV hanging on the wall. A media server streams the film via a superspeedy USB connection to a wireless HD transmitter, which then beams it to the TV.</p>
<p>That actor&#8211;who was he? My augmented-reality contact lenses pick up the unique eye motion I make when I have a query, which I then enter on a virtual keyboard that appears in the space in front of me. Suddenly my field of vision is covered with a Web page showing a list of the actor&#8217;s movies, along with some embedded video clips.</p>
<p>These technologies will come to life in the distant future, right? Future, yes. Distant, no.</p>
<p>Speed and content (much of it video) will be paired consistently across mobile, laptop, desktop, and home-entertainment systems. New ways of using video&#8211;including adding 3D depth or artificial visual overlays&#8211;will require more speed, storage, and computational power.</p>
<p>In our preview of technologies that are well on their way to reality, we look at the connective tissue of USB 3.0, 802.11ac, and 802.11ad for moving media&#8211;especially video&#8211;faster; at HTML5 for displaying video and content of all kinds consistently across all our devices; at augmented reality to see how the digital world will stretch into our physical reality by overlaying what we see with graphics and text; and at 3D TV, which will add image depth and believability to the experience of watching TV.</p>
<h2>USB3</h2>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2009/10/usb3.jpg"><img class="aligncenter size-medium wp-image-277" title="usb3" src="http://stuffapproved.com/blog/wp-content/uploads/2009/10/usb3-300x199.jpg" alt="usb3" width="300" height="199" /></a></p>
<p>USB may be one of the least-sexy technologies built into present-day computers and mobile devices, but speed it up tenfold, and it begins to sizzle. Cut most of the other cables to your computer, and the standard ignites. Bring in the potential of uncompressed video transfer, and you have a raging fire.</p>
<p>Any task that involves transferring data between your PC and a peripheral device&#8211;scanning, printing, or transferring files, among others&#8211;will be far faster with USB 3.0. In many cases, the transfer will be complete before you realize it has started.</p>
<p>The 3.0 revision of USB, dubbed SuperSpeed by the folks who control testing and licensing at the USB Implementors Forum (USB-IF), is on track to deliver more than 3.2 gigabits per second (gbps) of actual throughput. That transfer rate will make USB 3.0 five to ten times faster than other standard desktop peripheral standards, except some flavors of DisplayPort and the increasingly out-of-favor eSATA.</p>
<p>In addition, USB 3.0 can shoot full-speed data in both directions at the same time, an upgrade from 2.0&#8242;s &#8220;half duplex&#8221; (one direction at a time) rates. USB 3.0 jacks will accept 1.0 and 2.0 plug ends for backward compatibility, but 3.0 cables will work only with 3.0 jacks.</p>
<p>This technology could be a game-changer for device connectivity. A modern desktop computer today may include jacks to accommodate ethernet, USB 2.0, FireWire 400 or 800 (IEEE 1394a or 1394b) or both, DVI or DisplayPort or both, and&#8211;on some&#8211;eSATA. USB 3.0 could eliminate all of these except ethernet. In their place, a computer may have several USB 3.0 ports, delivering data to monitors, retrieving it from scanners, and exchanging it with hard drives. The improved speed comes at a good time, as much-faster flash memory drives are in the pipeline.</p>
<p>USB 3.0 is fast enough to allow uncompressed 1080p video (currently our highest-definition video format) at 60 frames per second, says Jeff Ravencraft, president and chair of the USB-IF. That would enable a camcorder to forgo video compression hardware and patent licensing fees for MPEG-4. The user could either stream video live from a simple camcorder (with no video processing required) or store it on an internal drive for later rapid transfer; neither of these methods is feasible today without heavy compression. Citing 3.0&#8242;s versatility, some analysts see the standard as a possible complement&#8211;or even alternative&#8211;to the consumer HDMI connection found on today&#8217;s Blu-ray players.</p>
<p>The new USB flavor could also turn computers into real charging stations. Whereas USB 2.0 can produce 100 milliamperes (mA) of trickle charge for each port, USB 3.0 ups that quantity to 150mA per device. USB 2.0 tops out at 500mA for a hub; the maximum for USB 3.0 is 900mA.</p>
<p>With mobile phones moving to support USB as the standard plug for charging and syncing (the movement is well underway in Europe and Asia), and with U.S. carriers having recently committed to doing the same, the increased amperage of USB 3.0 might let you do away with wall warts (AC adapters) of all kinds.</p>
<p>In light of the increased importance and use of USB in its 3.0 version, future desktop computers may very well have two internal hubs, with several ports easily accessible in the front to act as a charging station. Each hub could have up to six ports and support the full amperage. Meanwhile, laptop machines could multiply USB ports for better charging and access on the road. (Apple&#8217;s Mac Mini already includes five USB 2.0 ports on its back.)</p>
<p>The higher speed of 3.0 will accelerate data transfers, of course, moving more than 20GB of data per minute. This will make performing backups (and maintaining offsite backups) of increasingly large collections of images, movies, and downloaded media a much easier job.</p>
<p>Possible new applications for the technology include on-the-fly syncs and downloads (as described in the case study above). The USB-IF&#8217;s Ravencraft notes that customers could download movies at the gas pump at of a filling station. &#8220;With high-speed USB [2.0], you couldn&#8217;t have people waiting in line at 15 minutes a crack to download a movie,&#8221; Ravencraft says.</p>
<p>Manufacturers are poised to take advantage of USB 3.0, and analysts predict mass adoption of the standard on computers within a couple of years. The format will be popular in mobile devices and consumer electronics, as well. Ravencraft says that manufacturers currently sell more than 2 billion devices with built-in USB each year, so there&#8217;s plenty of potential for getting the new standard out fast.</p>
<h2>Video Streaming Over Wi-Fi</h2>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2009/10/video-streaming.jpg"><img class="aligncenter size-medium wp-image-273" title="video-streaming" src="http://stuffapproved.com/blog/wp-content/uploads/2009/10/video-streaming-300x168.jpg" alt="video-streaming" width="300" height="168" /></a></p>
<p>Wired ethernet has consistently achieved higher data speeds than Wi-Fi, but wireless standards groups are constantly trying to figure out ways to help Wi-Fi catch up. By 2012, two new protocols&#8211;802.11ac and 802.11ad&#8211;should be handling over-the-air data transmission at 1 gbps or faster.</p>
<p>As a result, future users can have multiple high-definition video streams and gaming streams active across a house and within a room. Central media servers, Blu-ray players, and other set-top boxes can sit anywhere in the home, streaming content to end devices in any location. For example, an HD video display, plugged in with just a power cord, can stand across the room from a Blu-ray player, satellite receiver, or computer&#8211;no need for expensive, unsightly cables.</p>
<p>The 802.11ac and 802.11ad standards should be well suited for home use, though their applications will certainly extend far beyond the home. The names reflect the internal method of numbering that the engineering group IEEE uses: 802 for networking, 11 for wireless, and one or more letters in sequence for specific task groups (that&#8217;s how we got 802.11a, b, g, h, n, and others).</p>
<p>The 802.11ac standard will update 802.11n, the latest and greatest of a decade&#8217;s worth of wireless local area networking (WLAN) technology that began with 802.11b. With 802.11ac, wireless networking performance will leap from a theoretical top speed of 600 mbps to a nominal maximum of more than 1 gbps. In practice, the net data carried by 802.11ac will be likely be between 300 mbps and 400 mbps&#8211;more than enough capacity to carry multiple compressed video streams over a single channel simultaneously. Or users may assign individual streams running on unique frequencies to a number of separate channels. Like 802.11n, 802.11ac will use many antennas for receiving and sending data wirelessly.</p>
<p>The 802.11ac flavor still won&#8217;t have the capacity to carry lossless high-definition video (video that retains the full fidelity and quality of the raw source), however. Today, lossless video is common over wired connections after decompression or decoding of a data stream from a satellite, cable, or disc. The right hardware will be able to take the 802.11ac compressed data stream and send it directly to a decoder in an HDTV set; some HD sets already have this capability today. But when uncompressed video has to stream at a rate faster than 1 gbps, a speedier format must be used.</p>
<p>That&#8217;s where 802.11ad comes in. It abandons the 2.4GHz and 5GHz bands of the spectrum (where today&#8217;s Wi-Fi works) to the newly available 60GHz spectrum. Because the 60GHz spectrum has an ocean of frequencies available in most countries&#8211;including in the United States&#8211;you&#8217;ll be able to use multiple distinct channels to carry more than 1 gbps of uncompressed video each.</p>
<p>Unfortunately, the millimeter-long waves that make up 60GHz signals penetrate walls and furniture poorly, and oxygen readily absorbs the waves&#8217; energy. So 802.11ad is best suited for moving data across short distances between devices in the same room. Apart from supporting fast video transfers, 802.11ad will permit you to move files or sync data between devices at speeds approaching that of USB 3.0&#8211;and 1000 times faster than Bluetooth 2.</p>
<p>The 802.11ad spec is one of three competing ideas for using the 60GHz band of the spectrum. The Wireless HD trade group, a consortium of consumer electronics firms, is focusing on video use of the 60GHz band, while the Wireless Gigabit Alliance (WiGig) is looking at networking and consumer uses. Membership in the various groups overlaps, making an interoperable and perhaps unified spec possible. Though 802.11ad doesn&#8217;t specifically address video, it will be a generic technology that can accommodate many kinds of data. At a minimum, each group will work to prevent interference with one another&#8217;s purposes.</p>
<p>The combination of 802.11ac and 802.11ad, coupled with USB 3.0, will allow you to position clusters of computer equipment and entertainment hardware around your home. USB 3.0 and gigabit ethernet might connect devices located in a cabinet or on a desk; 802.11ac will link clusters across a home; and 802.11ad will carry data to mobile devices, displays, and other gear within a room.</p>
<p>Allen Huotari, the technical leader at Cisco Consumer Products (which now includes Linksys products and ships millions of Wi-Fi and ethernet devices each year) says that the change in home networks won&#8217;t result from &#8220;any one single technology in the home, but rather a pairing of technologies or a trio of technologies&#8211;wired and/or wireless&#8211;for the backbone and the wireless on the edges.&#8221;</p>
<p>This means fewer wires and cables, better speeds, and higher-quality video playback than anything possible today. By 2012, both specifications should be readily available.</p>
<h2>3D TV</h2>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2009/10/3dtv.jpg"><img class="aligncenter size-full wp-image-274" title="3dtv" src="http://stuffapproved.com/blog/wp-content/uploads/2009/10/3dtv.jpg" alt="3dtv" width="470" height="379" /></a></p>
<p>When television makers introduced HDTVs, it was inevitable that they would figure out a way to render the technology obsolete not long after everyone bought a set. And they have. The next wave in home viewing is 3DTV&#8211;a 2D picture with some stereoscopic depth.</p>
<p>As 3D filmmaking and film projection technology have improved, Hollywood has begun building a (still small) library of depth-enhanced movies. The potential to synthesize 2D movies into 3D could feed demand, however&#8211;the way colorizing technology increased interest in black-and-white films in some circles in the 1980s. For movies based on computer animation&#8211;such as Toy Story 3D, a newly rendered version of the first two movies in the series&#8211;it&#8217;s already happening.</p>
<p>The promise of 3D is a more immersive, more true-to-life experience, and substantively different from almost anything you&#8217;ve watched before. In commercial theaters, 3D projection typically involves superimposing polarized or distinctly colored images on each frame and then having viewers wear so-called &#8220;passive&#8221; glasses that reveal different images to each eye. The brain synthesizes the two images into a generally convincing notion of depth.</p>
<p>In contrast, 3D at home will almost certainly rely on alternating left and right views for successive frames. HDTVs that operate at 120Hz (that is, 120 cycles of refresh per second) are broadly available, so the ability to alternate left and right eye images far faster than the human eye can follow already exists. Fundamental industry standards are in place to allow such recording, says Alfred Poor, an analyst with GigaOm and the author of the Web site HDTV Almanac.</p>
<p>Viewing 3DTV displays will require &#8220;active&#8221; glasses that use rapidly firing shutters to alternate the view into each eye. Active glasses are expensive today, but their price will drop as 3D rolls out. Meanwhile, designers are in the development phase of producing a 3D set that doesn&#8217;t require the glasses.</p>
<p>Sony and Panasonic have announced plans to produce 3D-capable displays, and Panasonic recently demonstrated a large-screen version that the company expects to ship in 2010. As happened when HDTVs rolled out, premium 3DTVs will appear first, followed by progressively more-affordable models.</p>
<p>Creating and distributing enough 3D content to feed consumers&#8217; interest may be more of an challenge. Poor noted that filmmakers are currently making or adapting only a handful of features each year for 3D. But techniques to create &#8220;synthetic 3D&#8221; versions of existing films (using various tracking, focus, and pattern cues for splitting images) could fill the gap.</p>
<p>Existing terrestrial cable and IPTV networks should be able to distribute 3D content. The bandwidth that such networks use to deliver typical HD broadcasts will be adequate for delivering 3D video once the networks upgrade to newer video compression techniques. Satellite may face a more difficult road, since such systems already use the best levels of compression.</p>
<p>For physical media playback, Blu-ray can store the data needed, and 3D Blu-ray players are already on the drawing board. No fundamental changes in Blu-ray will be necessary, so the trade group that created the standard is focusing compatibility&#8211;such as ensuring that a 2D TV can play a 3D disc.</p>
<p>Standards issues might not end up being very troublesome, so long as the 3DTVs are flexible enough. An industry group is working on setting some general parameters, much as digital TV was broken up into 480, 720, and 1080 formats, along with progressive and interlaced versions. A 3DTV may need to support multiple formats, but all will involve alternating images and a pair of shutter-based glasses.</p>
<p>Poor expects that 3DTV will be but a minor upgrade to existing HDTV sets. The upgraded sets will need a modified display controller that alternates images 60 per second for each eye, as well as an infrared or wireless transmitter to send synchronization information to the 3D glasses.</p>
<h2>&#8220;Augmented Reality&#8221; in Mobile Devices</h2>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2009/10/augmentedreality.jpg"><img class="aligncenter size-full wp-image-275" title="augmentedreality" src="http://stuffapproved.com/blog/wp-content/uploads/2009/10/augmentedreality.jpg" alt="augmentedreality" width="425" height="298" /></a></p>
<p>In Neal Stephenson&#8217;s book Snow Crash, &#8220;gargoyles&#8221; are freelance intelligence gatherers who have wired themselves to see (through goggles that annotate all of their experiences) a permanent overlay of data on top of the physical world. In less immersive fashion, we may all become gargoyles as â€œaugmented realityâ€ becomes an everyday experience.</p>
<p>Augmented reality is a catchall term for overlaying what we see with computer-generated contextual data or visual substitutions. The point of the technology is to enhance our ability to interact with things around us by providing us with information immediately relevant to those things.</p>
<p>At work, you might walk around the office and see the name and department of each person you pass painted on them&#8211;along with a graphical indicator showing what tasks you owe them or they owe you. Though many case scenarios involve â€œheads-upâ€ displays embedded in windshields or inside eyeglasses, the augmented reality we have today exists primarily on the â€œheads-downâ€ screens of smartphones.</p>
<p>Several companies have released programs that overlay position- and context-based data onto a continuous video camera feed. The data comes from various radios and sensors built into modern smartphones, including GPS radios (for identifying position by satellite data), accelerometers (for measuring changes in speed and orientation), and magnetometers (for finding position relative to magnetic north).</p>
<p>In an application called Nearest Places, the names and locations of subway stops, parks, museums, restaurants, and other places of interest are shown on top of an iPhone&#8217;s video feed. As you walk or turn, the information changes to overlay your surroundings.</p>
<p>&#8220;Smartphones and the related apps are the trailblazers for augmented reality,&#8221; says Babak Parviz, a professor at the University of Washington who specializes in nanotechnology. &#8220;In the short to medium term, my guess is that they will dominate the field.&#8221;</p>
<p>Other prototype applications display information dropped at particular coordinates as 3D models that the user can walk around, or as animations whose details update in 3D relative to the user&#8217;s position. But the technology for those apps isn&#8217;t ripe yet; handhelds require a more-precise positioning mechanism in order to handle that kind of data insertion. Fortunately, each smartphone generation seems to include more and better sensors.</p>
<p>In other realms, augmented reality may serve to provide not just additional information, but enhanced vision. One day, infrared cameras mounted on the front of a car will illuminate a far-away object represented as a bright-as-day image on an in-windshield display. Radar signals and wireless receivers will detect and display cars that are out of sight; and one piece of glass will host GPS and traffic reporting.</p>
<p>Leaping past displays, Parviz and his team are working on ways to put the display directly on the eyeball. Theyâ€™re trying to develop a technology for embedding video circuitry into wearable contact lenses. While wearing such contact lenses, you would see a continuous, context-based data feed overlaid on your field of vision.</p>
<p>Before Parviz&#8217;s lenses become a reality, augmented reality is likely to become a routine navigation and interaction aid on mobile devices. In addition, game developers may use the technology to overlay complete digital game environments over the reality that gamers see around them.</p>
<h2>HTML5</h2>
<p><a href="http://stuffapproved.com/blog/wp-content/uploads/2009/10/html5.jpg"><img class="aligncenter size-full wp-image-276" title="html5" src="http://stuffapproved.com/blog/wp-content/uploads/2009/10/html5.jpg" alt="html5" width="400" height="321" /></a></p>
<p>Hulk VI was great, but wÂ  hat should you watch this evening? Before heading off to work in the morning, you click to some trailers on a movie Website, but you don&#8217;t have time to watch many. So you use your mobile phone to snap a picture of the 2D barcode on one of the videos; the phone&#8217;s browser then takes you to the same site. On the commuter train to the office, you watch the previews over a 4G cell phone connection. A few of the movies have associated games that you try out on your phone, too.</p>
<p>Remember when every Website had a badge that read &#8220;optimized for Netscape Navigator&#8221; or &#8220;requires Internet Explorer 4&#8243;? In the old days, people made Web pages that worked best with&#8211;or only with&#8211;certain browsers. To some extent, they still do.</p>
<p>The new flavor of the HTML&#8211;the standard program for writing Web pages&#8211;is called HTML5 (Hypertext Markup Language version 5); and HTML5 aims to put that practice to bed for good.</p>
<p>Specifically, HTML5 may do away with the need for audio, video, and interactive plug-ins. It will allow designers to create Websites that work essentially the same on every browser&#8211;whether on a desktop, a laptop, or a mobile device&#8211;and it will give users a better, faster, richer Web experience.</p>
<p>Instead of leaving each browser maker to rely on a combination of its in-house technology and third-party plug-ins for multimedia, HTML5 requires that the browser have built-in methods for audio, video, and 2D graphics display. Patent and licensing issues cloud the question of which audio and video formats will achieve universal support, but companies have plenty of motivation to work out those details.</p>
<p>In turn, Website designers and Web app developers won&#8217;t have to deal with multiple incompatible formats and workarounds in their efforts to create the same user experience in every browser.</p>
<p>This is an especially valuable advance for mobile devices, as their browsers today typically have only limited multimedia support. The iPhoneâ€™s Safari browser, for example, doesn&#8217;t handle Adobe Flash&#8211;even though Flash is a prime method of delivering video content across platforms and browsers.</p>
<p>&#8220;It&#8217;ll take a couple of years to roll out, but if all the browser companies are supporting video display with no JavaScript [for compatibility handling], just the video tag and no plug-in, then there&#8217;s no downside to using a mobile device,&#8221; says Jeffrey Zeldman, a Web designer and leading Web standards guru. &#8220;Less and less expert users will have better and better experiences.&#8221;</p>
<p>Makers of operating systems and browsers appear to be falling into line behind HTML5. Google Chrome, Apple Safari, Opera, and WebKit (the development package that underlies many mobile and desktop programs), among others, are all moving toward HTML5 support.</p>
<p>For its part, Microsoft says that Internet Explorer 8 will support only parts of HTML5. But Microsoft may not want to risk having its Internet Explorer browser lose more market share by resisting HTML5 in the face of consensus among the other OS and browser makers.</p>
<p>HTML5 is now completing its last march toward a final draft and official support by the World Wide Web Consortium.</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/5-new-technologies-that-will-change-everything/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>10/GUI Looks to Redefine the Touch-Enabled desktop</title>
		<link>http://stuffapproved.com/blog/10-gui-looks-to-redefine-the-touch-enabled-desktop/</link>
		<comments>http://stuffapproved.com/blog/10-gui-looks-to-redefine-the-touch-enabled-desktop/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 20:51:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GUI]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Top 10]]></category>

		<guid isPermaLink="false">http://stuffapproved.com/blog/?p=224</guid>
		<description><![CDATA[Redefining the way we interact with computers is a pretty ambitious task as far as things go, but that&#8217;s just what R. Clayton Miller is looking to do with his so-called 10/GUI project, and he may just be onto something. Miller begins with the notion that the traditional mouse-based interface lacks the &#8220;interaction bandwidth&#8221; afforded [...]]]></description>
			<content:encoded><![CDATA[<p>Redefining the way we interact with computers is a pretty ambitious task as far as things go, but that&#8217;s just what R. Clayton Miller is looking to do with his so-called 10/GUI project, and he may just be onto something. Miller begins with the notion that the traditional mouse-based interface lacks the &#8220;interaction bandwidth&#8221; afforded by multitouch interfaces, and that touch-enabled desktops (or laptops) are inherently problematic since they can&#8217;t be used for prolonged periods of time &#8212; even a flat surface will do a number on your neck if you use it all day. To solve that problem, Miller proposes separating the touch surface from the display and placing it below the keyboard in the form of a large, hybrid capacative / resistive touch panel. That&#8217;s just the beginning, however, and Miller has also devised a whole new interface that makes use of all your fingers, and a new linear means of displaying windows that strikes a balance ease of use and the ability to manage numerous applications. Of course, there are some drawbacks &#8212; you&#8217;d still likely pull out a mouse for Photoshop or a marathon Left 4 Dead session &#8212; but we&#8217;d certainly be curious to see how this would play out in practice. Head on past the break for a full video overview.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/qATT-VLYWqs&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qATT-VLYWqs&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/10-gui-looks-to-redefine-the-touch-enabled-desktop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bumptop</title>
		<link>http://stuffapproved.com/blog/bumptop/</link>
		<comments>http://stuffapproved.com/blog/bumptop/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 22:21:57 +0000</pubDate>
		<dc:creator>stuffapproved</dc:creator>
				<category><![CDATA[Concepts]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[I.A.]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://stuffapproved.wordpress.com/?p=130</guid>
		<description><![CDATA[Great new multi-touch Windows 7 GUI Bumptop, after being presented in TED 2007, dived into serious technological improvements until recently they came up with their 13th beta version which is stable and working perfectly with some of the coolest features available. Bumptop is a 3D desktop application which is meant to make your desktop operations [...]]]></description>
			<content:encoded><![CDATA[<p>Great new multi-touch Windows 7 GUI</p>
<p><a href="http://bumptop.com/" target="_blank">Bumptop</a>, after being presented in TED 2007, dived into serious technological improvements until recently they came up with their 13th beta version which is stable and working perfectly with some of the coolest features available. Bumptop is a 3D desktop application which is meant to make your desktop operations (dragging, resizing, dropping, e-mailing, printing etc) fun and intuitive. It is unlike anything you have seen before. Gone are the days of style XP, talismans, Vista inspirat themes. it not just brings in entertainment but its quite useful too. Here are some cool and not-so-cool features of Bumptop as we found out.<span id="more-7210"> </span></p>
<p>We thought, a picture says a thousand words so we will let our keyboards rest and the images tell you the full story. I hope you will love watching the pictures we are sharing.</p>
<h2>BumpTop Unveiled</h2>
<p style="text-align:center;">
<p><img title="Bumptop file Right Click" src="http://blog.taragana.com/wp-content/uploads/2009/04/3.png" alt="Right Click on any file on bumptop and you get three options -" width="431" height="283" /></p>
<p>Right Click on any file on bumptop and you get three options &#8211; Shrink, Grow and More (that has other Windows options)<br />
<img title="Bumptop File Option" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot1.png" alt="Right Click on any file on bumptop and you get three options - Shrink, Grow and More (that has other Windows options)" width="431" height="287" /></p>
<p>Drag an arc over the files you want to select and drag the mouse pointer to the center, you will find the above options.</p>
<p style="text-align:center;">
<p><img title="Bumptop icon Pile up" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-2.png" alt="Draw an arc over set of icons you want to pile up, You will see a highlighted centre point, drag them there and it gets piled. Wow" width="432" height="284" /></p>
<p>Draw an arc over set of icons you want to pile up, You will see a highlighted centre point, drag them there and it gets piled. Wow!</p>
<p style="text-align:center;">
<p><img title="Bumptop grid view" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-3.png" alt="Just double- click on the stack pile of files and you will see a very convenient grid view as above" width="428" height="220" /></p>
<p>Just double- click on the stack pile of files and you will see a very convenient grid view as above</p>
<p><img title="Bumptop Fan out option" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-5.png" alt="Right click on the pile and select 'Fan Out' and drag the files wherever you want, in whichever trajectory. They will still be in queue. Look at the photo. " width="427" height="209" /></p>
<p>Right click on the pile and select &#8216;Fan Out&#8217; and drag the files wherever you want, in whichever trajectory. They will still be in queue. Look at the photo.</p>
<p><img title="Bumptop scrolling function" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-6.png" alt="You can just scroll through the pile and they will show you file after file as if you are flipping through the pages of a book" width="433" height="215" /></p>
<p>You can just scroll through the pile and they will show you file after file as if you are flipping through the pages of a book</p>
<p><img title="Bumptop drag-n-drop printable files" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-7.png" alt="You can just drag data or image files on a printer icon and it will start printing. Amazing no?" width="426" height="283" /></p>
<p>You can just drag data or image files on a printer icon and it will start printing. Amazing no?</p>
<p><img title="Bumptop mail attachment" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-8.png" alt="Just drag the files you want to attach to your mail client and drop them on the icon (say MS Outlook) and it will get attached! whoa!" width="436" height="277" /></p>
<p>Just drag the files you want to attach to your mail client and drop them on the icon (say MS Outlook) and it will get attached! whoa!</p>
<p><img title="Bumptop drag and drop mail attachment" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-9.png" alt="See as I had told. Here is the proof. look at the attachment tag" width="430" height="280" /></p>
<p>See as I had told. Here is the proof. look at the attachment tag</p>
<p><img title="Bumptop desktop search" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-10.png" alt="Right click on the desktop and see there is a search option. It searches for the keyword you put in. I put in PDF and got the result. You can also drag any one of them and others will come in group. Very useful." width="431" height="284" /></p>
<p>Right click on the desktop and see there is a search option. It searches for the keyword you put in. I put in PDF and got the result. You can also drag any one of them and others will come in group. Very useful.</p>
<p><img title="Photo management" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-11.png" alt="This is where the irony lies. If you don't use Bumptop you won't know how well they manage the aero keys, slideshows and photo frame features in bumptop. I have tried to give you a picture" width="427" height="284" /></p>
<p>This is where the irony lies. If you don&#8217;t use Bumptop you won&#8217;t know how well they manage the aero keys, slideshows and photo frame features in bumptop. I have tried to give you a picture</p>
<p><img title="Bumptop - File management by type" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-13.png" alt="Select any number of files by drawing an arc over them, and then go to the centre to get the option as before. Click 'create pile by types' and here is the result. Fantastic." width="427" height="275" /></p>
<p>Select any number of files by drawing an arc over them, and then go to the centre to get the option as before. Click &#8216;create pile by types&#8217; and here is the result. Fantastic.</p>
<p><img title="Bumptop settings" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-14.png" alt="Go to taskbar -&gt; bumptop -&gt; settings. And then change themes and options as you like. Yes its fully customizable. Enjoy. Below you have my experiment result." width="433" height="287" /></p>
<p>Go to taskbar -&gt; bumptop -&gt; settings. And then change themes and options as you like. Yes its fully customizable. Enjoy. Below you have my experiment result.</p>
<p><img title="Bumtop themes" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-15.png" alt="After a theme change!" width="432" height="286" /></p>
<p>After a theme change!</p>
<p><img title="Bumptop photo frame" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-16.png" alt="You can also create your own bumptop photo frames with photos of your choice. You can see the photos changing constantly at the 'wall'" width="430" height="284" /></p>
<p>You can also create your own bumptop photo frames with photos of your choice. You can see the photos changing constantly at the &#8216;wall&#8217;</p>
<p><img title="Bump a folder" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-17.png" alt="Not only desktop. You can also bump a folder of your choice. you will see a button at the top-right as 'bump this folder'" width="430" height="280" /></p>
<p>Not only desktop. You can also bump a folder of your choice. you will see a button at the top-right as &#8216;bump this folder&#8217;</p>
<p><img title="Bumped folder" src="http://blog.taragana.com/wp-content/uploads/2009/04/screenshot-18.png" alt="Here is what you get after bumping the folder." width="428" height="286" /></p>
<p>Here is what you get after bumping the folder.</p>
<h2>The Final Destination</h2>
<p style="text-align:center;">
<p><img title="Bumptop messy" src="http://blog.taragana.com/wp-content/uploads/2009/04/final.jpg" alt="I just went to settings at the end and chose 'always bump' option. And after some child's play, here was my 'organized' desktop. Lol." width="461" height="288" /></p>
<p>I just went to settings at the end and chose &#8216;always bump&#8217; option. And after some child&#8217;s play, here was my &#8216;organized&#8217; desktop.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/6jhoWsHwU7w&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6jhoWsHwU7w&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/bumptop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Way of the Future</title>
		<link>http://stuffapproved.com/blog/the-way-of-the-future/</link>
		<comments>http://stuffapproved.com/blog/the-way-of-the-future/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 22:13:50 +0000</pubDate>
		<dc:creator>stuffapproved</dc:creator>
				<category><![CDATA[GUI]]></category>
		<category><![CDATA[I.A.]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web 2.5]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Zoomerang]]></category>

		<guid isPermaLink="false">http://stuffapproved.wordpress.com/?p=105</guid>
		<description><![CDATA[Hello Thgere]]></description>
			<content:encoded><![CDATA[<p>Mint.com, which advises customers on how to pinch pennies, does some penny-pinching of its own. It uses WordPress (free) to run its Web site and blog. To analyze traffic partners, conversion rates, and other essentials of an online business that generates its revenues through lead generation, it uses Google analytics (free and sufficiently simple that Wells&#8217; marketing staff can use it without the help of software experts). Wells referred to a bunch of other services it uses to keep tabs on its site, such as ClickTale and Crazy Egg and Compete, as &#8220;virtually free&#8221;â€”costing a few hundred dollars a month. Mint.com&#8217;s main market research tool is Zoomerang, which helps companies conduct online surveys and collect user feedback. The cost: about $700 per year.</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/the-way-of-the-future/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Great Usability Ideas</title>
		<link>http://stuffapproved.com/blog/10-great-usability-ideas/</link>
		<comments>http://stuffapproved.com/blog/10-great-usability-ideas/#comments</comments>
		<pubDate>Fri, 23 Jan 2009 18:18:36 +0000</pubDate>
		<dc:creator>stuffapproved</dc:creator>
				<category><![CDATA[GUI]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Top 10]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[usa]]></category>

		<guid isPermaLink="false">http://stuffapproved.wordpress.com/?p=75</guid>
		<description><![CDATA[A site that is &#8220;usable on the drawing board&#8221; can be broken by poor content. These sorts of problems are best addressed in a very specific way, which may require better tools for authors, altering the content creation processes, technical training for the people involved or raising design awareness in general. Many of the usability [...]]]></description>
			<content:encoded><![CDATA[<p>A site that is &#8220;usable on the drawing board&#8221; can be broken by poor content. These sorts of problems are best addressed in a very specific way, which may require better tools for authors, altering the content creation processes, technical training for the people involved or raising design awareness in general.</p>
<p>Many of the usability issues I discover nowadays can be very subtle indeed, difficult to describe even, let alone write guidelines for, but I&#8217;ve collected together a list of 10 of the most common usability issues I find so that you can see how your site measures up.</p>
<h3>1. No Search Results Found</h3>
<p>It can be difficult to &#8220;test&#8221; the search engine on your site, you enter &#8220;apples&#8221; and find apples&#8230; there.. done. But frequently when I actually try to work out what customers are searching for I end up with the dreaded &#8220;No Results Found&#8221; page. I would argue that there is no excuse for ever showing no results no matter how odd the search. Go to your web site and really use the search engine for once and see if it ever returns no<br />
results.</p>
<p>Some suggestions</p>
<ul>
<li>Given that people are using the search engine, you can assume that people are looking for something<br />
so why not at least show the last 5 things searched for, or the 5 most popular products or pages?</li>
<li>Does your internal search engine know what to do with synonyms? Will it find the same items for &#8220;ipod&#8221;<br />
and &#8220;i-pod&#8221;? If not you need to do some work.</li>
<li>At a presentation a long time ago by the tech guys from BBC search, they showed how they&#8217;d implement<br />
what they call &#8220;Best Bets&#8221;. It was a great if simple idea in which they&#8217;d identified items they&#8217;d expect<br />
people to want if they typed a certain word into a certain section of the web site at a certain time.<br />
These &#8220;best bets&#8221; were returned along with the usual search results.</li>
<li>Make sure you have at your disposal the list of search terms used on your site that returned no search<br />
results and do something about that.</li>
</ul>
<h3>2. Somewhere To Go Next</h3>
<p>When designing web sites, it&#8217;s tempting to think of them as a tree structure, with categories being branches or departments and the individual pages being the leaves, but it&#8217;s not. The visitors to your web site rarely use it as you designed it, often landing on a page deep in the site missing the home page altogether. Often the page a visitor will not contain the information they need but because this page has been designed as a destination (or leaf) rather than as a step in a journey and have nowhere to go next. It&#8217;s then tempting to assume that your site navigation will encourage visitors to explore further, but some recent recent research found that many web users are &#8220;navigation blind&#8221;, passing as little heed to site navigation as they do banner ads. Having somewhere to go next also usefully avoids the reduction in sales in what Jared Spool amusingly calls &#8220;The Back Button of Death&#8221;.</p>
<p>Some suggestions</p>
<ul>
<li>Create landing pages that meet your customers needs rather than arguing with colleagues about who<br />
has most prominence on your home page.</li>
<li>Don&#8217;t assume that your site navigation will be used. Think about the linkages between your content<br />
rather than the categories.</li>
<li>Design and author the relationships or the &#8220;journey&#8221; rather than the structure of your site.</li>
<li>As an exercise, look at your site without the main navigation. Is it still navigable?</li>
<li>Add extra inline links where appropriate. No content is an island.</li>
</ul>
<h3>3. Facetted Search Results</h3>
<p>Search results and product listing pages are often arbitrarily chunked into say 10 or 20 items? It may return 3 or 4 hundred matches or more, too many results to read really. One of the easiest ways you can improve your site is to add search filters or &#8220;facets&#8221; to your search engine so that when people search, the attributes of the items found can be used to easily further drill down on what they are looking for. The example below from the Delia Smith web site shows how a search for &#8220;chicken&#8221; can<br />
be easily further filtered using the &#8220;Also found in&#8221; links at the right hand side.</p>
<h3>4. Default Actions</h3>
<p>On many sites you have a main task you are trying to achieve, whether it&#8217;s finding a present for someone or buying a train ticket. All these sites break down these tasks into separate screens but often fail to make it clear what THE ONE THING you should do on a particular page. Amazon do a great job of designing buttons that are the &#8220;Default Action&#8221;. There are other buttons on the page, but it is always obvious which is the button you should click next to achieve your task. The Amazon screen below has lots of things I could do (Change quantities, add gift wrapping etc.) but the &#8220;Place your order&#8221; button really stands out well. Now go to your web site<br />
and see if it is visually clear what you want your visitors to do.</p>
<h3>5. The 1, 2, 3 of Design Purpose</h3>
<p>So many sites fail on this one. You&#8217;d be amazed but often, the owners of a web site haven&#8217;t actually even decided what the purpose of their web site is, they have a web site because everyone else has one or because it seemed like a good idea at the time. Given the way we all use the web, I reckon you probably have roughly 3 milliseconds to convince someone that your web site is where they should be. This is how I break down<br />
that precious moment for a first time visitor&#8230;</p>
<ol>
<li>Am I in the right place? Does your company name or strap line peripherally assure people that they<br />
are in the right place? Are the images used helpful?</li>
<li>Am I convinced by this site? Does what&#8217;s on screen or deeper in the site, reinforce the customers<br />
credibility of your company as they explore what you have to offer? Visitors are looking to be convinced so are you<br />
doing all you have to convince them?</li>
<li>What should I do now? What is the ONE THING you people to do? Is it to call you, or to buy something<br />
or to sign up or to remember you or what? Tell them to do that thing. Make it clear how to do that thing. Make<br />
the design focus on doing that one thing.</li>
</ol>
<p>Go to your site and see if you can visually and conceptually recognize the 1, 2, 3 in your design.</p>
<h3>6. Chocolate Box Syndrome</h3>
<p>Human beings put things in categories, we can&#8217;t help it, but categories are also where lots of problems arise. For example, imagine that a web site, like life, was a box of chocolates and categorized thus&#8230;</p>
<ul>
<li>Soft centres</li>
<li>Hard centres</li>
<li>Ones that nobody likes</li>
</ul>
<p>I wouldn&#8217;t want to choose which category to click, but in general I have a very clear idea of which type of chocolate I&#8217;d like. Whether or not you should categorize chocolates like this or not is something you&#8217;d need to test using card-sorting techniques with your customers but the usability of these categories can be significantly improved by showing some of the items in it.</p>
<p>So, the above example might be changed to look like this&#8230;</p>
<ul>
<li>Soft centres (23)</li>
<li>Hard centres (4)</li>
<li>Ones that nobody likes(4)</li>
</ul>
<p>..which at least gives us some clue as to what the arbitrary categories contain in terms of<br />
numbers. But it may be better served by showing it&#8217;s contents with a fuller description, like<br />
this&#8230;</p>
<ul>
<li>Soft centres (dark chocolate orange creme, strawberry creme, coffee truffle more</li>
<li>Hard centres (butterscotch toffee, hazelnut crunch, caramel more</li>
<li>Ones that nobody likes ( turkish delight, crystallized ginger, praline more</li>
</ul>
<p>Given that I prefer dark chocolate over milk, I am able to be encouraged into clicking, maybe going straight to the item I&#8217;d like (the &#8220;dark chocolate orange&#8221;) and not wonder if the caramel is one of those nice gooey ones. When a category, such as &#8220;Soft Centre&#8221; reveals some of its contents, it helps us to better understand the parameters of the category. And given, in most cases, we&#8217;d like to know what we are going to get before we get it, because a category (or link) reveals some of it&#8217;s contents we are more likely to be tempted into clicking it. Now visit your site and assess whether the categories you use &#8220;reveal their contents&#8221; or not.</p>
<h3>7. The Anxiety Test (why, why, why?)</h3>
<p>This is a really easy test to run. It helps if you drink way too much strong coffee first. All you have to do is use your site and imagine worrying nervously and endlessly about every element on every page. For example, in the registration process, you could imagine worrying&#8230;</p>
<ul>
<li>Why do they want my address? Will they send me junk mail though the post?</li>
<li>Will you sell my address?</li>
<li>I wonder if you&#8217;ll call round when I haven&#8217;t tidied up a bit?</li>
<li>What if I&#8217;m moving house next week? Can I change it later?</li>
<li>Is this my credit card address or where I&#8217;m living now? Will this checkout process break?</li>
<li>I don&#8217;t know my post code yet, does this matter?</li>
<li>Is &#8220;rd&#8221; OK or should I type &#8220;road&#8221;</li>
<li>Do I really have to fill all these address fields?</li>
</ul>
<p>Particularly for form items, where possible, it is reasonable to tell people what the implications of giving up some information are, why you need it and in what format you&#8217;d ideally like it. This puts people at ease with your site because it&#8230;</p>
<ul>
<li>calms anxieties and makes people more likely to buy</li>
<li>reduces the errors people tend to make, creating a better experience</li>
<li>sets expectations and helps to build trust</li>
</ul>
<h3>8. 404 Page Not Found</h3>
<p>This is a simple test too. Add some random characters at the end of your URL and hit return and see what you get. What can you say? Sometimes people will link to you and get the URL completely wrong. It happens. Why not accept that it&#8217;s going to happen and design for it. Don&#8217;t think of your 404 page as simply an error page, think of it as a page from which people should be able to get to the page they really wanted.</p>
<h3>9. Newsletter Honesty</h3>
<p>This test is related to both The Anxiety Test and The Chocolate Box Syndrome. Many sites offer the option to sign up for an email newsletter without telling the visitor&#8230;</p>
<ul>
<li>What the newsletter contains</li>
<li>How frequent the newsletters are</li>
<li>What you are going to do with their email address<br />
Given that most people are precious about their email In Tray. Does your site?</li>
<li>Show examples of previous newsletters so that people can assess whether or not it is the type of thing<br />
they&#8217;d like to receive. If not why not?</li>
<li>Is it honest about how often you send out the newsletter? Is it once a day, week, season?</li>
<li>Do you state clearly what you will do with their email address?</li>
</ul>
<h3>10. Page Titles</h3>
<p>I still occasionally find sites where every page share the same title. Not the title as it appear inside the window, but in the window bar. It&#8217;s not as common a mistake as it used to be but it&#8217;s still happening. Page titles are hugely important to the usability of your customers browser bookmarks but also hugely important with regards to how Google works and how people find you. So, perform the test of &#8230;What does your site look like in Google search results? For many people this is the one chance you<br />
have to convince them that your site is worth visiting. They don&#8217;t get to see your lovely new design, they don&#8217;t get to experience how usable your site is; all they see of your site is the blue, black and green of Google and the titles you have created.</p>
]]></content:encoded>
			<wfw:commentRss>http://stuffapproved.com/blog/10-great-usability-ideas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

