<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2swedishfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>axbom.se</title>
	
	<link>http://axbom.se</link>
	<description>webbstrategi, webbtrender och mysiga användarupplevelser</description>
	<lastBuildDate>Sun, 05 May 2013 19:04:01 +0000</lastBuildDate>
	<language>sv-SE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=170</generator>
		<feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="axbom-se" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://www.axbom.se/feed/axbom-se" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">axbom-se</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Fwww.axbom.se%2Ffeed%2Faxbom-se" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Fwww.axbom.se%2Ffeed%2Faxbom-se" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://www.axbom.se/feed/axbom-se" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Fwww.axbom.se%2Ffeed%2Faxbom-se" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.live.com/?add=http%3A%2F%2Fwww.axbom.se%2Ffeed%2Faxbom-se" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><item>
		<title>Nya visitkort är en njutning</title>
		<link>http://axbom.se/nya-visitkort-en-njutning</link>
		<comments>http://axbom.se/nya-visitkort-en-njutning#comments</comments>
		<pubDate>Wed, 01 May 2013 10:07:31 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[smurf]]></category>
		<category><![CDATA[visitkort]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5488</guid>
		<description><![CDATA[<p>Nu har jag beställt visitkort igen, lagom till konferensen UXLx i Lissabon. Jag vet inte vad det är som gör det, men jag bara älskar tanken på att få dessa små läckra pappersrutor i handen, redo att dela ut i engagerande samtal. I grund och botten något väldigt icke-digitalt som har ett större personligt värde [...]</p><p>Inlägget <a href="http://axbom.se/nya-visitkort-en-njutning">Nya visitkort är en njutning</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Nu har jag beställt visitkort igen, lagom till konferensen <a href="http://axbom.se/jag-forelaser-pa-uxlx-i-maj">UXLx i Lissabon</a>. Jag vet inte vad det är som gör det, men jag bara älskar tanken på att få dessa små läckra pappersrutor i handen, redo att dela ut i engagerande samtal. I grund och botten något väldigt icke-digitalt som har ett större personligt värde när det överlämnas från en hand till en annan.</strong></p>
<p>Att få uttrycka sitt varumärke i själva visitkortet är förstås något som många missar sin chans med,  men som jag brukar försöka gå <em>all-in</em> med. I årets variant av mina visitkort lyfter jag ut detaljer från sidhuvudet i min blogg och därmed får mottagaren även 3 boktips på varje visitkort.</p>
<p><strong>Och varför inte tänka så?</strong> Vilket värde kan du ge mottagaren utöver dina kontaktuppgifter &#8211; kanske svaret på en fråga som du får många gånger om? Sannolikheten att kortet sparas blir då långt mycket större. Men om det verkligen ska bli en intredningsdetalj i någons skrivbordsröra, ja då måste du även skapa ett emotionellt värde, som sträcker sig in i den konversation som föranleder visitkortsritualen.</p>
<p>Vad tror du om dessa visitkort (framsida och baksida i bilden nedan), kan de åtminstone tillföra ett leende?</p>
<p><a href="http://axbom.se/wp-content/uploads/businesscard-visitkort-axbom.png"><img class="aligncenter size-full wp-image-5489" alt="businesscard-visitkort-axbom" src="http://axbom.se/wp-content/uploads/businesscard-visitkort-axbom.png" /></a></p>
<p>Böckerna i visitkortet visar mina intresseområden, flaggorna skapar ett ytterligare artefakt att prata om &#8211; inte alla känner igen Liberias flagga, och de som sett mig på konferenser känner genast igen bilden av mig när jag skissar på en iPad. Bredvid står en mugg med hjärta som får symbolisera passion och ett latte-beroende.</p>
<p>Den tagline som syns på visitkortet: &#8221;<span lang="en">Bring me another challenge!</span>&#8221; är lånat av en viral bild som spridits på sistone. Den får mig alltid le brett och förmedlar något av en enorm energi och aptit på livet, i  mitt fall en aptit på att lösa problem. Försök att inte le när du ser den.</p>
<p><a href="http://axbom.se/wp-content/uploads/bring-me-another-smurf.jpg"><img class="aligncenter size-full wp-image-5490" alt="Baby with blue messy plate: Bring me another smurf!" src="http://axbom.se/wp-content/uploads/bring-me-another-smurf.jpg" /></a></p>
<p><strong>Jag beställer alltid mina visitkort</strong> på MOO.com. Om du själv är sugen på att beställa visitkort kan du använde denna länk för att få 10% rabatt på din beställning: <a href="http://www.moo.com/share/smt75q">http://www.moo.com/share/smt75q</a></p>
<p><em>Jag har uttalat mig om visitkort förr:</em></p>
<p>» På <a href="http://www.swedensocialwebcamp.com/">Sweden Social Web Camp</a> 2010 höll jag en <a href="http://axbom.se/dags-att-ateruppfinna-visitkortet">session om visitkort</a>, som jag bloggade om<br />
<em id="__mceDel">» Jag blev nyligen intervjuad på Telias blogg <a href="http://www.telia.se/foretag/trenderochnytta/posts/2013/04/08/visitkortetvagrarlatasigdigitaliseras">Trender &amp; Nytta om visitkort</a>.</em></p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/nya-visitkort-en-njutning">Nya visitkort är en njutning</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/nya-visitkort-en-njutning/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Koll på tillgänglighet: 10. Förutsägbar</title>
		<link>http://axbom.se/koll-pa-tillganglighet-10-forutsagbar</link>
		<comments>http://axbom.se/koll-pa-tillganglighet-10-forutsagbar#comments</comments>
		<pubDate>Sun, 28 Apr 2013 21:35:12 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[Tillgänglighet]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[wcag]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5484</guid>
		<description><![CDATA[<p>Tänk dig att du sitter på bussen och din hållplats närmar sig. Du trycker på stop-knappen och vips så har bussen blivit mindre och hoppat till en parallellgata. Om du är en miljöskadad webbdesigner tänker du: &#8221;Oj, någon har lekt lite för mycket med Jquery!&#8221; Riktlinje nummer 10 i min serie om tillgänglighet handlar om [...]</p><p>Inlägget <a href="http://axbom.se/koll-pa-tillganglighet-10-forutsagbar">Koll på tillgänglighet: 10. Förutsägbar</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Tänk dig att du sitter på bussen och din hållplats närmar sig. Du trycker på stop-knappen och vips så har bussen blivit mindre och hoppat till en parallellgata. Om du är en miljöskadad webbdesigner tänker du: &#8221;Oj, någon har lekt lite för mycket med <a href="http://jquery.com/">Jquery</a>!&#8221;</strong></p>
<p><em>Riktlinje nummer 10 i <a href="http://axbom.se/koll-pa-tillganglighet-overblick">min serie om tillgänglighet</a> handlar om förutsägbarhet, och om att inte ändra sammanhang utan att först göra användaren medveten om det.</em></p>
<p><a href="http://axbom.se/wp-content/uploads/wcag-forutsagbar.jpg"><img class="aligncenter size-large wp-image-5485" alt="wcag-forutsagbar" src="http://axbom.se/wp-content/uploads/wcag-forutsagbar-550x412.jpg" /></a></p>
<p>Webbsidor ska se ut och uppföra sig på ett förutsägbart sätt. Riktlinjen nämner en hel del om att undvika <em>kontextförändringar</em> som användaren inte är beredd på. Enkelt uttryckt handlar en kontextförändring om något som förändrar webbläsaren, dess <em>viewport</em> (den synliga ytan i webbläsaren), fokus i sidan eller ändrar innehåll som förändrar sidans betydelse.</p>
<p><strong>Exempel på kontextförändringar</strong> är nya fönster, förflyttning av fokus till ett annat element, hopp till en ny sida (även sån&#8217;t som gör att det ser ut för användaren som att de bytt sida) eller att &#8221;möblera om&#8221; innehåll på sidan så att det hamnar i en annan ordning.</p>
<p>Vi går igenom riktlinjens tre nivåer:</p>
<h3>Nivå A</h3>
<ul>
<li><span style="font-size: 13px; line-height: 19px;"><strong>Vid fokus</strong>: När ett element på sidan får fokus (länk, knapp eller annat), så triggar inte den en kontextförändring. Observera att det handlar om fokus; ett klick är något annat.</span></li>
<li><strong>Vid inmatning</strong>: Förändring av inställningar för en komponent i sidan orsakar inte en kontextförändring.</li>
</ul>
<p>Exempel: Jag har sett inmatningsfält för kreditkortsnummer där användarens markör för inmatning automatiskt hoppar från ett fält till annat när 4 siffror är inmatade. Det är exempel på en otillåten kontextförändring.</p>
<h3>Nivå AA</h3>
<ul>
<li><span style="font-size: 13px; line-height: 19px;"><strong>Konsekvent navigering</strong>. Om du har en meny eller för all del en sidfot med länkar som återkommer på många sidor, så ska inte de inbördes länkarna byta ordning från sida till sida.</span></li>
<li><strong>Konsekvent identifiering</strong>. Komponenter som har samma funktionalitet inom en grupp webbsidor har en identifieras på ett konsekvent sätt.</li>
</ul>
<p>Exempel: Textalternativ för dokumentikoner, om de används för att länka till dokument, börjar alltid med samma ord (&#8221;ladda ner…&#8221;) och på samma sätt så har pilar längst ner på olika sidor samma textalternativ om de alltid används för att hänvisa vidare till en annan sida (&#8221;gå till sida…&#8221;). Om du har en sök-ruta med liknande funktionalitet på två olika sidor, men i ena fallet heter sök-knappen &#8221;sök&#8221; och i andra fallet &#8221;hitta&#8221;, då gör du alltså fel.</p>
<h3>Nivå AAA</h3>
<ul>
<li><span style="font-size: 13px; line-height: 19px;"><strong>Förändringar på begäran</strong>. Kontextförändringar sker endast på användarens begäran eller så finns möjlighet att stänga av sådana förändringar.</span></li>
</ul>
<p>Det här adresserar till exempel beteendet att öppna i nytt fönster eller i en ny flik. OM du gör rätt så ska sådana beteenden ske endast på begäran, eller så ska användaren kunna stänga av det. Om man har dålig syn eller kognitiva besvär är det inte alltid uppenbart varför inte bakåt-knappen funkar som den ska.</p>
<p>Andra exempel på kontextförändringar jag inte bett om är skickandet av formulär när jag kryssar en checkruta. Jag har sett liknande sådana tillämpningar i enkäter. Sluta med det.</p>
<h2>Fortfarande kvar på bussen?</h2>
<p>Tillbaka till bussen. Lustigt nog säger inte den här riktlinjen om förutsägbarhet så mycket om att klicka. Om man klickar så ska ju helst både bussen och knappen fortsätta bete sig på ett förutsägbart sätt. Det som avgör vad som är förutsägbart är förstås alltid de förväntningar du satt. Det är viktigt att vara tydlig med vad som händer vid specifika aktiviteter.</p>
<p>Så om busschauffören heter Joe Labero, ja då är kanske dina förväntningar helt i linje med aktuella skeenden.</p>
<p>Men prova inte hemma.</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/koll-pa-tillganglighet-10-forutsagbar">Koll på tillgänglighet: 10. Förutsägbar</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/koll-pa-tillganglighet-10-forutsagbar/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>3 grymma tjänster för platshållarbilder</title>
		<link>http://axbom.se/3-grymma-tjanster-for-platshallarbilder</link>
		<comments>http://axbom.se/3-grymma-tjanster-for-platshallarbilder#comments</comments>
		<pubDate>Thu, 25 Apr 2013 18:17:58 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[Verktyg]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[lorempixel]]></category>
		<category><![CDATA[placekitten]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5475</guid>
		<description><![CDATA[<p>Jag bygger en prototyp just nu, och även om jag ogillar lorem ipsum och dummy-innehåll, så kan det finnas behov av att fylla ut med bilder innan det finns tillgång till slutgiltiga bilder. På engelska kallas det för placeholder images, alltså platshållarbilder. Här är några av de bästa tjänsterna för att fylla ut bildplatserna. De [...]</p><p>Inlägget <a href="http://axbom.se/3-grymma-tjanster-for-platshallarbilder">3 grymma tjänster för platshållarbilder</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Jag bygger en prototyp just nu, och även om jag <a href="http://axbom.se/lorem-shitsum-en-text-som-luktar-illa">ogillar lorem ipsum</a> och dummy-innehåll, så kan det finnas behov av att fylla ut med bilder innan det finns tillgång till slutgiltiga bilder. På engelska kallas det för <em>placeholder images</em>, alltså platshållarbilder.</strong></p>
<p>Här är några av de bästa tjänsterna för att fylla ut bildplatserna. De funkar på liknande sätt allihop, du anropar helt enkelt en bild genom att bara ange bild-dimensionerna i webbadressen. Snabbt, enkelt, och ofta roligt.</p>
<h3>1. <a href="http://placekitten.com/">Placekitten</a></h3>
<p>Japp, fyll ut ytan med en kattunge. Allt du behöver göra är att ange följande rad.</p>
<p>&lt;img src=&#8221;http://placekitten.com/g/310/200&#8243;&gt;</p>
<p><img alt="" src="http://placekitten.com/g/310/200" /></p>
<p>Då får du som synes en kattbild. Du kan inte styra vilken, men det är ju lite av charmen.</p>
<h3>2. <a href="http://placehold.it/">Placehold.it</a></h3>
<p><span style="font-size: 13px; line-height: 19px;">Den här tjänsten ger ju inga gosiga djur, men däremot talar den om dimensionerna på bilden, vilket kan vara lämpligt som underlag för grafiker och utvecklare. Det kan ju iofs bli förvirrande om du har en responsiv sajt, eller upplysande &#8211; beroende på hur du väljer att se det. Så här skriver du i alla fall.:</span></p>
<p>&lt;img src=&#8221;http://placehold.it/310&#215;200&#8243;&gt;</p>
<p><img alt="" src="http://placehold.it/310x200" /></p>
<h3>3. <a href="http://lorempixel.com/">lorempixel</a></h3>
<p>Temabilder i valfritt format. Du anger dimensioner som i de andra tjänsterna men du kan också komplettera med ett ämne, för att få rätt genre av utfyllnadsbild, med text som &#8221;vattenmärke&#8221;, och ange om du vill ha grå bild. Galet smart tjänst.</p>
<p>Här är en variant för att få en grå bild i ämnet <em>people</em> som det står axbom på. Läs om alla inställningar hos <a href="http://lorempixel.com/">Lorempixel</a>.</p>
<p>&lt;img src=&#8221;http://lorempixel.com/g/310/200/people/axbom&#8221;&gt;</p>
<p><img alt="" src="http://lorempixel.com/g/310/200/people/axbom" /></p>
<h3>Bonustjänst:</h3>
<p><img alt="" src="https://chart.googleapis.com/chart?chs=300x180&amp;cht=gom&amp;chd=t:70&amp;chco=FF0000,FF8040,FFFF00,00FF00,00FFFF,0000FF,800080&amp;chxt=x,y&amp;chxl=0:|axbom|1:|G%C3%A4sp|P%C3%A5hittig|D%C3%A5raktig" /></p>
<p>Jag behövde också diagram till min prototyp, och för det använder jag <a href="https://developers.google.com/chart/image/">Image Charts</a> från Google (denna tjänst <a href="https://developers.google.com/chart/terms">upphör dock 20 april, 2015</a>).</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/3-grymma-tjanster-for-platshallarbilder">3 grymma tjänster för platshållarbilder</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/3-grymma-tjanster-for-platshallarbilder/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Simpelt är inte enkelt är inte intuitivt</title>
		<link>http://axbom.se/simpelt-ar-inte-enkelt-ar-inte-intuitivt</link>
		<comments>http://axbom.se/simpelt-ar-inte-enkelt-ar-inte-intuitivt#comments</comments>
		<pubDate>Wed, 24 Apr 2013 18:51:26 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[blogg100]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5467</guid>
		<description><![CDATA[<p>Många är de som propsar på avskalade gränssnitt, minimalistiska menyer och decimerat innehåll. Helst ska användarna förstås förstå direkt, intuitivt, hur de använder en tjänst &#8211; nästan innan de ser den. Men om nyttan inte är uppenbar kan det vara ett hinder i sig att förenkla för mycket. Tanken om simpelt eftersträvar att användaren inte [...]</p><p>Inlägget <a href="http://axbom.se/simpelt-ar-inte-enkelt-ar-inte-intuitivt">Simpelt är inte enkelt är inte intuitivt</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Många är de som propsar på avskalade gränssnitt, minimalistiska menyer och decimerat innehåll. Helst ska användarna förstås förstå direkt, intuitivt, hur de använder en tjänst &#8211; nästan innan de ser den. Men om nyttan inte är uppenbar kan det vara ett hinder i sig att förenkla för mycket.</strong></p>
<div id="attachment_5471" class="wp-caption aligncenter" style="width: 560px"><a href="http://www.flickr.com/photos/axbom/8678958746/sizes/o/"><img class=" wp-image-5471" alt="" src="http://axbom.se/wp-content/uploads/att-gora-appar-urklipp-550x456.png" width="550" height="456" /></a><p class="wp-caption-text">Bilden är ett urklipp från en jättelång lista med att-göra-appar, som fortfarande bara är en bråkdel av alla som finns i App Store.</p></div>
<p>Tanken om<em> simpelt</em> eftersträvar att användaren inte ska överväldigas av en mängd val eller ett plottrigt utseende. Samtidigt så får  man inte underskatta behovet av att involvera användaren och ge henne vägledning. En användare som känner att hon kan påverka och styra, kommer att känna ägarskap och förståelse för hur olika delar hänger ihop. En användare som får vägledning kommer upptäcka de geniala delarna i din tjänst som annars kan förbli oupptäckta.</p>
<h3>Några frågor att ställa sig om enkelt gränssnitt</h3>
<ul>
<li>Förstår användaren vad tjänsten är till för — Är syfte, och möjligheter, tydliga?</li>
<li>Förstår användaren vad hon ska göra för att utföra sin aktivitet?</li>
<li>Förstår användaren om det går bra eller dåligt — Får användaren återkoppling vid framsteg och interaktioner?</li>
<li>Tilltalar du användaren på ett sätt som tilltalar användaren?</li>
</ul>
<p>En enkel tjänst ska fortfarande kunna svara upp mot de viktigaste användningsfrågorna. Om den inte gör det har du inte bara minimerat visuell design, utan försämrat kognitivt stöd.</p>
<h3>Enkelhet ligger i betraktarens öga</h3>
<p>Hur komplext något är avgörs inte av antalet länkar eller en vit bakgrund, det avgörs av hur den enskilda användaren tar sig från punkt A till B och om hon känner sig trygg med sina val på vägen dit. Om du, i en jakt på enkelhet, ger för lite information kan resultatet istället bli att användaren känner sig osäker.</p>
<h3>Repetition gör det intuitivt</h3>
<p>Och i denna ständiga jakt på intuitiva gränssnitt kan jag bara konstatera att när människor säger att något är intuitivt så är det för att de spenderat många långa timmar för att det sedan ska kännas så. Att gå är intuitivt för att du trillade omkull många gånger.</p>
<p>Men missförstå mig rätt, att eliminera hinder för att uppnå förenklade tjänster är positivt; dock är minimalismen i sig inte svaret på ett problem &#8211; du måste fokusera på att lösa problemet först.</p>
<p>&nbsp;</p>
<h3>Exempel: Att-göra appar</h3>
<p><a title="Att-göra appar by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/8678958746/sizes/o/"><img class="alignright" alt="lång lista med en bråkdel av alla att-göra-appar" src="http://farm9.staticflickr.com/8524/8678958746_81f01a73d8.jpg" width="63" height="500" /></a><br />
Det finns hundratals appar för att-göra listor till våra smartphones. Något så enkelt som en att-göra lista genererar alltså otroligt många olika lösningsidéer, ett övermått av gränssnitt och en uppsjö av olika interaktionsmöjligheter. Det orsakar till och med skrämmande oanvändbara topplistor som denna: <a href="http://iphone.appstorm.net/roundups/productivity-roundups/25-fantastic-to-do-list-apps-for-iphone/">25 Fantastic To-Do List Apps for iPhone</a>.</p>
<p>Det intressanta är förstås att många av dessa appar, som har ett enstaka och tydligt syfte, av många skulle omtalas som avskalade och ofta minimalistiska. Men det gör dem långt ifrån enkla att använda &#8211; ibland skapar de till och med mer frustration och ångest. En att-göra lista på en smartphone handlar nämligen ofta om att förändra ett beteende eller vana. Och då räcker det inte med några få knappar, då måste den passa in i människors vardag och vara fokuserad på att hjälpa människor och/eller uppmuntra ett beteende &#8211; vilket implicit innebär mer funktioner och potentiellt mer element i gränssnittet.</p>
<p>Vad tror ni, går det att förstå hur jag menar?</p>
<p><em>Jösses vilken bra idé jag fick till en att-göra app nu. Men mer om det en annan gång.</em></p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/simpelt-ar-inte-enkelt-ar-inte-intuitivt">Simpelt är inte enkelt är inte intuitivt</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/simpelt-ar-inte-enkelt-ar-inte-intuitivt/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Koll på tillgänglighet: 9. Läsvänlig för skärmläsare (och människor)</title>
		<link>http://axbom.se/koll-pa-tillganglighet-9-lasvanlig-for-skarmlasare</link>
		<comments>http://axbom.se/koll-pa-tillganglighet-9-lasvanlig-for-skarmlasare#comments</comments>
		<pubDate>Tue, 23 Apr 2013 07:29:38 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[Tillgänglighet]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[wcag]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5461</guid>
		<description><![CDATA[<p>En dator som läser svenska texter på amerikanska, eller tvärtom, kan göra ont i öronen. En dator som läser KBM (Krisberedskapsmyndigheten) som &#8221;kubikmeter&#8221;, eller datorföretaget HP som &#8221;horsepower&#8221; skapar förvirring. Ovanliga förkortningar utan förklaringar är irriterande. Hur mycket informationsbrus skapar din sida? I serien om tillgänglighet har jag nått avsnittet om att en sida ska [...]</p><p>Inlägget <a href="http://axbom.se/koll-pa-tillganglighet-9-lasvanlig-for-skarmlasare">Koll på tillgänglighet: 9. Läsvänlig för skärmläsare (och människor)</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>En dator som läser svenska texter på amerikanska, eller tvärtom, kan göra ont i öronen. En dator som läser <abbr title="Krisberedskapsmyndigheten">KBM</abbr> (Krisberedskapsmyndigheten) som &#8221;kubikmeter&#8221;, eller datorföretaget HP som &#8221;horsepower&#8221; skapar förvirring. Ovanliga förkortningar utan förklaringar är irriterande. Hur mycket informationsbrus skapar din sida?</abbr></strong></p>
<p>I <a href="http://axbom.se/koll-pa-tillganglighet-overblick">serien om tillgänglighet</a> har jag nått avsnittet om att en sida ska vara &#8221;Möjlig att förstå&#8221; och första riktlinjen handlar om hur vi primärt hjälper skärmläsare och stödteknik (men också förstås människor) att förstå innehållet.</p>
<p><a href="http://axbom.se/wp-content/uploads/wcag-lasvanlig.jpg"><img class="aligncenter size-large wp-image-5463" alt="wcag-lasvanlig" src="http://axbom.se/wp-content/uploads/wcag-lasvanlig-550x412.jpg" /></a></p>
<h3>Nivå A</h3>
<ul>
<li>Språket är definierat för hela sidan.</li>
</ul>
<p>Japp, svårare än så är inte denna lägsta nivå! Men löjligt många missar det.</p>
<h3>Nivå AA</h3>
<ul>
<li>Enskilda stycken och ord på ett annat språk, än det som definierats för hela sidan, är definierade som varandes på det språket.</li>
</ul>
<p>Det låter så enkelt men bara någon promille av våra webbplatser fixar det. För ett vanligt stycke kan det alltså i koden till exempel skrivas så här: &lt;p lang=&#8221;en&#8221;&gt;<span lang="en">Content in English</span>&lt;/p&gt;. Då blir texten uppläst med rätt uttal.</p>
<p>Gör detta enkla så fixar du nivå AA i denna rekommendation, vilket de flesta sajter faktiskt i något bortglömt dokument eftersträvar.</p>
<h3>Nivå AAA</h3>
<p>Nu kanske det börjar kännas lite krångligare. Men häng på, för några är görbara för det flesta, och det är något jag verkligen försöker propsa på: bara för att du inte klarar alla på nivå AAA, betyder ju inte att du ska ignorera de du faktiskt klarar av att tillgodose!</p>
<ul>
<li><strong>Ovanliga ord och fraser</strong> ska kompletteras med en definitionslista som förklarar begreppet, det ger förbättringar både för sökmotoroptimering och för människor med svenska som andraspråk samt med kognitiva funktionsnedsättningar.</li>
<li><strong>Förkortningar ska förklaras.</strong> Det finns HTML-attribut som hjälper med detta för skärmläsare, men de bör även skrivas ut i klartext, så att alla kan ta del av förkortningens betydelse. Gör som papperstidningarna, första gången förkortningen används så skriver du ut hela förklaringen.</li>
<li>En version av texten som <strong>inte kräver en läskunskapsnivå högre än mellanstadiet</strong> kompletterar den vanliga texten, såvida inte ursprungstexten själv uppfyller detta. » <a href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-supplements">Fördjupningsinfo om läsnivå </a></li>
<li><strong>Uttal av ord</strong> är specificerat när betydelsen kan bli tvetydig. Det kan göras på flera sätt: Länka till fonetiskt uttal, skriv detsamma i parentes, eller länka till en ljudfil.</li>
</ul>
<h3>Fördelarna</h3>
<p>En del människor har svårigheter med att tolka skriftliga texter men har inga problem att förstå komplexa dokument när de läses högt, eller när nyckelpunkter illustreras med bilder eller tolkas med teckenspråk. För en del personer är förståelsen avhängigt om det finns tillgång till specifika definitioner av specialiserade begrepp och förkortningar.</p>
<p>Avsaknad av språkinformation och uttalsinformation, och även textens läsriktning när det är relevant, kan orsaka enorma barriärer för många människor. Behöver jag nämna att något så enkelt som stavfel kan ställa till med en hel del förvirring också?</p>
<p>Och som du märker, om du inte klarar nivå AA av denna riktlinje, då anstränger du dig knappt.</p>
<p>» <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html">Fler tips från W3C för att göra text lättläst och lättförståelig. </a></p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/koll-pa-tillganglighet-9-lasvanlig-for-skarmlasare">Koll på tillgänglighet: 9. Läsvänlig för skärmläsare (och människor)</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/koll-pa-tillganglighet-9-lasvanlig-for-skarmlasare/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Hopscotch – Lär dig programmera med iPad-app</title>
		<link>http://axbom.se/hopscotch-lar-dig-programmera-med-ipad-app</link>
		<comments>http://axbom.se/hopscotch-lar-dig-programmera-med-ipad-app#comments</comments>
		<pubDate>Sun, 21 Apr 2013 19:35:32 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Verktyg]]></category>
		<category><![CDATA[Webbtrender]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[hopscotch]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[programmering]]></category>
		<category><![CDATA[scratch]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5454</guid>
		<description><![CDATA[<p>Jag var åtta år när jag började programmera på en Sinclair ZX81, för 30 år sedan. I dag är det en större utmaning att få barn intresserade av programmering från grunden; så mycket är färdigt, så mycket är serverat. Samtidigt är många överens om att programmeringskunskaper är något av det viktigaste vi kan ge våra [...]</p><p>Inlägget <a href="http://axbom.se/hopscotch-lar-dig-programmera-med-ipad-app">Hopscotch &#8211; Lär dig programmera med iPad-app</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Jag var åtta år när jag började programmera på en <a href="http://axbom.se/min-forsta-dator">Sinclair ZX81</a>, för 30 år sedan. I dag är det en större utmaning att få barn intresserade av programmering från grunden; så mycket är färdigt, så mycket är serverat. Samtidigt är många överens om att programmeringskunskaper är något av det viktigaste vi kan ge våra barn för att rusta dem för framtiden.</strong></p>
<p><em>I dag har Stiftelsen för internetinfrastruktur haft sitt första barnhack, <a href="https://www.iis.se/evenemang/barnhack/">en programmeringskurs för barn</a>. Jag ser fram emot att höra mer om det. Kursen utgår från ett populärt visuellt programmeringsspråk som heter <a href="http://scratch.mit.edu/">Scratch</a> och som <a href="http://en.wikipedia.org/wiki/Scratch_(programming_language)">utvecklades på MIT</a> år 2006.</em></p>
<p>I dag fick jag också <a href="https://twitter.com/LucJansson/status/326018725159518208">tips om en ny iPad-app</a>, <a href="http://www.gethopscotch.com/">Hopscotch</a>, som kom ut i App Store i beta-version i fredags. Appen bygger på Scratch och gör det alltså möjligt att bygga egna spel och program med hjälp av ett dra-och-släpp gränssnitt. Hopscotch har gjort Scratch pekskärmsvänligt, och lite mer visuellt angenämt.</p>
<p><a href="http://axbom.se/wp-content/uploads/hopscotch-app-ipad-scratch.png"><img class="aligncenter size-large wp-image-5455" alt="hopscotch-app-ipad-scratch" src="http://axbom.se/wp-content/uploads/hopscotch-app-ipad-scratch-550x366.png" /></a></p>
<p><strong>På ett lekfullt sätt</strong>, med tilltalande design, lär man sig variabler, if/then-satser och förgreningslogik. Det lekfulla innebär på intet sätt dock att det finns några typiska begränsningar, utan ambitionen är för Hopscotch att bli en fullblodig programmeringsmiljö som ska kunna utföra rutiner som vilket annat programmeringsspråk som helst.</p>
<p>I en värld där vi allt mer lever med våra digitala plattor tror jag att denna beta-release av Hopscotch är en glimt av framtidens sätt att programmera.</p>
<p>» <a href="http://www.gethopscotch.com/">Ladda ner Hopscotch</a></p>
<p>» Läs: <a href="http://allthingsd.com/20130416/hopscotch-for-ipad-makes-coding-kid-friendly/">Hopscotch for iPad makes Coding Kid-Friendly</a></p>
<p>» Läs: <a href="http://blog.gethopscotch.com/">Hopscotch-bloggen</a></p>
<p><iframe src="http://live.wsj.com/public/page/embed-970E048B_7264_457C_9191_F1E2EDECB5A5.html" height="288" width="512" frameborder="0" scrolling="no"></iframe></p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/hopscotch-lar-dig-programmera-med-ipad-app">Hopscotch &#8211; Lär dig programmera med iPad-app</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/hopscotch-lar-dig-programmera-med-ipad-app/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>6 appar för självhjälp</title>
		<link>http://axbom.se/6-appar-for-sjalvhjalp</link>
		<comments>http://axbom.se/6-appar-for-sjalvhjalp#comments</comments>
		<pubDate>Sun, 21 Apr 2013 13:30:18 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[Verktyg]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[psykologi]]></category>
		<category><![CDATA[självhjälp]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5450</guid>
		<description><![CDATA[<p>När solen börjar värma på riktigt mår man automatiskt bättre, men ger också energi till att börja ta tag i saker. Mitt nuvarande arbete med möjliggörande av terapi över Internet har fått mig intresserad av att hur appar kan användas för att förändra humör och beteenden. Här är sex appar att kika närmare på. Cravings [...]</p><p>Inlägget <a href="http://axbom.se/6-appar-for-sjalvhjalp">6 appar för självhjälp</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>När solen börjar värma på riktigt mår man automatiskt bättre, men ger också energi till att börja ta tag i saker. Mitt nuvarande arbete med möjliggörande av terapi över Internet har fått mig intresserad av att hur appar kan användas för att förändra humör och beteenden. Här är sex appar att kika närmare på.</strong></p>
<p><img alt="lift-app" src="http://axbom.se/wp-content/uploads/lift-app-550x366.jpg" /></p>
<ol>
<li><a href="http://www.cravingsmanager.com/">Cravings Manager</a> (iPhone, Blackberry) - Oavsett din last, om du vill sluta röka eller bli av med några kilon så hjälper Cravings Manager dig att få en tydligare bild av när dina begär uppstår och göra en plan för hur du kan undvika de situationerna.</li>
<li><a href="https://itunes.apple.com/us/app/gratitude-journal-original!/id299604556?mt=8">Gratitude journal</a> (iPhone) &#8211; Ett par minuter om dagen för att skriva ner saker du är tacksam för kan ge dig en tydligare känsla av mening och syfte.</li>
<li><a href="https://itunes.apple.com/us/app/the-habit-factor-daily-habits/id316925674?mt=8">The Habit Factor</a> (iPhone) &#8211; Baserat på <a href="http://www.thehabitfactor.com/">boken</a> med samma namn. Hjälper dig hantera mål och vanor med en hel del möjliga personliga anpassningar. Du kan <a href="https://itunes.apple.com/us/app/habit-factor-lite-daily-habits/id324002311?mt=8">prova gratisversionen</a> först om du vill.</li>
<li><a href="http://lift.do/">Lift App</a> (iPhone och kommande webbversion) &#8211; Hjälper dig skapa önskade vanor. Definiera vanorna, mata in när du utför dem, så får du återkoppling i form av grafer. Det finns också en användarcommunity som kan hjälpa till att peppa dig.</li>
<li><a href="https://itunes.apple.com/app/istress/id308147604?mt=8">iStress</a> (iPhone) &#8211; Hur vi tänker och slappnar av kan minska stress. Appen iStress uppmuntrar positivt tänkande och humor, samtidigt som den loggar negativa tankar och känslor.</li>
<li><a href="http://www.unstuck.com/">Unstuck</a> (iPad) &#8211; Underbara verktyg för att till exempel sätta mål. övervinna hinder, planera, bli motiverad och hantera förändring.</li>
</ol>
<p><iframe src="http://player.vimeo.com/video/31056501" height="281" width="500" allowfullscreen="" frameborder="0"></iframe></p>
<p>Videon <a href="http://vimeo.com/31056501">Unstuck</a> from <a href="http://vimeo.com/unstuck">Unstuck</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Må bäst!</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/6-appar-for-sjalvhjalp">6 appar för självhjälp</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/6-appar-for-sjalvhjalp/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Krångla till det för användaren</title>
		<link>http://axbom.se/krangla-till-det-for-anvandaren</link>
		<comments>http://axbom.se/krangla-till-det-for-anvandaren#comments</comments>
		<pubDate>Fri, 19 Apr 2013 18:38:46 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[mailchimp]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5445</guid>
		<description><![CDATA[<p>Nyhetsbrevstjänsten MailChimp får ofta beröm för sina roliga meddelanden, men de gör något annat bra också: nämligen krånglar till det. Ibland behöver vi nämligen krångla till det, och det är när användaren ska utföra något som kräver ordentligt med eftertanke. Ta min e-postlista med 492 prenumeranter till exempel. Låt säga att jag råkar trycka Delete [...]</p><p>Inlägget <a href="http://axbom.se/krangla-till-det-for-anvandaren">Krångla till det för användaren</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Nyhetsbrevstjänsten <a href="http://mailchimp.com/">MailChimp</a> får ofta beröm för sina <a href="http://www.flickr.com/photos/axbom/5037055034/">roliga meddelanden</a>, men de gör något annat bra också: nämligen krånglar till det. Ibland behöver vi nämligen krångla till det, och det är när användaren ska utföra något som kräver ordentligt med eftertanke.</strong></p>
<p><strong>Ta min e-postlista med 492 prenumeranter</strong> till exempel. Låt säga att jag råkar trycka <em>Delete</em> på den listan av misstag, räcker det då med att ge mig en dialogruta som frågar om jag verkligen vill radera listan? Nja, om det handlar om radering av något så värdefullt så vill man nog undvika alla former av tänkbara användarmisstag. Att klicka fel två gånger i rad är nämligen inte helt otänkbart.</p>
<p>MailChimp löser det föredömligt genom att tvinga mig att skriva DELETE i ett fält för att bekräfta att jag verkligen vill radera. Förutom att det verkligen kräver mer ansträngning så blir det extra redundant eftersom det är ordet DELETE jag måste skriva. Till exempel hade det inte varit lika rätt att tvinga mig att skriva OK.</p>
<p>Så här ser det ut:</p>
<p><a title="mailchimp delete confirmation by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/8663891004/"><img alt="mailchimp delete confirmation" src="http://farm9.staticflickr.com/8242/8663891004_3f78e92db5_z.jpg" width="640" height="392" /></a></p>
<p>och då måste jag först skriva ordet DELETE och sedan trycka på knappen DELETE. Alltså riktigt krångligt samtidigt som det, nästan motsägelsefullt, är helt i enlighet med användarcentrerad design.</p>
<p><a title="mailchimp delete confirmation 2 by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/8662793491/"><img alt="mailchimp delete confirmation 2" src="http://farm9.staticflickr.com/8258/8662793491_e2500bd5fe_o.png" width="353" height="180" /></a></p>
<p>Men nej, jag tänker inte göra det. Prenumerera i stället. Vi hörs!</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/krangla-till-det-for-anvandaren">Krångla till det för användaren</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/krangla-till-det-for-anvandaren/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Framgångsrika projekt med bilder</title>
		<link>http://axbom.se/framgangsrika-projekt-med-bilder</link>
		<comments>http://axbom.se/framgangsrika-projekt-med-bilder#comments</comments>
		<pubDate>Thu, 18 Apr 2013 21:59:01 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[ikoner]]></category>
		<category><![CDATA[skissa]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5438</guid>
		<description><![CDATA[<p>Kommer du ihåg när det viktigaste med en ny bok var om det fanns bilder? I 5-8 års åldern kan det vara avgörande för om ett barn ens närmar sig en bok. Det är under perioden när det ofta är en rejäl utmaning att läsa, och bilder kan i sig vara nyckeln till att knäcka [...]</p><p>Inlägget <a href="http://axbom.se/framgangsrika-projekt-med-bilder">Framgångsrika projekt med bilder</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Kommer du ihåg när det viktigaste med en ny bok var om det fanns bilder? I 5-8 års åldern kan det vara avgörande för om ett barn ens närmar sig en bok. Det är under perioden när det ofta är en rejäl utmaning att läsa, och bilder kan i sig vara nyckeln till att knäcka läskoden. Då ökar bilderna förståelsen och skapar en trygghet. Spola nu fram till arbetslivet och perioden när det är en utmaning att förstå kravspecifikationer. Vet du vad lösningen är?</strong></p>
<p>Bilder.</p>
<p>Ja, jag älskar att skissa. Men det är mer än så. Projekten jag jobbar i blir så mycket bättre när jag illustrerar komplicerade interaktioner med bilder. Lättnaden i andras ansikten när de förstår ger mig en energikick. De knäcker koden. Men det visar också att jag, som leverantör, förstår — och kan få bekräftat med nickningar att &#8221;javisst, precis så där är det&#8221;.</p>
<ul>
<li>Vi får något attraktivt att prata runt, vilket ger en trygghet och ett välbefinnande i sig. Ja, det är bra mycket mer attraktivt än en kravspecifikation eller ett Excel-ark.</li>
<li>Det lyfter problembilden till en högre nivå och kan ge tankar om utmaningar och möjligheter som inte var uppenbara i textform.</li>
<li>När man ser hur olika delar i ett system hänger ihop så får  man också bättre självkänsla av att se att det man bidrar med gör skillnad.</li>
<li>Färger stimulerar. Avteckningar av människor stimulerar. Pilar stimulerar. Symboler stimulerar. Det ökar kreativitet och tillfredställelse. &#8216;Nuff said.</li>
</ul>
<p><strong>Här är exempel på en bild</strong> jag skapat för att illustrera KBT-behandling via Internet, och som har varit förlösande för att jag själv ska få en bild av de olika beståndsdelarna och hur de hänger ihop. Jag räknar inte med att du ska förstå den  utan att jag står bredvid och förklarar. Men jag räknar med att du intuitivt attraheras av den.</p>
<p><a href="http://axbom.se/wp-content/uploads/behandlingsplattform-toon-PA01.008.png"><img class="aligncenter size-large wp-image-5439" alt="behandlingsplattform-toon-PA01.008" src="http://axbom.se/wp-content/uploads/behandlingsplattform-toon-PA01.008-550x412.png" /></a></p>
<p>» Lyssna gärna på <a href="http://sverigesradio.se/sida/artikel.aspx?programid=406&amp;artikel=5475474">Internet blir terapirum (SR)</a> om du blir nyfiken.</p>
<p><strong>Men hur kommer jag igång med att skapa dessa bilder?</strong> Det är många som inte känner sig trygga med att rita och skissa. Då gäller det att ha rätt verktyg. Grundplattan är oftast något så enkelt som PowerPoint eller Keynote. Och när jag har bråttom så använder jag mig av bibliotek med färdiga ikoner och bilder. Dock, för många inklusive mig, tar det verkligen emot att använda samma c<em>lipart</em> som alla andra.</p>
<p>Då köper jag bilder när jag får chansen. Och nyligen snubblade jag över detta erbjudande från MightyDeals: <a href="http://www.mightydeals.com/deal/cartoonzee.html?ref=awnews">2000 tecknade konceptbilder för 27  dollar</a>. Det är så billigt att det nästan är tjänstefel att inte slå till. (Gäller i 5 dagar till.)</p>
<p><a href="http://www.mightydeals.com/deal/cartoonzee.html?ref=awnews"><img class="aligncenter size-large wp-image-5442" alt="2000-ikoner" src="http://axbom.se/wp-content/uploads/2000-ikoner-533x500.jpg" /></a></p>
<p><strong>Billigt, undrar du?</strong> När man kan <a href="http://www.iconarchive.com/">hitta</a> <a href="http://www.iconspedia.com/">ikoner</a> <a href="http://thenounproject.com/">gratis</a>, säger du? Om man inser vilken skillnad bilder kan göra för ett projekts framgång kontra misslyckande, då är en investering i rätt bilder en <em>no-brainer</em>. Om du istället för att leta grafik börjar skissa ut flöden, då prioriterar du rätt.</p>
<p>Låt oss tillsammans kriga för att alla ska få upplevelsen av att knäcka läskoden med hjälp av bilder. Även för kravspecifikationer.</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/framgangsrika-projekt-med-bilder">Framgångsrika projekt med bilder</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/framgangsrika-projekt-med-bilder/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>En symfoni av användbarhetsgnissel i mitt första Xbox-meddelande</title>
		<link>http://axbom.se/en-symfoni-av-anvandbarhetsgnissel-i-mitt-forsta-xbox-meddelande</link>
		<comments>http://axbom.se/en-symfoni-av-anvandbarhetsgnissel-i-mitt-forsta-xbox-meddelande#comments</comments>
		<pubDate>Wed, 17 Apr 2013 20:27:46 +0000</pubDate>
		<dc:creator>Per Axbom</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Kommunikation]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[blogg100]]></category>
		<category><![CDATA[dialogrutor]]></category>
		<category><![CDATA[xbox]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=5423</guid>
		<description><![CDATA[<p>Sonen fick en Xbox idag på sin födelsedag. Monumentalt för mig eftersom det är 3 år sedan jag gick över till Mac och lovade mig själv att inte låta Microsoft-gränssnitt suga musten ur mig igen. För att förbereda innan han kom hem från skolan kopplade jag i sladdarna och slog på den. Det skulle jag [...]</p><p>Inlägget <a href="http://axbom.se/en-symfoni-av-anvandbarhetsgnissel-i-mitt-forsta-xbox-meddelande">En symfoni av användbarhetsgnissel i mitt första Xbox-meddelande</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Sonen fick en Xbox idag på sin födelsedag. Monumentalt för mig eftersom det är 3 år sedan jag gick över till Mac och lovade mig själv att inte låta Microsoft-gränssnitt suga musten ur mig igen. För att förbereda innan han kom hem från skolan kopplade jag i sladdarna och slog på den. Det skulle jag inte gjort. Eller jo.</strong></p>
<p>Ja, jag är ju miljöskadad, men det här är också mitt jobb och jag vet att det kan göra så&#8217;n enorm skillnad för såväl välbefinnande som varumärke. Och ja, jag är ju färgad av att jag redan har en aversion mot Windows efter att ha insett hur mycket tid det stal (för mig) och frustration det skapade (för mig, inte alls nödvändigtvis för andra) i jämförelse med hur jag jobbar idag. Men 3 år är 3 år och Xbox hade jag ändå hört gott om, speciellt Kinect. Så det var också med en aning hög förväntan jag tryckte på knappen.</p>
<p>Så ta detta för vad det är: lite raljerande men med några viktiga poänger som alltid är lika relevanta.</p>
<p>Jag slog i alla fall på Xbox och möttes av denna bild:</p>
<p><a href="http://axbom.se/wp-content/uploads/xbox-meddelande.jpg"><img class="aligncenter size-full wp-image-5424" alt="xbox-meddelande" src="http://axbom.se/wp-content/uploads/xbox-meddelande.jpg" /></a></p>
<p><em>Transkribering:</em></p>
<p lang="en-US"><strong>Update required. </strong>To use this device, an update must be applied. If you accept this update and are playing a game, you&#8217;ll lose any unsaved progress. If you decline the update, you won&#8217;t be able to use the device. Do you want to apply the update now? <em>Valternativ:</em> Yes eller No <em>och lite längre ner en nyckel som talar om att knapptryck A väljer och knapptryck B tar mig bakåt.</em></p>
<p>När jag läst meddelandet två gånger log jag. Det kunde inte vara sant att Microsoft skänkt mig detta skolboksexempel med inte en, utan tjogvis med användbarhetsmissar i en och samma bild. Så vackert.</p>
<p>Vi tar det från början. Det här är alltså det första jag ser när jag slår på en sprillans ny Xbox direkt från plasten.</p>
<ol>
<li>Mina tanke: Hej på dig du maskinen, vad kul att jag får ett sån&#8217;t mysigt välkomnande. Not. Jag är van vid att börja konversationer lite annorlunda, men du är förstås en maskin. Hm.</li>
<li>Varför skulle jag ha osparade data, det här är första gången jag slår på maskinen?</li>
<li>Kan inte maskinen känna av huruvida jag har några sparningar på den tomma hårddisken?</li>
<li>Kan inte maskinen känna av huruvida jag är mitt i ett spel eller inte?</li>
<li>Jag kan inte använda maskinen om jag inte accepterar uppdateringen. Förlorar jag då inte mina sparningar alldeles oavsett om jag accepterar uppdateringen eller inte (jag har ju inga, men det här är vad som far igenom mitt huvud)? Om jag inte kan använda maskinen kommer jag ju inte åt dem ändå.</li>
<li>Det här är det första jag ser, varför finns det en bakåt-knapp &#8211; kommer den då leda mig till mitt tidigare läge, när maskinen var avstängd? Det står ju att jag inte kan använda maskinen utan uppdateringen. (Tyvärr testade vi aldrig detta, men om någon kan tala om vad som händer om jag trycker bakåt i detta läge vore det toppen.)</li>
</ol>
<p>Det är nu det börjar bli intressant. För samtidigt som jag läser och inser att jag kommer bli tvungen att trycka på Yes så har jag inget att trycka Yes med. Min uppackade kontroll vägrar starta, så jag har faktiskt ingen inmatningsenhet som låter mig trycka Yes.</p>
<ol start="7">
<li>Varför kan inte maskinen känna av att ingen inmatningsenhet finns inkopplad?</li>
<li>Varför går inte kontrollen igång? En liten guide på skärmen hade varit guld. Här hör det till historien att jag kollade om det satt batterier i, vilket det gjorde, och det var ingen plast att ta bort där heller. Äldsta sonen upptäckte senare att det ena batteriet satt åt fel håll (detta är förstås för att det inte ska ladda ur, men en liten etikett på batterifacket eller liknande hade ju suttit fint).</li>
<li>Kvarstår då härledningen: Jag kan alltså  inte använda enheten utan uppdateringen. Det finns ingen villkorstext kopplad till (antingen att jag säljer min själ eller att garantin slutar gälla). Varför startar då inte maskinen med att helt enkelt applicera uppdateringen och skippar den här rutan som det inte finns något behov av och som bara ger mig gåshud?</li>
</ol>
<p>Meddelandet skapar alltså underlägsenhetskänsla, förvirring, frustration, tvekande, tvivel, uppgivenhet och hopplöshet i en härlig röra av logiska felslut. Inte illa för första bilden, eller hur? Vi kommer ha mycket roligt ihop, denna Xbox och jag.</p>
<p><em>Epilog: Japp, den har redan kraschat en gång ikväll, vid en nedladdning från nätet. Till min andra favoriter hör att det finns en uppsjö av olika utformningar på skärmtangentbord för inmatning av innehåll, så försök inte anta att du kan lära dig &#8221;ett konsekvent sätt&#8221;. Men Fifa 13 är grymt, och det var ju faktiskt huvudsaken.</em></p>
<p>&nbsp;</p>
<div style="background:#E1E8BA;padding:20px; border:1px solid	#6F754B;margin:20px 0px; display:block;">Det h&auml;r inl&auml;gget &auml;r en del av utmaningen <a href="http://bisonblog.se/2013/01/blogg100-andra-sommaren/">#blogg100 - skriv 100 inl&auml;gg p&aring; 100 dagar</a>.</div><hr><div class="subhandler well" id="subchimpframe" aria-live="polite"><span id="subchimpmess"></span><form method="post" action="http://axbom.com/subhandler.php" id="subchimp"><div class="control-group"><label class="control-label" for="inputEmail">Missa inte en blinkning. Prenumerera p&aring; bloggen.</label>
    <div class="input-prepend input-append">
		<span class="add-on"><i class="icon-eye-open"></i></span>
        <input type="text" id="inputEmail" placeholder="E-postadress" name="epost" class="span6">
		<button class="btn" id="chimpsubmit" type="submit">Ok!</button>
    </div><!--input-->
  </div><!--control-group--></form></div><div class="social-links">
<div class="tweet">
<a href="http://twitter.com/share" data-via="axbom" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="linkedinshare">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script></div><div class="googplus">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="small" data-annotation="none"></div></div>
<div class="fb">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div></div><div class='clearfix authorbio' style='background-color:#A2DDFF;padding:3%;border-top:4px solid #000;margin-bottom:20px;margin-top:10px;' id='about_author'>
<img width='60' height='60' style='float:right;' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=c9f9041becefe9ba2a4762b0190d2d32&default=&size=60&r=PG' alt='PG'/>
<div class='author_text'>
<h3>Om <span>Per Axbom</span></h3>
<p>Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ <a href="http://twitter.com/axbom">@axbom</a> på Twitter.</p>
</div></div>
<div class='clear'></div>
<p>Inlägget <a href="http://axbom.se/en-symfoni-av-anvandbarhetsgnissel-i-mitt-forsta-xbox-meddelande">En symfoni av användbarhetsgnissel i mitt första Xbox-meddelande</a> publicerades först på <a href="http://axbom.se">axbom</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/en-symfoni-av-anvandbarhetsgnissel-i-mitt-forsta-xbox-meddelande/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss><!-- Served from: www.axbom.se @ 2013-05-18 16:48:54 by W3 Total Cache -->
