<?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>Comme-ci, comme ça &#187; Detaljer</title>
	<atom:link href="http://commecicommeca.se/category/anvandbarhet/detaljer/feed/" rel="self" type="application/rss+xml" />
	<link>http://commecicommeca.se</link>
	<description>Användbarhet i olika former.</description>
	<lastBuildDate>Sat, 13 Aug 2011 08:24:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Intressanta gränssnittsdetaljer</title>
		<link>http://commecicommeca.se/2009/06/10/intressanta-granssnittsdetaljer/</link>
		<comments>http://commecicommeca.se/2009/06/10/intressanta-granssnittsdetaljer/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 13:45:17 +0000</pubDate>
		<dc:creator>Johan Bergman</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Detaljer]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Program]]></category>
		<category><![CDATA[Webben]]></category>

		<guid isPermaLink="false">http://commecicommeca.se/?p=251</guid>
		<description><![CDATA[Här följer ett utplock av mer eller mindre intressanta gränssnittsdetaljer jag har stött på den senaste tiden. Huruvida tjänsternas användare faktiskt förstår dessa designlösningar låter jag dock vara osagt&#8230; Buzzword Buzzword är Adobes flashbaserade ordbehandlare. Snyggare än Google Docs men &#8230; <a href="http://commecicommeca.se/2009/06/10/intressanta-granssnittsdetaljer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Här följer ett utplock av mer eller mindre intressanta gränssnittsdetaljer jag har stött på den senaste tiden. Huruvida tjänsternas användare faktiskt förstår dessa designlösningar låter jag dock vara osagt&#8230;</p>
<h3>Buzzword</h3>
<p><a href="https://buzzword.acrobat.com">Buzzword</a> är Adobes flashbaserade ordbehandlare. Snyggare än <a href="http://docs.google.com">Google Docs</a> men å andra sidan segare att ladda in. Buzzword har valt att visa antalet sidor i scrollbaren:</p>
<p style="text-align: center;"><img class="size-full wp-image-255 aligncenter" title="Scrollbaren i Buzzword visar dokumentets antal sidor" src="http://commecicommeca.se/wp-content/uploads/2009/06/buzzword-scroll.png" alt="Scrollbaren i Buzzword visar dokumentets antal sidor" width="450" height="381" /></p>
<p>Att det finns många användare på nätet som uppskattar <a href="http://www.dn.se/kultur-noje/konst-form/sa-gulligt-att-man-liksom-vill-dooo-1.474475">gulliga bilder</a> används på detta sätt:</p>
<div style="text-align: center;"><img class="size-full wp-image-258" src="http://commecicommeca.se/wp-content/uploads/2009/06/buzzword-baby.png" alt="En bild som visar när anslutningen till Buzzword har blivit avbruten" width="394" height="294" /></div>
<h3>Boken Mental Models</h3>
<p>Nedan följer ett exempel på hur boken <a href="http://books.google.com/books?id=JZ-hfb-UGsAC&amp;dq">Mental Models</a> visualiserar hur långt varje kapital är. Det kan dock ifrågasättas om det är ett kapitels sidantal som motsvarar hur lång tid det tar att läsa något&#8230;</p>
<p style="text-align: center;"><img class="size-full wp-image-260 aligncenter" src="http://commecicommeca.se/wp-content/uploads/2009/06/mental-models.png" alt="En visualisation i boken Mental Models som visar hur långt ett kapitel är" width="450" height="322" /></p>
<h3>Classics</h3>
<p><a href="http://www.classicsapp.com/">Classics</a>, ett iPhone-bokprogram som innehåller många av de gamla bokklassikerna, indikerar på ett diskret sätt hur långt man har läst en bok.</p>
<div style="text-align: center;"><img class="size-full wp-image-267" src="http://commecicommeca.se/wp-content/uploads/2009/06/classics.jpg" alt="En bild på bokprogrammet Classics" width="320" height="480" /></div>
<h3>All Recipes</h3>
<p>Ett annat snyggt och smidigt iPhone-program är All Recipes. Förutom en sökfunktion erbjuder också programmet en så kallad &#8221;Dinner spinner&#8221; för den som vill ha ett förslag på ett recept. Roligt, snyggt och framförallt effektivt.</p>
<div style="text-align: center;"><img class="size-full wp-image-275" src="http://commecicommeca.se/wp-content/uploads/2009/06/all-recipes.png" alt="En &quot;Dinner Spinner&quot; används i receptprogrammet All Recipes när man ska leta efter recept." width="320" height="480" /></div>
<h3>Skim</h3>
<p>Om du är en flitig PDF-läsare, macanvändare samt tycker att Förhandsvisning/Preview inte riktigt räcker till kan jag rekommendera PDF-läsarprogrammet <a href="http://skim-app.sourceforge.net/">Skim</a>. Programmet visar ett spår av hur du som användare har klickat i innehållsförteckningen genom att ändra kapitlens bakgrundsfärg. Mörk bakgrundsfärg betyder att du nyligen har klickat på kapitlet, ljus att du klickade på kapitlet för ett tag sedan. Smidigt när man tex. har glömt bort vilket kapitel som redan har blivit skumläst.</p>
<p style="text-align: center;"><img class="size-full wp-image-263 aligncenter" src="http://commecicommeca.se/wp-content/uploads/2009/06/skim-innehallsforteckning.png" alt="Innehållsförteckningen i Skim visar ett spår över hur du tidigare har klickat." width="450" height="362" /></p>
]]></content:encoded>
			<wfw:commentRss>http://commecicommeca.se/2009/06/10/intressanta-granssnittsdetaljer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ett smartare adressfält i Firefox 3</title>
		<link>http://commecicommeca.se/2008/01/04/ett-smartare-adressfalt-i-firefox-3/</link>
		<comments>http://commecicommeca.se/2008/01/04/ett-smartare-adressfalt-i-firefox-3/#comments</comments>
		<pubDate>Fri, 04 Jan 2008 19:03:34 +0000</pubDate>
		<dc:creator>Johan Bergman</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Detaljer]]></category>
		<category><![CDATA[Program]]></category>

		<guid isPermaLink="false">http://commecicommeca.se/2008/01/04/ett-smartare-adressfalt-i-firefox-3/</guid>
		<description><![CDATA[Firefox version 3 finns i skrivande stund som beta 2. En av nyheterna i den kommande versionen är en ny och smartare matchningsalgoritm till adressfältets autokompleteringsfunktion. Tidigare har du som användare behövt skriva adressen till sidan du vill besöka igen &#8230; <a href="http://commecicommeca.se/2008/01/04/ett-smartare-adressfalt-i-firefox-3/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://wiki.mozilla.org/Firefox3">Firefox version 3</a> finns i skrivande stund som <a href="http://www.mozilla.com/en-US/firefox/all-beta.html">beta 2</a>. En av nyheterna i den kommande versionen är en ny och smartare matchningsalgoritm till adressfältets autokompleteringsfunktion. Tidigare har du som användare behövt skriva adressen till sidan du vill besöka igen men nu går det lika bra med ett ord från sidtiteln.</p>
<p style="text-align: center;">Så här kan det till exempel se ut (klicka för förstoring):<br />
<a title="Adressfältet i Firefox 3" href="http://commecicommeca.se/wp-content/uploads/2008/01/firefox-3-adressfalt.png"><img class="aligncenter" src="http://commecicommeca.se/wp-content/uploads/2008/01/firefox-3-adressfalt.thumbnail.png" alt="Adressfältet i Firefox 3" /></a></p>
<p>Förutom smartare matchning tycker jag personligen att texten även är snyggare och mer lättläst än tidigare.</p>
]]></content:encoded>
			<wfw:commentRss>http://commecicommeca.se/2008/01/04/ett-smartare-adressfalt-i-firefox-3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Detalj på kontoutdraget</title>
		<link>http://commecicommeca.se/2007/01/09/detalj-pa-kontoutdraget/</link>
		<comments>http://commecicommeca.se/2007/01/09/detalj-pa-kontoutdraget/#comments</comments>
		<pubDate>Mon, 08 Jan 2007 23:46:54 +0000</pubDate>
		<dc:creator>Johan Bergman</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Detaljer]]></category>
		<category><![CDATA[Information]]></category>

		<guid isPermaLink="false">http://commecicommeca.se/2007/01/09/detalj-pa-kontoutdraget/</guid>
		<description><![CDATA[Jag fortsätter att skriva om detaljer. Just nu använder jag 37signals projektsamarbetesverktyg (hmm, det finns nog en bättre översättning på &#8221;project collaboration tool&#8221;) Basecamp till två olika projekt. Kontoutdraget ser ut så här: Webbsidan 37signals.com/charge har rubriken Can you tell &#8230; <a href="http://commecicommeca.se/2007/01/09/detalj-pa-kontoutdraget/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Jag fortsätter att skriva om <a href="http://commecicommeca.se/category/anvandbarhet/detaljer/">detaljer</a>.</p>
<p>Just nu använder jag <a href="http://37signals.com">37signals</a> projektsamarbetesverktyg (hmm, det finns nog en bättre översättning på &#8221;project collaboration tool&#8221;) <a href="http://basecamphq.com">Basecamp</a> till två olika projekt.</p>
<p>Kontoutdraget ser ut så här:</p>
<p style="text-align: center;"><img id="image134" class="aligncenter" src="http://commecicommeca.se/wp-content/uploads/2007/01/37signals.png" alt="Kontoutdrag för Basecamp" /></p>
<p>Webbsidan <a href="http://37signals.com/charge/">37signals.com/charge</a> har rubriken <cite>Can you tell me why there&#8217;s a charge from 37signals on my credit card?</cite>. Denna lösning har säkert sparat in många timmar av supportarbete.</p>
]]></content:encoded>
			<wfw:commentRss>http://commecicommeca.se/2007/01/09/detalj-pa-kontoutdraget/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Detalj i tvättstugan</title>
		<link>http://commecicommeca.se/2007/01/05/detalj-i-tvattstugan/</link>
		<comments>http://commecicommeca.se/2007/01/05/detalj-i-tvattstugan/#comments</comments>
		<pubDate>Thu, 04 Jan 2007 23:25:34 +0000</pubDate>
		<dc:creator>Johan Bergman</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Detaljer]]></category>

		<guid isPermaLink="false">http://commecicommeca.se/2007/01/05/detalj-i-tvattstugan/</guid>
		<description><![CDATA[Jag gillar smarta detaljer. Små och (oftast) enkla lösningar som får en att tänka &#8221;aha, detta var smart tänkt&#8221;. En detalj som jag gillar finns på undersidan av locket till tvättmedelsfacket på en av tvättmaskinerna i min tvättstuga. Locket har &#8230; <a href="http://commecicommeca.se/2007/01/05/detalj-i-tvattstugan/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Jag gillar smarta detaljer. Små och (oftast) enkla lösningar som får en att tänka &#8221;aha, detta var smart tänkt&#8221;.</p>
<p>En detalj som jag gillar finns på undersidan av locket till tvättmedelsfacket på en av tvättmaskinerna i min tvättstuga.</p>
<p>Locket har på ovansidan två bilder, det till vänster symboliserar förtvätt och det till höger huvudtvätt.</p>
<p style="text-align: center;"><img id="image130" class="aligncenter" src="http://commecicommeca.se/wp-content/uploads/2007/01/ovansidan.jpg" alt="Ovansidan av locket till tvättmedelsfacket" /></p>
<p>Att komma ihåg vilket fack som hör till vilken typ av tvättmedel är nog något de flesta glömmer bort så fort de öppnar luckan (det heter korttidsminnet av en anledning&#8230;). Detta lock är dock smart designat, när man öppnar det finns likadana symboler även på undersidan.</p>
<p style="text-align: center;"><img id="image131" class="aligncenter" src="http://commecicommeca.se/wp-content/uploads/2007/01/undersidan.jpg" alt="Undersidan av locket till tvättmedelsfacket" /></p>
]]></content:encoded>
			<wfw:commentRss>http://commecicommeca.se/2007/01/05/detalj-i-tvattstugan/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

