<?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>morgamic.com &#187; Technology</title>
	<atom:link href="http://morgamic.com/category/technology/feed/" rel="self" type="application/rss+xml" />
	<link>http://morgamic.com</link>
	<description>stuff and things, according to Mike Morgan</description>
	<lastBuildDate>Wed, 02 Feb 2011 04:53:18 +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>Simple is Better: How to Write for the Web</title>
		<link>http://morgamic.com/2011/01/12/simple-is-better-how-to-write-for-the-web/</link>
		<comments>http://morgamic.com/2011/01/12/simple-is-better-how-to-write-for-the-web/#comments</comments>
		<pubDate>Thu, 13 Jan 2011 00:16:42 +0000</pubDate>
		<dc:creator>morgamic</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://morgamic.com/?p=349</guid>
		<description><![CDATA[I often tweet about a favorite article of mine explaining how people read on the web. More and more I see this as a common problem all over the world. It opens simply enough: How Users Read on the Web They don&#8217;t. Instead of just tweeting the article (which is ironically so long that people [...]]]></description>
			<content:encoded><![CDATA[<p>I often tweet about a favorite article of mine <a href="http://www.useit.com/alertbox/9710a.html">explaining how people read on the web</a>.  More and more I see this as a common problem all over the world.</p>
<p>It opens simply enough:</p>
<blockquote><p>
How Users Read on the Web<br />
<strong>They don&#8217;t.</strong>
</p>
</blockquote>
<p>Instead of just tweeting the article (which is ironically so long that people don&#8217;t read it) I&#8217;d like to instead study some examples from our site and show how it could improve our own site content.</p>
<p>Often, I find that some of our site content is:</p>
<ul>
<li>Difficult to scan</li>
<li>Verbose</li>
<li>Passive</li>
<li>Unclear</li>
<li>Likely to be ignored &#8212; users won&#8217;t read it</li>
</ul>
<p>So what should we do about it?  Well, we should tackle it from different directions:</p>
<ul>
<li>We should educate ourselves and become familiar with <a href="http://www.useit.com/papers/webwriting/">best practices</a></li>
<li>Those who do understand the basics should do their best to teach others</li>
<li>We could also conduct user research, eye tracking studies or run a/b tests to verify theories</li>
</ul>
<p>Either way, I&#8217;ll save you some time: <strong>simple is better</strong>.</p>
<p>So let&#8217;s go to some examples.  Here&#8217;s what we&#8217;ll cover:</p>
<ul>
<li>Bulleted lists</li>
<li>Highlight key points</li>
<li>Reduce unnecessary or redundant words (of, the, a, at, to, that, with the, and)</li>
<li>Remove passive speech and replace it with active speech</li>
</ul>
<h2>Bulleted lists</h2>
<p>Your goal should be to identify common threads or trains of thought.  Tie them together with a lead-in.  Augment the leading thought with key phrases.  Our example has a common entity: <strong>Mozilla</strong>.  So how can we apply a list to this paragraph?</p>
<p>Before</p>
<blockquote><p>Mozilla is a non-profit. We don’t have shareholders. We’re not trying to get acquired. Our bottom line is to promote openness, innovation and opportunity on the web.</p>
</blockquote>
<p>After</p>
<blockquote><p>Mozilla is:</p>
<ul>
<li>a non-profit company</li>
<li>loyal to you, not shareholders</li>
<li>promoting openness, innovation and opportunity on the web</li>
</ul>
</blockquote>
<h2>Highlight Key Points</h2>
<p>Highlighting helps users quickly scan key points.  They don&#8217;t have to read word-for-word but can pick up the general concept of a block of text without reading the whole thing.  This is typically how users read on the web, and <a href="http://www.useit.com/papers/webwriting/rewriting.html">studies show how important writing scannable text is</a>.</p>
<p>In our case, let&#8217;s take the first sentence and see what we end up with.</p>
<p>Before:</p>
<blockquote>
<p>Mozilla is:</p>
<ul>
<li>a non-profit company</li>
<li>loyal to you, not shareholders</li>
<li>promoting openness, innovation and opportunity on the web</li>
</ul>
</blockquote>
<p>After:</p>
<blockquote>
<p>Mozilla is:</p>
<ul>
<li>a <strong>non-profit</strong> company</li>
<li><strong>loyal to you</strong>, not shareholders</li>
<li>promoting <strong>openness, innovation</strong> and <strong>opportunity</strong> on the web</li>
</ul>
</blockquote>
<p>The addition of bulleted lists gets us farther, but highlighting keywords dramatically improves the visibility and likelihood that those concepts will be communicated to a web reader.</p>
<h2>Reduce Words</h2>
<p>The single most common problem is that people write too much.  In technical writing and web writing, the goal should be content over style.  Simple, clear, concise text wins; then users can focus on the content, not on deciphering what you&#8217;re actually trying to say.</p>
<p>Words that don&#8217;t add anything to the message are a huge problem.  We can break up or eliminate some sentences in our example:</p>
<ul>
<li>Mozilla is an <del datetime="2011-01-12T23:30:43+00:00">extensive</del> open-source software <del datetime="2011-01-12T23:30:43+00:00">development</del> project <del datetime="2011-01-12T23:30:43+00:00">powered by a small (but growing) staff and a worldwide community</del> of dedicated volunteers. (before: 23 words after: 10 words)</li>
<li><del datetime="2011-01-12T23:30:43+00:00">Because</del> our products are used for <del datetime="2011-01-12T23:30:43+00:00">many of</del> the web’s most innovative projects.<del datetime="2011-01-12T23:30:43+00:00">, a job at Mozilla allows</del> you <del datetime="2011-01-12T23:30:43+00:00">to</del><em>will</em> develop cool, useful technology that impacts millions of lives. (before: 29 words after: 20 words)</li>
</ul>
<p>You can say the same things using less effort while benefiting users.  All kinds of win.</p>
<p>
<h2>Fix Passive Speech</h2>
</p>
<p>Speaking passively increases the length of your sentences while reducing clarity.  Here are two examples:</p>
<p>Before:</p>
<blockquote><p>Because our products are used for many of the web’s most innovative projects, a job at Mozilla allows you to develop cool, useful technology that impacts millions of lives.</p>
</blockquote>
<p>After:</p>
<blockquote><p>You could impact millions of lives developing innovative products at Mozilla.</p>
</blockquote>
<p>Here by focusing on &#8220;you&#8221;, you eliminate a ton of words but deliver essentially the same message.</p>
<p>Before:</p>
<blockquote><p>At Mozilla, we encourage creativity and ambition with the goal of revolutionizing how people access the web.</p>
</blockquote>
<p>After:</p>
<blockquote><p>Mozilla&#8217;s goal is to revolutionize how people access the web by encouraging creativity and ambition.</p>
</blockquote>
<p>By changing our sentence structure to focus on Mozilla, we eliminate the need for words like &#8220;at, we, with, the&#8221;.</p>
<p>That&#8217;s it.  Go forth and write great content.  Visit the <a href="http://www.useit.com/papers/webwriting/">Writing for the Web main page</a> to learn more.</p>
]]></content:encoded>
			<wfw:commentRss>http://morgamic.com/2011/01/12/simple-is-better-how-to-write-for-the-web/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Rally Fighter visits Mozilla</title>
		<link>http://morgamic.com/2010/02/04/rally-fighter-visits-mozilla/</link>
		<comments>http://morgamic.com/2010/02/04/rally-fighter-visits-mozilla/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 23:56:57 +0000</pubDate>
		<dc:creator>morgamic</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://morgamic.com/?p=293</guid>
		<description><![CDATA[The Rally Fighter is an open source car with a huge community behind it. Jay Rogers, CEO of Local Motors, took time out of his busy schedule to come talk about his experience with the Rally Fighter during lunchtime today. He gave Mozilla a shout out and said we're an inspiration for other companies trying [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.local-motors.com/">Rally Fighter</a> is an open source car with a huge community behind it.  Jay Rogers, CEO of Local Motors, took time out of his busy schedule to come talk about his experience with the Rally Fighter during lunchtime today.</p>
<p><a href="http://www.flickr.com/photos/morgamic/4331289840/" title="Jay Rogers by morgamic, on Flickr"><img src="http://farm5.static.flickr.com/4065/4331289840_deb55277ec.jpg" width="500" height="332" alt="Jay Rogers" /></a></p>
<p>He gave Mozilla a shout out and said we're an inspiration for other companies trying to do things the right way and focus heavily on what people want and need.  He also mentioned he's an avid Firefox user and tries to install it on every machine he can get his hands on!</p>
<p><a href="http://www.flickr.com/photos/morgamic/4330569801/" title="Rally Fighter by morgamic, on Flickr"><img src="http://farm3.static.flickr.com/2680/4330569801_44d7ec86d9.jpg" width="500" height="332" alt="Rally Fighter" /></a></p>
<p>Another thing worth noting was his comments on crowdsourcing -- that's it's not at all about getting a group to do a bunch of work for you.  In many ways the textbook definition of crowdsourcing betrays the real value in it.</p>
<p>He said it should really be called co-creation because their community as well as potential customers for this car are a huge part of what the car will actually be and how it will evolve over time.  It is a good way to look at things, and not very different from what Mozilla strives to do from day to day.</p>
<p><a href="http://www.flickr.com/photos/morgamic/4330569521/" title="Rally Fighter by morgamic, on Flickr"><img src="http://farm5.static.flickr.com/4048/4330569521_3029821cc7.jpg" width="500" height="332" alt="Rally Fighter" /></a></p>
<p>Overall, it was a great experience and the car is damn cool.  Thanks to Jay and his team for visiting us.  <a href="http://www.flickr.com/photos/morgamic/sets/72157623352503434/">See more pictures here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://morgamic.com/2010/02/04/rally-fighter-visits-mozilla/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Heart statistics</title>
		<link>http://morgamic.com/2010/01/06/heart-statistics/</link>
		<comments>http://morgamic.com/2010/01/06/heart-statistics/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 16:24:46 +0000</pubDate>
		<dc:creator>morgamic</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://morgamic.com/?p=265</guid>
		<description><![CDATA[So I got this Garmin device that does GPS in hopes that it'd make me run more. So far it's been successful. The GPS and Google maps mashups on their activity summary web app are super cool (see full example): Over time, if you keep up with it you can see improvements in different categories: [...]]]></description>
			<content:encoded><![CDATA[<p>So I got this Garmin device that does GPS in hopes that it'd make me run more.  So far it's been successful.  The GPS and Google maps mashups on their activity summary web app are super cool (<a href="http://connect.garmin.com/activity/21800734">see full example</a>):<br />
<img src="http://morgamic.com/img/garmin.png" alt="garmin" title="garmin" class="aligncenter size-medium wp-image-266" /></p>
<p>Over time, if you keep up with it you can see improvements in different categories:</p>
<ul>
<li>Distance - you can run more as you get in better shape</li>
<li>Heart rate - peaks and average should normalize</li>
<li>Time - you'll improve your time (ideally!) <img src='http://morgamic.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>Since I'm not a <a href="http://jeffbalogh.org/">running super-beast</a> and I'm not very fast, I have been pretty interested in the heart rate!  I'm also interested in it because the first few runs were pretty tough because I'd run for a bit (at the speed I remember running at) and my heart would go nuts and I'd have to walk for a bit.  For a while I'd have to keep doing that, and my heart rate chart showed why.</p>
<p>On my <a href="http://connect.garmin.com/activity/19697397">first run</a> in about 2 years, I was getting owned:<br />
<img src="http://morgamic.com/img/first.png" alt="first" title="first" class="aligncenter size-full wp-image-268" /></p>
<p>After waking up this morning at 430am and going for a <a href="http://connect.garmin.com/activity/21800734">crazy morning run</a> (which, if you knew me, is something I never do), I was happy to see this:<br />
<img src="http://morgamic.com/img/new.png" alt="new" title="new"class="aligncenter size-full wp-image-267" /></p>
<p>I still have to walk a bit in the middle of a 3 mile jog, but while I'm running my heart rate remains constant and it never felt like it was going to explode.  I'm now able to sustain for longer and I also have less movement between 180 and 200 bpm (Note that the top graph was 1.5 miles and the bottom one was 3 miles).</p>
<p>As I was <a href="http://morgamic.com/2010/01/06/doing-more-with-data/">writing a blog about browsing statistics</a> and how they can improve how we use the web, it made me think of this little Garmin watch and how knowing more about my own body can help me improve my life.  </p>
<p>Data is good, knowledge is good.  By itself, not so much -- but if you use it right it can make all the difference.</p>
]]></content:encoded>
			<wfw:commentRss>http://morgamic.com/2010/01/06/heart-statistics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Doing more with data</title>
		<link>http://morgamic.com/2010/01/06/doing-more-with-data/</link>
		<comments>http://morgamic.com/2010/01/06/doing-more-with-data/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 14:54:26 +0000</pubDate>
		<dc:creator>morgamic</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://morgamic.com/?p=256</guid>
		<description><![CDATA[Firefox users: Did you know that you have private database that contains all your browsing information? Well, you do. And here's the thing: Only you have access to it It's under-utilized You probably didn't even know it existed Browsing could be better. There's no question about that. We have set conventions and preconceived notions about [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox users: Did you know that you have private database that contains all your browsing information?</p>
<p>Well, you do.  And here's the thing:</p>
<ul>
<li>Only you have access to it</li>
<li>It's under-utilized</li>
<li>You probably didn't even know it existed</li>
</ul>
<p>Browsing could be better.  There's no question about that.  We have set conventions and preconceived notions about how browsing should be.  That is, until the next big thing comes along and rocks our world.</p>
<p>It feels like using data to improve browsing is a no-brainer, and data-driven browsing is already the next big thing.  You see this in search suggests, amazon suggested items, the iTunes store, and other sites.  And that's just all site-specific.  Imagine if we used data the right way and made things just click?</p>
<p>On a limited scale, it's all more than possible today.  You have complete control over your own browsing history:</p>
<ul>
<li>Sites visited</li>
<li>Bookmarks</li>
<li>Awesome bar history</li>
<li>Media viewed</li>
<li>Favorite sites</li>
<li>Search keywords</li>
<li>Trending of all the above</li>
</ul>
<p>Simple fact is that you're not using as much as you could.</p>
<p>The Firefox awesome bar was heralded as a great step in browsing innovation.  And it's true, it really was.  And that's because a lot of browsing is really repeat browsing.  How many times do you go back and view what you just looked at the other day?</p>
<p>But that's the tip of the iceberg.  There are a lot of things we can learn about the web and about how we use the web to make it better.  And don't think about person -> corporation -> other corporations.  For starters, think about what you could do with just your own browsing data, or your family's browsing data:</p>
<ul>
<li>Easy access to repeat searches - movies, facebook, maps, you name it</li>
<li>An automated media catalog of images, videos and news articles you read over time</li>
<li>A list of phone numbers you have looked up and who they belong to</li>
<li>A list of all map directions you've ever done</li>
<li>A list of people you read about over the last week</li>
</ul>
<p>The awesome bar in Firefox already uses this, and it's great to see some Firefox extensions are already tapping into the possibilities:</p>
<ul>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/13681">about:me</a> lets you read about your own browsing statistics<img alt="" src="https://addons.mozilla.org/en-US/firefox/images/p/35721/1250185298" title="Usage statistics" class="aligncenter" width="674" height="525" /></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/14650">Voyage</a> is a very cool way to not only view the sites you've used but see how you got there over time and whether or not you Tweeted about it!<img alt="" src="https://addons.mozilla.org/en-US/firefox/images/p/39309/1259244234" title="Voyage" class="aligncenter" width="575" height="400" /></li>
</ul>
<p>Those are just two examples of what we can do and where we can go.  I'm pretty excited to see what happens next.  Maybe you have the next great idea -- go forth!</p>
]]></content:encoded>
			<wfw:commentRss>http://morgamic.com/2010/01/06/doing-more-with-data/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tabbing Through Elements in Firefox on Mac</title>
		<link>http://morgamic.com/2008/10/13/tabbing-through-elements-in-firefox-on-mac/</link>
		<comments>http://morgamic.com/2008/10/13/tabbing-through-elements-in-firefox-on-mac/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 23:00:13 +0000</pubDate>
		<dc:creator>morgamic</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://morgamic.com/2008/10/13/tabbing-through-elements-in-firefox-on-mac/</guid>
		<description><![CDATA[This weekend my laptop decided to die after the latest batch of Apple system updates. Not sure why, but on the first startup after the update, it wanted to randomly shut off (hard power-down) and could not get out of that cycle. Thanks, Apple. So I did my first successful restore from a Time Machine [...]]]></description>
			<content:encoded><![CDATA[<p>This weekend my laptop decided to die after the latest batch of Apple system updates.  Not sure why, but on the first startup after the update, it wanted to randomly shut off (hard power-down) and could not get out of that cycle.  Thanks, Apple.</p>
<p>So I did my first successful restore from a Time Machine backup.  However, while I was waiting, I used a vanilla install of Firefox.  I noticed that I couldn't tab through form elements and it would jump straight from the page to the address bar.  WTF?</p>
<p>Here is how you enable this tab behavior that you're used to on Windows:</p>
<ol>
<li>Go to <em>System Preferences...</em> in the apple menu</li>
<li>Open <em>Keyboard &#038; Mouse</em></li>
<li>Go to the <em>Keyboard Shortcuts</em> tab</li>
<li>Check <em>All controls</em></li>
</ol>
<p>This will let you tab through individual web elements normally.  Screenshot below, in case it helps.</p>
<p><img src="http://people.mozilla.org/~morgamic/keyboard-tab.jpg" alt="screenshot of keyboard pref pane in mac os x" width="500" height="451"/></p>
<p><strong>Update:</strong> Alex Faaborg noted that you can track <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=437296" title="Allow the user to tab to drop down boxes (combo boxes) and other form controls despite OS settings">Bug 437296</a> if you'd like to follow overriding OS keyboard settings to maintain a consistent user experience in the browser across platforms.</p>
<p><strong>Update:</strong> Chris Ilias pointed out so kindly that this is already <a href="http://support.mozilla.com/en-US/kb/Pressing+Tab+key+does+not+select+menus+or+buttons">in the Mozilla Knoledge base</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://morgamic.com/2008/10/13/tabbing-through-elements-in-firefox-on-mac/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

