<?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>EM &#187; innovation</title>
	<atom:link href="http://www.ericm.ca/tag/innovation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ericm.ca</link>
	<description>Here lies random</description>
	<lastBuildDate>Sun, 31 Oct 2010 04:56:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Browsing a single website with multiple logins</title>
		<link>http://www.ericm.ca/2009/09/18/browsing-a-single-website-with-multiple-logins/</link>
		<comments>http://www.ericm.ca/2009/09/18/browsing-a-single-website-with-multiple-logins/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 08:51:14 +0000</pubDate>
		<dc:creator>Eric</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[accounts]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[logins]]></category>
		<category><![CDATA[processes]]></category>
		<category><![CDATA[profiles]]></category>

		<guid isPermaLink="false">http://ericm.ca/?p=78</guid>
		<description><![CDATA[Ever wanted to browse a website with multiple logins simultaneously? Perhaps you have two Gmail accounts whose inboxes you&#8217;d like to monitor at the same time. Or maybe you want to surf several Facebook accounts without having to log off one before being able to sign in another. Here&#8217;s a simple 2-step tutorial on how [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ericm.ca%2F2009%2F09%2F18%2Fbrowsing-a-single-website-with-multiple-logins%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ericm.ca%2F2009%2F09%2F18%2Fbrowsing-a-single-website-with-multiple-logins%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Ever wanted to browse a website with multiple logins <em>simultaneously</em>? Perhaps you have two Gmail accounts whose inboxes you&#8217;d like to monitor at the same time. Or maybe you want to surf several Facebook accounts without having to log off one before being able to sign in another. </p>
<p>Here&#8217;s a simple 2-step tutorial on how to use multiple accounts for a single website using the <a href="http://www.mozilla.com/firefox/">Firefox</a> web browser. <span id="more-78"></span></p>
<h2>Opening multiple Firefox browsers</h2>
<p>When you&#8217;re using Firefox, or any other internet browser for that matter, it is executed from a <em>single process</em> no matter how many new windows you open. So if you&#8217;re logged into Gmail with <em>joe@gmail.com</em> and then you open a new Firefox window (<strong class="code">Ctrl+N</strong>) pointed to Gmail.com, it will still display Joe&#8217;s inbox. You won&#8217;t be able to sign in to another Gmail without first signing out of Joe. That&#8217;s where multiple Firefox processes comes into play. However, we&#8217;re first going to take a look at <em>Firefox profiles</em> and how it will help solve our problem.</p>
<h3>What is a Firefox profile?</h3>
<p>Here is Firefox&#8217;s take on <a href="http://support.mozilla.com/en-US/kb/Profiles">profiles</a>:</p>
<blockquote><p> Any changes you make while using Firefox are stored in files so that they can be used the next time you run Firefox. These changes can be obvious, like your home page, or changes you&#8217;ve made to the toolbar, but also include things like your history, what sites you&#8217;ve visited, and text you&#8217;ve entered into forms like search fields. They&#8217;re all stored in the same location, called a profile folder.</p></blockquote>
<p>From what I have learned, each Firefox profile is executed from its own process. Therefore, the question now is: how do I open multiple Firefox profiles? I&#8217;ll answer this in 2 simple steps.</p>
<h2>The 2-step method</h2>
<h3>1. Create a Firefox profile</h3>
<div id="attachment_104" class="wp-caption aligncenter" style="width: 385px"><img src="http://ericm.ca/wp-content/uploads/2009/09/firefox_profile_manager1.png" alt="Firefox profile manager displaying 3 profiles." title="Firefox Profile Manager" width="375" height="269" class="size-full wp-image-104" /><p class="wp-caption-text">Firefox profile manager displaying 3 profiles.</p></div>To create a Firefox profile, you will need to run the profile manager. Close Firefox and click <strong class="location">Start > Run</strong>. Type <strong class="location">firefox.exe -p</strong> and open it up. By default, the profile you are currently using is called just that &#8211; default. Go ahead and create some new profiles. In this example, I have created two additional profiles called <em>1</em> and <em>2</em>.</p>
<h3>2. Open the profiles</h3>
<p>When you first launch your Firefox browser, it will automatically load your default profile. To open your other profiles, again click <strong class="location">Start > Run</strong> and type:</p>
<blockquote><p><strong class="location">firefox.exe -p <strong>PROFILENAME</strong> -no-remote</strong></p></blockquote>
<p>Be sure to change <em>PROFILENAME</em> to whatever you named your profile. You can repeat this step again to open any other profiles you may have created. To continue on with my example, I executed both: <strong class="location">firefox.exe -p 1 -no-remote</strong> and <strong class="location">firefox.exe -p 2 -no-remote</strong></p>
<p><div id="attachment_110" class="wp-caption aligncenter" style="width: 520px"><img src="http://ericm.ca/wp-content/uploads/2009/09/windows_task_manager.png" alt="Windows Task Manager (launched with Ctrl+Alt+Delete) displaying multiple Firefox processes" title="Windows Task Manager" width="510" height="455" class="size-full wp-image-110" /><p class="wp-caption-text">Windows Task Manager (Ctrl+Alt+Del) displaying multiple Firefox processes</p></div>
<p>The last thing I&#8217;d like to mention is that whichever profile you executed last will be the first to launch the next time you open Firefox.</p>
<p>Have fun browsing your multiple accounts!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericm.ca/2009/09/18/browsing-a-single-website-with-multiple-logins/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8216;Link&#8217; feature in media players</title>
		<link>http://www.ericm.ca/2008/01/11/link-feature-in-media-players/</link>
		<comments>http://www.ericm.ca/2008/01/11/link-feature-in-media-players/#comments</comments>
		<pubDate>Sat, 12 Jan 2008 04:48:24 +0000</pubDate>
		<dc:creator>Eric</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[media players]]></category>

		<guid isPermaLink="false">http://ericm.ca/2008/rant/link-feature-in-media-players</guid>
		<description><![CDATA[Most media players like Windows Media Player and Winamp allow you to assemble a custom playlist. In WMP, you can quickly compile a list by right-clicking a bunch of song names and selecting Add to Now Playing. I frequently turn on the Shuffle option when listening to playlists. But sometimes I don&#8217;t want it totally [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ericm.ca%2F2008%2F01%2F11%2Flink-feature-in-media-players%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ericm.ca%2F2008%2F01%2F11%2Flink-feature-in-media-players%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><div class="wp-caption alignleft" style="width: 183px"><img alt="A playlist in Windows Media Player" src="/images/wmp_playnext.gif" title="Windows Media Player playlist" width="173" height="320" /><p class="wp-caption-text">A playlist in Windows Media Player</p></div>Most media players like <a href="http://www.microsoft.com/windows/windowsmedia/download/">Windows Media Player</a> and <a href="http://www.winamp.com/">Winamp</a> allow you to assemble a custom playlist. In WMP, you can quickly compile a list by right-clicking a bunch of song names and selecting <strong class="location">Add to Now Playing</strong>.</p>
<p>I frequently turn on the <strong class="location">Shuffle</strong> option when listening to playlists. But sometimes I don&#8217;t want it totally randomized. I&#8217;d like it if some songs were <em>grouped</em> together &#8211; if <em>song 1</em> was played, I&#8217;d like to hear <em>song 2 </em>and <em>song 3</em> played right after. Then after this group is played, the rest of the songs would continue to be shuffled until another group is played.</p>
<p>So how do we group songs in a playlist? I believe that media players can create a feature similar to the <strong class="location">Link</strong> option found in <a href="http://www.adobe.com/products/photoshop/index.html">Adobe Photoshop</a>.<span id="more-17"></span></p>
<h2>The link option in Photoshop</h2>
<p><div class="wp-caption alignright" style="width: 222px"><img alt="Photoshop layers link option" src="http://ericm.ca/images/layers_linked.gif" title="Photoshop Layers" width="212" height="174" /><p class="wp-caption-text">Photoshop layers link option</p></div>Sometimes in Photoshop, you&#8217;d like to perform a single task on several different layers at once. Say you want to move both <em>Layer 1</em> and <em>Layer 2</em> up by 20 pixels. You don&#8217;t have to perform this task separately. Photoshop makes tasks like these more efficient with the <strong class="location">Links</strong> option &#8211; you simply check the <strong class="location">Link</strong> icon next to the layers (which groups them together). Then moving one of these layers moves the entire group.</p>
<h4>But how do we create more than one group?</h4>
<p>Again, we can turn to the brilliant engineering of Photoshop. When you press the <strong class="location">Link</strong> button next to a layer, it is <em>hidden </em>when the linked layers is <em>unselected</em>. </p>
<p>For example, if we take a look at the image above, we can see that both <em>Layer 1</em> and <em>Layer 2</em> are linked. However, the <strong class="location">Link</strong> icon would <em>not </em>be displayed if both these layers are unselected &#8211; such as by selecting Layer 3 or 4.</p>
<p>This means that if we currently have an <em>unlinked </em>layer selected (Layer 3 or 4), then<em> Layer 1 </em>and <em>Layer 2</em> from the first group would not be selected, and thus no <strong class="location">Link</strong> icons would be visible. </p>
<p>Then, if we check the <strong class="location">Link</strong> icon on any other layer (Layer 3, 4, etc.), the layers from group 1 are <em>not </em>part of this second group since their link icons are not visible.</p>
<p>You should note that a layer cannot be linked in more than one group.</p>
<h2>Application to media players</h2>
<p>Media players can adapt apply this link feature to their own playlists by allowing users to tick off songs. All the ticked songs would then be grouped together. So whenever <strong class="location">Shuffle</strong> stumbles upon a song that is part of a group, the entire group is played before the media player continues to randomly select another song to play.</p>
<p>What I&#8217;ve learned from studying business plans is that what works for one thing (company, software, etc.) can successfully work for a completely different thing. But the opposite can be true too. As an innovator, I think that media players can really use this feature if it&#8217;s implemented properly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericm.ca/2008/01/11/link-feature-in-media-players/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Improving web usability: Page numbering systems</title>
		<link>http://www.ericm.ca/2008/01/11/improving-web-usability/</link>
		<comments>http://www.ericm.ca/2008/01/11/improving-web-usability/#comments</comments>
		<pubDate>Fri, 11 Jan 2008 07:19:09 +0000</pubDate>
		<dc:creator>Eric</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[page numbers]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://ericm.ca/2008/web-development/improving-web-usability</guid>
		<description><![CDATA[Many websites today fail at providing a simple way for users to find information quickly and easily on their websites. A user will typically leave in frustration if it is difficult for them to find that specific article they read a week ago or maybe even last night if the website is updated frequently. This [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ericm.ca%2F2008%2F01%2F11%2Fimproving-web-usability%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ericm.ca%2F2008%2F01%2F11%2Fimproving-web-usability%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Many websites today fail at providing a simple way for users to find information quickly and easily on their websites. A user will typically leave in frustration if it is difficult for them to find that specific article they read a week ago or maybe even last night if the website is updated frequently. This can cause a decrease in the average time a user browses the website or even a decline in visitor loyalty (the amount of times a past user revisits the website). </p>
<p>In this series (hopefully I write more than one article on this topic), I will cover several ways this problem can be rectified that does not require a whole site overhaul. One of these ways is to provide an <em>easier-to-use page numbering system</em>. In the following, I will provide a few examples of both good and bad page number systems and a very simple solution to rectify the usability problem.<span id="more-16"></span></p>
<h2>Problematic page numbers</h2>
<p>To start off, I&#8217;ll give examples of very popular websites whose page numbering system is not so usable. </p>
<h4>Gmail</h4>
<p><a href="http://mail.google.com/">Gmail</a> is one of the most popular free webmails today, and not only because of their huge storage spaces. Gmail is &#8220;built on the idea that email can be more intuitive, efficient, and useful.&#8221; But this mission statement doesn&#8217;t seem to apply to its page numbering system.</p>
<div class="wp-caption aligncenter" style="width: 455px"><img alt="Gmails page numbering system" src="http://ericm.ca/images/gmail_pages.gif" title="Gmail" width="445" height="175" /><p class="wp-caption-text">Gmail&#39;s page numbering system</p></div>
<p>Gmail uses the typical &#8216;next, previous&#8217; and &#8216;oldest, newest&#8217; page-numbering system, albeit with better names: <strong class="location">Older ›  Oldest »</strong> and <strong class="location">« Newest  ‹ Newer</strong>. This is what most websites currently use. </p>
<p>Although this system really reduces the clutter of other page-numbering systems (I will discuss this in the next example), it is much too simple if you store thousands of e-mails in your inbox. This is not hard to imagine since Gmail targets those who don&#8217;t know what the delete button is (heh heh). </p>
<p>So what happens if I have 10,000 e-mails and I want to view e-mails 5,001 &#8211; 5,100? That is a lot of button clicking: <strong class="location">Older ›</strong>, <strong class="location">Older ›</strong>, <strong class="location">Older ›</strong>, <strong class="location">Older ›</strong>&#8230; This same idea can be applied to websites with thousands of news articles. <em>A user doesn&#8217;t want to do all this button-clicking to find</em> one <em>e-mail or that </em>one <em>article. And they shouldn&#8217;t have to.</em></p>
<p>The only reason why this doesn&#8217;t poise <em>too</em> much of a problem for Gmail is because of their superior searching. If you know a bit about the e-mail you&#8217;re seeking, then you can easily Google your webmail instead of sifting through a bunch of e-mails.</p>
<h4>Digg</h4>
<p><a href="http://www.digg.com">Digg</a> is a revolutionary social news site which gained enormous popularity in the past three or so years. Users submit hundreds of content to the website per day with only a small percentage making it to the frontpage (the page where articles with enough positive feedback is displayed.) </p>
<p>However, this small percentage translates to about 10 pages, or 150 brand-new articles per day. If you&#8217;re an avid Digg user, you might find that it takes 4-5 hours alone to just <em>skim </em>through all this content. A website of this size should have an intuitive page number system, because if you don&#8217;t bookmark every article you like, then you can have fun using their not-so-proficient search function.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img alt="Diggs page numbering system" src="http://ericm.ca/images/digg_pages.gif" title="Digg" width="450" height="120" /><p class="wp-caption-text">Digg&#39;s page numbering system</p></div>
<p>Digg&#8217;s page numbering system is very common with news-oriented websites as well as free and open-source web software like content management systems, forums, and blogs. It has the typical &#8216;previous, next&#8217; page-numbers and several beginning and ending page numbers in-between the first and last page numbers. </p>
<p>But if you&#8217;re trying to find an article buried in the depths of the website, like page 70 or something, that is a lot of <strong class="location">Next »</strong>, <strong class="location">Next »</strong>, <strong class="location">Next »</strong>&#8230; Or what many users do, click the highest page number closest to 70 and repeat till you reach 70 (if we were to use the example from the image, this would be page 10).</p>
<h4>Google</h4>
<div class="wp-caption aligncenter" style="width: 360px"><img alt="Googles page numbering system" src="http://ericm.ca/images/google_pages.gif" title="Google" width="350" height="65" /><p class="wp-caption-text">Google&#39;s page numbering system</p></div>
<p>Even <a href="http://www.google.com">Google.com</a> suffers from this same problem. A search for the letter &#8216;<a href="http://www.google.ca/search?hl=en&#038;q=a&#038;btnG=Google+Search&#038;meta=">a</a>&#8216; returns over 12 billion results. And they don&#8217;t even have &#8216;oldest, newest&#8217; page numbers, just a couple of beginning page numbers and &#8216;next.&#8217; </p>
<p>Of course, in the case of Digg and their mod rewritten links, a more experienced web surfer could just edit the link <strong class="location">http://digg.com/page#</strong> and replace <strong class="location">#</strong> manually. But not all websites have a demographic comprising mainly of tech-savvy users and not every website has easy-to-modify URLs.</p>
<h2>The simple fix</h2>
<p>I first applied my solution to the page numbering problem in the summer of &#8217;06. The website was <a href="http://www.wiiglobal.com">wiiglobal</a> and don&#8217;t ask me what&#8217;s up with it. I lost touch with the programmer about 6 months ago so the site has pretty much spiraled off to the internet wasteland. </p>
<div class="wp-caption aligncenter" style="width: 430px"><img alt="Wiiglobals page numbering system" src="http://ericm.ca/images/wiiglobal_pages.gif" title="Wiiglobal" width="420" height="40" /><p class="wp-caption-text">Wiiglobal&#39;s page numbering system</p></div>
<p>As you can see, I don&#8217;t use the cluttered page numbering system. I use a basic &#8216;next, previous&#8217; page system and a simple text field which allows the user to <em>quickly view any page in two quick steps</em>: <strong class="location">1) type in the page number 2) hit &#8216;enter&#8217; or click &#8216;view page.&#8217; </strong></p>
<p><strong>This page number system reduces the inefficiency caused by unnecessary button-clicking by providing a user with only a few links and a single text field.</strong></p>
<p>Although I&#8217;d like to take credit for this system, I&#8217;m not sure if I&#8217;m actually the first guy to use it. I have, however, seen a lot of websites and software popping up in the recent year utilizing my system (oh look, I&#8217;m taking credit already!):</p>
<h4><a href="http://forums.invisionpower.com/">Invision</a></h4>
<p><img src="/images/invision_pages.gif" title="Invision" height="100" width="340" class="border" /></p>
<h4><a href="http://logopond.com/">Logopond</a></h4>
<p><img src="/images/logopond_pages.gif" title="Logopond" height="45" width="420" class="border" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ericm.ca/2008/01/11/improving-web-usability/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

