<?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>Design vs Art Blog &#187; Mobile</title>
	<atom:link href="http://www.designvsart.com/blog/category/mobile/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Interaction Design and More</description>
	<lastBuildDate>Mon, 17 May 2010 08:48:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Touch Screen iPhone Game Controllers</title>
		<link>http://www.designvsart.com/blog/2009/12/29/touch-screen-iphone-game-controllers/</link>
		<comments>http://www.designvsart.com/blog/2009/12/29/touch-screen-iphone-game-controllers/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 18:06:12 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=816</guid>
		<description><![CDATA[Controlling games just with a touch screen is, apparently, not an easy task. Not everybody is getting it right, it&#8217;s not only about the programming of the control, it&#8217;s also about the design. Direction and reaction speed are key issues to keep gamers playing. Here I have a few examples of touch screen iPhone game [...]]]></description>
			<content:encoded><![CDATA[<p>Controlling games just with a touch screen is, apparently, not an easy task. Not everybody is getting it right, it&#8217;s not only about the programming of the control, it&#8217;s also about the design. Direction and reaction speed are key issues to keep gamers playing. Here I have a few examples of touch screen iPhone game controllers.</p>
<p>EA got it right with The Simpsons Arcade interface. The design has a blue joystick that looks like a ball. The good thing is that this touchscreen joystick works perfectly without raising the finger from the screen, just moving it a little bit is enough to control Homer.</p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/the_simpsons_arcade_for_iphone_controllers.png"><img class="aligncenter size-full wp-image-819" style="border: 1px solid #000000;" title="The Simpsons Arcade for iPhone with controllers" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/the_simpsons_arcade_for_iphone_controllers.png" alt="The Simpsons Arcade for iPhone with controllers" width="450" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/the_simpsons_arcade_for_iphone_joystick.png"><img class="aligncenter size-full wp-image-820" style="border: 1px solid #000000;" title="The Simpsons Arcade for iPhone touchscreen joystick" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/the_simpsons_arcade_for_iphone_joystick.png" alt="The Simpsons Arcade for iPhone touchscreen joystick" width="142" height="135" /></a></p>
<p>On the contrary, this Pacman version got an unhappy design solution. The touchscreen reacts slower than a real button, for this reason raising the finger should be avoided. This virtual joypad forces the user to raise the finger the whole time. As a result, moving the Pacman is slow and difficult.</p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/pacman_for_iphone_with_controllers.png"><img class="aligncenter size-full wp-image-822" style="border: 1px solid #000000;" title="Pacman for iPhone with touchscreen joypad controllers" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/pacman_for_iphone_with_controllers.png" alt="Pacman for iPhone with touchscreen joypad controllers" width="450" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/pacman_for_iphone_with_joypad.png"><img class="aligncenter size-full wp-image-823" style="border: 1px solid #000000;" title="pacman_for_iphone_with_joypad" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/pacman_for_iphone_with_joypad.png" alt="pacman_for_iphone_with_joypad" width="334" height="83" /></a></p>
<p>Dig Dug, such a fun game&#8230; Unfortunately, it also got a touchscreen joypad that works very slowly. Most of the fun is gone.</p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/dig_dug_touchscreen_controller.jpg"><img class="aligncenter size-full wp-image-824" style="border: 1px solid #000000;" title="Dig Dug touchscreen controllers" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/dig_dug_touchscreen_controller.jpg" alt="Dig Dug touchscreen controllers" width="250" height="375" /></a></p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/dig_dug_touchscreen_cross_shaped_joypad.jpg"><img class="aligncenter size-full wp-image-825" style="border: 1px solid #000000;" title="Dig Dug touchscreen cross-shaped joypad" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/dig_dug_touchscreen_cross_shaped_joypad.jpg" alt="Dig Dug touchscreen cross-shaped joypad" width="83" height="72" /></a></p>
<p>The Commodore 64 emulator for iPhone has another virtual joystick. Probably, designers were focused on making the game look good; and it does look good. The joystick behaves almost like a real one; with it the user has to move the finger too far from the origin (central point) making the movements too slow. Unfortunately, controlling this game is a nightmare.</p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/commodore64_emulator_on_iphone.jpg"><img class="aligncenter size-full wp-image-826" style="border: 1px solid #000000;" title="Commodore64 emulator on iphone" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/commodore64_emulator_on_iphone.jpg" alt="Commodore64 emulator on iphone" width="254" height="382" /></a></p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/commodore64_emulator_on_iphone_touchscreen_joystick.jpg"><img class="aligncenter size-full wp-image-827" style="border: 1px solid #000000;" title="Commodore64 emulator on iphone with touchscreen joystick" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/commodore64_emulator_on_iphone_touchscreen_joystick.jpg" alt="Commodore64 emulator on iphone with touchscreen joystick" width="167" height="157" /></a></p>
<p>In my opinion, the reason iPhone games should not be designed to make the user raise the finger from the on-screen joystick is that it is difficult to hold the device. The iPhone is a great device but it lacks the ergonomic features of a real joystick. Maybe that&#8217;s why Marware released an [expensive] iPhone game grip.</p>
<p style="text-align: center;"><a href="http://www.designvsart.com/blog/wp-content/uploads/2009/12/marware_game_grip_for_iphone.jpg"><img class="aligncenter size-full wp-image-830" style="border: 1px solid #000000;" title="Marware game grip for iphone" src="http://www.designvsart.com/blog/wp-content/uploads/2009/12/marware_game_grip_for_iphone.jpg" alt="Marware game grip for iphone" width="320" height="291" /></a></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=816&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/12/29/touch-screen-iphone-game-controllers/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Multifunction and Single-Purpose Devices and Applications</title>
		<link>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/</link>
		<comments>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 15:54:33 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=752</guid>
		<description><![CDATA[What&#8217;s better, multifunctionality or single-purpose? If we refer to digital gadgets and interfaces design there are several good and bad examples for both approaches. Is there a limit for multifunctionality? The following imaginary design illustrates the problem of multi-function devices and applications: the solution reaches a point where a big amount of features offered block [...]]]></description>
			<content:encoded><![CDATA[<p>What&#8217;s better, multifunctionality or single-purpose? If we refer to digital gadgets and interfaces design there are several good and bad examples for both approaches.</p>
<p>Is there a limit for multifunctionality? The following imaginary design illustrates the problem of <strong>multi-function devices</strong> and applications: the solution reaches a point where a big amount of features offered block the access to them and makes the whole product unusable or difficult to understand.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-754" style="border: 1px solid #000000;" title="wenger_giant_swiss_army_knife" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/wenger_giant_swiss_army_knife.jpg" alt="Multifunction Swiss army knife" width="450" height="332" /></p>
<p style="text-align: center;">An overwhelmed Swiss knife</p>
<p>Multifunctionality could be also a problem in graphical interfaces. In the following picture there is a screenshot of the FStream applicaton for Apple iPhone, an application to listen online radios and other sound streams. <strong>This app used to have only 3 visible options at the bottom:  Play, Favorites and More.</strong> Now it is already showing the option <strong>&#8220;Record&#8221;</strong>, which, I assume it is only useful for limited amount of radio listeners. Ohh&#8230; it&#8217;s so easy to add just one more feature!</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-756" style="border: 1px solid #000000;" title="multifunction_iphone_app_design" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multifunction_iphone_app_design.jpg" alt="Multifunction iPhone App Design" width="320" height="480" /></p>
<p style="text-align: center;">FStream App for iPhone</p>
<p>Google Android phones (and iPhones) are a good example of multi-purpose devices. Thanks to their good interface design users are able to manage a huge range of different tasks: music, pictures, work, maps and more. Still, they are victims of their own success; multitasking people could feel the need for more than one phone: <strong>users can do several things with them, but not at the same time.</strong></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-758" style="border: 1px solid #000000;" title="multifunction_android_phone" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multifunction_android_phone.png" alt="Multifunction Android Phone" width="300" height="300" /></p>
<p style="text-align: center;">Picture from Google Mobile Blog</p>
<p>Logitech Harmony Remote is a device that remotely controls 225000 different devices, including televisions, DVD players, radios and video games. A real do-it-all device. Unfortunately the interface description on the Logitech website is very vague but if the interface is well done it could eventually be a good product for geeks. But they are not going to sell it to my mother&#8230;</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-765" style="border: 1px solid #000000;" title="multipurpose_remote_control" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multipurpose_remote_control.png" alt="Multipurpose Logitech remote control" width="443" height="311" /></p>
<p style="text-align: center;">The Harmony Remote controls 225000 devices</p>
<p>“Reading is an important activity and deserves a purpose-built device”, said Jeff Bezos to the <a href="http://www.nytimes.com/2009/02/10/technology/personaltech/10kindle.html?_r=2&amp;th=&amp;adxnnl=1&amp;emc=th&amp;adxnnlx=1258470135-ERAFu42XDOIjh09Wk22Zig">New York Times</a>. He might be partially right, <strong>probably many users don&#8217;t want to see more features on the Amazon Kindle</strong>. Many think the audio book feature is already redundant (why would you need it if you have a great pocket size iPod?). On the other side, Bezos&#8217; statement might just lack of sincerity; maybe he is not putting more features just because the device is limited by a low resolution, black and white, slow, not touchy screen.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-760" style="border: 1px solid #000000;" title="Single purpose Amazon Kindle" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/single_purpose_kindle.jpg" alt="Single purpose Amazon Kindle" width="433" height="219" /></p>
<p style="text-align: center;">The single purpose Amazon Kindle</p>
<p>Few devices can be more purpose-specific than the WikiReader. Many laughed at it when it was announced, now it&#8217;s a top seller. Simple interface design makes it a king in the only thing it does: accessing Wikipedia information without complications. Maybe someone using an iPhone won&#8217;t need it but what about children?</p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="aligncenter size-full wp-image-767" style="border: 1px solid #000000;" title="single_purpose_wikireader" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/single_purpose_wikireader1.png" alt="Single purpose Wikireader" width="450" height="255" /></p>
<p style="text-align: center;">The single purpose WikiReader</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=752&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Telephone design for elderly people</title>
		<link>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/</link>
		<comments>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 19:40:51 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=455</guid>
		<description><![CDATA[Designing for the elderly could be considered as a hard task. Designers are usually not elderly and knowing how a product would be perceived could be considered a not so easy task. But the results of such a task could be highly rewarding as they directly impact on somebody&#8217;s life quality. Even more, usually designing [...]]]></description>
			<content:encoded><![CDATA[<p>Designing for the elderly could be considered as a hard task. Designers are usually not elderly and knowing how a product would be perceived could be considered a not so easy task. But the results of such a task could be highly rewarding as they directly impact on somebody&#8217;s life quality. Even more, usually designing for the elderly means designing for everyone. I show here some products designed keeping in mind the needs of the elderly.</p>
<div id="attachment_474" class="wp-caption aligncenter" style="width: 364px"><img class="size-full wp-image-474" title="design_for_elderly_at_telekom" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/design_for_elderly_at_telekom.jpeg" alt="Elderly person talking on the phone" width="354" height="296" /><p class="wp-caption-text">Elderly person talking on the phone. Picture by Deutsche Telekom.</p></div>
<p><strong>Telephones are always a problem</strong></p>
<p>Elderly people seem to be perfect victims for most home telephones and cellphones. They are difficult to use and they offer a lot of functions that many don&#8217;t understand how to find. But telephones are devices with a lot of importance to people, specially during emergencies.</p>
<p>Some companies have been designing telephones for the elderly, for example <a href="http://www.doro.com">Doro</a>. Big buttons and limited functions make the following phone a hit for those looking for simplicity. I find the possibility of writing the names on the same phone a great improvement for the older ones.</p>
<div id="attachment_484" class="wp-caption aligncenter" style="width: 319px"><img class="size-full wp-image-484" title="doro_phone_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/doro_phone_for_elderly.jpeg" alt="Doro phone for the elderly." width="309" height="600" /><p class="wp-caption-text">Doro phone for the elderly. Picture by Doro.</p></div>
<p><strong>Digital menus</strong></p>
<p>Navigating through menus on a tiny screen is a problem for a lot of people. Many get lost and don&#8217;t understand how to select, scroll or go back to the beginning. Interaction designers at <a href="http://www.emporia-time.com">Emporia</a>, like at Doro, have been having this in mind and add a memory help notebook directly on the phone. Note that the notebook is all the time facing the user (and not in the back of the headset like in many home phones).</p>
<p style="text-align: center;">
<div id="attachment_487" class="wp-caption aligncenter" style="width: 273px"><img class="size-full wp-image-487" title="emporia_time_phone_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/emporia_time_phone_for_elderly.png" alt="Emporia Time phone for the elderly" width="263" height="560" /><p class="wp-caption-text">Emporia Time phone for the elderly. Picture by Emporia.</p></div>
<p><strong>Functionality over style?</strong></p>
<p>Designs for the elderly tend to be ugly: huge buttons, huge letters on a huge screen and terrible colors. But designing for the elderly is designing for all and if the designer is able to produce something appealing to everybody the product could be probably sold to a larger number of people.</p>
<p>The Deutsche Telekom released a home telephone that was initially thought to target the elderly. Not surprisingly a lot of young families are buying the phone. It has big numbers but they still look nice, it has fast dialing buttons and a paper notebook on the charging base.</p>
<p><strong>Again, less digital menus</strong></p>
<p>Something that people are requesting is to have more physical buttons. The <a href="http://www.deutschetelekom.com/dtag/cms/content/dt/en/676856%3Bjsessionid=BD9947915EADCBD54618C4D526F70B19">Deutsche Telekom</a> placed the answering machine controls on the charging station to make the listening of new messages easier.</p>
<div id="attachment_490" class="wp-caption aligncenter" style="width: 350px"><img class="size-full wp-image-490" title="sinus_a210_designed_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/sinus_a210_designed_for_elderly.jpg" alt="Sinus A210 phone designed for the elderly and everybody. Picture be Deutsche Telekom." width="340" height="314" /><p class="wp-caption-text">Sinus A210 phone designed for the elderly and everybody. Picture be Deutsche Telekom.</p></div>
<p><strong>That need for adding features</strong></p>
<p>This telephone is including a flashlight and a radio, each function with its own button. Design research might have been revealed that those are important features for elderly people. But they also seem to be there just because it was possible to add something else. A dedicated button for a radio, do we really need that on a cell phone? Is that going to improve the user experience?</p>
<div id="attachment_492" class="wp-caption aligncenter" style="width: 285px"><img class="size-full wp-image-492 " title="phone_with_radio" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/phone_with_radio.jpeg" alt="Doro phone with radio. Picture by Doro." width="275" height="480" /><p class="wp-caption-text">Doro phone with radio. Picture by Doro.</p></div>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=455&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Is this the Windowszation of the iPhone?</title>
		<link>http://www.designvsart.com/blog/2009/03/19/is-this-the-windowszation-of-the-iphone/</link>
		<comments>http://www.designvsart.com/blog/2009/03/19/is-this-the-windowszation-of-the-iphone/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 15:36:01 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/03/19/is-this-the-windowszation-of-the-iphone/</guid>
		<description><![CDATA[Apple recently announced the release of the new iPhone OS 3.0. Yes, it&#8217;s great and it comes with many new features we have been waiting for. One of those is worrying me a little bit: Push Notification. The Apple Push Notification service provides a way of alerting about new information, even when the user is [...]]]></description>
			<content:encoded><![CDATA[<p>Apple recently announced the release of the new iPhone OS 3.0. Yes, it&#8217;s great and it comes with many new features we have been waiting for. One of those is worrying me a little bit: Push Notification.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;"><img align="middle" width="66" height="80" alt="Push Notification Logo" src="http://www.designvsart.com/blog/wp-content/uploads/sdk_icon3.png" /></td>
</tr>
</tbody>
</table>
<p>
The Apple Push Notification service provides a way of alerting about new information, even when the user is not running the application. Alerts come in three flavors: it could be a numbered badge to be displayed on the application&#8217;s icon, it could also be a sound or it could be a text alert.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;">
<p><img align="middle" width="500" height="332" alt="" src="http://www.designvsart.com/blog/wp-content/uploads/espn_alert.jpg" /></p>
<p>Picture by <a target="_self" href="http://www.engadget.com"><u>Engadget</u></a></p>
</td>
</tr>
</tbody>
</table>
<p>
Looking at the feature from the <b>user experience point of view</b>, in my opinion, the numbered badges are great, sound alerts are just &quot;OK&quot; but text alerts are wrong. Text alerts will be highly distracting and might remind to disturbing message alerts found on Windows systems, like this one:</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;">
<p><img width="483" height="219" alt="" src="http://www.designvsart.com/blog/wp-content/uploads/windows_notify.gif" /></p>
<p><i>Just an example of alerts on Windows</i></p>
</td>
</tr>
</tbody>
</table>
<p>Alerts are a great opportunity for developers and companies, specially for the ones developing IM services or critical applications that need users&#8217; attention. On the other hand, I can imagine that a lot of these people could be tempted to abuse of the feature; ESPN, for example, announced that they would be sending 50 million notifications each month.</p>
<p><b>Apple has been creating fantastic user interfaces</b> and I can not believe they didn&#8217;t think about the implications of allowing this kind of disturbing messages on a device like the iPhone. We have to wait a few months to see how text Push Notifications will be implemented, maybe not allowing them by default could help.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=398&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/03/19/is-this-the-windowszation-of-the-iphone/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>FromHere, an Application for Mobile Public Transport Information</title>
		<link>http://www.designvsart.com/blog/2009/01/22/fromhere-an-application-for-mobile-public-transport-information/</link>
		<comments>http://www.designvsart.com/blog/2009/01/22/fromhere-an-application-for-mobile-public-transport-information/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 15:29:03 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Agency News]]></category>
		<category><![CDATA[Design vs Art]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Transport]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/01/22/fromhere-an-application-for-mobile-public-transport-information/</guid>
		<description><![CDATA[At Design vs Art we have been thinking for some time about how it would be to give users of public transportation the possibility of knowing in a fast way how to get from A to B in an extremly fast way. In this article I would like to give you some insights about the [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: x-large;"><b>A</b></span>t Design vs Art we have been thinking for some time about how it would be to give users of public transportation the possibility of knowing in a fast way how to get from A to B in an extremly fast way. In this article I would like to give you some insights about the design of the <i><b>f</b></i><b>rom<i>h</i>ere</b> application.</p>
<p><b>The Problem to Solve</b></p>
<p>Our agency is based in Munich, a city with a huge public transport network that takes people everywhere. The problem is that as the travelers get more options the network becomes more complex. Then, is very difficult for people to plan a journey without a computer with access to the online route planning system.</p>
<p>There are several services to check this information through a mobile phone but none takes advantage of the latest technology, like GPS.</p>
<p><b>The Solution</b></p>
<p>In the following video you can see a fast introduction to our design.</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><object width="450" height="339"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2826187&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2826187&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="339"></embed></object><br />
            <a href="http://vimeo.com/">FromHere Application</a> from <a href="http://vimeo.com/user1143838">Design vs Art</a> on <a href="http://vimeo.com">Vimeo</a>.</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>We have been asking users of public transportation about the places they usually go. The answer was that most of them are regularly going to the same places, like work, gym and favorite cafeterias or bars.</p>
<p>So we decided to design an interface as simple as possible that makes the journey planning really fast, wherever the user is but going to those &quot;standard&quot; places. We decided to design our first solution for the iPhone as we realized that tapping on the destination would be the fastest way to do it.&nbsp;</p>
<p><b>The Interface</b></p>
<p>The <i><b>f</b></i><b>rom<i>h</i>ere</b> interface is clean, it loads fast and eliminates any distraction other applications could have. For us, designing an interface that is fast and easy to use was our main goal.&nbsp;</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img height="442" width="256" border="0" align="middle" alt="" src="http://www.designvsart.com/images/From%20Here%20App%20Screenshot%2001.png" /></td>
</tr>
</tbody>
</table>
<p><b>The Technology</b></p>
<p>Thanks to GPS the telephone knows where the user is located. The application then connects to the server to translate coordinates to a real address, such as &quot;Duesseldorfer Strasse 11, Munich&quot;.</p>
<p>In the next step the application requests the journey plan between departure and destination to the servers.</p>
<p><b>Contact Us</b></p>
<p>Please <a target="_self" href="http://www.designvsart.com/contact.html"><u>contact us</u></a> if you need farther details about the application.</p>
<p>The official <i><b>f</b></i><b>rom<i>h</i>ere</b> product information website is here: <a target="_self" href="http://www.designvsart.com/fromhere"><u>http://www.designvsart.com/fromhere</u></a>&nbsp;</p>
<p><b>Creative Commons</b></p>
<p>You can use the contents of this article and video under Creative Commons Attributions License 3.0. Just link to <a target="_self" href="http://www.designvsart.com/fromhere"><u>http://www.designvsart.com/fromhere</u></a></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=389&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/01/22/fromhere-an-application-for-mobile-public-transport-information/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The iPhone Experience in Numbers</title>
		<link>http://www.designvsart.com/blog/2008/10/24/the-iphone-experience-in-numbers/</link>
		<comments>http://www.designvsart.com/blog/2008/10/24/the-iphone-experience-in-numbers/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 14:20:22 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/10/24/the-iphone-experience-in-numbers/</guid>
		<description><![CDATA[Everybody loves the iPhone. I don&#8217;t think I&#8217;m exaggerating when I say that this device is the beginning of a huge mobile information revolution. Others, including Apple it self, tried before to make the mobile experience nice, but this is the first device allowing us to make so many things in such a short time.&#160; [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: large; "><b>E</b></span>verybody loves the iPhone. I don&#8217;t think I&#8217;m exaggerating when I say that this device is the beginning of a huge mobile information revolution. Others, including Apple it self, tried before to make the mobile experience nice, but this is the first device allowing us to make so many things in such a short time.&nbsp;</p>
<p>I was using other smart phones before and none was bringing all that information on my palm in such a pleasant and fast way. The good thing about the iPhone is that this device is not only better than other smart phones, <span style="background-color: rgb(255, 204, 0); ">it is much better than other old time experiences. For example, going to the library, using an atlas or a dictionary and checking emails on a desktop computer (yes, that&#8217;s old style already!)</span></p>
<p><b>Using an iPhone is a pleasant experience but also, and very important, a fast one. Here some examples of things that now we do faster with an iPhone:</b></p>
<p><span style="font-size: medium; "><b>8 Seconds</b></span> to find &quot;Kuala Terengganu&quot; on the map (bye-bye Atlas!)</p>
<p style="text-align: center; ">
<input type="image" src="http://www.designvsart.com/blog/wp-content/uploads/map on iPhone.png" alt="Maps on iPhone" width="200" height="230" /></p>
<p><span style="font-size: medium; "><b><span class="Apple-style-span" style="font-family: 'Lucida Grande'; ">3 Seconds</span></b></span> to have a look at my calendar (and it is synchronize!)</p>
<p><span style="font-size: medium; "><b>4 Seconds</b></span> to check my emails (and I don&#8217;t have to go to my computer!)</p>
<p><b><span style="font-size: medium; ">3 Seconds</span></b> to call a contact stored in my favorites list (I hate to use the land line now!)</p>
<p><span style="font-size: medium; "><b>2 Seconds</b></span> to check the weather forecast.</p>
<p style="text-align: center; ">
<input type="image" src="http://www.designvsart.com/blog/wp-content/uploads/weather.png" alt="Weather Forecast on an iPhone" width="203" height="157" border="1" /></p>
<p><span style="font-size: medium; "><b>7 Seconds</b></span> to translate a word from German into English.</p>
<p><span style="font-size: medium; "><b>28 Seconds</b></span> to take a photo and mail it to a friend (nothing compare to this before).</p>
<p><span style="font-size: medium; "><b>16 Seconds</b></span> to buy the last Bj&ouml;rk album and start listening to it! (imposible to imagine this a few years ago).</p>
<p style="text-align: center; "><img alt="Bj&ouml;rk Volta Album Cover" width="150" height="150" src="http://www.designvsart.com/blog/wp-content/uploads/bjork_volta.jpg" /></p>
<p><span style="font-size: medium; "><b>9 Seconds</b></span> to start reading the history of Italy on Wikipedia.</p>
<p><span style="font-size: medium; "><b>18 Seconds</b></span> to find a list of nearby restaurants, with AroundMe app (totally imposible in the past, do you remember the Yellow Pages?)</p>
<p><span style="font-size: medium; "><b>19 Seconds</b></span> to start listening my favorite Brazilian radio (selecting from a list of many others).</p>
<p><span style="font-size: medium; "><b>1 Second</b></span> to listing to my digital music. &nbsp;</p>
<p style="text-align: center; "><img alt="iPod Icon" width="170" height="82" src="http://www.designvsart.com/blog/wp-content/uploads/iPod.png" /></p>
<p><span style="background-color: rgb(255, 204, 0); ">All these work because of a great interface that makes the whole user experience just fantastic.</span> What do you do faster with it? Or maybe with another mobile device?&nbsp;&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=383&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/10/24/the-iphone-experience-in-numbers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A View on Cell Phone Design and Usability</title>
		<link>http://www.designvsart.com/blog/2008/07/08/a-view-on-cell-phone-design-and-usability/</link>
		<comments>http://www.designvsart.com/blog/2008/07/08/a-view-on-cell-phone-design-and-usability/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 13:08:38 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/07/08/a-view-on-cell-phone-design-and-usability/</guid>
		<description><![CDATA[Recently I bought a phone for my dad. Trying to teach him how to use it I realized how clumsy the interface was. Telling you the model or brand is worthless, almost every cell phone out there seems to be designed for people that like to invest a lot of time trying to discover features. [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: x-large;"><b>R</b></span>ecently I bought a phone for my dad. Trying to teach him how to use it I realized how clumsy the interface was. Telling you the model or brand is worthless, almost every cell phone out there seems to be designed for people that like to invest a lot of time trying to discover features.</p>
<p>Some of the phones I tried at the shop made me think that some companies just put all the features possible into the smallest device possible without any usability test.</p>
<p><span style="font-size: medium;"><b>Is this the future?</b></span></p>
<p>A cell phone without zero&#8230; users don&#8217;t need that one, right?</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img height="450" width="314" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/Happy Noku Cell Phone Without Zero Smaill(1).jpg" alt="A View on Cell Phone Design and Usability" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=377&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/07/08/a-view-on-cell-phone-design-and-usability/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Another Nokia Flop: The New Music Store</title>
		<link>http://www.designvsart.com/blog/2008/03/14/another-nokia-flop-the-new-music-store/</link>
		<comments>http://www.designvsart.com/blog/2008/03/14/another-nokia-flop-the-new-music-store/#comments</comments>
		<pubDate>Fri, 14 Mar 2008 05:15:43 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Bad Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Music Download]]></category>
		<category><![CDATA[Services]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/03/14/another-nokia-flop-the-new-music-store/</guid>
		<description><![CDATA[I got excited when I received an email from Nokia announcing the new Nokia Music Store. OK, I didn&#8217;t get excited at all, Nokia has been sending me promises of good service for a long time. Without success. I have been an unhappy Nokia E61 user for a year or so (they are still selling [...]]]></description>
			<content:encoded><![CDATA[<p>I got excited when I received an email from Nokia announcing the new Nokia Music Store. OK, I didn&#8217;t get excited at all, Nokia has been sending me promises of good service for a long time. Without success.</p>
<p>I have been an <b>unhappy Nokia E61</b> user for a year or so (they are still selling that model). The interface is horrible and the whole telephone is very slow. I managed to load music into my phone only once, I never did it again. OK, OK, Nokia is the number one phone maker but that might be because they are making a good business in the third world selling cheap phones.</p>
<p><b>The new Music Store</b></p>
<p><b>Designing with standards</b> and for everybody should be something that customers and designers themselves should fight for. When I tried to see the new Nokia Music Store a beautiful <b>&quot;Unsupported Browser&quot;</b> message was displayed. GREAT. The only system combination that works with it is the Windows-Internet Explorer one. &nbsp; &nbsp;</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;">
<p>&quot;<a href="http://music.nokia.co.uk" target="_blank">Nokia Music</a> does not currently support the Mozilla Firefox (Mac OS X) browser on your operating system&quot;</p>
<p><img width="530" height="349" border="1" alt="Nokia Music Store Screenshot" src="http://www.designvsart.com/blog/wp-content/uploads/Nokia Music Store.png" /></p>
</td>
</tr>
</tbody>
</table>
<p><b>My point</b></p>
<p>This is not what customers want, specially here in Europe where <b>Firefox has a 30% market share</b>, in some EU countries with market share higher then 40% (as reported by <a href="http://arstechnica.com/news.ars/post/20080129-firefox-gobbles-up-more-internet-explorer-market-share.html" target="_blank">Ars Technica</a> in January 2008). <b>In a perfect world we would design for standard browsers</b>, but the world is not perfect. Making a service available for different browsers is something that it&#8217;s <b>going to affect the usability </b>of it.</p>
<p>We are not talking about a startup, we are talking a huge company. <b>So why not spending some more money to make products available for all?</b></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=357&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/03/14/another-nokia-flop-the-new-music-store/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Bad Design at T-Mobile Website</title>
		<link>http://www.designvsart.com/blog/2007/11/09/bad-design-at-t-mobile-website/</link>
		<comments>http://www.designvsart.com/blog/2007/11/09/bad-design-at-t-mobile-website/#comments</comments>
		<pubDate>Fri, 09 Nov 2007 05:52:44 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Bad Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/11/09/bad-design-at-t-mobile-website/</guid>
		<description><![CDATA[If you are a T-Mobile client and you are in the US, you might have a better luck using the T-mobile website; at home, Germany, their service and site are not that great. The iPhone arrived in Germany and the Telekom is the one selling it. Trying to reach their iPhone exclusive site this morning, [...]]]></description>
			<content:encoded><![CDATA[<p>If you are a T-Mobile client and you are in the US, you might have a better luck using the <a href="http://www.t-mobile.de/english/0,13008,18301-_,00.html" target="_blank">T-mobile website</a>; at home, Germany, their service and site are not that great. <strong>The iPhone arrived in Germany</strong> and the Telekom is the one selling it. Trying to reach their iPhone exclusive site this morning, this is what I got:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/network-error.jpg" alt="T-Mobile Network Error 20071109" /></p>
<p>From the <strong>design and usability point of view</strong> I can tell you how messy the T-mobile website is. Something that [obviously] can confuse your international users is to offer a second language version but at the end mix it with your site&#8217;s original language. In this example you can clearly see that I was at the &#8220;Home &gt; English&#8221; section but the menu and navigation are still in German language.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/tmobile-english-menu.jpg" alt="T-Mobile Website Menu" /></p>
<p>Still in the English version, I go to &#8220;My T-Mobile&#8221; (also in German) to check my account and to login I am requested to tell the system if I am a Contract Client or an Xtra Client. <strong>What&#8217;s the difference?</strong> Is this website too stupid to guess what kind of client I am?</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/tmobile-english-client.jpg" alt="T-Mobile Website Client Menu 20071109" /></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=160&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/11/09/bad-design-at-t-mobile-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Most Easy Way to Make Your Blog Mobile</title>
		<link>http://www.designvsart.com/blog/2007/10/18/the-most-easy-way-to-make-your-blog-mobile/</link>
		<comments>http://www.designvsart.com/blog/2007/10/18/the-most-easy-way-to-make-your-blog-mobile/#comments</comments>
		<pubDate>Thu, 18 Oct 2007 05:55:03 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/10/18/the-most-easy-way-to-make-your-blog-mobile/</guid>
		<description><![CDATA[I have recently found another way to make this blog available for mobile users. Feedm8 makes a mobile compatible version of your blog, it&#8217;s free to create it and free for the users to read. It also put mobile ready ads on your blog and share the earnings with the blog&#8217;s publisher (60% of the [...]]]></description>
			<content:encoded><![CDATA[<p>I have recently found another way to <strong>make this blog available for mobile</strong> users. <a href="http://www.feedm8.com/web/user_signup?refer=FM8808-43" target="_blank">Feedm8</a> makes a mobile compatible version of your blog, it&#8217;s free to create it and free for the users to read. It also put mobile ready ads on your blog and share the earnings with the blog&#8217;s publisher (60% of the revenue is for the blog owner). But what I want to point out is the easiness of this site.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/10/feedm8-logo.jpg" alt="feedm8 Logo" /></p>
<p>I landed to the <a href="http://www.feedm8.com/web/user_signup?refer=FM8808-43" target="_blank">sign up page</a> when I clicked on another site, and the <strong>procedure is extremely easy</strong>, you only have to fill the shortest form ever with your blog&#8217;s address or feed URL and your email address. That&#8217;s it! Then you have your blog&#8217;s <strong>mobile version</strong> created.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/10/singup-box.jpg" alt="Sing Up Box at feedm8" /></p>
<p>The feedm8 <strong>design</strong> is not flawless, although the problems are not big. For example, when I was navigating my account I got this message telling me to click on the &#8220;Promote&#8221; icon to, obviously, promote my blog.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/10/promote-icon.jpg" alt="Promote Icon Message" /></p>
<p>But I could not find that Promote icon so easily, it took me some time to discover that the Promote icon was a star with an arrow on it (?).</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/10/tools.jpg" alt="Tool Box at feedm8" /></p>
<p>This how this blogs looks like on feedm8:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/10/simulation.jpg" alt="Design vs Art Blog Mobile Version Simulation" /></p>
<p>I like feedm8 because it is so <strong>easy to set up and use</strong>. They have done a <strong>good design work</strong>.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=86&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/10/18/the-most-easy-way-to-make-your-blog-mobile/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
