<?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; UX</title>
	<atom:link href="http://axbom.se/cat/ux/feed" rel="self" type="application/rss+xml" />
	<link>http://axbom.se</link>
	<description>uppnå din digitala potential</description>
	<lastBuildDate>Mon, 21 May 2012 12:49:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>5 bankers startsidor i jämförelse</title>
		<link>http://axbom.se/5-bankers-startsidor-i-jamforelse</link>
		<comments>http://axbom.se/5-bankers-startsidor-i-jamforelse#comments</comments>
		<pubDate>Fri, 09 Mar 2012 08:14:47 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Interaktionsdesign]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[bank]]></category>
		<category><![CDATA[handelsbanken]]></category>
		<category><![CDATA[heatmap]]></category>
		<category><![CDATA[jämförelse]]></category>
		<category><![CDATA[nordea]]></category>
		<category><![CDATA[seb]]></category>
		<category><![CDATA[skandiabanken]]></category>
		<category><![CDATA[swedbank]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3829</guid>
		<description><![CDATA[Jag använder ibland Feng Gui &#8211; en tjänst som visar var en människas uppmärksamhet faller på en sida &#8211; och bestämde mig för att göra en jämförelse mellan startsidorna hos de stora drakarna i min favoritbransch på webben: bankerna. Jag tittar på så kallade auto-genererade heat maps men<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/tv-avgift' rel='bookmark' title='Slipp betala TV-avgift'>Slipp betala TV-avgift</a></li>
<li><a href='http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall' rel='bookmark' title='Högerkolumnen är ett svart hål för innehåll'>Högerkolumnen är ett svart hål för innehåll</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/axbom/sets/72157629174799650/with/6818021978/"><img src="http://axbom.se/wp-content/uploads/dd3b2f20-04c6-4fb0-a521-c64a9d37e303_gazeplot-300x198.png" alt="" title="Swedbank gaze plot" width="300" height="198" class="alignright size-medium wp-image-3864" /></a><strong>Jag använder ibland <a href="http://feng-gui.com/">Feng Gui</a> &#8211; en tjänst som visar var en människas uppmärksamhet faller på en sida &#8211; och bestämde mig för att göra en jämförelse mellan startsidorna hos de stora drakarna i min favoritbransch på webben: bankerna. Jag tittar på så kallade <em>auto-genererade heat maps</em> men <span style=background:yellow">också på sidornas storlek (kB), sidladdning och antal länkar</span>. Skillnaderna mellan bankernas startsidor är större än jag anade.</strong></p>
<p>Jag valde storbankerna Handelsbanken, SEB, Nordea och Swedbank, samt förstås en utmanare: Skandiabanken.</p>
<h3>Kort om Feng Gui</h3>
<p>Tjänsten Feng Gui är kontroversiell i branschen (frågan är om en dator verkligen kan räkna ut hur en människa tittar) men det ger absolut ett första underlag för diskussion som du sedan bör ta vidare i fortsatta tester. För mig är Feng Gui ett effektivt verktyg för att sparka igång en givande dialog: så fort människan har en bild framför sig så är det lättare att skapa berättelser och problemformuleringar kring artefaktet.</p>
<p><span style="background:yellow">Det du måste komma ihåg är att bilderna från Feng Gui antyder vad som händer under de första <del datetime="2012-03-14T09:48:03Z">15 sekundrarna</del>5 sekundrarna (<em>uppdatering: jag fick en rättelse från Feng-Gui, det är de första 5 sekundrarna som gäller och INTE 15</em>) som en människa tittar på dem, och då en människa som inte utsatts för bilden tidigare.</span> Feng Gui själva menar att deras tjänst ger ett resultat som är till 80% i paritet med tester som utförs med riktig eyetracking-utrustning. Om det är ett genomsnitt så kan vi tänka oss att det ibland är närmare och ibland längre ifrån likvärdighet.</p>
<p><strong>Och vad visar bilderna då?</strong> Jo, för varje bank har jag 4 bilder:</p>
<ul class="well">
<li><strong>Bild 1</strong> är originalbilden som är en <em>skärmdump</em> av bankens startsida från slutet av februari</li>
<li><strong>Bild 2</strong> (fläckar med grön/orange/rött) är en <em>heat map</em> där de färgade ytorna visar vad som drar fokus till sig. Ju rödare/större ytan är desto större sannolikhet att blicken vilar där lite längre.</li>
<li><strong>Bild 3</strong> (punkter med streck) är en <em>gaze plot</em> som visar i vilken ordning komponenterna drar uppmärksamhet till sig. Siffran 1 indikerar alltså att det är det första man tittar på, och så vidare.</li>
<li><strong>Bild 4</strong> (svart bild) är en <em>opacity map</em>, vilket i princip är en inverterad heat map och är ett pedagogiskt verktyg som illusterar vad man faktiskt ser på sidan.</li>
</ul>
<p>Vi ska som sagt vara försiktiga med att dra alltför stora växlar och slutsatser utifrån dessa bilder. Det vi ska fokusera på är tendenser till ett visst beteende, mönster i bilderna och enkla jämförelser.</p>
<div class="message-box-wrapper blue">
<div class="message-box-title"></div>
<div class="message-box-content"><strong>I bilderna ser vi till exempel:</strong></p>
<ul>
<li>Ansikten drar uppmärksamhet till sig (syns hos Handelsbanken, Nordea och Skandiabanken)</li>
<li>Starka färger drar uppmärksamhet till sig (syns hos SEB och Swedbank)</li>
<li>Innehållsblock som är tydligt differentierade från varandra (rubrik kontra länklista kontra reklampuff) gör det lättare att snabbt scanna av sidan (syns tydligast hos Handelsbanken och Swedbank)</li>
</ul>
</div>
</div>
<p><strong>Handelsbanken</strong></p>
<div id="flickr_hmapbankshandelsbanken_667" class="slickr-flickr-gallery">
<ul>
<li class="active"><a href="http://farm8.staticflickr.com/7183/6964131177_f93a8b2cab_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7183/6964131177_f93a8b2cab_s.jpg" alt="" title="Handelsbanken original" /></a></li>
<li><a href="http://farm8.staticflickr.com/7054/6818007626_dafe5f210e_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7054/6818007626_dafe5f210e_s.jpg" alt="" title="Handelsbanken heat map" /></a></li>
<li><a href="http://farm8.staticflickr.com/7046/6964131039_ebacd699da_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7046/6964131039_ebacd699da_s.jpg" alt="" title="Handelsbanken opacity" /></a></li>
<li><a href="http://farm8.staticflickr.com/7209/6818007450_d082a9a8de_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7209/6818007450_d082a9a8de_s.jpg" alt="" title="Handelsbanken gaze plot" /></a></li>
</ul>
</div>
<div style="clear:both"></div>
<p><em>Kommentar: En minimalistisk layout som lyckas bra med att lyfta fram de fyra menyalternativen.</em></p>
<p><strong>SEB</strong></p>
<div id="flickr_hmapbanksseb_208" class="slickr-flickr-gallery">
<ul>
<li class="active"><a href="http://farm8.staticflickr.com/7066/6818011612_970093b81b_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7066/6818011612_970093b81b_s.jpg" alt="" title="SEB heat map" /></a></li>
<li><a href="http://farm8.staticflickr.com/7065/6818011510_90bb3c17ba_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7065/6818011510_90bb3c17ba_s.jpg" alt="" title="SEB original" /></a></li>
<li><a href="http://farm8.staticflickr.com/7196/6818011438_2a8bce089a_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7196/6818011438_2a8bce089a_s.jpg" alt="" title="SEB gaze plot" /></a></li>
<li><a href="http://farm8.staticflickr.com/7058/6818011352_5f183d1099_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7058/6818011352_5f183d1099_s.jpg" alt="" title="SEB opacity" /></a></li>
</ul>
</div>
<div style="clear:both"></div>
<p><em>Kommentar: En överväldigande meny som gör det svårt att hitta rätt med blicken. Orange annons och bilden får för mycket fokus och underlättar inte navigeringen.</em></p>
<p><strong>Nordea</strong></p>
<div id="flickr_hmapbanksnordea_739" class="slickr-flickr-gallery">
<ul>
<li class="active"><a href="http://farm8.staticflickr.com/7064/6964137615_7da396b3c0_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7064/6964137615_7da396b3c0_s.jpg" alt="" title="Nordea original" /></a></li>
<li><a href="http://farm8.staticflickr.com/7176/6818013948_cdd6311551_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7176/6818013948_cdd6311551_s.jpg" alt="" title="Nordea heat map" /></a></li>
<li><a href="http://farm8.staticflickr.com/7064/6818013832_1008fc6966_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7064/6818013832_1008fc6966_s.jpg" alt="" title="Nordea gaze plot" /></a></li>
<li><a href="http://farm8.staticflickr.com/7068/6964137317_f8d7e13f9b_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7068/6964137317_f8d7e13f9b_s.jpg" alt="" title="Nordea opacity" /></a></li>
</ul>
</div>
<div style="clear:both"></div>
<p><em>Kommentar: Sidan är förvisso indelad i block men de ser likadana ut allihop. Det är svårt att förstå var Nordea vill att man ska titta&#8230; överallt samtidigt? Flikarna funkar dock bra ur ett navigeringsperspektiv.</em></p>
<p><strong>Swedbank</strong></p>
<div id="flickr_hmapbanksswedbank_32" class="slickr-flickr-gallery">
<ul>
<li class="active"><a href="http://farm8.staticflickr.com/7186/6964140175_74151f664d_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7186/6964140175_74151f664d_s.jpg" alt="" title="Swedbank original" /></a></li>
<li><a href="http://farm8.staticflickr.com/7069/6818016556_3c39b8ffb4_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7069/6818016556_3c39b8ffb4_s.jpg" alt="" title="Swedbank heat map" /></a></li>
<li><a href="http://farm8.staticflickr.com/7058/6818016452_6e3b1fb0ab_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7058/6818016452_6e3b1fb0ab_s.jpg" alt="" title="Swedbank gaze plot" /></a></li>
<li><a href="http://farm8.staticflickr.com/7053/6818016360_a1a3169f82_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7053/6818016360_a1a3169f82_s.jpg" alt="" title="Swedbank opacity" /></a></li>
</ul>
</div>
<div style="clear:both"></div>
<p><em>Kommentar: Lite mer luft och tydliga innehållsblock gör att besökaren hittar rätt med blicken och kan scanna av. Men vänstermenyn är tung och inte särskilt tilldragande.</em></p>
<p><strong>Skandiabanken</strong></p>
<div id="flickr_hmapbanksskandiabanken_175" class="slickr-flickr-gallery">
<ul>
<li class="active"><a href="http://farm8.staticflickr.com/7037/6818021978_0a651b4f50_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7037/6818021978_0a651b4f50_s.jpg" alt="" title="Skandiabanken original" /></a></li>
<li><a href="http://farm8.staticflickr.com/7205/6964145031_aee079522c_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7205/6964145031_aee079522c_s.jpg" alt="" title="Skandiabanken heat map" /></a></li>
<li><a href="http://farm8.staticflickr.com/7062/6964144911_fac0998ed8_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7062/6964144911_fac0998ed8_s.jpg" alt="" title="Skandiabanken gaze plot" /></a></li>
<li><a href="http://farm8.staticflickr.com/7210/6964144783_0ac3800352_z.jpg" rel="sf-lightbox"><img src="http://farm8.staticflickr.com/7210/6964144783_0ac3800352_s.jpg" alt="" title="Skandiabanken opacity" /></a></li>
</ul>
</div>
<div style="clear:both"></div>
<p><em>Kommentar: Många tunga färgstarka block som alla signalerar &#8221;se på mig!&#8221; fungerar sämre än väntat. Ansikten får första blicken och menyerna hamnar då också i skymundan.</em></p>
<h3>Optimering av bankernas startsidor</h3>
<p>En startsida ska förstås ladda snabbt och skapa så lite förvirring som möjligt. För att se hur bankerna står sig mot varandra, och för att få fler datapunkter, valde jag också ut några jämförbara värden som lätt uppmäts med hjälp av <a href="http://chrispederick.com/work/web-developer/">Web Developer Toolbar</a> för Firefox/Chrome samt Googles <a href="http://code.google.com/speed/page-speed/docs/online.html">Page Speed Online</a>. resultatet ser du i följande tabell:</p>
<table class="table table-striped table-bordered table-condensed">
<caption>Jämförelse av 5 bankers startsidor på webben</caption>
<thead>
<tr>
<th></th>
<th scope="col">Handelsbanken</th>
<th scope="col">SEB</th>
<th scope="col">Nordea</th>
<th scope="col">Swedbank</th>
<th scope="col">Skandiabanken</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Antal dokument</th>
<td>1<br />
(12KB)</td>
<td>5<br />
(59KB)</td>
<td>1<br />
(32KB)</td>
<td>1<br />
(8 KB)</td>
<td>1<br />
(24KB)</td>
</tr>
<tr>
<th scope="row">Antal bilder</th>
<td>7<br />
(19KB)</td>
<td>14<br />
(101KB)</td>
<td>14<br />
(77KB)</td>
<td>16<br />
(88 KB)</td>
<td>10<br />
(19KB)</td>
</tr>
<tr>
<th scope="row">Antal skript</th>
<td>5<br />
(54KB)</td>
<td>7<br />
(122KB)</td>
<td>7<br />
(117KB)</td>
<td>12<br />
(380 KB)</td>
<td>5<br />
(103KB)</td>
</tr>
<tr>
<th scope="row">Antal CSS</th>
<td>2<br />
(24KB)</td>
<td>1<br />
(29KB)</td>
<td>2<br />
(7KB)</td>
<td>4<br />
(103KB)</td>
<td>3<br />
(168KB)</td>
</tr>
<tr>
<th scope="row">Total vikt (KB)</th>
<td>109 KB</td>
<td>341 KB</td>
<td>233 KB</td>
<td>579 KB</td>
<td>385 KB</td>
</tr>
<tr>
<th scope="row">Antal länkar<br />
(varav <abbr title="JavaScript">JS</abbr>)</th>
<td>12<br />
(2)</td>
<td>53<br />
(5)</td>
<td>60<br />
(1)</td>
<td>63<br />
(13)</td>
<td>39<br />
(4)</td>
</tr>
<tr>
<th scope="row"><a href="https://developers.google.com/pagespeed/">Page Speed</a> Score</th>
<td>55/100</td>
<td>44/100</td>
<td>71/100</td>
<td>30/100</td>
<td>38/100</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h3>Slutsatser om bankernas startsidor</h3>
<h4>Swedbank är tung och trögladdad</h4>
<p>Swedbank utmärker sig genom att kräva 5 gånger mer KB för att ladda klart än Handelsbanken. De har också flest bilder, flest skript och flest länkar, varav hela 12 länkar är JavaScript-länkar(!), vilket i sig indikerar en onödig krånglighet i deras upplägg.</p>
<p><em>Ironiskt nog är Swedbank en av de få som komprimerar, men de komprimerar bara sina dokument, vilket är anledningen till att deras dokument är så mycket mindre än de andra. Det är faktiskt bara Nordea som komprimerar CSS och skript ordentligt.<br />
</em></p>
<p>Det finns massor att göra hos Swedbank för att få ner laddningstiden, samtidigt som de designmässigt lyckas ganska bra med att skapa en tydlig startsida. De behöver jobba med att stycka upp sin vänstermeny i mer lättlästa block.</p>
<h4>Obestämda signaler skapar brus och förvirring</h4>
<p>Bankernas hemsidor lider av samma sak som de flesta hemsidor. Istället för att leda besökaren rätt så slåss man om besökarens uppmärksamhet. Som om hon inte hade nog med budskap att traggla sig igenom. Handelsbanken ger ett föredömligt exempel i jämförelsen, och låter besökare först känna sig trygg med att hitta rätt och håller antalet synliga länkar till ett minimum.</p>
<h3>Åtgärder för bankernas startsidor</h3>
<p>Några av åtgärderna hos Swedbank (och även de övriga bankerna) bör vara:</p>
<ul>
<li><strong>Komprimera mera.</strong> Alla skript, bilder och CSS-filer bör komprimeras och även sammanfogas. Det är osannolikt att Swedbank ska behöva så många filer som de kräver att besökarens webbläsare ska hämta. Använd till exempel <a href="http://code.google.com/p/minify/">Minify</a>.</li>
<li><a href="http://axbom.se/wp-content/uploads/swedbank-icons.png"><img src="http://axbom.se/wp-content/uploads/swedbank-icons.png" alt="" title="Swedbank icons" width="88" height="91" class="alignright size-full wp-image-3869" /></a><strong>Sammanfoga bilder.</strong> Ja det går. Det kallas för att skapa CSS sprites. Istället för att varje ikon är en egen bild så kan alla ikoner bli en enda bild och sedan används CSS för att styra vilken del av bilden som visas. Det gör att den enda bilden laddas bara en gång (trots att den utgörs av många mindre bilder) och även blir mindre i storlek. Till höger har jag till exempel gjort en bild av 9 ikoner som idag laddas separat. <a href="http://css-tricks.com/css-sprites/">Läs mer om CSS Sprites.</a></li>
<li><strong>Utöka browser-cachning.</strong> Genom att ange att vissa komponenter (ikoner, CSS) har en livslängd på ca en vecka, så sparas dessa i webbläsarens cache och laddas mycket snabbare. Det kan göras med betydligt fler komponenter än man gör idag. <a href="http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/">Läs mer om cachning</a>.</li>
</ul>
<h3>Liten inte resurssnålast, visar Skandiabanken</h3>
<p>Det förvånar mig lite att Skandiabanken klarar sig så dåligt i jämförelsen. De kräver mer nedladdningar än 3 av storbankerna och är näst sämst när vi kollar hur bra de är på att optimera för <em>Page Speed</em>. De komprimerar inte och slarvar med cachning. När det gäller resultatet som visas i <em>heat map</em> är Skandiabankens dock den jag verkligen skulle vilja testa med riktig eyetracking-utrustning; jag hade förväntat mig tydligare fokusområden.</p>
<h3>Sammanfattningsvis</h3>
<p>När vi hanterar budskap via webb så är det mycket som ska klaffa. Designen måste skapa ytor som jag lätt förstår att jag ska läsa. Men vi måste också leda besökaren till rätt yta, så att det inte bara blir ett minfält av budskap att ta sig igenom för att hitta rätt. Ge mig rätt verktyg på rätt plats, och på startsidan bör det vara: <em>(1) Information om vad jag kan göra nu och (2) En förståelse för hur jag går vidare och gör det.</em></p>
<p>Till detta kommer att vi måste bygga sajten på ett sätt som <span style="background:yellow">inte förstör upplevelsen trots snygg design</span>. Om det tar lång tid att ladda och om vi är överösta med länkar så riskerar vi att sätta krokben för webbsatsningen. Det gäller att ha koll på alla objekt: CSS, bilder och skript för att det inte ska bli en gryta som kokar över av kodglädje och skrämmer bort de hungriga kunderna.</p>
<div class="alert alert-info">Det finns inget som säger att en sida måste ha mer eller mindre än ett visst antal länkar. Det viktigaste är grupperingen och syftet med olika länkar. En favorit, <a href="http://www.jyskebank.dk/">Jyske Bank i Danmark</a>, har över 80 länkar på startsidan, men de flesta är &#8221;below the fold&#8221; (under den synliga brytpunkten för sidan) och tillhör en sidfot. De blir därmed en del av ett verktygsfält som tillåter snabb navigering för avancerade användare men stör inte nya användare.</div>
<p><strong>Det finns enkla, kostnadsfria och lättåtkomliga verktyg för att snabbt utvärdera hur väl du ligger till.</strong> Börja mäta och utvärdera för att säkerställa att du inte gör misstag som lätt rättas till och genast bidrar till en bättre användarupplevelse.</p>
<p><strong>När du vårdar din webbplats</strong> märker besökarna hur trevligt ditt innehåll är och hur omtänksamt det presenteras. Det är då de kommer tillbaka och vill träffa webbplatsen igen. Tänk om alla banker tänkte så.</p>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/tv-avgift' rel='bookmark' title='Slipp betala TV-avgift'>Slipp betala TV-avgift</a></li>
<li><a href='http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall' rel='bookmark' title='Högerkolumnen är ett svart hål för innehåll'>Högerkolumnen är ett svart hål för innehåll</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/5-bankers-startsidor-i-jamforelse/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<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!<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/januaris-webbformular-db-schenker-privatpaket-far-ny-design' rel='bookmark' title='Januaris webbformulär: DB Schenker privatpaket får ny design'>Januaris webbformulär: DB Schenker privatpaket får ny design</a></li>
<li><a href='http://axbom.se/kontaktformular-med-personlighet' rel='bookmark' title='Kontaktformulär med personlighet'>Kontaktformulär med personlighet</a></li>
</ol></div>]]></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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/januaris-webbformular-db-schenker-privatpaket-far-ny-design' rel='bookmark' title='Januaris webbformulär: DB Schenker privatpaket får ny design'>Januaris webbformulär: DB Schenker privatpaket får ny design</a></li>
<li><a href='http://axbom.se/kontaktformular-med-personlighet' rel='bookmark' title='Kontaktformulär med personlighet'>Kontaktformulär med personlighet</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/tre-alternativ-for-kon-i-ditt-webbformular/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<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 vad användarna vill ha och är det vad de behöver? Det är som vanligt med nya superkrafter: With great power comes great responsibility För att få en ökad förståelse för hur Responsive Web Design implementeras ringde jag upp Johan Edlund som ligger bakom hur webbplatsen staffanstorp.se beter sig i olika skärmstorlekar. Vi pratar framför allt om projektupplägg och olika utmaningar, men kommer också in på hur ett oväntat offentliggörande av Joakim Jardenberg ledde till en oplanerad testomgång. » Och ja, jag inleder med att visa hur staffanstorp.se fungerar. Verktyget jag använder för att se sajten i olika storlekar heter responsivepx. 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. Intervju med Johan Edlund om staffanstorp.se Responsive Web Design — Intervju med Johan Edlund from axbom on Vimeo. Samtalet med Johan börjar vid 04:20 i filmen om du vill skippa intron om Responsive Web Design. Lär dig mer om Responsive Web Design 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: Pragmatic Responsive Design Pragmatic responsive design Why Mobile First isn&#8217;t enough Why &#34;mobile first&#34; isn&#39;t enough &#8211; Developing a better user experience &#8230;och tillhörande video. Videon är lite skakig rent tekniskt, men framförandet är sevärt. Nästa vecka fortsätter jag min intervjuserie med Kevin M Powell via Skype. Intervjun kommer publiceras i min engelska blogg som lanseras samtidigt. Damn straight! Related posts: Färgverktyg för designhandikappade Koka makaroner Vilka trender kommer att påverka framtidens webbplatser?<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/fargscheman' rel='bookmark' title='Färgverktyg för designhandikappade'>Färgverktyg för designhandikappade</a></li>
<li><a href='http://axbom.se/kokamakaroner' rel='bookmark' title='Koka makaroner'>Koka makaroner</a></li>
<li><a href='http://axbom.se/vilka-trender-kommer-att-paverka-framtidens-webbplatser' rel='bookmark' title='Vilka trender kommer att påverka framtidens webbplatser?'>Vilka trender kommer att påverka framtidens webbplatser?</a></li>
</ol></div>]]></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>
<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>
<p><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></p>
<blockquote><p>With great power comes great responsibility</p></blockquote>
<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="alert alert-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>
<div class="alert alert-success"><strong>Samtalet med Johan börjar vid 04:20 i filmen om du vill skippa intron om Responsive Web Design.</strong></div>
<p><iframe src="http://player.vimeo.com/video/30866277" width="560" height="420" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></p>
<hr/>
<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>
<hr/>
<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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/fargscheman' rel='bookmark' title='Färgverktyg för designhandikappade'>Färgverktyg för designhandikappade</a></li>
<li><a href='http://axbom.se/kokamakaroner' rel='bookmark' title='Koka makaroner'>Koka makaroner</a></li>
<li><a href='http://axbom.se/vilka-trender-kommer-att-paverka-framtidens-webbplatser' rel='bookmark' title='Vilka trender kommer att påverka framtidens webbplatser?'>Vilka trender kommer att påverka framtidens webbplatser?</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/responsive-web-design-med-johan-edlund/feed</wfw:commentRss>
		<slash:comments>6</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 kontaktformulär kan bli ljusår bättre med lite fantasi och personlighet. [box type="info"]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.[/box] Kontaktformuläret på axbom.se delar fyra välkända fält med tusentals andra kontaktformulär på webben: namn, e-post, telefonnummer och meddelanderuta. 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. Ett väluppfostrat kontaktformulär 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. Självklart så använder jag en personlig ton 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 Kontaktformulär med tillfredställelse 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: [highlight]gillande[/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. Mitt kontaktformulär har ett monster som berättar roliga historier. Kontaktformulär är en dörr på glänt. Öppna den! Ä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 nyhetsbrevet. 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. Nej, jag vill inte ha en kryssruta i formuläret för att också få mitt nyhetsbrev när man ändå fyller i kontaktformuläret. Det är [highlight]oförskämt och stör personen som fyller i formuläret[/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. Konversationen är inte slut för att formuläret skickas &#8211; det är också en vanlig missuppfattning. [highlight]Samtalet har precis börjat.[/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 inbjudan att prenumerera på nyhetsbrevet. E-postadressen har vi redan och sidan tjänar som en perfekt möjlighet för kontakttagaren att verifiera att hon matade in rätt e-postadress. En tacksam bonus, alltså! Roliga historier om monster efterlyses [box type="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.[/box] Just nu har dock mitt monster bara en (1) rolig historia 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 ett perfekt kontaktformulär du kan använda för att skicka in dem. Tack. Related posts: Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj Mio misslyckas katastrofalt med bilder på webben Kundtjänst på nätet &#8211; med mejl eller kontaktformulär?<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/stadium-barkarby-2' rel='bookmark' title='Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj'>Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj</a></li>
<li><a href='http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben' rel='bookmark' title='Mio misslyckas katastrofalt med bilder på webben'>Mio misslyckas katastrofalt med bilder på webben</a></li>
<li><a href='http://axbom.se/kundtjanst-natet-mejl-kontaktformular' rel='bookmark' title='Kundtjänst på nätet &#8211; med mejl eller kontaktformulär?'>Kundtjänst på nätet &#8211; med mejl eller kontaktformulär?</a></li>
</ol></div>]]></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>
<p>[box type="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>[/box]</p>
<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>[highlight]<strong>gillande</strong>[/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>[highlight]<strong>oförskämt</strong> och stör personen som fyller i formuläret[/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. [highlight]Samtalet har precis börjat.[/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>
<p>[box type="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.[/box]</p>
<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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/stadium-barkarby-2' rel='bookmark' title='Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj'>Stadium Barkarby 2 tappar ansiktet i fejjan-kampanj</a></li>
<li><a href='http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben' rel='bookmark' title='Mio misslyckas katastrofalt med bilder på webben'>Mio misslyckas katastrofalt med bilder på webben</a></li>
<li><a href='http://axbom.se/kundtjanst-natet-mejl-kontaktformular' rel='bookmark' title='Kundtjänst på nätet &#8211; med mejl eller kontaktformulär?'>Kundtjänst på nätet &#8211; med mejl eller kontaktformulär?</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/kontaktformular-med-personlighet/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Mio misslyckas katastrofalt med bilder på webben</title>
		<link>http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben</link>
		<comments>http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben#comments</comments>
		<pubDate>Thu, 22 Sep 2011 13:59:45 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Online-tjänster]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[bilder]]></category>
		<category><![CDATA[mio]]></category>
		<category><![CDATA[optimering]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3516</guid>
		<description><![CDATA[Jag satt igår kväll med tanken att göra en instruktionsvideo om hur man komprimerar sina bilder för att ladda snabbare på webben. Döm om min förvåning när jag snubblar över möbelföretaget Mio och inser hur de misslyckats katastrofalt med hanteringen av sina produktbilder på webben. Någon har gjort ett riktigt dåligt jobb. Se videon men mina nyvunna insikter. Tillhörande material finns nedanför. Kommentera gärna om det är något uppenbart jag missat! =) Här kan du själv jämföra bilderna Originalbilderna i PNG-format: bild 1 (339 KB) &#124; bild 2 (550 KB) &#124; bild 3 (721 KB) Komprimerade i PNG-format: bild 1 (248 KB) &#124; bild 2 (429 KB) &#124; bild 3 (566 KB) Komprimerade i JPG-format (80%): bild 1 (29 KB) &#124; bild 2 (55 KB) &#124; bild 3 (63 KB) [highlight]Uppdatering 23 sep &#8211; för att visa att det går att åstadkomma färgkvaliteten även i JPG-format[/highlight]Komprimerade i JPG-format (90%): bild 1 (55 KB) &#124; bild 2 (95 KB) &#124; bild 3 (111 KB) Jämförelse av bilder på Mio.se I filmen minskar jag snabbt filstorleken på bilderna med 90%. Det är snabbt gjort med ett bra bildhanteringsprogram. [highlight]Så ska det självklart inte vara.[/highlight] När jag tittar på bilderna så här i efterhand efter att ha gjort videon kan jag villigt erkänna att jag ser några nyansskillnader (se nedan) som förmodligen beror på att det är olika bildformat (PNG vs JPG). Säkert går det att förbättra med lite större storlek på JPG-bilden. [highlight]Men det finns inget som motiverar att bildens filstorlek ska vara mer än 900 % större.[/highlight] Dessutom kan jag skylla på att jag gjorde min optimering på 2 minuter &#8211; säkerligen kan en grafiker göra det aningen bättre. Uppdatering: Jag har nu lagt till JPEG-bilder med 90%-kvalitet; de bibehåller färgkvaliteten men är ändå 83% mindre i filstorlek. Mio &#8211; bild på säng i originalformat som på mio.se (550 KB) Mio &#8211; samma bild på säng i JPEG-format (55 KB) [highlight]Mio &#8211; bild på säng i originalformat som på mio.se (95 KB)[/highlight] [highlight]Uppdatering 23 sep 2011: [/highlight] Jag håller med om att det är nyansskillnader i fotona när de är i olika format. Jag visar här samma bild i JPEG format med 90%-kvalitet. Den är på 95 KB och originalbilden ovan är alltså på 550KB. Här är skillnaderna betydligt mindre och bilden är fortfarande 83% mindre. Jag känner att mina argument håller även om vi kan dividera om de exakta procentsatserna. Diagram från videon med optimering av bilder från Mio Diagram som visar hur mycket Mio potentiellt skulle kunna spara i filstorlek (i princip över hela sajten) om de optimerar sina bilder. Förbättringspotentialen ligger på ungefär 76%. Related posts: Krymp storleken på PowerPoint-bilderna Så blir Hemnet bättre #hemnettältet Designåret 2005: otillgänglig webb<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/powerpoint_storlek' rel='bookmark' title='Krymp storleken på PowerPoint-bilderna'>Krymp storleken på PowerPoint-bilderna</a></li>
<li><a href='http://axbom.se/sa-blir-hemnet-battre-hemnettaltet' rel='bookmark' title='Så blir Hemnet bättre #hemnettältet'>Så blir Hemnet bättre #hemnettältet</a></li>
<li><a href='http://axbom.se/designaret_webbplats' rel='bookmark' title='Designåret 2005: otillgänglig webb'>Designåret 2005: otillgänglig webb</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p><strong>Jag satt igår kväll med tanken att göra en instruktionsvideo om hur man komprimerar sina bilder för att ladda snabbare på webben. Döm om min förvåning när jag snubblar över möbelföretaget Mio och inser hur de misslyckats katastrofalt med hanteringen av sina produktbilder på webben. Någon har gjort ett riktigt dåligt jobb.</strong></p>
<p>Se videon men mina nyvunna insikter. Tillhörande material finns nedanför. Kommentera gärna om det är något uppenbart jag missat! =)</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/4SZ0uit62l8?rel=0" frameborder="0" allowfullscreen></iframe></p>
<h3>Här kan du själv jämföra bilderna</h3>
<ul>
<li>Originalbilderna i PNG-format: <a href="http://axbom.se/share/mio/2360-2360-madison_14559.png">bild 1 (339 KB)</a> | <a href="http://axbom.se/share/mio/1187-1187-madison_18782.png">bild 2 (550 KB)</a> | <a href="http://axbom.se/share/mio/1115-1115-madison_19938.png">bild 3 (721 KB)</a></li>
<li>Komprimerade i PNG-format: <a href="http://axbom.se/share/mio/smush-2360-2360-madison_14559.png">bild 1 (248 KB)</a> | <a href="http://axbom.se/share/mio/smush-1187-1187-madison_18782.png">bild 2 (429 KB)</a> | <a href="http://axbom.se/share/mio/smush-1115-1115-madison_19938.png">bild 3 (566 KB)</a></li>
<li>Komprimerade i JPG-format (80%): <a href="http://axbom.se/share/mio/2360-2360-madison_14559.jpg">bild 1 (29 KB)</a> | <a href="http://axbom.se/share/mio/1187-1187-madison_18782.jpg">bild 2 (55 KB)</a> | <a href="http://axbom.se/share/mio/1115-1115-madison_19938.jpg">bild 3 (63 KB)</a></li>
<li>[highlight]<strong>Uppdatering 23 sep &#8211; för att visa att det går att åstadkomma färgkvaliteten även i JPG-format</strong>[/highlight]Komprimerade i JPG-format (90%): <a href="http://axbom.se/share/mio/2360-2360-madison-90percent.jpg">bild 1 (55 KB)</a> | <a href="http://axbom.se/share/mio/1187-1187-madison-90percent.jpg">bild 2 (95 KB)</a> | <a href="http://axbom.se/share/mio/1115-1115-madison-90percent.jpg">bild 3 (111 KB)</a></li>
</ul>
<h3>Jämförelse av bilder på Mio.se</h3>
<p>I filmen minskar jag snabbt filstorleken på bilderna med 90%. Det är snabbt gjort med ett bra bildhanteringsprogram. [highlight]Så ska det självklart inte vara.[/highlight]</p>
<p>När jag tittar på bilderna så här i efterhand efter att ha gjort videon kan jag villigt erkänna att jag ser några nyansskillnader (se nedan) som förmodligen beror på att det är olika bildformat (PNG vs JPG). Säkert går det att förbättra med lite större storlek på JPG-bilden. [highlight]Men det finns inget som motiverar att bildens filstorlek ska vara mer än 900 % större.[/highlight] Dessutom kan jag skylla på att jag gjorde min optimering på 2 minuter <img src='http://axbom.se/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  &#8211; säkerligen kan en grafiker göra det aningen bättre. <strong>Uppdatering: Jag har nu lagt till JPEG-bilder med 90%-kvalitet; de bibehåller färgkvaliteten men är ändå 83% mindre i filstorlek.</strong></p>
<h4>Mio &#8211; bild på säng i originalformat som på mio.se (550 KB)</h4>
<p><img src="http://axbom.se/share/mio/1187-1187-madison_18782.png" alt="Bild 3 - PNG-format" /></p>
<h4>Mio &#8211; samma bild på säng i JPEG-format  (55 KB)</h4>
<p><img src="http://axbom.se/share/mio/1187-1187-madison_18782.jpg" alt="Bild 3 - JPG-format" /></p>
<h4>[highlight]Mio &#8211; bild på säng i originalformat som på mio.se (95 KB)[/highlight]</h4>
<p>[highlight]<strong>Uppdatering 23 sep 2011:</strong> [/highlight]</p>
<p>Jag håller med om att det är nyansskillnader i fotona när de är i olika format. Jag visar här samma bild i JPEG format med 90%-kvalitet. Den är på 95 KB och originalbilden ovan är alltså på 550KB. Här är skillnaderna betydligt mindre och bilden är fortfarande 83% mindre. Jag känner att mina argument håller även om vi kan dividera om de exakta procentsatserna.</p>
<p><img src="http://axbom.se/share/mio/1187-1187-madison-90percent.jpg" alt="Bild 3 - JPG-format" /></p>
<h3>Diagram från videon med optimering av bilder från Mio</h3>
<p>Diagram som visar hur mycket Mio potentiellt skulle kunna spara i filstorlek (i princip över hela sajten) om de optimerar sina bilder. Förbättringspotentialen ligger på ungefär 76%.</p>
<p><a href="http://www.flickr.com/photos/axbom/6171177037/" title="Optimizing images on the mio.se website (1/2) by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6160/6171177037_4869f11d7f_m.jpg" width="240" height="180" alt="Optimizing images on the mio.se website (1/2)" style="float:left"></a></p>
<p><a href="http://www.flickr.com/photos/axbom/6171708376/" title="Optimizing images on the mio.se website (2/2) by axbom, on Flickr"><img src="http://farm7.static.flickr.com/6172/6171708376_04c8d0c3f6_m.jpg" width="240" height="180" alt="Optimizing images on the mio.se website (2/2)"></a><br />
<br style="clear:both" /></p>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/powerpoint_storlek' rel='bookmark' title='Krymp storleken på PowerPoint-bilderna'>Krymp storleken på PowerPoint-bilderna</a></li>
<li><a href='http://axbom.se/sa-blir-hemnet-battre-hemnettaltet' rel='bookmark' title='Så blir Hemnet bättre #hemnettältet'>Så blir Hemnet bättre #hemnettältet</a></li>
<li><a href='http://axbom.se/designaret_webbplats' rel='bookmark' title='Designåret 2005: otillgänglig webb'>Designåret 2005: otillgänglig webb</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben/feed</wfw:commentRss>
		<slash:comments>9</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å hela tiden uppdaterar antal objekt i resultatsidan. Sökning inom radie (5-50km) från en mittpunkt snarare än inom kommun/län. Spara i kalender-funktion (Google calendar, Outlook, mfl) Påminnelsefunktion inför visningen, med vägbeskrivning Möjlighet att värdera alla objekt man besöker enligt ett standardformulär (inklusive möjlighet att lägga till egna bilder) 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) [box type="download"]Ladda ner bilderna i PDF-format[/box] Bilderna från presentationen utan video Idéer till Hemnet &#8211; bilder View more presentations from Per Axbom. Skisser på Flickr Related posts: Axbom Innovation &#8211; manifest för framgångsrika lösningar Social och tillgänglig &#8211; presentationen Mio misslyckas katastrofalt med bilder på webben<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/axbom-innovation-manifest' rel='bookmark' title='Axbom Innovation &#8211; manifest för framgångsrika lösningar'>Axbom Innovation &#8211; manifest för framgångsrika lösningar</a></li>
<li><a href='http://axbom.se/socialo-tillganglig-presentationen' rel='bookmark' title='Social och tillgänglig &#8211; presentationen'>Social och tillgänglig &#8211; presentationen</a></li>
<li><a href='http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben' rel='bookmark' title='Mio misslyckas katastrofalt med bilder på webben'>Mio misslyckas katastrofalt med bilder på webben</a></li>
</ol></div>]]></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>
<p>[box type="download"]<a href="http://axbom.se/share/axbom-hemnet-ideas-A.pdf">Ladda ner bilderna i PDF-format</a>[/box]</p>
<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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/axbom-innovation-manifest' rel='bookmark' title='Axbom Innovation &#8211; manifest för framgångsrika lösningar'>Axbom Innovation &#8211; manifest för framgångsrika lösningar</a></li>
<li><a href='http://axbom.se/socialo-tillganglig-presentationen' rel='bookmark' title='Social och tillgänglig &#8211; presentationen'>Social och tillgänglig &#8211; presentationen</a></li>
<li><a href='http://axbom.se/mio-misslyckas-katastrofalt-med-bilder-pa-webben' rel='bookmark' title='Mio misslyckas katastrofalt med bilder på webben'>Mio misslyckas katastrofalt med bilder på webben</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/sa-blir-hemnet-battre-hemnettaltet/feed</wfw:commentRss>
		<slash:comments>2</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. [highlight]Helt enkelt ett praktexempel på dåligt utförd digital kampanj[/highlight] i alla led. Och i den sanna andan av mitt manifest ger jag några goda råd på vägen. &#160; Vi passerar genom Stadium på väg till IKEA och jag triggar självklart på stora affischer och skyltar lite överallt där det står att jag ska [highlight]checka in på Facebook för att få ett erbjudande[/highlight]. Jag hastar upp mobilen och checkar snabbt in på den första logiska butiken som dyker upp i Facebook-appen: Stadium Barkarby. 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. Här hade nog de flesta människor avfärdat, suckat och gått vidare 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 (nähä?) &#8211; jag kan få erbjudandet ändå (jaha?) &#8211; och sedan kommer hon på: det är förresten Stadium Barkarby 2 du ska checka in på. Stadium Barkarby är den andra Stadium-butiken i outlet-delen av Barkarby(!) 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 Stadium Barkarby 2 jag ska checka in på. Återigen tar jag mig över en tröskel för att verkligen fullfölja det hela, något som gemene man inte gör: Jag tar fram telefonen igen, letar aktivt upp och checkar in på Stadium Barkarby 2. 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 Stadium Barkarby 2 är som ett sandpapper för kundförståelsen (skapat för maximal friktion). Ett namn som Stadium Barkarby Ikeahuset hade förstås gjort att jag hittat rätt direkt utan hinder men det ligger väl ändå inte i butikens intresse? I alla fall: nu ser jag kupongen &#8211; 99 kronor för ett par Race Marine sneakers. Strålande. Jag ignorerar det faktum att det är junior- och damstorlekar 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? 0 kr. Då tackar jag alldeles särskilt för det Stadium Barkarby 2. 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. 2 råd till Stadium Barkarby 2 för att slippa misslyckas så hårt Testa. 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. Involvera personalen. 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. 2 råd till Stadium Barkarby 2 innan ni gör om något liknande Köp inte era kunder. 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. Gör en upplevelsekartläggning (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. 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å Stadium Barkarby 2 gör jag nog aldrig igen. Utom kanske på pin kiv Related posts: Affärsfrågor plus designfrågor = användbart Högerkolumnen är ett svart hål för innehåll 32 år och uppvaktad<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/affar_design' rel='bookmark' title='Affärsfrågor plus designfrågor = användbart'>Affärsfrågor plus designfrågor = användbart</a></li>
<li><a href='http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall' rel='bookmark' title='Högerkolumnen är ett svart hål för innehåll'>Högerkolumnen är ett svart hål för innehåll</a></li>
<li><a href='http://axbom.se/32' rel='bookmark' title='32 år och uppvaktad'>32 år och uppvaktad</a></li>
</ol></div>]]></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. [highlight]Helt enkelt ett praktexempel på dåligt utförd digital kampanj[/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 [highlight]checka in på Facebook för att få ett erbjudande[/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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/affar_design' rel='bookmark' title='Affärsfrågor plus designfrågor = användbart'>Affärsfrågor plus designfrågor = användbart</a></li>
<li><a href='http://axbom.se/hogerkolumnen-ar-ett-svart-hal-for-innehall' rel='bookmark' title='Högerkolumnen är ett svart hål för innehåll'>Högerkolumnen är ett svart hål för innehåll</a></li>
<li><a href='http://axbom.se/32' rel='bookmark' title='32 år och uppvaktad'>32 år och uppvaktad</a></li>
</ol></div>]]></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 lek med siffror och ett smart marknadsföringsknep från visual.ly, men jag nappade. Barack Obama är ju en superstar (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 börja Twittra personligen istället för bara hans stab. 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! 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! Vem ska du ta upp kampen med i din egen Twitter-infografik? PS Varför jag valde Obama? Jag hoppas förstås locka honom till Sweden Social Web Camp Related posts: Barack Obama åker till Sweden Social Web Camp #sswc Google stänger ute BMW.de Januaris webbformulär: DB Schenker privatpaket får ny design<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/barack-obama-till-sweden-social-web-camp' rel='bookmark' title='Barack Obama åker till Sweden Social Web Camp #sswc'>Barack Obama åker till Sweden Social Web Camp #sswc</a></li>
<li><a href='http://axbom.se/google-kickar-bmw' rel='bookmark' title='Google stänger ute BMW.de'>Google stänger ute BMW.de</a></li>
<li><a href='http://axbom.se/januaris-webbformular-db-schenker-privatpaket-far-ny-design' rel='bookmark' title='Januaris webbformulär: DB Schenker privatpaket får ny design'>Januaris webbformulär: DB Schenker privatpaket får ny design</a></li>
</ol></div>]]></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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/barack-obama-till-sweden-social-web-camp' rel='bookmark' title='Barack Obama åker till Sweden Social Web Camp #sswc'>Barack Obama åker till Sweden Social Web Camp #sswc</a></li>
<li><a href='http://axbom.se/google-kickar-bmw' rel='bookmark' title='Google stänger ute BMW.de'>Google stänger ute BMW.de</a></li>
<li><a href='http://axbom.se/januaris-webbformular-db-schenker-privatpaket-far-ny-design' rel='bookmark' title='Januaris webbformulär: DB Schenker privatpaket får ny design'>Januaris webbformulär: DB Schenker privatpaket får ny design</a></li>
</ol></div>]]></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 Bör formuläret ligga kvar redigerbart på bekräftelsesidan? 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; 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å 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 Blogsy. Related posts: Webbformulär är dörren till din verksamhet Konsten att optimera webbformulär med ett ynka ord Jag vill bygga om ditt webbformulär!<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/konsten-att-optimera-webbformular-med-ett-ynka-ord' rel='bookmark' title='Konsten att optimera webbformulär med ett ynka ord'>Konsten att optimera webbformulär med ett ynka ord</a></li>
<li><a href='http://axbom.se/jag-vill-bygga-om-ditt-webbformular' rel='bookmark' title='Jag vill bygga om ditt webbformulär!'>Jag vill bygga om ditt webbformulär!</a></li>
</ol></div>]]></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>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/webbformular-ar-dorren-till-din-verksamhet' rel='bookmark' title='Webbformulär är dörren till din verksamhet'>Webbformulär är dörren till din verksamhet</a></li>
<li><a href='http://axbom.se/konsten-att-optimera-webbformular-med-ett-ynka-ord' rel='bookmark' title='Konsten att optimera webbformulär med ett ynka ord'>Konsten att optimera webbformulär med ett ynka ord</a></li>
<li><a href='http://axbom.se/jag-vill-bygga-om-ditt-webbformular' rel='bookmark' title='Jag vill bygga om ditt webbformulär!'>Jag vill bygga om ditt webbformulär!</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/formularet-som-aldrig-skickades-eller-webbformular/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Axbom Innovation &#8211; manifest för framgångsrika lösningar</title>
		<link>http://axbom.se/axbom-innovation-manifest</link>
		<comments>http://axbom.se/axbom-innovation-manifest#comments</comments>
		<pubDate>Fri, 03 Jun 2011 13:29:39 +0000</pubDate>
		<dc:creator>axbom</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Kreativt]]></category>
		<category><![CDATA[Nya medier]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Webbstrategi]]></category>
		<category><![CDATA[budord]]></category>
		<category><![CDATA[förhållningssätt]]></category>
		<category><![CDATA[manifest]]></category>

		<guid isPermaLink="false">http://axbom.se/?p=3184</guid>
		<description><![CDATA[De här förhållningssätten hjälper mig göra mina kunder mer framgångsrika och konkurrenskraftiga. Tänk digitalt. Agera analogt. Ja mina lösningar må vara digitala men de används alltid i ett analogt sammanhang, av vanliga människor. Jag kommer alltid se människorna. Utmana problemet. Jag kommer inte att  jaga en lösning utan att förstå vad problemet är. Vad det verkligen är. Jag kommer alltid utmana din uppfattning av problemet. Experimentera. Med mänskliga objekt. Ett problem kan betraktas ur många vinklar, pillas på och formas i många gestalter och storlekar. Jag kommer generera idéer, experimentera och dra slutsatser. Och jag testar helst på mänskliga objekt i verkliga situationer. Bind inte fast lösningen. Oavsett hur färdiga du och jag känner oss så kommer lösningen alltid att fortsätta i konversationer och måste ständigt vara redo att transformeras. Jag kommer vara redo för föränderliga miljöer. Succé är inte en känsla. Bevisföremål A tack. Det är inte en succé förrän problemet är löst. Jag kommer motivera lösningar med verklig data och bevisföring. Kritisera inte. Överträffa. Vilken lösning som helst, oavsett hur illa den jag tycker den är, är ändå oändligt bättre än ingen lösning eftersom vi lär oss något. Om jag misslyckas eller ser brister kommer jag inte stå och prata om det. Jag kommer göra bättre. Alla andra vet mer. I den sanna andan av crowdsourcing kommer jag använda så många människor som möjligt för att utveckla förädlade idéer och lösningar. Dela allt. Stjäl mitt arbete och gör det bättre. Jag är ödmjuk inför din uppmärksamhet och stjäl gladeligen tillbaka det förbättrade omarbetet. Använd illustrationer i kommunikation. Illustrationer är universella och mäktigare än ren text. Jag kommer använda illustrationer för att människor lättare ska förstå. Och för att locka din uppmärksamhet. Konkret är grunden för framgång. Jag kommer aldrig säga &#8221;Vi kan prata med målgruppen&#8221;. Jag kommer säga &#8221;De här tio personerna nämnde ert varumärke i sociala medier förra veckan. Jag har deras adresser. Låt oss gå och prata med dem i 2 timmar; det kommer kosta 20 000 kr.&#8221; Var mänsklig och jordnära. Jag kommer alltid vara ädelsinnad i min konversation och berömma de som berömmas bör. Det vore också underbart att få luncha med dig. Du har ju orkat läsa så här långt. Var inte tråkig. Det går att göra ett bra jobb enligt regelboken. Men det går alltid att göra ett bättre jobb om man samtidigt har roligt och stimulerar alla sinnen. Jag vågar ha roligt och vill att du har roligt med mig. Allt annat vore tjänstefel. Related posts: Hej kunder! Prata med handen. Sommaren dödar kunskap Är du verkligen från framtiden?<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/hej-kunder-prata-med-handen' rel='bookmark' title='Hej kunder! Prata med handen.'>Hej kunder! Prata med handen.</a></li>
<li><a href='http://axbom.se/sommaren-dodar-kunskap' rel='bookmark' title='Sommaren dödar kunskap'>Sommaren dödar kunskap</a></li>
<li><a href='http://axbom.se/ar-du-verkligen-fran-framtiden' rel='bookmark' title='Är du verkligen från framtiden?'>Är du verkligen från framtiden?</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://axbom.se/wp-content/uploads/axbom-experimentera.png"><img class="aligncenter size-full wp-image-3186" title="Forskare illustrerar nummer 4: Experimentera. Med mänskliga objekt." src="http://axbom.se/wp-content/uploads/axbom-experimentera.png" alt="" width="530" height="440" /></a></p>
<p><strong>De här förhållningssätten hjälper mig göra mina kunder mer framgångsrika och konkurrenskraftiga.</strong></p>
<ol>
<li><strong>Tänk digitalt. Agera analogt.</strong><br />
Ja mina lösningar må vara digitala men de används alltid i ett analogt sammanhang, av vanliga människor. Jag kommer alltid se människorna.</li>
<li><strong>Utmana problemet.</strong><br />
Jag kommer inte att  jaga en lösning utan att förstå vad problemet är. Vad det verkligen är. Jag kommer alltid utmana din uppfattning av problemet.</li>
<li><strong>Experimentera. Med mänskliga objekt.</strong><br />
Ett problem kan betraktas ur många vinklar, pillas på och formas i många gestalter och storlekar. Jag kommer generera idéer, experimentera och dra slutsatser. Och jag testar helst på mänskliga objekt i verkliga situationer.</li>
<li><strong>Bind inte fast lösningen.</strong><br />
Oavsett hur färdiga du och jag känner oss så kommer lösningen alltid att fortsätta i konversationer och måste ständigt vara redo att transformeras. Jag kommer vara redo för föränderliga miljöer.</li>
<li><strong>Succé är inte en känsla. Bevisföremål A tack.</strong><br />
Det är inte en succé förrän problemet är löst. Jag kommer motivera lösningar med verklig data och bevisföring.</li>
<li><strong>Kritisera inte. Överträffa.</strong><br />
Vilken lösning som helst, oavsett hur illa den jag tycker den är, är ändå oändligt bättre än ingen lösning eftersom vi lär oss något. Om jag misslyckas eller ser brister kommer jag inte stå och prata om det. Jag kommer göra bättre.</li>
<li><strong>Alla andra vet mer.</strong><br />
I den sanna andan av <em>crowdsourcing</em> kommer jag använda så många människor som möjligt för att utveckla förädlade idéer och lösningar.</li>
<li><strong>Dela allt.</strong><br />
Stjäl mitt arbete och gör det bättre. Jag är ödmjuk inför din uppmärksamhet och stjäl gladeligen tillbaka det förbättrade omarbetet.</li>
<li><strong>Använd illustrationer i kommunikation.</strong><br />
Illustrationer är universella och mäktigare än ren text. Jag kommer använda illustrationer för att människor lättare ska förstå. Och för att locka din uppmärksamhet.</li>
<li><strong>Konkret är grunden för framgång.</strong><br />
Jag kommer aldrig säga &#8221;Vi kan prata med målgruppen&#8221;. Jag kommer säga &#8221;De här tio personerna nämnde ert varumärke i sociala medier förra veckan. Jag har deras adresser. Låt oss gå och prata med dem i 2 timmar; det kommer kosta 20 000 kr.&#8221;</li>
<li><strong>Var mänsklig och jordnära.</strong><br />
Jag kommer alltid vara ädelsinnad i min konversation och berömma de som berömmas bör. Det vore också underbart att få luncha med dig. Du har ju orkat läsa så här långt.</li>
<li><strong>Var inte tråkig.</strong><br />
Det går att göra ett bra jobb enligt regelboken. Men det går alltid att göra ett bättre jobb om man samtidigt har roligt och stimulerar alla sinnen. Jag vågar ha roligt och vill att du har roligt med mig.</li>
</ol>
<p>Allt annat vore tjänstefel.</p>
<div style="background-color: #C8D6E1; padding: 15px; margin:5px;">Related posts:<ol>
<li><a href='http://axbom.se/hej-kunder-prata-med-handen' rel='bookmark' title='Hej kunder! Prata med handen.'>Hej kunder! Prata med handen.</a></li>
<li><a href='http://axbom.se/sommaren-dodar-kunskap' rel='bookmark' title='Sommaren dödar kunskap'>Sommaren dödar kunskap</a></li>
<li><a href='http://axbom.se/ar-du-verkligen-fran-framtiden' rel='bookmark' title='Är du verkligen från framtiden?'>Är du verkligen från framtiden?</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://axbom.se/axbom-innovation-manifest/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

