<?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; Informationsdesign</title>
	<atom:link href="http://axbom.se/cat/ux/informationsdesign/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>Tre alternativ för kön i ditt webbformulär</title>
		<link>http://axbom.se/tre-alternativ-for-kon-i-ditt-webbformular</link>
		<comments>http://axbom.se/tre-alternativ-for-kon-i-ditt-webbformular#comments</comments>
		<pubDate>Fri, 03 Feb 2012 09:13:57 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3811</guid>
		<description><![CDATA[Vissa saker läggs till i formulär av ren slentrian. Det var först nu när jag snubblade över ett formulär hos Sveriges Radio som jag insåg hur rätt det gör när det finns tre alternativ för kön. Kön är nämligen inte svart eller vitt och man bör inte vara tvingad att definiera det. Heja SR!]]></description>
			<content:encoded><![CDATA[<p><strong>Vissa saker läggs till i formulär av ren slentrian.</strong> Det var först nu när jag snubblade över <a title="Kontakter med koll hos P3 Nyheter" href="http://sverigesradio.se/sida/default.aspx?programid=4240">ett formulär hos Sveriges Radio</a> som jag insåg hur rätt de gör när det finns tre alternativ för kön. Kön är nämligen inte svart eller vitt och man bör inte vara tvingad att definiera det. Heja SR!</p>
<p><a title="SR - Vill inte definiera kön by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/6811010839/"><img src="http://farm8.staticflickr.com/7027/6811010839_63bd92b8a4.jpg" alt="SR - Vill inte definiera kön" width="497" height="500" /></a></p>
<p>SR erbjuder alltså i detta formulär alternativen:</p>
<ul>
<li>Kvinna</li>
<li>Man</li>
<li>Vill inte definiera</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/tre-alternativ-for-kon-i-ditt-webbformular/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>Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj</title>
		<link>http://axbom.se/stadium-barkarby-2</link>
		<comments>http://axbom.se/stadium-barkarby-2#comments</comments>
		<pubDate>Thu, 14 Jul 2011 22:23:36 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Kommunikationsvetenskap]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[case]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[kampanj]]></category>
		<category><![CDATA[stadium]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3227</guid>
		<description><![CDATA[I senaste avsnittet av UX Podcast sågar James och jag ett antal pågående Facebook-kampanjer. Här redogör jag lite utförligare för mina erfarenheter från ett besök på Stadium i Barkarby för ett par veckor sedan. i alla led. Och i den sanna andan av mitt manifest ger jag några goda råd på vägen. &#160; Vi passerar [...]]]></description>
			<content:encoded><![CDATA[<p><strong>I senaste avsnittet av <a href="http://uxpodcast.com/">UX Podcast</a> sågar James och jag ett antal pågående Facebook-kampanjer.</strong> Här redogör jag lite utförligare för mina erfarenheter från ett besök på Stadium i Barkarby för ett par veckor sedan. <span class="shortcode-highlight">Helt enkelt ett praktexempel på dåligt utförd digital kampanj</span><!--/.shortcode-highlight--> i alla led. Och i den sanna andan av mitt <a href="http://axbom.se/manifest">manifest</a> ger jag några goda råd på vägen.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/axbom/5931050021/"><img class="aligncenter size-full wp-image-3228" title="Stadium Barkarby 2 - bilder från en köpupplevelse" src="http://axbom.se/wp-content/uploads/stadium-barkarby-2.jpg" alt="" width="560" height="781" /></a></p>
<p>&nbsp;</p>
<p><strong>Vi passerar genom Stadium på väg till IKEA och jag triggar</strong> självklart på stora affischer och skyltar lite överallt där det står att jag ska <span class="shortcode-highlight">checka in på Facebook för att få ett erbjudande</span><!--/.shortcode-highlight-->. Jag hastar upp mobilen och checkar snabbt in på den första logiska butiken som dyker upp i Facebook-appen: Stadium Barkarby.</p>
<p><em>Det kommer inte upp något erbjudande. Jag väntar&#8230;kollar mobilen var 10:e sekund vilket givetvis retar familjen. Jag ser inget erbjudande.</em></p>
<p><strong>Här hade nog de flesta människor avfärdat, suckat och gått vidare</strong> men jag ville självklart följa upp och förstå vad som pågick. Så jag gick upp till en expedit och förklarade att jag minsann checkat in men att det inte kom upp något erbjudande. Först säger hon att jag inte behöver checka in (<em>nähä?</em>) &#8211; jag kan få erbjudandet ändå (<em>jaha?</em>) &#8211; och sedan kommer hon på: det är förresten <strong>Stadium Barkarby 2</strong> du ska checka in på. Stadium Barkarby är den andra Stadium-butiken i outlet-delen av Barkarby(!)</p>
<p>Jag tackar vänligt men webbstrategen i mig skriker. Har jag missat något? Nej, det finns inget i affischer eller skyltar som talar om att det är <strong>Stadium Barkarby 2</strong> jag ska checka in på.</p>
<p><strong>Återigen tar jag mig över en tröskel för att verkligen fullfölja</strong> det hela, något som gemene man inte gör: Jag tar fram telefonen igen, letar aktivt upp och checkar in på <strong>Stadium Barkarby 2</strong>.</p>
<p>Dels retar det mig att jag checkat in på fel ställe eftersom jag nu bevisligen inte var på Stadium Barkarby men jag förundras förstås över det genialiska i att <strong>Stadium Barkarby 2</strong> är som ett sandpapper för kundförståelsen (skapat för maximal friktion). Ett namn som <strong>Stadium Barkarby Ikeahuset </strong>hade förstås gjort att jag hittat rätt direkt utan hinder men det ligger väl ändå inte i butikens intresse?</p>
<p><em>I alla fall: nu ser jag kupongen &#8211; 99 kronor för ett par Race Marine sneakers. Strålande.</em></p>
<p><strong>Jag ignorerar det faktum att det är junior- och damstorlekar</strong> som kupongen avser och söker upp skorna eftersom jag är nyfiken på hur stort mitt kap skulle kunna vara om jag verkligen hade det minsta intresse av produkten. Vad tjänar jag på att checka in?</p>
<p>0 kr.</p>
<p>Då tackar jag alldeles särskilt för det <strong>Stadium Barkarby 2</strong>. Samma pris utan kupong som med kupong. Nu ger till och med jag upp och promenerar raskt ut ur butiken medan jag spyr lite okvädesord i flödet.</p>
<h3>2 råd till Stadium Barkarby 2 för att slippa misslyckas så hårt</h3>
<ol>
<li><strong>Testa.</strong> Det tar 3 minuter att förstå att det är mycket på tok med den här kampanjen. Gå igenom processen så som du tror att kunden skulle gå igenom den så blir det snabbt uppenbart varför den gör mer skada än nytta. Det blir annars pinsamt uppenbart att en reklambyrå utan helhetsperspektiv ligger bakom.</li>
<li><strong>Involvera personalen.</strong> Det är väldigt uppenbart att personalen inte bryr sig särskilt mycket om kampanjen. De är säkert inte ens informerade och inte tillfrågade om kampanjens lämplighet. De får bara dumma frågor av sådana som mig. Om inte alla är med på tåget så blir det alltid en tafflig upplevelse och dåligt genomförande. Som rabatten som inte blev någon rabatt.</li>
</ol>
<h3>2 råd till Stadium Barkarby 2 innan ni gör om något liknande</h3>
<ol>
<li><strong>Köp inte era kunder.</strong> Hitta de som verkligen gillar er redan och ge dem verktyg för att bli ambassadörer och sprida budskapet om hur mycket de gillar er. Det kräver lite mer arbete än att bara öppna plånboken och beställa en kampanj, men det blir äkta och trovärdigt. Och det funkar.</li>
<li><strong>Gör en upplevelsekartläggning</strong> (experience map) där ni dokumenterar sinnesstämningen genom hela processen från att man åker hemifrån, går in i butiken och kommer hem igen. Identifiera möjligheter till förbättringar och genomför dem. Ge en wow-upplevelse när kunden minst förväntar det. Se till att köpprocessen alltid avslutas på toppen av humörkurvan, ge något extra till de som faktiskt köper och är nöjda.</li>
</ol>
<p>I grund och botten handlar det om att faktiskt bry sig om kunden och alltid försöka göra bra grejer för dem. Men checkar in på <strong>Stadium Barkarby 2</strong> gör jag nog aldrig igen. Utom kanske på pin kiv <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/stadium-barkarby-2/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Axbom vs Barack Obama #infographic</title>
		<link>http://axbom.se/axbom-vs-obama-infographic</link>
		<comments>http://axbom.se/axbom-vs-obama-infographic#comments</comments>
		<pubDate>Wed, 13 Jul 2011 20:48:35 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[Nya medier]]></category>
		<category><![CDATA[Online-tjänster]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Verktyg]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[obama]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visually]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3220</guid>
		<description><![CDATA[Jag har alltid älskat visualiseringar av information för att underlätta lärande och kommunikation. Nu lanseras snart ett verktyg som underlättar skapandet av dessa visualiseringar, eller infographics. Så skynda till visual.ly om du liksom jag går igång på ensidiga informationsförmedlare. Snabb analys av Axbom vs Barack Obama Den här infografiken är förstås bara en ganska tanklös [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-3221" title="Axbom vs Obama infographic" src="http://axbom.se/wp-content/uploads/axbom-vs-obama-infographic.png" alt="" width="588" height="2047" /><br />
<br clear="all" /><br />
<strong>Jag har alltid älskat <a href="http://axbom.se/visioner-och-visualiseringar-for-skolan">visualiseringar av information för att underlätta lärande och kommunikation</a>.</strong> Nu lanseras snart ett verktyg som underlättar skapandet av dessa visualiseringar, eller <em>infographics</em>. Så skynda till <a href="http://visual.ly/">visual.ly</a> om du liksom jag går igång på ensidiga informationsförmedlare.</p>
<h3>Snabb analys av Axbom vs Barack Obama</h3>
<p><em>Den här infografiken är förstås bara en ganska tanklös lek med siffror och ett smart marknadsföringsknep från visual.ly, men jag nappade.</em></p>
<p>Barack Obama är ju en <em>superstar</em> (av självklara skäl) och även om jag twittrat under längre tid och har genererat fler Twitter-meddelanden så är hans räckvidd förstås vida överlägsen. På ett par områden piskar jag dock stjärt: jag är långt mer social än Obama och jag skapar väldigt mycket mer retweets. Kanske kan Obama lära sig ett och annat nu när han ska <a href="http://mashable.com/2011/06/18/obama-tweets/">börja Twittra personligen</a> istället för bara hans stab.</p>
<p>Jag tycker det är väldigt roligt att Baracks och mina gemensamma intressen utgörs av bland annat människor och innovation, orden &#8221;take, everything&#8221; antar jag betyder att vi båda vill ta över världen. Det går också att utläsa att vi båda ses som positiva politiker!</p>
<p>I övrigt har förstås verktyget, som så många amerikanska verktyg, lite kvar när det gäller att sortera bort svenska ord utan betydelse, som &#8221;jag, det, och, inte, att&#8221;. Men jag är mäkta imponerad av dess design!</p>
<p>Vem ska du ta upp kampen med i <a href="http://visual.ly/labs/twitter">din egen Twitter-infografik</a>?</p>
<p>PS <em>Varför jag valde Obama? Jag hoppas förstås <a href="http://axbom.se/barack-obama-till-sweden-social-web-camp">locka honom till Sweden Social Web Camp</a> <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </em></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/axbom-vs-obama-infographic/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formuläret som aldrig skickades, eller? #webbformulär</title>
		<link>http://axbom.se/formularet-som-aldrig-skickades-eller-webbformular</link>
		<comments>http://axbom.se/formularet-som-aldrig-skickades-eller-webbformular#comments</comments>
		<pubDate>Thu, 07 Jul 2011 12:35:02 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Användbarhet]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[solna stad]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/formularet-som-aldrig-skickades-eller-webbformular</guid>
		<description><![CDATA[Det finurliga med den här bilden är att jag redan skickat iväg formuläret. Men det förstod inte jag. Kan du hitta bekräftelsen? Jag kunde! Till slut&#8230; Sjävklart borde producenten av detta webbformulär ha begrundat minst 2 saker några fler gånger om: Var ligger användarens blick när hon fyllt i formuläret och klickat på skicka&#8230; och [...]]]></description>
			<content:encoded><![CDATA[<p class=""><a href="http://www.flickr.com/photos/axbom/5898333546/" title="Varför går mejlet inte iväg? by axbom, on Flickr"><img src="http://farm6.staticflickr.com/5269/5898333546_5f262891d6.jpg" width="500" height="423" alt="Varför går mejlet inte iväg?"></a></p>
<p><br clear="all"><br />Det finurliga med den här bilden är att jag redan skickat iväg formuläret. Men det förstod inte jag. Kan du hitta bekräftelsen? Jag kunde! Till slut&#8230;</p>
<p>Sjävklart borde producenten av detta webbformulär ha begrundat minst 2 saker några fler gånger om:</p>
<ol>
<li>Var ligger användarens blick när hon fyllt i formuläret och klickat på skicka&#8230; och</li>
<li>Bör formuläret ligga kvar redigerbart på bekräftelsesidan?</li>
</ol>
<p>På 1 svarar jag &#8221;på samma ställe där den just var, på knappen&#8221; och på 2 svarar jag &#8221;självklart inte.&#8221;</p>
<p>Och det faktum att jag inte fått minsta tillstymmelse till svar ännu efter en vecka gör att jag gissar att det finns fler fel i ledet fram till en fungerande kommunikation med Solna stad. Eller vad tror du?</p>
<p><em class="em rangy_1">På tal om en helt annan sak så är det här första blogginlägget som jag skriver på min iPad. Äntligen finns det en applikation som gör bloggandet till en rimlig aktivitet på paddan. Om du vill prova heter det </em><a href="http://blogsyapp.com/" target="_self" title=""><em class="em rangy_1">Blogsy</em></a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/formularet-som-aldrig-skickades-eller-webbformular/feed</wfw:commentRss>
		<slash:comments>3</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>Webbformulär är dörren till din verksamhet</title>
		<link>http://axbom.se/webbformular-ar-dorren-till-din-verksamhet</link>
		<comments>http://axbom.se/webbformular-ar-dorren-till-din-verksamhet#comments</comments>
		<pubDate>Mon, 17 Jan 2011 09:07:39 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Serieteckning]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[HSBC]]></category>
		<category><![CDATA[konvertering]]></category>
		<category><![CDATA[konverteringsgrad]]></category>
		<category><![CDATA[webbformulär]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=2250</guid>
		<description><![CDATA[Det förvånar mig gång på gång hur lite tid som läggs på webbformulär när man utvecklar en ny webbplats. Formulär är den interaktiva komponent i din webbnärvaro som avgör om människor köper, kontaktar eller av andra anledningar lämnar ifrån sig sina kontaktuppgifter &#8211; det som ger din organisation mer värde. Få se nu: ska vi [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2252" class="wp-caption aligncenter" style="width: 559px"><a href="http://axbom.se/wp-content/uploads/webbformular.png"><img class="size-full wp-image-2252" title="Problem med webbformulär" src="http://axbom.se/wp-content/uploads/webbformular.png" alt="" width="549" height="686" /></a><p class="wp-caption-text">Det finns en övertro på komplexa webbformulär.</p></div>
<p style="text-align: center;">
<p><strong>Det förvånar mig gång på gång hur lite tid som läggs på webbformulär när man utvecklar en ny webbplats. Formulär är den interaktiva komponent i din webbnärvaro som avgör om människor köper, kontaktar eller av andra anledningar lämnar ifrån sig sina kontaktuppgifter &#8211; det som ger din organisation mer värde. Få se nu: ska vi göra det enkelt eller svårt?</strong></p>
<p><strong>Ett av mina <a href="http://www.gerrymcgovern.com/nt/2010/nt-2010-06-07-Customer-stranger.htm">favoritexempel</a> handlar om banken HSBC</strong> som för några år sedan fick ungefär två intresseanmälningar per vecka i ett formulär för bolån på sin webbplats. Formuläret genererade lite mindre än 1 miljon dollar i affärer per år. Inte illa för ett formulär som bara ligger där?</p>
<p>Nåväl, Brett King &#8211; författaren till <a href="http://axbom.se/adlibris/9814302074">Bank 2.0</a> &#8211; fick uppdraget att förenkla formuläret och efter hårt motstånd gick de från 17 fält i formuläret till tre: <em>namn, e-post och telefonnummer</em>. Antalet besök till sidan med formuläret låg kvar på samma nivå, men antalet intresseanmälningar gick från 2 till 180 per vecka, och formuläret genererade 20 miljoner dollar under sitt första år i drift.</p>
<p><strong><a href="http://axbom.se/wp-content/uploads/3doors.jpg"><img class="alignright size-medium wp-image-2251" title="3 dörrar" src="http://axbom.se/wp-content/uploads/3doors-300x225.jpg" alt="" width="300" height="225" /></a>Det är ökning i konverteringsgrad med nästan 9 000% och en ökning i omsättning med nästan 2 000%!</strong></p>
<p>För att vara en kundcentrerad organisation måste du utgå från kundens perspektiv. Det kan självklart innebära större komplexitet för organisationen och mer hantering, men var tycker du själv komplexiteten skall ligga? En kund som har problem att komma in genom din dörr provar gärna en annan.</p>
<p>Läs också: <a href="http://axbom.se/konsten-att-optimera-webbformular-med-ett-ynka-ord">Konsten att optimera webbformulär med ett ynka ord</a>, <a href="xhttp://blog.kajabi.com/a-dead-simple-change-that-increased-our-conve">A Dead-Simple Change That Increased Our Conversion Rate by Over 250%</a></p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/webbformular-ar-dorren-till-din-verksamhet/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Lorem shitsum: en text som luktar illa</title>
		<link>http://axbom.se/lorem-shitsum-en-text-som-luktar-illa</link>
		<comments>http://axbom.se/lorem-shitsum-en-text-som-luktar-illa#comments</comments>
		<pubDate>Wed, 24 Mar 2010 09:15:36 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbcopy]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[lorem shitsum]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=1317</guid>
		<description><![CDATA[Lorem ipsum dolor sit amet är bland de mest missbrukade orden i designvärlden. De ingår i en nonsentext (en form av remixad Latin) som används för att fylla ut textytor i wireframes, designskisser och prototyper. Just nu håller jag en kurs i webbcopy och argumenterar för att denna nonsenstext förstör syftet med en design: att faktiskt [...]]]></description>
			<content:encoded><![CDATA[<p><strong><em>Lorem ipsum dolor sit amet</em> är bland de mest missbrukade orden i designvärlden. De ingår i en nonsentext (en form av remixad Latin) som används för att fylla ut textytor i wireframes, designskisser och prototyper. Just nu håller jag en <a title="kurs i webbcopy" href="http://abilitypartner.se/webbcopy.aspx">kurs i webbcopy</a> och argumenterar för att denna nonsenstext förstör syftet med en design: att faktiskt vara ett stöd för texten.</strong></p>
<p>Lite paradoxalt är det att orden, som skall vara själva drivkraften och en uppmaning för användaren att agera, ofta helt glöms bort när vi tittar på användarupplevelser. För visst måste vi <em>börja </em>med de ord som ska inspirera, övertyga och bidra till ny kunskap eller nya insikter. Budskapet, som förmedlas i orden, ska <em>därefter </em>förstärkas med rätt bilder och formgivning.</p>
<p><em>Inte ens Jesse James Garretts vedertagna modell, </em><a href="http://www.jjg.net/elements/pdf/elements.pdf"><em>The Elements of User Experience (PDF)</em></a><em>, har med webbcopy som en egenskap!</em></p>
<h3>
<div id="attachment_1325" class="wp-caption alignright" style="width: 198px"><a href="http://axbom.se/wp-content/uploads/lorem-ipsum-example-1.png"><img class="size-medium wp-image-1325" title="lorem-ipsum-example-1" src="http://axbom.se/wp-content/uploads/lorem-ipsum-example-1-188x300.png" alt="Lorem ipsum exempel 1" width="188" height="300" /></a><p class="wp-caption-text">Lorem ipsum skapar obefintlig dynamik</p></div>
<p>Lorem ipsum trivialiserar ditt innehåll</h3>
<p>Lorem ipsum är en <strong>genväg </strong>till att fylla en designmall med en text, för att på så vis få en uppfattning om hur en grafisk design ser ut när texten är på plats. Utan text ser en designmall tom ut och ofta hinner inte informationsägare eller kunder skaka fram en text som de tycker är färdig.</p>
<p>Men i bästa fall är Lorem ipsum ett halvhjärtat och mediokert sätt att angripa den viktigaste delen av en webbtjänst.</p>
<h4>4 nackdelar med Lorem ipsum</h4>
<ol>
<li>Orealistiska antaganden om utrymme för texten kan lätt göra att en elegant design sväller över.</li>
<li>Lorem ipsum texten innehåller inte relevanta styckesindelningar, mellanrubriker och länkar i texten, sådant som också ger texten styrka.</li>
<li>Värdet av texten förminskas till att bara vara ännu ett designelement, som bara ska vara där för att sajten ska se snygg ut.</li>
<li>En designskiss med Lorem ipsum blir lätt förlaga för en skribent, som riskerar att skriva rakt på utan styckesindelningar för att efterlikna &#8221;designen&#8221;.</li>
</ol>
<div id="attachment_1321" class="wp-caption aligncenter" style="width: 475px"><a title="Lorem ipsum möter verkligheten by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/4457774140/"><img class="size-full wp-image-1321" title="Lorem ipsum möter verkligheten" src="http://axbom.se/wp-content/uploads/lorem-ipsum-fail-example.png" alt="" width="465" height="310" /></a><p class="wp-caption-text">Bilden visar skillnaden mellan en lorem-ipsum design och verkligheten, där innehållet bryter den eleganta designen.</p></div>
<h3>Bannlys Lorem ipsum från dina skisser</h3>
<p>Bara genom att använda faktiskt innehåll och information genom hela designprocessen skapar man lösningar som kommunicerar på ett effektivt sätt.</p>
<ul>
<li>Strunta i att texten inte är 100% klar. Läsbar text är faktiskt mer användbar än oläslig text.</li>
<li>Prata om och diskutera innehållet innan du påbörjar design. Det är innehållet som ska förstärkas, inte tvärtom.</li>
<li>Involvera webbskribenterna från början!</li>
<li>Använd riktigt innehåll för att förstå när du måste skala ner och tona ner grafik till förmån för innehållet.</li>
</ul>
<p>En skräddarsydd kostym funkar bara om du vet hur stor människan är som ska passa i kostymen. Visuell design på webben funkar bara om du vet vilket innehåll som ska passa in i formen.</p>
<h3>
<div id="attachment_1328" class="wp-caption alignleft" style="width: 160px"><a href="http://axbom.se/wp-content/uploads/lorem-ipsum-example-2.jpg"><img class="size-thumbnail wp-image-1328" title="Lorem ipsum exempel 2" src="http://axbom.se/wp-content/uploads/lorem-ipsum-example-2-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Lorem ipsum-text förmedlar inga känslor</p></div>
<p>Alla tillsammans: Ett rungande Lorem shitsum!</h3>
<p>Visst är det smått ironiskt i sammanhanget att Lorem ipsum bäst översätts med &#8221;Smärtan själv&#8221; från do<strong>lorem </strong>(smärta, förtvivlan, lidande) och <strong>ipsum </strong>(sig själv, själv).</p>
<p>Så nästa gång du ser en designer använda Lorem ipsum kan du säga rakt ut:</p>
<blockquote><p>Jag ser att du använder Lorem shitsum. Är det <em>smärta </em>eller <em>förtvivlan </em>du vill att läsaren ska känna?</p></blockquote>
<h4>Andra åsikter om Lorem ipsum</h4>
<ul>
<li>designInformer: <a href="http://designinformer.com/lorem-ipsum-killing-designs/">Lorem Ipsum is killing your designs</a></li>
<li>Adaptive Path: <a href="http://www.adaptivepath.com/ideas/essays/archives/000959.php">Death to Lorem Ipsum and other adventures in content</a></li>
<li>LukeW: <a href="http://www.lukew.com/ff/entry.asp?927">Death to Lorem Ipsum</a></li>
<li>Karen McGrane: <a href="http://karenmcgrane.com/2010/01/10/in-defense-of-lorem-ipsum/">In defence of Lorem Ipsum</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/lorem-shitsum-en-text-som-luktar-illa/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Mataffären fattar hur människor köper mat</title>
		<link>http://axbom.se/mataffaren-fattar-hur-manniskor-koper-mat</link>
		<comments>http://axbom.se/mataffaren-fattar-hur-manniskor-koper-mat#comments</comments>
		<pubDate>Thu, 11 Mar 2010 00:24:00 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[Sökmotorer]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[inköpslista]]></category>
		<category><![CDATA[mataffären]]></category>
		<category><![CDATA[varukorg]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=1271</guid>
		<description><![CDATA[Jag har börjat veckohandla på mataffaren.se - en matvarubutik med hemkörning. Vid första anblick skiljer sig butiken inte från de övriga jag provat genom åren &#8211; och det är alltid ett pyssel att söka upp en matvara, lägga den i korgen, söka upp nästa matvara, och så vidare; men för några veckor sedan upptäckte jag [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Jag har börjat veckohandla på <a href="http://mataffaren.se ">mataffaren.se </a>- en matvarubutik med hemkörning. Vid första anblick skiljer sig butiken inte från de övriga jag provat genom åren &#8211; och det är alltid ett pyssel att söka upp en matvara, lägga den i korgen, söka upp nästa matvara, och så vidare; men för några veckor sedan upptäckte jag funktionen </strong><em><strong>snabbköp</strong></em><strong>. Det är en klurig sökfunktion som fullständigt eliminerar bortåt 60% av söktiden!</strong></p>
<p>Så här ser processen vanligtvis  ut när man handlar på nätet (grovt):</p>
<ol>
<li>Hitta varan
<ol>
<li>Navigera fram till den i en struktur <em>eller</em></li>
<li>Sök varan i den interna sökmotorn</li>
</ol>
</li>
<li>Klicka på köp-knappen</li>
<li>Gå tillbaka till steg 1 för varje vara du vill köpa</li>
<li>Gå till utcheckningen</li>
</ol>
<p>Och den här processen funkar rätt bra när jag handlar till exempel tekniska prylar. Då handlar jag nämligen en <em>begränsad mängd</em> varor. Men problemet med processen blir uppenbar när man handlar matvaror, för då ska man handla <em>många olika sorters varor</em>.</p>
<div id="attachment_1275" class="wp-caption alignright" style="width: 205px"><a href="http://www.flickr.com/photos/sunefrack/2690728836/"><img class="size-full wp-image-1275  " title="Inköpslista" src="http://axbom.se/wp-content/uploads/2010/03/inkopslista-handskriven-liten.jpg" alt="Handskriven inköpslista" width="195" height="240" /></a><p class="wp-caption-text">Foto av Henrik Ström</p></div>
<p><strong>En klassisk lösning</strong> på det här problemet har varit att jag kan spara min varukorg och beställa samma varor en gång till nästa gång. Men handen på hjärtat: hur ofta händer det att du handlar samma ärtsoppa och Havre Fras vecka efter vecka? Och det passar helt enkelt inte heller med den mentala modell för matköp som vi har inrotad i vår kultur: vi skriver en inköpslista som vi fyller på under veckan (jodå, den sitter på kylskåpet eller annorstädes i köket).</p>
<p>Sedan tar vi med listan och går efter den när vi handlar.</p>
<h3>Snabbköp närmar sig verkligheten</h3>
<p>Funktionen snabbköp är begynnelsen till lösningen på problemet (jag säger <em>begynnelsen </em>för det finns brister som jag återkommer till).</p>
<p>När jag klickar på snabbköp får jag upp en bild som påminner om en inköpslista där jag kan skriva upp alla varor som står på min egen papperslapp. När jag sedan klickar på &#8221;Hämta varor&#8221; så sker det magiska. En sökning görs för var och en av produkterna samtidigt, och jag får upp en sökresultatlista för var och en av produkterna. Så här ser det ut:</p>
<p><a title="mataffaren-snabbkop by axbom, on Flickr" href="http://www.flickr.com/photos/axbom/4422964179/sizes/o/"><img src="http://farm5.static.flickr.com/4042/4422964179_4eba497437.jpg" alt="mataffaren-snabbkop" width="274" height="500" /></a></p>
<p>Eftersom tjänsten söker efter alla mina produkter på en gång är detta alltså den enda sökning jag behöver göra! Så köpprocessen blir nu (också grovt):</p>
<ol>
<li>Hitta varorna
<ol>
<li>Skriv av inköpslista och klicka på sök</li>
</ol>
</li>
<li>Klicka på köp för den produkt du vill ha</li>
<li>Välj nästa inköpslista och repetera steg 2-3 tills du är färdig med listan</li>
<li>Gå till utcheckningen</li>
</ol>
<p>Här har man alltså eliminerat behovet att för varje produkt starta en helt ny sökning (steg 3 i den tidigare processen), vilket sparar enormt mycket tid. Och man har gjort det genom att vara mer användarcentrerad och utgått från hur människor faktiskt skriver inköpslistor.</p>
<h3>Förbättringstips</h3>
<p>Processen för snabbköp-funktionen är alltså klockren och visar hur man utgår från människans situation snarare än förutfattade meningar om teknikens begränsningar. Tyvärr så lämnar funktionen en del att önska i implementationen och jag lämnar ett par tips till vidareutvecklingen.</p>
<ul>
<li>Det är viktigt att söket är kontextuellt och förstår mig bättre, snarare än bara går direkt på första varan i databasen. När jag skriver mjölk vill jag inte få upp mjölkfritt margarin, kokosmjök och mjölkchoklad framför barnfamiljernas mest köpta dryck. (Vanlig mjölk låg inte förrän på plats 17 i listan!)</li>
<li>Jag vill kunna skriva 2 liter mjölk och 2 paket bacon utan att få felmeddelande. Det är så jag skriver min inköpslista.</li>
<li>Överge inte den trevliga visualiseringen med inköpslistan. När inköpslistan byter form och flyttar högst upp i en horisontell navigering tappar man kontakten med människan till förmån för maskinen. Låt hellre inköpslistan ligga kvar i sin ursprungliga form och jobba med sökresultaten till höger om den, så att jag kan lägga till och kryssa av på min virtuella papperslapp.</li>
<li>I förlängningen ska jag givetvis kunna hålla upp inköpslistan framför webbkameran, ni läser av min handstil och vips så har jag min färdiga varukorg. Men jag ger er 5 år på den funktionen.</li>
</ul>
<p>I mångt och mycket så har mataffaren.se en hel del trevlig interaktionsdesign som avviker från normen, och det är tydligt att man har ett fokus på att människor ska känna sig välkomna och personligt bemötta. Så även om du inte handlar där så rekommenderar jag ett besök bara för att få nya intryck och idéer till hur du kan lösa navigering och struktur på ett annorlunda sätt; och ge utrymme för den där hyggliga tonen som människor verkar gilla.</p>
]]></content:encoded>
			<wfw:commentRss>http://axbom.se/mataffaren-fattar-hur-manniskor-koper-mat/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

