<?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>The Life of RubenV (Ruben Vermeersch) &#187; usability</title>
	<atom:link href="http://weblog.savanne.be/tags/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://weblog.savanne.be</link>
	<description></description>
	<lastBuildDate>Mon, 30 Jan 2012 14:14:23 +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>Awesome details</title>
		<link>http://weblog.savanne.be/503-awesome-details</link>
		<comments>http://weblog.savanne.be/503-awesome-details#comments</comments>
		<pubDate>Mon, 30 Jan 2012 14:14:23 +0000</pubDate>
		<dc:creator>Ruben</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://weblog.savanne.be/?p=503</guid>
		<description><![CDATA[<p>I like small details in software. Here&#8217;s a nice one I spotted the other day:</p>

<a href='http://weblog.savanne.be/503-awesome-details/img_0070' title='IMG_0070'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0070-150x150.png" class="attachment-thumbnail" alt="IMG_0070" title="IMG_0070" /></a>
<a href='http://weblog.savanne.be/503-awesome-details/img_0071' title='IMG_0071'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0071-150x150.png" class="attachment-thumbnail" alt="IMG_0071" title="IMG_0071" /></a>
<a href='http://weblog.savanne.be/503-awesome-details/img_0072' title='IMG_0072'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0072-150x150.png" class="attachment-thumbnail" alt="IMG_0072" title="IMG_0072" /></a>

<p>The <a href="http://www.amazon.com/gp/feature.html/ref=kcp_ipad_mkt_lnd?docId=1000490441">Amazon Kindle app for iPad</a> changes its background depending on the hour of the day. It even has some very nice effects, for instance, when switching to the night view, a falling star flies by.</p>
<p><strong>Small details and nice polish shows your users that you care. Don&#8217;t be happy when it works, go the extra mile.</strong></p>
]]></description>
			<content:encoded><![CDATA[<p>I like small details in software. Here&#8217;s a nice one I spotted the other day:</p>

<a href='http://weblog.savanne.be/503-awesome-details/img_0070' title='IMG_0070'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0070-150x150.png" class="attachment-thumbnail" alt="IMG_0070" title="IMG_0070" /></a>
<a href='http://weblog.savanne.be/503-awesome-details/img_0071' title='IMG_0071'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0071-150x150.png" class="attachment-thumbnail" alt="IMG_0071" title="IMG_0071" /></a>
<a href='http://weblog.savanne.be/503-awesome-details/img_0072' title='IMG_0072'><img width="150" height="150" src="http://weblog.savanne.be/IMG_0072-150x150.png" class="attachment-thumbnail" alt="IMG_0072" title="IMG_0072" /></a>

<p>The <a href="http://www.amazon.com/gp/feature.html/ref=kcp_ipad_mkt_lnd?docId=1000490441">Amazon Kindle app for iPad</a> changes its background depending on the hour of the day. It even has some very nice effects, for instance, when switching to the night view, a falling star flies by.</p>
<p><strong>Small details and nice polish shows your users that you care. Don&#8217;t be happy when it works, go the extra mile.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.savanne.be/503-awesome-details/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>As seen in a Berlin hotel</title>
		<link>http://weblog.savanne.be/472-as-seen-in-a-berlin-hotel</link>
		<comments>http://weblog.savanne.be/472-as-seen-in-a-berlin-hotel#comments</comments>
		<pubDate>Fri, 25 Nov 2011 08:13:11 +0000</pubDate>
		<dc:creator>Ruben</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[failboat]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://weblog.savanne.be/?p=472</guid>
		<description><![CDATA[<p>As seen in a Berlin hotel:</p>
<div id="attachment_473" class="wp-caption aligncenter" style="width: 510px"><a href="http://weblog.savanne.be/hotel-cards.jpg"><img class="size-large wp-image-473 " title="hotel-cards" src="http://weblog.savanne.be/hotel-cards-500x166.jpg" alt="" width="500" height="166" /></a><p class="wp-caption-text">Arrow towards door: fails, arrow pointing away from door: door opens (click for full size)</p></div>
<p style="text-align: left;">Whoever made these things needs to re-read his usability 101 book.</p>
]]></description>
			<content:encoded><![CDATA[<p>As seen in a Berlin hotel:</p>
<div id="attachment_473" class="wp-caption aligncenter" style="width: 510px"><a href="http://weblog.savanne.be/hotel-cards.jpg"><img class="size-large wp-image-473 " title="hotel-cards" src="http://weblog.savanne.be/hotel-cards-500x166.jpg" alt="" width="500" height="166" /></a><p class="wp-caption-text">Arrow towards door: fails, arrow pointing away from door: door opens (click for full size)</p></div>
<p style="text-align: left;">Whoever made these things needs to re-read his usability 101 book.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.savanne.be/472-as-seen-in-a-berlin-hotel/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Error dialogs: don&#8217;t be lazy.</title>
		<link>http://weblog.savanne.be/405-error-dialogs-dont-be-lazy</link>
		<comments>http://weblog.savanne.be/405-error-dialogs-dont-be-lazy#comments</comments>
		<pubDate>Sun, 12 Jun 2011 15:47:02 +0000</pubDate>
		<dc:creator>Ruben</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[failboat]]></category>
		<category><![CDATA[telenet]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://weblog.savanne.be/?p=405</guid>
		<description><![CDATA[<p>Part of <a href="http://telenet.be/">Telenet</a>&#8216;s digital TV offering is Yelo, an online service where you can schedule recordings. It even works on your phone and on the iPad, which means you never miss your favorite programs. Not home when it starts? Log in online, quickly schedule a recording and continue to enjoy life. Beautiful feature!</p>
<p>Except it doesn&#8217;t work&#8230;</p>
<div id="attachment_406" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-406" title="yelo-error" src="http://weblog.savanne.be/yelo-error.png" alt="" width="500" height="252" /><p class="wp-caption-text">Communication error! Try again later!</p></div>
<p>More often than not, you get a nice error dialog informing you that there was a communication error.</p>
<p>After much cursing today, I discovered that it turns out there&#8217;s nothing wrong with the communication. Whoever built this things was simply too lazy to add decent error warnings [1]. In my case the recording couldn&#8217;t be scheduled because there were too much overlapping recordings.</p>
<p>Building decent error reporting isn&#8217;t fun, but it is crucial to make a usable product. Whenever you&#8217;re writing software, ask yourself the following question: &#8220;Am I helping the user to solve the problem when things go wrong?&#8221;. Just don&#8217;t be a lazy bum and blame it on the communication.</p>
<p>[1] Or more plausible: Had to skip it because his superiors wanted to ship the thing before it was ready.</p>
]]></description>
			<content:encoded><![CDATA[<p>Part of <a href="http://telenet.be/">Telenet</a>&#8216;s digital TV offering is Yelo, an online service where you can schedule recordings. It even works on your phone and on the iPad, which means you never miss your favorite programs. Not home when it starts? Log in online, quickly schedule a recording and continue to enjoy life. Beautiful feature!</p>
<p>Except it doesn&#8217;t work&#8230;</p>
<div id="attachment_406" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-406" title="yelo-error" src="http://weblog.savanne.be/yelo-error.png" alt="" width="500" height="252" /><p class="wp-caption-text">Communication error! Try again later!</p></div>
<p>More often than not, you get a nice error dialog informing you that there was a communication error.</p>
<p>After much cursing today, I discovered that it turns out there&#8217;s nothing wrong with the communication. Whoever built this things was simply too lazy to add decent error warnings [1]. In my case the recording couldn&#8217;t be scheduled because there were too much overlapping recordings.</p>
<p>Building decent error reporting isn&#8217;t fun, but it is crucial to make a usable product. Whenever you&#8217;re writing software, ask yourself the following question: &#8220;Am I helping the user to solve the problem when things go wrong?&#8221;. Just don&#8217;t be a lazy bum and blame it on the communication.</p>
<p>[1] Or more plausible: Had to skip it because his superiors wanted to ship the thing before it was ready.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.savanne.be/405-error-dialogs-dont-be-lazy/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A tale about design: part two</title>
		<link>http://weblog.savanne.be/199-a-tale-about-design-part-two</link>
		<comments>http://weblog.savanne.be/199-a-tale-about-design-part-two#comments</comments>
		<pubDate>Sat, 05 Jun 2010 11:30:01 +0000</pubDate>
		<dc:creator>Ruben</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[f-spot]]></category>
		<category><![CDATA[gnome]]></category>
		<category><![CDATA[lgm]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://weblog.savanne.be/199-a-tale-about-design-part-two</guid>
		<description><![CDATA[<p>Last summer, at <a href="http://www.grancanariadesktopsummit.org/">GCDS</a>, I had some very pleasant developer-designer interaction experiences. <a href="/176-a-tale-about-design">I blogged about this.</a> A week ago the annual <a href="http://www.libregraphicsmeeting.org/">Libre Graphics Meeting</a> was organized in Brussels and again there was a very good cooperation between designers and developers. This post describes my experiences there and is the second in <a href="/tags/design">a hopefully long series of posts</a> on why it matters for developers and designers to work together.</p>
<p><strong>Visions and goals</strong><br />
A couple of weeks ago I inherited the maintainership of <a href="http://f-spot.org/">F-Spot</a>. One of the first things I wanted to do was to set out a new direction for F-Spot, to get the development momentum going again and to reconsider our assumptions. F-Spot has a lot of nice and not-so-nice aspects, it&#8217;s time for us to set the goals high, be ambitious and go from good to awesome.</p>
<p>While speaking about this with <a href="http://www.mmiworks.net/eng/index.html">Peter Sikking</a> (interaction architect and over here probably most known for his Gimp UI design work), he correctly noticed that we should have a clear vision first before redesigning things. We sat down and started working on this.</p>
<p>Maybe working isn&#8217;t the right term here: working with Peter means having an enjoyable chat where he asks you a couple of questions, which gradually help you crystalize the vision. At the end he grabs his laptop, spends fifteen minutes alone typing and out comes a great vision statement, which neatly sums up what I had in mind:</p>
<blockquote><p>F-Spot is a cross platform application for organizing thousands of photos. It shuns &#8216;organizing in folders.&#8217; instead, metadata is the basis for viewing and drilling down the collection. Adding and maintaining metadata is easy and enjoyable in F-Spot.</p>
<p>Individual photos can be retouched and globally corrected (e.g. dynamic range, color), for sharing via the net, printing and viewing by consumers. The number and sophistication of the correction scales to the the ambition of users. An advanced form of corrections is that of batches of photos.</p>
<p>Beginners in the digital photo field can easily start using F-Spot. These and more advanced users are encouraged by F-Spot to grow their skills, to the point where they integrate more specialized photo manipulation software into their F-Spot workflow.</p></blockquote>
<p>The key ideas here are usable for nearly anyone, yet powerful for those who want it, with a gradual path to grow from beginner to advanced photographer. This vision will serve as a test for all new features: what doesn&#8217;t fit in won&#8217;t get in.</p>
<p>Spend some time doing this for your project, it will greatly help your project. I highly recommend Peter to anyone that considers working with him.</p>
<div class="wp-caption aligncenter" style="width: 510px"><img src="/2010-lgm1.jpg" alt="Peter Sikking" width="500" height="333" /><p class="wp-caption-text">Interaction architect Peter Sikking</p></div>
<p><strong>Design, user interface and maintainters</strong><br />
The next day I sat together with some of the great designer heroes of our GNOME community: <a href="http://linuxart.com/">Garrett LeSage</a>, <a href="http://jimmac.musichall.cz/">Jakub Steiner</a>, <a href="http://www.bomahy.nl/hylke/blog/">Hylke Bons</a> and <a href="http://andy.brisgeek.com/">Andy Fitzsimon</a>. Together we started thinking about how we could redesign the user experience of F-Spot. There are no showable results yet (aside from some paper sketches), but I am very impressed with what came out of this session: a clean and powerful experience for organizing photos. Best of all: it&#8217;s not the obvious programmer solution. Having designers in the conversation (in this case a lot of them) allows you to think beyond the obvious. It brings in a lot of design creativity which we developers sometimes lack.</p>
<p>Hylke made a very correct observation: every project should ideally have a code maintainer and a design maintainer. I&#8217;ve come to agree with this.</p>
<div class="wp-caption aligncenter" style="width: 343px"><img src="/2010-lgm2.jpg" alt="Jakub Steiner" width="333" height="500" /><p class="wp-caption-text">Jakub Steiner (jimmac) working on awesome designs.</p></div>
<p><strong>Take-away points</strong><br />
What to take away from this:</p>
<ul>
<li>Get the goals and vision of your project straight. This greatly helps the focus and makes it so much easier to make decisions.</li>
<li>As a developer maintainer, talk to designers, they will make it so much better. This is often a problem, where maintainers see their projects as their pets. Letting someone else co-decide on the design won&#8217;t diminish your merit but it will often greatly improve your project.</li>
<li>Credit in open-source projects is usually given based on code contributions / documentation / translations. We need to value design more and show them love too.</li>
</ul>
<p>Fortunately, most of these points are already common practice in parts of the GNOME community.</p>
<p>As for the changes to F-Spot: these are coming, along with massive improvements (in terms of performance, code quality, stability, etc). That&#8217;s the subject of another blog post in the near future though.</p>
]]></description>
			<content:encoded><![CDATA[<p>Last summer, at <a href="http://www.grancanariadesktopsummit.org/">GCDS</a>, I had some very pleasant developer-designer interaction experiences. <a href="/176-a-tale-about-design">I blogged about this.</a> A week ago the annual <a href="http://www.libregraphicsmeeting.org/">Libre Graphics Meeting</a> was organized in Brussels and again there was a very good cooperation between designers and developers. This post describes my experiences there and is the second in <a href="/tags/design">a hopefully long series of posts</a> on why it matters for developers and designers to work together.</p>
<p><strong>Visions and goals</strong><br />
A couple of weeks ago I inherited the maintainership of <a href="http://f-spot.org/">F-Spot</a>. One of the first things I wanted to do was to set out a new direction for F-Spot, to get the development momentum going again and to reconsider our assumptions. F-Spot has a lot of nice and not-so-nice aspects, it&#8217;s time for us to set the goals high, be ambitious and go from good to awesome.</p>
<p>While speaking about this with <a href="http://www.mmiworks.net/eng/index.html">Peter Sikking</a> (interaction architect and over here probably most known for his Gimp UI design work), he correctly noticed that we should have a clear vision first before redesigning things. We sat down and started working on this.</p>
<p>Maybe working isn&#8217;t the right term here: working with Peter means having an enjoyable chat where he asks you a couple of questions, which gradually help you crystalize the vision. At the end he grabs his laptop, spends fifteen minutes alone typing and out comes a great vision statement, which neatly sums up what I had in mind:</p>
<blockquote><p>F-Spot is a cross platform application for organizing thousands of photos. It shuns &#8216;organizing in folders.&#8217; instead, metadata is the basis for viewing and drilling down the collection. Adding and maintaining metadata is easy and enjoyable in F-Spot.</p>
<p>Individual photos can be retouched and globally corrected (e.g. dynamic range, color), for sharing via the net, printing and viewing by consumers. The number and sophistication of the correction scales to the the ambition of users. An advanced form of corrections is that of batches of photos.</p>
<p>Beginners in the digital photo field can easily start using F-Spot. These and more advanced users are encouraged by F-Spot to grow their skills, to the point where they integrate more specialized photo manipulation software into their F-Spot workflow.</p></blockquote>
<p>The key ideas here are usable for nearly anyone, yet powerful for those who want it, with a gradual path to grow from beginner to advanced photographer. This vision will serve as a test for all new features: what doesn&#8217;t fit in won&#8217;t get in.</p>
<p>Spend some time doing this for your project, it will greatly help your project. I highly recommend Peter to anyone that considers working with him.</p>
<div class="wp-caption aligncenter" style="width: 510px"><img src="/2010-lgm1.jpg" alt="Peter Sikking" width="500" height="333" /><p class="wp-caption-text">Interaction architect Peter Sikking</p></div>
<p><strong>Design, user interface and maintainters</strong><br />
The next day I sat together with some of the great designer heroes of our GNOME community: <a href="http://linuxart.com/">Garrett LeSage</a>, <a href="http://jimmac.musichall.cz/">Jakub Steiner</a>, <a href="http://www.bomahy.nl/hylke/blog/">Hylke Bons</a> and <a href="http://andy.brisgeek.com/">Andy Fitzsimon</a>. Together we started thinking about how we could redesign the user experience of F-Spot. There are no showable results yet (aside from some paper sketches), but I am very impressed with what came out of this session: a clean and powerful experience for organizing photos. Best of all: it&#8217;s not the obvious programmer solution. Having designers in the conversation (in this case a lot of them) allows you to think beyond the obvious. It brings in a lot of design creativity which we developers sometimes lack.</p>
<p>Hylke made a very correct observation: every project should ideally have a code maintainer and a design maintainer. I&#8217;ve come to agree with this.</p>
<div class="wp-caption aligncenter" style="width: 343px"><img src="/2010-lgm2.jpg" alt="Jakub Steiner" width="333" height="500" /><p class="wp-caption-text">Jakub Steiner (jimmac) working on awesome designs.</p></div>
<p><strong>Take-away points</strong><br />
What to take away from this:</p>
<ul>
<li>Get the goals and vision of your project straight. This greatly helps the focus and makes it so much easier to make decisions.</li>
<li>As a developer maintainer, talk to designers, they will make it so much better. This is often a problem, where maintainers see their projects as their pets. Letting someone else co-decide on the design won&#8217;t diminish your merit but it will often greatly improve your project.</li>
<li>Credit in open-source projects is usually given based on code contributions / documentation / translations. We need to value design more and show them love too.</li>
</ul>
<p>Fortunately, most of these points are already common practice in parts of the GNOME community.</p>
<p>As for the changes to F-Spot: these are coming, along with massive improvements (in terms of performance, code quality, stability, etc). That&#8217;s the subject of another blog post in the near future though.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.savanne.be/199-a-tale-about-design-part-two/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Hackfests</title>
		<link>http://weblog.savanne.be/191-hackfests</link>
		<comments>http://weblog.savanne.be/191-hackfests#comments</comments>
		<pubDate>Fri, 26 Feb 2010 16:18:31 +0000</pubDate>
		<dc:creator>Ruben</dc:creator>
				<category><![CDATA[gnome]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://weblog.savanne.be/191-hackfests</guid>
		<description><![CDATA[<p>Dear higher powers,</p>
<p>Could we please have a GNOME usability hackfest every year or so? The magic that comes out of those is awesome.</p>
<p>That will be all.</p>
]]></description>
			<content:encoded><![CDATA[<p>Dear higher powers,</p>
<p>Could we please have a GNOME usability hackfest every year or so? The magic that comes out of those is awesome.</p>
<p>That will be all.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblog.savanne.be/191-hackfests/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

