<?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>Scott Design &#187; smartphone</title>
	<atom:link href="http://blog.hotdesign.com/tag/smartphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hotdesign.com</link>
	<description>The creative agency for technology companies</description>
	<lastBuildDate>Wed, 01 Feb 2012 16:18:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>So, you want to create a mobile version of your site?</title>
		<link>http://blog.hotdesign.com/2008/11/so-you-want-to-create-a-mobile-version-of-your-site/</link>
		<comments>http://blog.hotdesign.com/2008/11/so-you-want-to-create-a-mobile-version-of-your-site/#comments</comments>
		<pubDate>Mon, 10 Nov 2008 21:01:39 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[home page]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=364</guid>
		<description><![CDATA[Mobile Web Secrets of the Stars, Part 3 of a three-part series Your goal with your mobile website is to create a peak user experience to your mobile base — getting them the information they need quickly and easily. If you do decide to create a mobile-only version of your website, here are a few [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobileweb.jpg"><img class="alignleft size-medium wp-image-370" title="mobileweb" src="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobileweb.jpg" alt="" width="225" height="300" /></a><em>Mobile Web Secrets of the Stars, Part 3 of a three-part series</em></p>
<p>Your goal with your mobile website is to create a peak user experience to your mobile base — getting them the information they need quickly and easily. If you do decide to create a mobile-only version of your website, here are a few things you&#8217;ll need to do:</p>
<p><strong>1. Select a URL for the mobile site<br />
</strong>There are four generally accepted conventions for the name of the mobile version of your site:<br />
A) Get a top-level domain, unique from your current domain name, e.g., www.yoursite-mobile.com or www.m-yoursite.com or www.yoursite-togo.com<br />
B) Create a custom subdomain to your current domain, e.g., www.mobile.yoursite.com or www.m.yoursite.com<br />
C) Add a folder to your current domain, e.g., www.yoursite.com/mobile (this is the easiest option)<br />
D) Get a .mobi top-level domain, e.g., www.yoursite.mobi</p>
<p><strong>2. Include only the most relevant information on your mobile-only site.<br />
</strong>A mobile version should include a subset of the information from your site. Include small bits of information that users can read in a short amount of time, e.g., while on a bus, in a taxi, or waiting for an appointment. You can include links to longer documents and large images on your regular site, but don’t include them on the mobile version.</p>
<p><strong>3. Create a way to get to the mobile version, and a way to get back<br />
</strong>Some visitors don’t like being served up a “stripped-down” version of your site and would rather have access to all the information contained in your real site. Detect whether someone’s visiting your site from a handheld device and redirect them to your mobile version. Once there, provide a clearly visible link to view the regular site in case someone wants more information than you provide on your mobile site.</p>
<p><strong>4. Keep the navigation and page structure simple<br />
</strong>Include only the navigation items that mobile users are likely to want, and keep it all in one column. You might want to have links to all information on the mobile site available on the home page so users don’t have to click deeply into your site. If you’ve kept the content on the mobile version streamlined, this list of navigation choices shouldn’t be unreasonably long.</p>
<p>Once you’ve created your mobile-only version of your site, be sure to test it on as many handhelds as you can. If you’ve done your job correctly, you’ll have created a site with a nice balance of functionality and content optimized for your mobile users.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2008/11/so-you-want-to-create-a-mobile-version-of-your-site/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Should you make a mobile version of your website?</title>
		<link>http://blog.hotdesign.com/2008/11/should-you-make-a-mobile-version-of-your-website/</link>
		<comments>http://blog.hotdesign.com/2008/11/should-you-make-a-mobile-version-of-your-website/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 16:50:39 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=315</guid>
		<description><![CDATA[Mobile Web Secrets of the Stars, Part 2 of a three-part series The goal of &#8220;One Web&#8221; is to create, as far as is reasonable, a comparable web user experience regardless of which platform a visitor uses. This doesn&#8217;t mean the content must be identical on desktops and handhelds – content can be adapted for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobilesite.jpg"><img class="alignleft size-medium wp-image-333" title="mobilesite" src="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobilesite.jpg" alt="" width="300" height="225" /></a><em>Mobile Web Secrets of the Stars, Part 2 of a three-part series</em></p>
<p>The goal of &#8220;<a title="W3C One Web" href="http://www.w3.org/TR/mobile-bp/#OneWeb" target="_blank">One Web</a>&#8221; is to create, as far as is reasonable, a comparable web user experience regardless of which platform a visitor uses. This doesn&#8217;t mean the content must be identical on desktops and handhelds – content can be adapted for mobile devices. There are some cases where you may want to narrow the features and focus on specific things users do when they&#8217;re on their smartphones, as opposed to when they&#8217;re on their desktop computers.</p>
<p><strong>So, when is it better to create a separate, optimized, mobile-only version for your website?</strong></p>
<p>If you determine that your users can&#8217;t or don&#8217;t want to use all the information contained on your site, or there&#8217;s some specific information that mobile users would be more likely to want, you should consider creating a version of your site created just for handheld devices. Here are a few cases when your website is a perfect candidate:</p>
<p><strong>1. Your users need specific information&#8230;now!</strong></p>
<p>If your site is a destination for travelers (airline passengers, rail commuters, people driving somewhere) they may be searching for a small bit of important information (a gate change, a train schedule, a map). They probably aren&#8217;t looking to read lengthy reference material, look at rich images, or interact with a Flash module. In this case, the mobile version of your site can serve up just the information this type of customer wants, with the rest of your company information on the full version of your site.</p>
<p><strong>2. Your website is data-heavy.</strong></p>
<p>Accessing data on handhelds can be very slow on low-bandwidth mobile networks. And, it can be expensive if your customers are charged according to the amount of data they send and receive. If your site features lots of images, graphics, or Flash it might be best to create a &#8220;lite&#8221; version of your site for mobile viewers, without all the bells and whistles.</p>
<p><strong>3. Getting your site to work on mobile devices is too hard.</strong></p>
<p>If your site wasn&#8217;t coded right the first time, getting it to work on today&#8217;s range of mobile browsers might entail too much work. In this case, you could start fresh and create a stripped-down version of your site to work on mobile devices. Of course, a better course would be to re-do your whole site using web standards and keep mobile considerations in mind.</p>
<p>If none of the above apply to your website, you probably can get away with one version for desktop and web devices. Just make sure you test your site in as many browsers on as many devices as possible.</p>
<h3>P.S. Just a few stats on mobile use from <a title="Marketing Sherpa - Mobile Marketing" href="http://www.marketingsherpa.com/article.php?ident=31686" target="_blank">Marketing Sherpa</a>:</h3>
<ul>
<li>31.9% of all  mobile subscribers used a Web browser on a mobile device in the three  months ending in May 2010, according to comScore. That’s up from 26% in  comScore’s September 2009 three-month average.</li>
<li>30% downloaded a  mobile app in the three months ending in May, compared to 6.7% in the  September 2009 three-month average, according to comScore.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2008/11/should-you-make-a-mobile-version-of-your-website/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How is web development different for mobile devices?</title>
		<link>http://blog.hotdesign.com/2008/11/how-is-web-development-different-for-mobile-devices/</link>
		<comments>http://blog.hotdesign.com/2008/11/how-is-web-development-different-for-mobile-devices/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 22:52:06 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=296</guid>
		<description><![CDATA[Mobile Web Secrets of the Stars, Part 1 of a three-part series It’s no surprise that Nielsen shows a dramatic increase of 36% in the number of mobile internet users worldwide over that past year. What may be surprising is that 14% of this group view sites exclusively on a handheld device, not on a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobiledevice.jpg"><img class="alignleft size-medium wp-image-299" title="mobiledevice" src="http://blog.hotdesign.com/wp-content/uploads/2008/11/mobiledevice.jpg" alt="" width="300" height="225" /></a><em> Mobile Web Secrets of the Stars, Part 1</em><em> of a three-part series</em></p>
<p><em></em>It’s no surprise that Nielsen shows a dramatic increase of 36% in the number of mobile internet users worldwide over that past year. What may be surprising is that 14% of this group view sites exclusively on a handheld device, not on a desktop or laptop computer. As the number of mobile-only surfers grows, and mobile computing becomes a part of the daily routine, it will become more and more important to make sure your site provides a good user experience for everyone, no matter how visitors access your website.</p>
<p><strong>So, how is developing a website for mobile devices different from developing a site for desktop computers? </strong><br />
If you’re using good web development practices, your adjustments should be minor. We’ll assume you’re already using web standards, optimizing your images for the web, creating an organized site with simple navigation, and providing clean copy for your visitors. Keep the three following ideas in mind and you’ll be well on your way.</p>
<p><strong>1. Keep it simpler.</strong><br />
With slow download speeds on some mobile devices, you need to keep it small. Provide minimal navigation at the top of the page, limit use of large images, and provide a text equivalent for each image. Serve up information in small pieces over a series of pages. And, don’t have an auto refresh or anything that requires repeated downloads from the network.</p>
<p><strong>2. Design with device limitations in mind.</strong><br />
Make sure your website doesn’t use any of the known hazards of mobile devices. Limit scrolling to one direction, don’t rely on fonts or colors as a way to distinguish between elements, don’t depend on cookies, make sure the site works well with or without CSS, don’t use pop ups, and avoid Flash and JavaScript.</p>
<p><strong>3. Design with device capabilities in mind</strong><br />
Mobile devices do some things better than desktops  and laptops. For example, you can customize your site for mobile phones by making phone numbers dial when clicked.  Or, you might want to include capabilities to send and receive MMS and SMS messages on your site.</p>
<p><strong>Test your site on as many devices as you can.</strong><br />
There is an ever-growing number of smartphone operating systems, each with its own web browser: The biggies today are Symbian, Blackberry, Windows Mobile, Linux, iPhone, PalmOS, and the recently released Android OS. While you can run your code through a validator and check your site with online emulators, there’s no substitute for testing your site on actual handheld devices.</p>
<p>If you don’t have 6-7 extra smartphones lying around, don’t be shy—ask your friends to let you take a peek at your site on their phones. If you’ve done your job right and followed the three steps above, it should look awesome!</p>
<p>If you want more information, take a look at the the <a title="Mobile Web Best Practices" href="http://www.w3.org/TR/mobile-bp/" target="_blank">Mobile Web Best Practices 1.0</a> guidelines, developed this year by the W3C, the international organization that develops standards for the web.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2008/11/how-is-web-development-different-for-mobile-devices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wackiest iPhone Apps</title>
		<link>http://blog.hotdesign.com/2008/10/wackiest-iphone-apps/</link>
		<comments>http://blog.hotdesign.com/2008/10/wackiest-iphone-apps/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 15:51:26 +0000</pubDate>
		<dc:creator>Kirsti Scott</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[smartphone]]></category>

		<guid isPermaLink="false">http://blog.hotdesign.com/?p=53</guid>
		<description><![CDATA[BusinessWeek posted a list of not-so-useful iPhone apps. I don&#8217;t know what they consider useful, but doesn&#8217;t everyone need a tiny hula dancer? Anyway, the interface design and the creativity of the application designers never cease to amaze me. Enjoy!]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.hotdesign.com/wp-content/uploads/2008/10/tinyhula.jpg"><img class="alignleft size-medium wp-image-89" title="tinyhula" src="http://blog.hotdesign.com/wp-content/uploads/2008/10/tinyhula.jpg" alt="" width="100" height="100" /></a>BusinessWeek posted a list of <a title="Wacky iPhone Apps" href="http://images.businessweek.com/ss/08/10/1001_apple_appstore/1.htm" target="_blank">not-so-useful iPhone apps</a>. I don&#8217;t know what they consider useful, but doesn&#8217;t everyone need a tiny hula dancer? Anyway, the interface design and the creativity of the application designers never cease to amaze me. Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hotdesign.com/2008/10/wackiest-iphone-apps/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

