<?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>axbom &#187; Interaktionsdesign</title>
	<atom:link href="http://axbom.se/cat/ux/interaktionsdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://axbom.se</link>
	<description>uppnå din digitala potential</description>
	<lastBuildDate>Tue, 07 Feb 2012 16:52:33 +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>Responsive Web Design &#8211; jag pratar med pionjär Johan Edlund</title>
		<link>http://axbom.se/responsive-web-design-med-johan-edlund</link>
		<comments>http://axbom.se/responsive-web-design-med-johan-edlund#comments</comments>
		<pubDate>Fri, 21 Oct 2011 04:40:22 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Mobila webben]]></category>
		<category><![CDATA[Podcast]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[intervju]]></category>
		<category><![CDATA[johan edlund]]></category>
		<category><![CDATA[responsive web design]]></category>
		<category><![CDATA[staffanstorp]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3579</guid>
		<description><![CDATA[När jag visar webbplatser som använder sig av Responsive Web Design häpnar många och utbrister: — Det här är ju lösningen för alla mobila webbplatser! Eftersom jag inte sett några djupare användarstudier har jag själv varit försiktigt skeptisk till fenomenet med webbplatser som transformerar sitt utseende beroende på skärmens eller webbläsarens storlek. Är det här [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_3589" class="wp-caption aligncenter" style="width: 594px"><a href="http://www.flickr.com/photos/axbom/6263640150/in/photostream"><img class="size-full wp-image-3589 " title="Staffanstorp — Responsive Web Design — Flickr" src="http://axbom.se/wp-content/uploads/staffanstorp-responsive-web-design-580px.png" alt="Staffanstorp.se på olika enheter - Flickr" width="584" height="468" /></a><p class="wp-caption-text">Webbplatsen staffanstorp.se anpassar sig till olika skärmstorlekar.</p></div>
<p><div id="attachment_3602" class="wp-caption alignright" style="width: 200px"><a href="http://www.flickr.com/photos/axbom/6263777007/in/photostream"><img src="http://axbom.se/wp-content/uploads/staffanstorp_sketch_190px.jpg" alt="" title="Staffanstorp — tidig skiss — Flickr" width="190" height="282" class="alignright size-full wp-image-3602" /></a><p class="wp-caption-text">Johan Edlund — tidig skiss för staffanstorp.se</p></div><strong>När jag visar webbplatser som använder sig av Responsive Web Design häpnar många och utbrister: <em>— Det här är ju lösningen för alla mobila webbplatser!</em> Eftersom jag inte sett några djupare användarstudier har jag själv varit försiktigt skeptisk till fenomenet med webbplatser som transformerar sitt utseende beroende på skärmens eller webbläsarens storlek. Är det här vad användarna vill ha och är det vad de behöver? Det är som vanligt med nya superkrafter:</strong><br />
<div class="woo-sc-quote"><p>With great power comes great responsibility</p></div></p>
<p>För att få en ökad förståelse för hur Responsive Web Design implementeras ringde jag upp <a href="http://edlunddesign.com/">Johan Edlund</a> som ligger bakom hur webbplatsen <a href="http://staffanstorp.se/">staffanstorp.se</a> beter sig i olika skärmstorlekar. Vi pratar framför allt om projektupplägg och olika utmaningar, men kommer också in på hur ett <a href="http://jardenberg.se/b/staffanstorp-tar-taten-med-wordpress-creative-commons-openstreetmap/">oväntat offentliggörande</a> av Joakim Jardenberg ledde till en oplanerad testomgång.</p>
<div class="woo-sc-box info   ">» Och ja,  jag inleder med att visa hur staffanstorp.se fungerar. Verktyget jag använder för att se sajten i olika storlekar heter <a href="http://responsivepx.com/ ">responsivepx</a>. Och ja, jag vet att jag säger fel skärmstorlek i videon. 1024 x 768 pixlar är det jag menar egentligen förstås.</div>
<h3>Intervju med Johan Edlund om staffanstorp.se</h3>
<p><a href="http://vimeo.com/30866277">Responsive Web Design — Intervju med Johan Edlund</a> from <a href="http://vimeo.com/axbom">axbom</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><span class="shortcode-highlight"><strong>Samtalet med Johan börjar vid 04:20 i filmen om du vill skippa intron om Responsive Web Design.</strong></span><!--/.shortcode-highlight--><br />
<iframe src="http://player.vimeo.com/video/30866277" width="560" height="420" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></p>
<div class="woo-sc-hr"></div>
<h3>Lär dig mer om Responsive Web Design</h3>
<p>Om du vill få mer argument och tips kring hur du ska tänka när det gäller Responsive Web Design rekommenderar jag dessa två alldeles lysande presentationer:</p>
<h4>Pragmatic Responsive Design</h4>
<div style="width:510px" id="__ss_9227626"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/yiibu/pragmatic-responsive-design" title="Pragmatic responsive design" target="_blank">Pragmatic responsive design</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/9227626" width="510" height="426" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div>
<div class="woo-sc-hr"></div>
<h4>Why Mobile First isn&#8217;t enough</h4>
<div style="width:510px" id="__ss_9710823"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/utbkevin/why-mobile-first-isnt-enough-developing-a-better-user-experience" title="Why &quot;mobile first&quot; isn&#39;t enough - Developing a better user experience" target="_blank">Why &quot;mobile first&quot; isn&#39;t enough &#8211; Developing a better user experience</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/9710823" width="510" height="426" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div>
<p>&#8230;och tillhörande video.</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/CRCf630lQ9s?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p>Videon är lite skakig rent tekniskt, men framförandet är sevärt. Nästa vecka fortsätter jag min intervjuserie med <a href="http://twitter.com/#!/kevinmpowell">Kevin M Powell</a> via Skype. Intervjun kommer publiceras i min engelska blogg som lanseras samtidigt. Damn straight! <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/responsive-web-design-med-johan-edlund/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Kontaktformulär med personlighet</title>
		<link>http://axbom.se/kontaktformular-med-personlighet</link>
		<comments>http://axbom.se/kontaktformular-med-personlighet#comments</comments>
		<pubDate>Tue, 11 Oct 2011 07:22:31 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[kontaktformulär]]></category>
		<category><![CDATA[konvertering]]></category>
		<category><![CDATA[service design]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3558</guid>
		<description><![CDATA[Ett av mina fokusområden för Axbom Innovation är webbformulär. I konsultbranschen gäller ofta devisen &#8221;skomakarn&#8217;s barn&#8230;&#8221;, det vill säga att man som i mitt fall inte hinner fixa sina egna webbformulär när man är upptagen med att fixa kundernas. Men nu är det ändring på det och jag börjar med att visa hur mitt eget [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Ett av mina fokusområden för Axbom Innovation är webbformulär. I konsultbranschen gäller ofta devisen &#8221;skomakarn&#8217;s barn&#8230;&#8221;, det vill säga att man som i mitt fall inte hinner fixa sina egna webbformulär när man är upptagen med att fixa kundernas. Men nu är det ändring på det och jag börjar med att visa hur mitt eget <a href="http://axbom.se/kontakt">kontaktformulär</a> kan bli ljusår bättre med lite fantasi och personlighet.</strong></p>
<div class="woo-sc-box info   "><em>Jag jobbar under kommande veckan med detaljerna kring kontaktformuläret &#8211; jag har hittills lagt ungefär 3 arbetstimmar på det &#8211; och vill gärna ha din återkoppling.</em></div>
<p><a href="http://axbom.se/kontakt"><img class="aligncenter size-full wp-image-3559" title="kontaktformular-001" src="http://axbom.se/wp-content/uploads/kontaktformular-001.png" alt="" width="422" height="457" /></a></p>
<p><strong>Kontaktformuläret på axbom.se delar fyra välkända fält</strong> med tusentals andra kontaktformulär på webben: <em>namn</em>, <em>e-post</em>, <em>telefonnummer</em> och <em>meddelanderuta</em>. Men inte nödvändigtvis i den ordningen. Jag ser kontaktformulär som en dialog och i en dialog tycker jag det är viktigt att prata om själva ärendet innan vi börjar be varandra om privata uppgifter. Alltså ligger meddelanderutan högre upp.</p>
<h3>Ett väluppfostrat kontaktformulär</h3>
<p>De flesta kontaktformulär börjar trots allt med att be om ett namn. Men hör och häpna, sedan använder de inte namnet! Vad menar jag, jo att så fort personen du &#8221;pratar&#8221; talar om sitt namn kan du faktiskt vara hövlig och använda det vid tilltal. I mitt formulär fungerar det nu så att när du skrivit ditt namn så används namnet i efterföljande frågor. Man kommer långt genom att vara lite trevlig.</p>
<p><strong>Självklart så använder jag en personlig ton</strong> i mitt kontaktformulär som ger en bild av vem jag är, Och det kan jag göra med de fåtal raderna i ett kontaktformulär och texten på knappen. Miljontals andra tävlar om att vara så opersonliga som möjligt, med endast enstaviga rubriker och gärna en grå bakgrund. Vad tror du funkar bäst? Men skämt åsido, alla ogenomtänkta formulär på webben håller mig sysselsatt <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><a href="http://axbom.se/kontakt"><img class="aligncenter size-full wp-image-3560" title="kontaktformular-002" src="http://axbom.se/wp-content/uploads/kontaktformular-002.png" alt="" width="332" height="583" /></a></p>
<h3>Kontaktformulär med tillfredställelse</h3>
<p>Handen på hjärtat så kan det ändå vara rätt trist att fylla i formulär. De flesta tror att det inte går att göra något åt. Min uppfattning är tvärtom: Nyckeln till en önskvärd upplevelse handlar om enkelhet och nytta men väldigt mycket också om, håll i dig: <strong></strong><span class="shortcode-highlight"><strong>gillande</strong></span><!--/.shortcode-highlight-->. Och hur får vi människor att gilla kontaktformulär? Jo, självklart genom design och personlighet men också genom något oväntat som skapar en tillfredställelse eller helt enkelt som bara får offret att dra på mungipan. Ett formulär som ger glädje är ett formulär man kommer ihåg och rekommenderar till andra.</p>
<p><strong>Mitt kontaktformulär har ett monster som berättar roliga historier.</strong></p>
<h3><strong><a href="http://axbom.se/kontakt"><img class="aligncenter size-full wp-image-3561" title="kontaktformular-003" src="http://axbom.se/wp-content/uploads/kontaktformular-003.png" alt="" width="320" height="207" /></a>Kontaktformulär är en dörr på glänt. Öppna den!</strong></h3>
<p>Är målet verkligen att besökaren ska fylla i ett kontaktformulär? Absolut inte. Kontakt är början på en relation och det är relationen vi vill åt. Relationen kan vi skapa på många olika sätt men ett av de effektivaste verktygen i min arsenal är <a href="http://axbom.se/prenumerera">nyhetsbrevet</a>. Det kommer då och då (ja, jag vet hur sällan det är) och påminner om min verksamhet och bjuder på gratis mallar som sparar tid.</p>
<p><strong>Nej, jag vill inte ha en kryssruta i formuläret </strong>för att också få mitt nyhetsbrev när man ändå fyller i kontaktformuläret. Det är <strong></strong><span class="shortcode-highlight"><strong>oförskämt</strong> och stör personen som fyller i formuläret</span><!--/.shortcode-highlight-->. Låt henne göra klart det hon kom för att göra. Det är en av de viktigaste lärdomarna efter 15 år i branschen: en aktivitet eller uppgift eller budskap per sida. Mer än ett budskap ställer till problem.</p>
<p>Konversationen är inte slut för att formuläret skickas &#8211; det är också en vanlig missuppfattning. <span class="shortcode-highlight">Samtalet har precis börjat.</span><!--/.shortcode-highlight--> Och möjligheterna finns för att fortsätta vara personlig. Så här ser det ut efter att du skickat mitt formulär: ett personligt tilltal och en <em>inbjudan</em> att prenumerera på nyhetsbrevet. E-postadressen har vi redan och sidan tjänar som en perfekt möjlighet för kontakttagaren att <em>verifiera att hon matade in rätt e-postadress</em>. En tacksam bonus, alltså!</p>
<p><a href="http://axbom.se/kontakt"><img class="aligncenter size-full wp-image-3562" title="kontaktformular-004" src="http://axbom.se/wp-content/uploads/kontaktformular-004.png" alt="" width="363" height="277" /></a></p>
<h3>Roliga historier om monster efterlyses</h3>
<div class="woo-sc-box note   ">Sedan ska vi inte orda om hur mycket du kan åstadkomma i bekräftelsemejlet till avsändaren; En ytterligare kontaktpunkt att ta vara på, vårda och använda för att överträffa förväntningar. Det får bli en egen artikel.</div>
<p><strong>Just nu har dock mitt monster bara en (1) rolig historia</strong> som han berättar om och om igen. Det vore toppen om du ville skicka in  fler monsterhistorier till mig som jag kan fylla hans förråd med. Jag vet <a href="http://axbom.se/kontakt">ett perfekt kontaktformulär du kan använda</a> för att skicka in dem. Tack.</p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/kontaktformular-med-personlighet/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Så blir Hemnet bättre #hemnettältet</title>
		<link>http://axbom.se/sa-blir-hemnet-battre-hemnettaltet</link>
		<comments>http://axbom.se/sa-blir-hemnet-battre-hemnettaltet#comments</comments>
		<pubDate>Tue, 09 Aug 2011 10:52:05 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[Presentation]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[hemnet]]></category>
		<category><![CDATA[hemnettältet]]></category>
		<category><![CDATA[sswc]]></category>
		<category><![CDATA[sweden social web camp]]></category>
		<category><![CDATA[upplevelsedesign]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3318</guid>
		<description><![CDATA[Inför Sweden Social Web Camp vill Hemnet få in förbättringsförslag. Vinsten bland alla förslag som kommer in är en av sex tältplatser i det lyxiga Hemnet-tältet. Det här är mitt bidrag. Du kan se filmen, kolla bilderna och ladda ner materialet. Förbättringsförslagen i korthet Ett interaktivt formulär med en hög grad av visualiseringstekniker som också [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Inför Sweden Social Web Camp vill <a href="http://hemnet.tumblr.com/post/8422066130/hemnet-pa-sswc">Hemnet få in förbättringsförslag</a>. Vinsten bland alla förslag som kommer in är en av sex tältplatser i det lyxiga Hemnet-tältet. Det här är mitt bidrag. Du kan se filmen, kolla bilderna och ladda ner materialet.</strong></p>
<p><iframe width="560" height="349" src="http://www.youtube.com/embed/sdfBwTuaOWc" frameborder="0" allowfullscreen></iframe></p>
<h3>Förbättringsförslagen i korthet</h3>
<ul>
<li>Ett interaktivt formulär med en hög grad av visualiseringstekniker som också hela tiden uppdaterar antal objekt i resultatsidan.</li>
<li>Sökning inom radie (5-50km) från en mittpunkt snarare än inom kommun/län.</li>
<li>Spara i kalender-funktion (Google calendar, Outlook, mfl)</li>
<li>Påminnelsefunktion inför visningen, med vägbeskrivning</li>
<li>Möjlighet att värdera alla objekt man besöker enligt ett standardformulär (inklusive möjlighet att lägga till egna bilder)</li>
<li>Information om objekt till salu i närheten av där man befinner sig (företrädesvis enligt sökparametrar som man själva angivit)</li>
</ul>
<div class="woo-sc-box download   "><a href="http://axbom.se/share/axbom-hemnet-ideas-A.pdf">Ladda ner bilderna i PDF-format</a></div>
<h3>Bilderna från presentationen utan video</h3>
<div style="width:425px" id="__ss_8807313"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/axbom/ider-till-hemnet-bilder" title="Idéer till Hemnet - bilder">Idéer till Hemnet &#8211; bilder</a></strong><object id="__sse8807313" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=hemnet-ideas-110809052209-phpapp01&#038;stripped_title=ider-till-hemnet-bilder&#038;userName=axbom" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse8807313" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=hemnet-ideas-110809052209-phpapp01&#038;stripped_title=ider-till-hemnet-bilder&#038;userName=axbom" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="padding:5px 0 12px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/axbom">Per Axbom</a>.</div>
</div>
<h3>Skisser på Flickr</h3>
<p><a href="http://www.flickr.com/photos/axbom/6025386762/" title="Webbformulär upplevelse by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6070/6025386762_1d46c9c998_m.jpg" width="240" height="179" alt="Webbformulär upplevelse" style="float:left"></a></p>
<p><a href="http://www.flickr.com/photos/axbom/6024832373/" title="Hemnet webbformulär by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6190/6024832373_a357987688_m.jpg" width="240" height="179" alt="Hemnet webbformulär"></a></p>
<p><a href="http://www.flickr.com/photos/axbom/6024833339/" title="Hemnet visningsstjänster och beslutsstöd by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6067/6024833339_571124033b_m.jpg" width="240" height="179" alt="Hemnet visningsstjänster och beslutsstöd" style="float:left"></a></p>
<p><a href="http://www.flickr.com/photos/axbom/6025389030/" title="Hemnet positioneringsstjänst by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6197/6025389030_5d0f048f80_m.jpg" width="240" height="179" alt="Hemnet positioneringsstjänst"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/sa-blir-hemnet-battre-hemnettaltet/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Se upp! Han vill åt ditt lösenord! (Not&#8230;)</title>
		<link>http://axbom.se/se-upp-han-vill-at-ditt-losenord-not</link>
		<comments>http://axbom.se/se-upp-han-vill-at-ditt-losenord-not#comments</comments>
		<pubDate>Fri, 29 Apr 2011 07:11:18 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Tillgänglighet]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[lösenord]]></category>
		<category><![CDATA[säkerhet]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3087</guid>
		<description><![CDATA[När jag skriver in ett lösenord på webben så maskeras det med asterisker eller punkter så att jag inte ser vad jag skriver. Det är så fält av typen &#8221;password&#8221; uppför sig. Men är det egentligen inte urbota dumt och skapar onödiga problem för både användaren och organisationen? Och än mer befängt blir det faktiskt [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://axbom.se/wp-content/uploads/snubben-bakom-losenord-formular.png"><img class="alignnone size-full wp-image-3089" title="Snubben bakom lösenord i formulär" src="http://axbom.se/wp-content/uploads/snubben-bakom-losenord-formular.png" alt="" width="514" height="508" /></a></p>
<p><strong>När jag skriver in ett lösenord på webben så maskeras det med asterisker eller punkter så att jag inte ser vad jag skriver. Det är så fält av typen &#8221;password&#8221; uppför sig. Men är det egentligen inte urbota dumt och skapar onödiga problem för både användaren och organisationen? Och än mer befängt blir det faktiskt när vi tvingas till samma frustrerande upplevelse på mobilen.</strong></p>
<p>Det finns en tro på att vi alltid måste se upp med människor som står bakom oss och kollar vad vi skriver in. Har du också alltid en okänd man som dyker upp bakom din rygg när du ska skriva in lösenord? I många fall så skapar asteriskerna dock mer problem än de gör nytta.</p>
<ol>
<li><strong>Vi tvingar människor att <span class="shortcode-highlight">skriva lösenordet flera gånger</span><!--/.shortcode-highlight--> när de registrerar sig för att de tycks ha en tendens att skriva fel.</strong>
<ol>
<li>Kan det händelsevis vara så att de skriver fel för att de inte ser lösenordet?</li>
</ol>
</li>
<li><strong>Samtidigt som vi döljer lösenorden bakom asterisker uppmuntrar vi människor att välja extra krångliga lösenord genom att presentera mätare med värdena <em>weak</em>, <em>medium</em> och <em>strong</em>.</strong>
<ol>
<li>När användare uppmuntras skriva extra krångliga lösenord (ofta onödigt krångliga) samtidigt som de inte syns så kommer de inte ihåg dem.</li>
<li>När användare inser att de inte kommer ihåg lösenord så skriver de upp dem på väl synliga lappar av typen Post-It.</li>
</ol>
</li>
<li><strong>På mobilen är det extra svårt att skriva med diverse små tangentbord. Vi skriver fel lösenord.</strong>
<ol>
<li>Om nu någon mot förmodan står bakom mig, menar man att jag inte kan vrida på mobiltelefon så att de inte ser lösenordet jag skriver in?</li>
</ol>
</li>
</ol>
<p>Jag blir ledsen i ögat när jag ser designmönster från gamla stordatorsystem överföras till webben, men ännu mer gråtfärdig blir jag när de fortsätter att föras över till mobiltelefoner, som har en helt annan kontextuell användning, andra fysiska möjligheter och begränsade inmatningsmöjligheter.</p>
<div class="woo-sc-box info   ">Det är en väldig skillnad att designa för mobila enheter, och även en väldig skillnad på att designa för mobil och pekplatta, som mången interaktionsdesigner blivit varse i år när marknaden för mobillösningar har exploderat.</div>
<h3>Låt användaren välja visning av lösenord</h3>
<p>Lösningen är inte ny, den dyker upp lite här och var, men tyvärr alltför sällan. <strong>Så här kan det se ut:</strong></p>
<p><strong><a href="http://axbom.se/wp-content/uploads/visa-losenord.png"><img class="alignnone size-full wp-image-3098" title="Visa lösenord i webbformulär" src="http://axbom.se/wp-content/uploads/visa-losenord.png" alt="" width="403" height="144" /></a><br />
</strong></p>
<p>Genom att erbjuda en möjlighet för användaren at visa lösenordet kan hon själv (<strong>ja, hon kan faktiskt tänka själv!</strong>) välja att visa lösenordet för att underlätta inmatning. Huruvida det ska vara förvalt att lösenordet är synligt eller inte får sammanhanget och typen av tjänst avgöra, men förmodligen är det dolt från start. Jag vet att jag själv skriver in lösenord på storskärm när jag är ute på talaruppdrag.</p>
<p>Andreas Lagerkvist har skrivit ett <a href="http://andreaslagerkvist.com/jquery/show-password/">jQuery-plugin som lägger till möjligheten att växla visningsläge på lösenordsfält</a>. Bara att tuta och köra.</p>
<h3>Välj ett bergsäkert lösenord som är lätt att komma ihåg</h3>
<p><strong>Lösenord skapar många andra kostsamma bekymmer</strong> också: till exempel efter varje semester när supporten på storföretag blir nerringda av anställda som glömt bort sina &#8221;säkra&#8221; lösenord. För dig som vill ha ett enkelt lösenord som är svårt att knäcka så har Baekdal har skrivit <a href="http://www.baekdal.com/tips/password-security-usability">en lysande artikel om hur du skapar användbara lösenord</a>. Lägg märke till att artikeln beskriver det vanligaste sättet att tillskansa sig lösenord som varandes att helt enkelt fråga efter dem!</p>
<p>Vågar du ta första steget mot en ny standard för hantering av synliga lösenord? Eller kommer du hålla hårt i och kämpa för den &#8221;gömda&#8221; varianten? Kanske finns det fler innovativa lösningar på problemen. Tipsa gärna!</p>
<p>Och ja jag vet att <a href="http://www.useit.com/alertbox/passwords.html">guru Nielsen skrev om problem med maskerade lösenord</a> redan 2009. Men han visade inte den här lösningen och jag tycker att det är dags att debattera klart i frågan <img src='http://axbom.se/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/se-upp-han-vill-at-ditt-losenord-not/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Formulären funkar inte, Firefox!</title>
		<link>http://axbom.se/formularen-funkar-inte-firefox</link>
		<comments>http://axbom.se/formularen-funkar-inte-firefox#comments</comments>
		<pubDate>Thu, 21 Apr 2011 08:53:53 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[formulär]]></category>
		<category><![CDATA[validering]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3003</guid>
		<description><![CDATA[Validering av formulär innan de skickas, en automatisk koll av att man fyllt i rätt format eller innehåll, kallas i webbvärlden för client-side validation, låt oss kalla det klientvalidering. Ofta innebär det att felmeddelanden visas samtidigt som du fyller i formuläret. För att åstadkomma sådan validering används Javascript, och på senare tid även HTML5. Webbläsaren [...]]]></description>
			<content:encoded><![CDATA[<div class="woo-sc-box download   " style="padding-left:15px;background-image:none;">
<div class="shortcode-unorderedlist star"></p>
<ul>
<li><strong>Uppdatering och förtydligande för er lite mer tekniska: </strong>Efter en Twitter-diskussion med <a href="http://twitter.com/#!/icaaq">@icaaq</a> inser jag att det finns risk för missförstånd och förhastade slutsatser. Detta gäller <a href="http://www.mozilla.com/firefox/beta/">Firefox beta 7</a> och framåt. I grund och botten ska Firefox trigga på <em>type</em> och <em>required</em> attributen, inte på <em>class</em>-attribut innehållande dessa ord, men i ett fall har den gjort det. Jag gillar iofs inte heller att Firefox triggar på type och required attribut utan att fråga, men rätt ska vara rätt och vi söker just nu efter de exakta parametrar som gör att felet går att reproducera på ett enkelt sätt. Eftersom det är påskhelg så kanske det dröjer lite med nästa uppdatering, men stay tuned!</li>
<li><strong>Uppdatering 2:</strong> Det är när formuläret har specifika <em>type</em>-attribut angivna som valideringen triggas i Chrome 10.0.648.205 och Firefox 4.0. I det fall som exemplifieras med en bild nedan så används Ruby on Rails-tillägget <a href="https://github.com/justinfrench/formtastic">formtastic</a> &#8211; och det verktyget lägger till <em>type=&#8221;email&#8221;</em> på alla fält som har namn som börjar på email. Problemen med validering som man inte ber om kvarstår dock och kan förmodligen triggas på samma sätt av åtskilliga plugin och bibliotek som inte förutsett denna utveckling &#8212; men säkert är problemet inte lika akut som jag först trodde:  jag behöver kolla hur t ex <a href="http://docs.jquery.com/Plugins/validation">jquery validation</a> fungerar ihop med detta. Det viktigaste är nu för alla formulärutvecklare att hålla koll på detta fenomen framöver och hela tiden ta ställning till om man måste stänga av eller kombinera valideringsmetoder.</li>
</ul>
<p></div>

</div>
<p><strong>Validering av formulär <strong> innan de skickas</strong>, <strong>en automatisk koll av att man fyllt i rätt format eller innehåll, </strong> kallas i webbvärlden för <em>client-side validation</em>, låt oss kalla det <em>klientvalidering</em>. Ofta innebär det att felmeddelanden visas samtidigt som du fyller i formuläret. För att åstadkomma sådan validering används Javascript, och på senare tid även HTML5. Webbläsaren Firefox 4 har nu infört en inbyggd <a href="http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4">klientvalidering utan Javascript</a>, vilket säkert får många att jubla i tillgänglighetens namn. Men jublet blir ett bittert kluckande, för <span class="shortcode-highlight">nu slutar tusentals formulärfält över hela jordklotet att fungera</span><!--/.shortcode-highlight-->!</strong></p>
<div class="woo-sc-box note   ">Jag fick detta tips skickat till mig av min tidigare kollega <a href="http://twitter.com/#!/brstefanp">Stefan Pettersson</a> som just nu brottas med ganska avancerade formulär i ett projekt. När ett av hans formulär plötsligt slutade fungera visade det sig att Firefox på egen hand bestämt sig för vad som måste stå i formulären!</div>
<h3>Klientvalidering är bra, tillgänglighet är dock ett måste</h3>
<p style="text-align: center;"><a href="http://axbom.se/ajax-form/kontakt.html"><img class="aligncenter size-full wp-image-3013" title="klientvalidering-formular" src="http://axbom.se/wp-content/uploads/klientvalidering-formular.png" alt="" width="501" height="154" /></a></p>
<p>Det kan vara till stor hjälp att formulärfält rättas innan du skickar, eftersom de rättas direkt i sitt sammanhang och det blir lättare för den som fyller i formuläret. Alternativet är att man långt efter att man fyllt i fältet får ett meddelande om att det är fel. Men givetvis ska formuläret fungera, med rättning, även i äldre webbläsare eller utan Javascript aktiverat. Jag skrev en artikel för Datormagazin om fenomenet för några år sedan och du kan <a href="http://axbom.se/ajax-form/kontakt.html">ta en titt på mitt enkla formulärexempel från artikeln</a>, så förstår du principen (prova att fylla i formuläret).</p>
<h3>Problem med formulär i Firefox</h3>
<p><a href="http://axbom.se/wp-content/uploads/formular-firefox-validering-fel.png"><img class="aligncenter size-full wp-image-3008" title="formular-firefox-validering-fel" src="http://axbom.se/wp-content/uploads/formular-firefox-validering-fel.png" alt="" width="570" height="136" /></a></p>
<p>I korthet innebär den nya Firefox-funktionaliteten att man i sina formulär kan infoga attribut som innebär att de valideras. Problemet är att attribut-namnen krockar med de attribut-namn som används av flera Javascript-bibliotek (standardiserade funktioner som underlättar programmering) som syftar till att åstadkomma liknande saker.</p>
<p>Ofta är dessa attribut ganska generiska i namnsättningen, exempelvis orden &#8221;<em>required</em>&#8221; för obligatoriska fält  och &#8221;<em>email</em>&#8221; för fält som ska valideras som e-postadresser.</p>
<p><strong>Det  är just vad som hänt i bilden ovan.</strong> Eftersom <s><em>class</em>-namnet i HTML-koden för det aktuella formulärfältet innehåller begreppet &#8221;<em>email required</em>&#8221;</s> <em>(Det räcker inte med class, utan type-attributet måste till, se uppdatering 2 ovan)</em> så har Firefox bestämt sig för att det måste vara en korrekt e-postadress i fältet innan formuläret får skickas, och kastar således upp ett engelskt felmeddelande. Trots att avsikten inte är att mata in e-postadress i just detta fält så är formuläret nu plötsligt helt obrukbart. Firefox griper in helt oinbjuden.</p>
<h3>Andra problem med Firefox-validering</h3>
<p>När webbläsare börjar bete sig olika dyker det upp problem. Jag håller inte med <a href="http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4">Mounir Lamouri när han skriver</a>:</p>
<div class="woo-sc-quote"><p>For the user, the validation being done by the browser is a guarantee of quality with better accessibility and consistency.</p></div>
<p>Tvärtom så ställer det till det för många.</p>
<ul>
<li>Jag vill att valideringen ska se likadan ut för alla fält, i alla webbläsare, annars blir det förvirrande. Nu dyker någots sorts standard-Firefox felmeddelande upp.</li>
<li>Jag måste ändå alltid skriva mina egna valideringsregler (till exempel för svenska personnummer) så nu måste jag plötsligt förhålla mig till två olika lösningar på valideringen. Det tar inte mindre tid, det tar mer tid.</li>
<li>Hur mycket Firefox än hävdar att detta underlättar så ställer det till extra problem för oss som jobbar i andra språk och dessutom verkligen vill styra hur felmeddelanden formuleras för att passa ihop med sajtens tonalitet.</li>
<li>Och när Firefox tar över valideringar utan att tala om det, det tycker jag är rent ut sagt oförskämt, skadligt och kan alltså innebära <span class="shortcode-highlight"><strong>direkta förluster i reda pengar för många företag!</strong></span><!--/.shortcode-highlight--></li>
</ul>
<div class="woo-sc-box alert   ">Istället för en opt-in möjlighet för denna funktionalitet så har Firefox alltså valt en opt-out regel. Om du inte säger att du inte vill ha den här valideringen så får du den. Det är spam-fasoner och jag gillar det inte. Alls.</div>
<p>Så nu vill jag veta hur Firefox tänkt bemöta och hantera alla dessa problem. Men tack till Stefan som uppmärksammade detta och förhoppningsvis kan fler hitta boven i dramat när deras formulär slutar fungera i Firefox på grund av detta.</p>
<p>Glad påsk och inget fylleri för <a href="http://www.twitdrunk.com/">den som fyller i</a>!</p>
<p><strong><em>Jag håller posten uppdaterad med intressanta länkar i ämnet:</em></strong></p>
<ul>
<li><a href="http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4">HTML5 Forms Validation in Firefox 4</a> (samma som jag länkar till ovan)</li>
<li><a href="http://blog.mozilla.com/webdev/2011/03/14/html5-form-validation-on-sumo/">HTML 5 Form validation on SUMO</a></li>
<li><a href="http://www.thechromesource.com/disable-html5-interactive-form-validation-appears-in-chrome-experiments/">Disable HTML5 Interactive Form Validation Appears in Chrome Experiments</a></li>
<li><a href="http://ranjith.zfs.in/jquery-html-5-form-validation-to-firefox-opera-and-ie/">jQuery HTML5 form validation to Firefox, Opera and IE</a> (ett tillägg som kan ta över rättningen i alla webbläsare)</li>
<li><a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29#Form_elements_and_attributes">Wikipedia: Comparison of Layout Engines (HTML 5) &#8211; Form elements and attributes</a> (visar vad som funkar var)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/formularen-funkar-inte-firefox/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>A persona walked into a storyboard&#8230;</title>
		<link>http://axbom.se/a-persona-walked-into-a-storyboard</link>
		<comments>http://axbom.se/a-persona-walked-into-a-storyboard#comments</comments>
		<pubDate>Fri, 25 Mar 2011 08:42:02 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[lorem shitsum]]></category>
		<category><![CDATA[tshirt]]></category>
		<category><![CDATA[webbcopy]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2612</guid>
		<description><![CDATA[I know you haven&#8217;t heard this one&#8230;! Jag var tvungen att publicera en &#8221;historia&#8221; som bara slog mig när jag jobbade med en t-shirt design jag nyligen släppt. Har haft oerhört kul med att spåna ihop dessa och fler, hoppas du gillar. Om du inte förstår det roliga så är det helt ok. Det här är [...]]]></description>
			<content:encoded><![CDATA[<p>I know you haven&#8217;t heard this one&#8230;!</p>
<p><strong><div class="woo-sc-box note large rounded full" style="padding-left:50px;background-image:url( http://axbom.se/share/joke-icon.png ); background-repeat:no-repeat; background-position:20px 45%;">A persona walked into a storyboard looking for some interaction. At the end of the scenario he found himself eye-tracking a mental model with a wireframe interface. He sorted his cards and managed to think-aloud: &#8221;I love your design pattern, would you like to come back to my iPad for some bodystorming?&#8221;. &#8221;Sorry,&#8221; she replied, &#8221;you&#8217;re just not my prototype.&#8221;</div> </strong></p>
<p>Jag var tvungen att publicera en &#8221;historia&#8221; som bara slog mig när jag jobbade med <a href="http://axbom.spreadshirt.se/">en t-shirt design</a> jag nyligen släppt. Har haft oerhört kul med att spåna ihop dessa och fler, hoppas du gillar.</p>
<p>Om du inte förstår det roliga så är det helt ok. Det här är den nördigaste av den nördigaste UX-humorn man kan bevittna&#8230;</p>
<p><a href="http://axbom.spreadshirt.se/"><img class="aligncenter size-full wp-image-2613" title="axbom t-shirts" src="http://axbom.se/wp-content/uploads/axbom-tshirts.png" alt="You are just not my prototype och Get your Lorem Shitsum out of my site" width="500" height="600" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/a-persona-walked-into-a-storyboard/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Högerkolumnen är ett svart hål för innehåll</title>
		<link>http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall</link>
		<comments>http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall#comments</comments>
		<pubDate>Tue, 22 Mar 2011 08:12:57 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbcopy]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[aktiveringszon]]></category>
		<category><![CDATA[f-pattern]]></category>
		<category><![CDATA[högerkolumnen]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2565</guid>
		<description><![CDATA[F-mönstret är vedertaget när det gäller att beskriva hur människor läser innehåll på webben. Det talar för att det är ytterst ovanligt att människor läser texter ord-för-ord, och att de endast läser en bråkdel av texten. Vi kan också tolka in att människor rör sig tydligt i en vertikal riktning när de läser, och Nielsen [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.useit.com/alertbox/reading_pattern.html"><img class="alignleft size-medium wp-image-2566" title="Läsmönster från en eyetracking-studie" src="http://axbom.se/wp-content/uploads/f_reading_pattern_eyetracking-300x133.jpg" alt="" width="240" height="106" /></a><strong><a href="http://www.useit.com/alertbox/reading_pattern.html">F-mönstret</a> är vedertaget när det gäller att beskriva hur människor läser innehåll på webben. Det talar för att det är ytterst ovanligt att människor läser texter ord-för-ord, och att de endast läser en bråkdel av texten. Vi kan också tolka in att människor rör sig tydligt i en vertikal riktning när de läser, och Nielsen visade förra året att <a href="http://www.useit.com/alertbox/horizontal-attention.html">nästan 70% av fokus hos läsaren ligger till vänster i sidvyn</a>, snarare än till höger.</strong></p>
<p><strong>Det blir alltmer tydligt att högerkolumnen är ett svart hål för viktig information!</strong></p>
<p>Om vi antar att en högerkolumn är på 200 pixlar så kan vi utläsa ur Nielsens studie att knappt 6% ens tittar på högerkolumnens innehåll. Ändå envisas företag med att fylla högerkolumnen med viktig information som nedladdningsmaterial, fördjupningsinnehåll och förtydliganden.</p>
<p><strong>Jag är också förvånad</strong> över hur många nya designlösningar som av bara farten fortsätter utgå från 2 eller 3 kolumner utan närmare eftertanke. Jag vill härmed uppmuntra alla till att utmana högerkolumnens existens. Läsarna vill in, få det de kom för och de vill snabbt ut. Hur stöds det beteendet av högerkolumnen?</p>
<p>(Genväg: Hoppa direkt till när <a href="#googlehk">Google bekräftar högerkolumnens osynlighet</a>)</p>
<h3>Högerkolumnen försvinner snabbt från fokus</h3>
<p>Om vi vill att människor ska läsa våra texter så lägger vi en hel del krut på bra, informativa texter som drar uppmärksamheten till sig. Vi måste anta att texten ska lösa en människas problem, eller övertyga om att problemet kan bli löst i nästa steg. Med genomtänkta mellanrubriker, punktlistor och bilder så kan vi tillfredställa läsare såpass att de faktiskt skummar igenom en text.</p>
<p>Men det slutar inte där; du måste  förstå var användaren befinner sig i det läget: hon har <em>scrollat</em> ner och allt det viktiga i högerkolumnen har försvunnit från fokus.</p>
<p style="text-align: center;"><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-001.png"><img class="aligncenter size-full wp-image-2569" title="Många företag lägger relaterat innehåll, länkar och nedladdningsmaterial till höger..." src="http://axbom.se/wp-content/uploads/hogerkolumnen-001.png" alt="Många företag lägger relaterat innehåll, länkar och nedladdningsmaterial till höger..." width="478" height="378" /></a><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-002.png"><img class="aligncenter size-full wp-image-2570" title="När läsaren når botten av sidan så syns inte det viktiga materialet längre. Eller om det syns så är det i alla fall inte där användaren har sitt fokus." src="http://axbom.se/wp-content/uploads/hogerkolumnen-002.png" alt="När läsaren når botten av sidan så syns inte det viktiga materialet längre. Eller om det syns så är det i alla fall inte där användaren har sitt fokus." width="478" height="402" /></a></p>
<p>Jag kan bara misstänka att kolumn-tänket där mittenkolumnen anses ha ett samband med högerkolumnen kommer från tidningsvärlden där jag alltid har en översikt över en hel sida och ser en helhet på ett annat sätt. På webben tittar jag genom ett nyckelhål (också för att många får tunnelseende när de ska lösa en uppgift) och då måste allt sitta ihop i en vacker röd tråd utan svåra hopp.</p>
<p><strong>Att anta att läsaren snällt och vackert ska scrolla upp och &#8221;fortsätta läsa&#8221; viktig information i högerkolumnen är att skjuta sig själv i foten.</strong></p>
<h3>Lägg innehållet där läsaren är</h3>
<p>När läsaren kommer in på en sajt behöver hon snabbt förstå vad innehållet handlar om, och blicken faller på bilder, rubrik och ingress. Där har du några sekunder att visa att du har lösningen på problemet (eller inte) och där kan du också erbjuda lösningen, om du så vill, på en gång. Det skulle kunna vara ett dokument att ladda ner eller liknande.</p>
<p>Om du får en läsare som hänger med till slutet så har du fått ett löftesrikt napp och har då en engagerad läsare som har potential att bli en intressant relation. Din val blir då:</p>
<ul>
<li>att sätta punkt för relationen i samband med sista punkten i din text (och kasta tillbaka läsaren i webbens stora blå), eller</li>
<li>fortsätta samtalet genom att erbjuda det viktiga innehållet precis där läsaren befinner sig, redo och hungrig för mer.</li>
</ul>
<p>Dags alltså att hala in resultatet av det hårda arbetet med texten.</p>
<p style="text-align: center;"><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-003.png"><img class="aligncenter size-full wp-image-2571" title="Viktigt innehåll bör istället ligga direkt i innehållet, där användarens blick faller." src="http://axbom.se/wp-content/uploads/hogerkolumnen-003.png" alt="Viktigt innehåll bör istället ligga direkt i innehållet, där användarens blick faller." width="478" height="376" /></a><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-004.png"><img class="aligncenter size-full wp-image-2572" title="Eller så bör relaterat innehåll och aktiviteter man vill att läsaren skall utföra efter läsningen, ligga i slutet av texten." src="http://axbom.se/wp-content/uploads/hogerkolumnen-004.png" alt="Eller så bör relaterat innehåll och aktiviteter man vill att läsaren skall utföra efter läsningen, ligga i slutet av texten." width="478" height="381" /></a></p>
<h3>Högerkolumnen i bloggar är sekundär</h3>
<p>Många bloggar, liksom den du läser, har just en högerkolumn på huvudsajten. Här är det viktigt att notera hur högerkolumnen i bloggar skiljer sig markant från högerkolumnen på många företags webbplatser. Det förutsätts ingen relation mellan texten (blogginlägget) och innehållet i högerkolumnen.</p>
<p><strong>Du kan se högerkolumnen som en verktygslåda</strong> med bra länkar som sällan används men som finns i närheten när man väl behöver dem. Det är lätt att ignorera och tänka bort högerkolumnen för den är exakt likadan på alla sidor. Huvudsyftet kan nästan kokas ner till att skapa en läsvänlig bredd på kolumnen som innehåller alla artiklar!</p>
<p>Bloggar har också det gemensamt att de lägger länkar till liknande inlägg, <em>share</em>-knappar och kommentarer <strong>direkt under texten</strong>. Det är där läsaren är när du har fångat hennes intresse. Ett tillägg till WordPress som visar relaterade inlägg ( exempelvis <a href="http://axbom.se/wp-admin/plugins.php">Yet Another Related Posts Plugin</a>) har gjort underverk för många sajter som vill hålla kvar och engagera lojala läsare.</p>
<p style="text-align: center;"><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-005.png"><img class="aligncenter size-full wp-image-2573" title="Bloggar använder högerkolumnen som en verktygslåda, med samma innehåll på varje sida - alltid tillgängligt men också alltid sekundärt. Rubriken är något av det viktigaste som bloggar jobbar med." src="http://axbom.se/wp-content/uploads/hogerkolumnen-005.png" alt="Bloggar använder högerkolumnen som en verktygslåda, med samma innehåll på varje sida - alltid tillgängligt men också alltid sekundärt. Rubriken är något av det viktigaste som bloggar jobbar med." width="478" height="423" /></a><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-006.png"><img class="aligncenter size-full wp-image-2574" title="Bloggar lägger gärna kommentarer, länkar till liknande inlägg och knappar för “dela på Facebook”, längst ner i inläggen. Det är där det har störst chans att användas." src="http://axbom.se/wp-content/uploads/hogerkolumnen-006.png" alt="Bloggar lägger gärna kommentarer, länkar till liknande inlägg och knappar för “dela på Facebook”, längst ner i inläggen. Det är där det har störst chans att användas." width="478" height="402" /></a></p>
<h3>Glöm kolumner, tänk aktiveringszoner</h3>
<p>I slutändan vill du nå fram till läsaren och då gäller det att ha klart för sig <strong>var man ska lägga det viktigaste innehållet</strong> (och vilket innehåll, men det är en annan historia). Den här bilden visar att du säkerligen kan uppnå dina syften med såväl 2 kolumner som 1 kolumn. Det är ditt innehåll som måste avgöra tillvägagångssätt och du måste inse vad på din sajt aktiveringszonerna hamnar.</p>
<p style="text-align: center;"><a href="http://axbom.se/wp-content/uploads/hogerkolumnen-0071.png"><img class="aligncenter size-full wp-image-2586" title="Många sajter skippar vänsternavigering, och kan potentiellt få större nytta av aktiveringszoner. Huruvida kolumn-tänket över huvud taget behövs bör vara föremål för individuell undersökning hos varje sajt." src="http://axbom.se/wp-content/uploads/hogerkolumnen-0071.png" alt="Många sajter skippar vänsternavigering, och kan potentiellt få större nytta av aktiveringszoner. Huruvida kolumn-tänket över huvud taget behövs bör vara föremål för individuell undersökning hos varje sajt." width="479" height="692" /></a></p>
<p style="text-align: center;">
<p>Värt att notera är att många säljsajter på nätet &#8212; i gråzonen till det etiska (&#8221;tappa 10 kg på två veckor&#8221;, &#8221;bygg stora muskler på 2 veckor&#8221;, mfl)  &#8211; tillämpar <a href="http://www.onepagesalesletters.com/">1-kolumnslayout</a> för att behålla <a href="http://www.gotoguyenterprises.com/blog/im-products/ez-sales-page-for-wordpress/">fokus på säljbudskapet</a>. Det här är sajter som aktivt mäter vad som funkar och inte funkar när det gäller att driva försäljningar.</p>
<p>Vi behöver kanske inte apa efter alla deras beteenden, men det finns alltid något att läsa sig av de som detaljmäter och jämför resultat. Bonus: Du som får till en bra enkolumns-layout har också lättare att nå en mobil marknad.<br />
<a name="googlehk"></a></p>
<h3>Google bekräftar högerkolumnens osynlighet</h3>
<p>Google är förstås den globala mästaren i att mäta konverteringar på nätet och de delar också med sig av information om var du ska placera ditt innehåll. De berättar nämligen <a href="https://www.google.com/adsense/support/bin/answer.py?answer=17954">var du bör placera dina Google-annonser</a> och visar då också indirekt på <strong>vilka ytor som drar till sig mycket uppmärksamhet</strong>.</p>
<p>Slutsatserna överensstämmer väldigt mycket med F-mönstret hos Nielsen; i bilden så skapar de mörkare ytorna mer klick/uppmärksamhet och jag har numrerat från 1 (viktigast) och neråt. Högerkolumnen kanske inte är sämst&#8230; men den är tillräckligt dålig för att du måste tänka både två och tre gånger innan du lägger innehåll i något som kanske bara sugs ut i kosmos.</p>
<p style="text-align: center;"><a href="https://www.google.com/adsense/support/bin/answer.py?answer=17954"><img class="aligncenter size-full wp-image-2577" title="Google visar vilka ytor som fungerar bäst för annonser" src="http://axbom.se/wp-content/uploads/hogerkolumnen-008.png" alt="Google klickytor" width="470" height="671" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;">Har du exempel på bra användning av högerkolumnen på webben? Dela gärna med dig!</p>
<p style="text-align: left;"><em>Läs också: <a href="http://www.sitepen.com/blog/2008/04/11/retiring-the-3-column-layout/">Retiring the 3-column layout</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Februaris webbformulär: Nytt intresseflöde för Veidekke Bostad</title>
		<link>http://axbom.se/februaris-webbformular-nytt-intresseflode-for-veidekke-bostad</link>
		<comments>http://axbom.se/februaris-webbformular-nytt-intresseflode-for-veidekke-bostad#comments</comments>
		<pubDate>Fri, 11 Mar 2011 11:34:11 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[konvertering]]></category>
		<category><![CDATA[optimering]]></category>
		<category><![CDATA[veidekke]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2537</guid>
		<description><![CDATA[Det är många som vill ha gratis interaktionsdesign nu och jag börjar få svårt att välja. Men att få hjälpa Veidekke Bostad (som ger mycket till sociala medier-branschen) kändes nästan som en självklarhet. Om ni gör som jag vill (Veidekke och @palace), så vågar jag lova en skjuts i webbformulärets konverteringsgrad Utmaningen handlar om att [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Det är många som vill ha <a href="http://axbom.se/jag-vill-bygga-om-ditt-webbformular">gratis interaktionsdesign</a> nu och jag börjar få svårt att välja. Men att få hjälpa <a href="http://www.veidekke.se">Veidekke Bostad</a> (som ger mycket till sociala medier-branschen) kändes nästan som en självklarhet. Om ni gör som jag vill (Veidekke och <a href="http://twitter.com/#!/palace">@palace</a>), så vågar jag lova en skjuts i webbformulärets konverteringsgrad <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </strong></p>
<p>Utmaningen handlar om att få människor att anmäla sig till löpande information om pågående byggprojekt. Filmen förklarar och visar mina första tankar till lösning, som innebär att jag helt kastar om processen för när och hur formuläret fylls i:</p>
<p><iframe src="http://player.vimeo.com/video/20914101?portrait=0&amp;color=98d3d6" width="560" height="350" frameborder="0"></iframe>
<p><a href="http://vimeo.com/20914101">Interaktionsdesign av veidekke.se &#8211; Intressanmälan för information om byggprojekt</a> from <a href="http://vimeo.com/axbom">axbom</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h4>Ladda ner bilderna</h4>
<div style="background: url(http://axbom.se/wp-content/uploads/icon-pdf-small.png) #bceee7 20px center no-repeat; padding: 10px; border-top: 1px solid #505050; border-bottom: 1px solid #505050; margin-bottom: 20px;"><a style="padding: 0 0 0 55px;" href="http://dl.dropbox.com/u/114942/webbformular/axbom-veidekke-interaktionsdesign.pdf">Interaktionsdesign för Veidekke Bostad &#8211; intresseanmälan för byggprojekt</a></div>
<div id="attachment_2548" class="wp-caption aligncenter" style="width: 310px"><a href="http://axbom.se/wp-content/uploads/axbom-veidekke-webbformular.002.png"><img class="size-medium wp-image-2548 " title="Veidekke webbformulär - skiss över flöde" src="http://axbom.se/wp-content/uploads/axbom-veidekke-webbformular.002-300x225.png" alt="Veidekke webbformulär - skiss över flöde" width="300" height="225" /></a><p class="wp-caption-text">I arbetet med formuläret såg jag tidigt behovet att flytta konverteringen närmare projektet, och flytta komplexiteten längre bort.</p></div>
<p><strong>Stort tack för förtroendet Veidekke! </strong>Men processen är långt ifrån slut:  Vad tycker du som läser? Är jag på väg åt rätt håll? Vad har jag inte tänkt på? Vad ska bort? Tillsammans kan vi mer.</p>
<ul>
<li><a href="http://axbom.se/jag-vill-bygga-om-ditt-webbformular">Intresseanmälan för gratis interaktiondesign</a></li>
<li><a href="http://axbom.se/optimering">Intresseanmälan för mina tjänster</a></li>
</ul>
<p>
<div style="font-size: 0.8em;"><em>Disclaimer: mina gratislösningar görs utan någon förberedande workshop tillsammans med kunden och vi har inga iterativa avstämningar, vilket innebär att jag förmodligen snubblar över affärslogik och krockar med andra beroenden och begränsningar. Men som inspiration skadar det aldrig.</em></div></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/februaris-webbformular-nytt-intresseflode-for-veidekke-bostad/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Jag skissar Planeto-widget</title>
		<link>http://axbom.se/jag-skissar-planeto-widget</link>
		<comments>http://axbom.se/jag-skissar-planeto-widget#comments</comments>
		<pubDate>Fri, 25 Feb 2011 04:33:34 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[planeto]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2519</guid>
		<description><![CDATA[Liksom många andra blev jag idag inbjuden att tycka till om Planetos nya widget. Planeto är en tjänst för att skapa online-frågebatterier med lite av ett nytänk kring frågesport för många där alla kan utmana vem som helst. En widget innebär att man nu kan infoga ett quiz från Planeto på sin egen webbplats och [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Liksom många andra blev jag idag inbjuden att tycka till om <a href="http://www.planeto.com/">Planetos</a> nya <em>widget</em>.</strong> Planeto är en tjänst för att skapa online-frågebatterier med lite av ett nytänk kring frågesport för många där alla kan utmana vem som helst. En <em>widget</em> innebär att man nu kan infoga ett <em>quiz</em> från Planeto på sin egen webbplats och du kan se <a href="http://jardenberg.se/">exempel hos Jardenberg</a>.</p>
<p><strong>Jag kom snabbt med en hoper spontan återkoppling men eftersom jag är på semester (så&#8217;n är jag) tog jag det ett steg längre och skissade lite på lösningsidéer.</strong></p>
<p>Utseendet (som du ser <a href="http://jardenberg.se/">live hos Jardenberg</a>) är just nu så här:</p>
<div id="attachment_2520" class="wp-caption aligncenter" style="width: 251px"><a href="http://axbom.se/wp-content/uploads/planeto-quiz-justnu.png"><img class="size-full wp-image-2520 " title="Planeto quiz utseende" src="http://axbom.se/wp-content/uploads/planeto-quiz-justnu.png" alt="" width="241" height="357" /></a><p class="wp-caption-text">Nuvarande utseende på Planeto widget</p></div>
<p><strong>Mina spontana reaktioner</strong> var dessa:</p>
<ol>
<li>Förvirrande att man inte gör quizet i widgeten utan kastas iväg till en annan sajt utan förvarning.</li>
<li>Typsnittet är för litet.</li>
<li>Jag har lite svårt för länkarna fram och tillbaka till leaderboard/score men kan inte riktigt sätta fingret på varför ännu.</li>
<li>Bildformatet med bilden för &#8221;Libya&#8221; bör vara genomgående, alltså inte runda hörn på startsidan, utan fyrkant med vit ram och avklippt nedre högra hörn (som bilden är på &#8221;Score&#8221;)</li>
<li>För många starka färger som slåss om uppmärksamheten (rosa, grön, orange) &#8211; var vill ni att blicken ska falla?</li>
<li>Tror ni skulle vinna på att lägga QUIZ-rubriken och &#8221;Score&#8221;-länken horisontellt i toppen, de bryter övrig design på de flesta sajter för mycket &#8211; det är ofta inte bara färger man vill anpassa till sin egen sajt.</li>
</ol>
<p>Jag kände att jag lät lite hård men samtidigt dök så många andra design-lösningar upp i huvudet på mig så jag kunde inte låta bli att skissa på ett mer strukturerat tänk. Huvudsakligen ville jag visa upp en mer intuitiv navigering och en mycket tydligare <em>call to action.</em></p>
<div id="attachment_2521" class="wp-caption aligncenter" style="width: 415px"><a href="http://axbom.se/wp-content/uploads/planeto-quiz-wireframe.png"><img class="size-full wp-image-2521" title="planeto quiz wireframe" src="http://axbom.se/wp-content/uploads/planeto-quiz-wireframe.png" alt="" width="405" height="376" /></a><p class="wp-caption-text">Wireframe-skiss för Planeto widget</p></div>
<p>Och så här skulle det kunna se ut i olika färgsättning:</p>
<div id="attachment_2522" class="wp-caption aligncenter" style="width: 542px"><a href="http://axbom.se/wp-content/uploads/planeto-quiz-wireframe-color.png"><img class="size-full wp-image-2522" title="planeto quiz wireframe with color" src="http://axbom.se/wp-content/uploads/planeto-quiz-wireframe-color.png" alt="" width="532" height="344" /></a><p class="wp-caption-text">Wireframe-skiss för Planeto widget med färgsättning</p></div>
<p><strong>Jag har lagt till ett par grejer </strong>i det här gränssnittet. Dels ser jag fördelar med att återanvända Planetos logotyp för igenkänningsfaktorn. Jag tycker också att Planeto bör ha en tagline som rimmar med visionen &#8221;Games that change your world&#8221; eller liknande. I nuvarande lösning hänger &#8221;Spela Planeto &#8211; det är grymt&#8221; väldigt löst.</p>
<p>Det finns också ett nytt menyval som heter &#8221;What&#8217;s this&#8221; där jag ser möjligheten att tydligare förklara vad Planeto är och kanske även ge möjligheten att skapa ett konto direkt. Anledningen till att &#8221;Libya&#8221; ligger på egen rad är för att jag tror att det är där namnet på Quizen kommer ligga, och det ger utrymme för lite längre namn.</p>
<p><strong>Spontana reaktioner på mina spontana reaktioner och skisser?</strong></p>
<p><strong>Det här är på intet sätt</strong> ett förslag till en färdig design utan mitt första bidrag till en idégenerering för att ge ett schysst ansikte åt en kul tjänst. Säkerligen kan också en grafisk designer hitta lite vackrare färgkombinationer än de jag kastade på målarduken! Det jag söker är som vanligt den där knorren som får människor att klicka.</p>
<p>Fortfarande tror jag också att det finns en del arbete med att förhoppningsvis få in själva testet i widgeten och inte bara länka till planeto.com.</p>
<p>En del läser en bok i hängmattan, själv kan jag inte hålla tassarna borta från sån&#8217;t här! <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/jag-skissar-planeto-widget/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>axplock med ROI och infografik 2011-02-07</title>
		<link>http://axbom.se/axplock-med-roi-och-infografik-2011-02-07</link>
		<comments>http://axbom.se/axplock-med-roi-och-infografik-2011-02-07#comments</comments>
		<pubDate>Mon, 07 Feb 2011 08:52:43 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Innovation]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Nya medier]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Verktyg]]></category>
		<category><![CDATA[Webbtrender]]></category>
		<category><![CDATA[axplock]]></category>
		<category><![CDATA[ROI]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2479</guid>
		<description><![CDATA[Användarupplevelser och design » HFI animation &#8211; The ROI of User Experience with Dr. Susan Weinschenk Så här enkelt kan investeringsvinsten i användarupplevelser illustreras. Jag älskar de här animationerna! » Anpassningsbar webbdesign Förväntade mig inte att hitta just detta hos @jocke, men han har verkligen fingrarna i alla syltburkar =) och bra är det! » [...]]]></description>
			<content:encoded><![CDATA[<div class="axplock">
<h3>Användarupplevelser och design</h3>
<p><iframe title="YouTube video player" width="570" height="350" src="http://www.youtube.com/embed/O94kYyzqvTc?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><strong>» </strong><a rel="external" href="http://www.youtube.com/watch?v=O94kYyzqvTc"><strong>HFI animation &#8211; The ROI of User Experience with Dr. Susan Weinschenk</strong><br />
</a>Så här enkelt kan investeringsvinsten i användarupplevelser illustreras. Jag älskar de här animationerna!</p>
<p><strong>» </strong><a rel="external" href="http://feedproxy.google.com/~r/JardenbergUnedited/~3/v1ZmsvMLIDA/"><strong>Anpassningsbar webbdesign</strong><br />
</a>Förväntade mig inte att hitta just detta hos @jocke, men han har verkligen fingrarna i alla syltburkar =) och bra är det!</p>
<p><strong>» </strong><a rel="external" href="http://blog.kissmetrics.com/ab-testing-web-copy/"><strong>A Beginner’s Guide To A/B Testing: Exceptional Web Copy</strong><br />
</a>Bra checklista för A/B-tester. Det här är det du måste lära dig att jobba med under 2011. Dyk in.</p>
<p><strong>» </strong><a rel="external" href="http://www.measuringusability.com/sus.php"><strong>Measuring Usability with the System Usability Scale (SUS)</strong><br />
</a>En bra genomgång, inklusive historik, av hur skalan används.</p>
<p><strong>» </strong><a rel="external" href="http://theoatmeal.com/comics/shopping_cart"><strong>How to make your shopping cart suck less</strong><br />
</a>Så här kan man visualisera sina frustrationer med online-formulär också. Bara på kul&#8230; moving on&#8230;.</p>
<p><strong>» </strong><a rel="external" href="http://feedproxy.google.com/~r/Inuseful/~3/x30dsXw3w6g/aven-felmeddelanden-kan-fa-felmeddelanden"><strong>Även felmeddelanden kan få felmeddelanden</strong><br />
</a>Hehe, meta-fel är onekligen roligt också!</p>
<h3>Kommunikation, strategi och innovation</h3>
<p><strong> </strong></p>
<div id="attachment_2486" class="wp-caption alignright" style="width: 268px"><a href="http://richardgatarski.com/2011/02/05/konserveringsexperimentet/"><img class="size-medium wp-image-2486    " title="Konserveringsexperiment, som Gatarski pratar om" src="http://axbom.se/wp-content/uploads/dad_77-258x300.jpg" alt="Conservation experiment" width="258" height="300" /></a><p class="wp-caption-text">Konserveringsexperiment, som Gatarski pratar om</p></div>
<p>» <a rel="external" href="http://richardgatarski.com/2011/02/05/konserveringsexperimentet/"><strong>Konserveringsexperimentet (hö12)</strong><br />
</a>Älskar detta citat av @richardgatarski: &#8221;…Ett barn som hemma precis lärt sig klistra in klipp från YouTube i sin blogg får gå till skolan för att nästa dag lära sig vikten av att läsa dagstidningar, Kan man se det som ett konserveringsexperiment?&#8221;</p>
<p><strong>» </strong><a rel="external" href="http://fransandrashorisont.blogspot.com/2011/02/elever-far-feedback-pa-muntlig.html"><strong>Elever får feedback på muntlig framställan genom Bambuser</strong><br />
</a>Och tittar vi på lärandet så imponerar Sandra Wissting ständigt nuförtiden. Hennes elever älskade möjligheten att ge återkoppling via Bambuser. Om ni har lite extra tid, gå in på <a href="http://xn--myrsjskolan6b-mmb.se/">deras klassblogg</a> och kommentera. De älskar det också.</p>
<p><strong>» </strong><a rel="external" href="http://www.noupe.com/how-tos/the-price-is-right-breaking-down-the-design-process.html"><strong>The Price is Right: Breaking Down the Design Process</strong><br />
</a>Jodå, det är rätt mycket jobb som går in i en designlösning. Momenten &#8221;Sorting out the mess&#8221; och &#8221;Back to the drawing board&#8221; glömmer många skriva in i projektplanen <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Men i slutändan ska det självklart inte kosta mer än det ger.</p>
<h3>Nya medier och trender</h3>
<div id="attachment_2488" class="wp-caption alignright" style="width: 310px"><a href="http://www.noupe.com/graphics/infographics-to-enrich-your-knowledge.html"><img class="size-medium wp-image-2488 " title="Building a company with social media" src="http://axbom.se/wp-content/uploads/socialmediainfographics7-300x269.jpg" alt="" width="300" height="269" /></a><p class="wp-caption-text">Building a company with social media</p></div>
<p><strong>» </strong><a rel="external" href="http://disruptivemedia.se/blog/nytt-fr%C3%A5n-webbfronten"><strong>Nytt från webbfronten</strong><br />
</a>Annikas föreläsning var grym och självklart är uppföljningsposten lika självklar som matnyttig, nästan obligatorisk faktiskt.</p>
<p><strong>» </strong><a rel="external" href="http://www.readwriteweb.com/archives/the_daily_vs_flipboard.php"><strong>The Daily vs. Flipboard: One of These is The Future of Newspapers&#8230;</strong><br />
</a>Flipboard FTW! Är det något som kommer revolutionera nyheter så är det applikationer som <a href="http://flipboard.com/">Flipboard</a>. Och är det något jag insett så är det att betalningarna inte är något problem: min vision är att företagen står för fiolerna.</p>
<p><strong>» </strong><a rel="external" href="http://amitay.us/blog/files/piracy_doubled_my_app_sales.php"><strong>Piracy Doubled My App Sales | None</strong><br />
</a>Daniel Amitay är väldigt tacksam för allt piratkopierande av hans app. Tipstack till <a href="http://opassande.se/">@opassande</a></p>
<p><strong>» </strong><a rel="external" href="http://www.noupe.com/graphics/infographics-to-enrich-your-knowledge.html"><strong>Infographics to Enrich Your Knowledge</strong><br />
</a>Fantastisk statistik om sociala medier och underbara visualiseringar! En masse! En take-away är att 44% av sharing på nätet sker via Facebook. Om man inte kan gilla ditt inehåll på Facebook så missar du nog en stor del av den kakan.</p>
<p><strong>» </strong><a rel="external" href="http://www.digitaltonto.com/2010/the-next-really-really-really-big-thing/"><strong>The Next Really, Really, Really, Big Thing</strong><br />
</a>Många spännande tankar och länkar i denna artikel, du kan ägna timmar&#8230; tipstack till <a href="http://www.letterpress.se">Chris McCann</a></p>
<h3>Produktivitet och företagande</h3>
<p><strong> </strong></p>
<div id="attachment_2489" class="wp-caption alignright" style="width: 310px"><a href="http://www.designer-daily.com/ipad-apps-websites-with-a-gorgeous-design-12922"><img class="size-medium wp-image-2489" title="iFontMaker iPad app" src="http://axbom.se/wp-content/uploads/ifontmaker-ipad-app-300x200.jpg" alt="iFontMaker iPad app" width="300" height="200" /></a><p class="wp-caption-text">iFontMaker iPad app</p></div>
<p>» <a rel="external" href="http://letterpress.posterous.com/infographic-of-the-day-so-what-if-you-dont-sl"><strong>Infographic of the Day: So What If You Don&#8217;t Sleep Enough?</strong><br />
</a>Ja vad händer när vi sover för lite egentligen? Jag är fortfarande på jakt efter de där pillrena som kan hålla mig vaken dygnet runt, året runt &#8211; hmm&#8230; någon som såg det programmet på Discovery?</p>
<p><strong>» </strong><a rel="external" href="http://www.performable.com/love/?utm_source=button_textlink"><strong>Performable Love</strong><br />
</a>Fantastiska enkla verktyg för dig som jobbar med tester, statistik och design. Det här är kärlek och smart marknadsföring för Performable.</p>
<p><strong>» </strong><a rel="external" href="http://www.copyblogger.com/simplicity/"><strong>It’s the Simplicity, Stupid</strong><br />
</a>&#8221;If my subscribers aren’t telling their friends, I’m doing something wrong, end of story.&#8221; Enkelt: Om dina kunder inte pratar om din produkt eller tjänst så gör du något fel.</p>
<p><strong>» </strong><a rel="external" href="http://feedproxy.google.com/~r/DailyDesignerNews/~3/mhBXpmo6rHE/ipad-apps-websites-with-a-gorgeous-design-12922"><strong>14 iPad apps websites with a gorgeous design</strong><br />
</a>Det är snygg design på dessa sajter, men denna lägger jag under produktivitet för apparna som omnämns är riktiga guldkorn!</p>
</div>
<p><!--axplock--></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/axplock-med-roi-och-infografik-2011-02-07/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

