<?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>Bjornalberts.com &#187; design</title>
	<atom:link href="http://bjornalberts.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://bjornalberts.com</link>
	<description>Upplevelser, iakttagelser &#38; reflektioner kring nätet</description>
	<lastBuildDate>Wed, 30 Jun 2010 22:00:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Modell med 14 punkter för kampanjer i social media</title>
		<link>http://bjornalberts.com/2009/11/30/modell-med-14-punkter-for-kampanjer-i-social-media/</link>
		<comments>http://bjornalberts.com/2009/11/30/modell-med-14-punkter-for-kampanjer-i-social-media/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 00:45:39 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[analys]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[kommunikation]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[kampanj]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[space management]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=656</guid>
		<description><![CDATA[
			
				
			
		
Dags att skriva någonting på mer taktisk nivå. Det blir en mind-map för kampanjer i social media. Egentligen bör jag kalla det fria kanaler istället för social media då modellen även innefattar e-mail och den egna webbplatsen, som i och för sig kan vara social.

Modellen har jag tagit fram mot bakgrund av att jag ibland [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F11%2F30%2Fmodell-med-14-punkter-for-kampanjer-i-social-media%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F11%2F30%2Fmodell-med-14-punkter-for-kampanjer-i-social-media%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Dags att skriva någonting på mer taktisk nivå. Det blir en mind-map för kampanjer i social media. Egentligen bör jag kalla det fria kanaler istället för social media då modellen även innefattar e-mail och den egna webbplatsen, som i och för sig kan vara social.</p>
<p style="text-align: center;"><a href="http://bjornalberts.com/wp-content/uploads/2009/11/Mind-map_digital_campaign.pdf"><img class="aligncenter size-full wp-image-657" title="Mind-map_digital_campaign" src="http://bjornalberts.com/wp-content/uploads/2009/11/Mind-map_digital_campaign.jpg" alt="Mind-map_digital_campaign" width="490" height="415" /></a></p>
<p>Modellen har jag tagit fram mot bakgrund av att jag ibland möter situationer där viktiga delar av en kampanj inte ges tillräckligt mycket engagemang. En kejda är aldrig starkare än dess svagaste länk – detsamma gäller för kampanjer.</p>
<p>Modellen är inte facit för alla situationer och sammanhang och gör heller inte anspråk på att vara det. Trots det vågar jag påstå att effekterna av många marknadsinvesteringar skulle öka bara genom att ha den här modellen på väggen bredvid skrivbordet. Ambitionen är <span id="more-656"></span>att modellen ska hjälpa till att höja den lägsta kunskapsnivån inom ett företag i syfte att möjliggöra att kraft och energi kan läggas på kreativitet och innovation.</p>
<p>Jag hoppas att modellen är självförklarande för de som jobbar med marknadsföring men några kommentarer är på sin plats.</p>
<p><strong>Input</strong></p>
<ul>
<li>Ta fram någonting unikt att erbjuda</li>
<li>Gör en kortfattad och genomtänkt brief som bl.a beskriver vilka språk kampanjen ska skapas för och om den har några särskilda villkor</li>
<li>Använd klassisk försäljningsmetodik – ta fram 3 argument varför målgruppen bör agera. Gör det emellertid utifrån målgruppens perspektiv. Inte från ditt eget – säljarens.</li>
</ul>
<p><strong>Att tänka på i olika kanaler</strong></p>
<ul>
<li>Använd den egna bloggen för att berätta om kampanjen</li>
<li>Om Twitter används som kanal – försök formulera en ReTweet-vänlig text. Dvs gärna rolig eller intresseväckande och väsentligt kortare än 140 tecken så att mottagaren inte behöver ägna sig åt att förkorta din text vid ReTweet.</li>
<li>På Facebook finns det flera olika val att göra. Fundera bl.a över om du ska skicka ut personliga meddelande till alla vänner, mer tidskrävande men kanske med högre konvertering,  eller om du ska använda företagets Facebook Page.</li>
<li>Kring e-mail marketing är det förutom disposition och copy relevant att laborera med om ett enkelt text-baserat mail fungerar bättre än ett i HTML. Alltså kort och enkelt kontra design och upplevelse.</li>
<li>Det finns en mängd andra kanaler som inte tas upp i modellen. T.ex forum och communities kring särskilda ämnen. Identifiera vilka kanaler som finns och hur kommunikationen kan utformas för att passa respektive kanal.</li>
</ul>
<p><strong>Landingssidan</strong></p>
<ul>
<li>Driv trafiken till en särskilld landningssida</li>
<li>Ska innehållet på den egna webbplatsen styras av varifrån besökaren kommer? Kampanjen kanske är geografiskt eller nationellt begränsad? Använd styrning på IP-nummer. Landningssidan bör dynamiskt kunna möta besökaren. Dvs att innehållet anpassas efter den plats eller kanal besökaren kommer ifrån. T.ex kan rubriker, text, bilder eller design anpassas.</li>
<li>För att skapa effektiva landningssidor bör man ta på sig samma hatt som ”space managers” har i fysiska butiker. Dvs att optimera sidans disposition för att maximera konverteringen.</li>
<li>Alla besökare kan inte fatta beslut på stående fot, se till att de lätt kan få den ytterligare information de behöver för att fatta beslut.</li>
<li>Att besökaren känner sig säker och trygg även i själva beslutet är viktigt. Se till att den information som kan skänka denna trygghet är tillgänglig. T.ex omdömen från andra kunder eller logotyper från etablerade aktörer som står som garant i olika frågor.</li>
<li>Landingssidan design kan ha makalös inverkan på konverteringen. Ta höjd för god design. Ta höjd för att göra om när fakta finns.</li>
</ul>
<p><strong>Efter konvertering</strong></p>
<p>Ta hand om besökaren även efter konvertering:</p>
<ul>
<li>Visa på sidan att besökaren har fullföljt enligt det erbjudande som kampanjen bygger på. I motsats till att använda de standardmeddelanden eller standardsidor som används då inte kampanjen går.</li>
<li>Om möjligt skicka gärna en bekräftelse på mail.</li>
<li>Beroende på konverteringens art kan det efter viss tid vara lämpligt att skicka ut en vänlig uppföljning eller påminnelse per mail.</li>
</ul>
<p><strong>Mätpunkter och löpande förändringar</strong></p>
<ul>
<li>Det största misstaget man kan göra med en digital kampanj är att lägga ned all ansträngning fram till lansering och därefter inte göra någonting förr än kampanjperioden är slut.</li>
<li>Börja mäta och följ upp kampanjen från dag 1 och gör löpande förändringar vart efter vi lär oss hur de olika delarna av kampanjen presterar.</li>
<li>För vissa centrala delar av kampanjen, t.ex landingssidan och e-postutskick, kan det vara lämpligt att göra ett mindre test (A/B-test) först, där olika versioner testas för att hitta den som fungerar bäst.</li>
<li>Jag har tidigare skrivit om <a title="14 punkter om att mäta framgång i social media" href="http://bjornalberts.com/2009/11/04/14-punkter-om-att-mata-framgang-i-social-media/" target="_blank">vilka mätpunkter man kan använda sig av inom social media</a>.</li>
</ul>
<p>Modellen finns att <a title="Björn Alberts modell för kampanjer i social media som PDF" href="http://bjornalberts.com/wp-content/uploads/2009/11/Mind-map_digital_campaign.pdf" target="_blank">ladda ned som PDF</a>. Använd den gärna.  Som vanligt blir jag glad om du vill ge dina kloka kommentarer.</p>
<p><em>Uppdatering:</em><br />
På uppmaning av <a title="Jardenberg.se i ett nytt fönster" class="previewlink" href="http://jardenberg.se/b/jardenberg-kommenterar-2009-11-30/" target="_blank">Jardenberg</a> lägger jag upp <a title="Modellen som öppen presentation på Google Doc" href="https://docs.google.com/present/edit?id=0AU7b9jMwtucPZGcyN24zM2dfMjRnNHhua2hjcQ&amp;hl=en" target="_blank">modellen som öppet dokument</a> att röja runt i fritt på Google doc. Tyvärr tappade den en del av sin formatering varför den ser rätt risig ut. Fritt fram för vem som helst att fixa.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2009/11/30/modell-med-14-punkter-for-kampanjer-i-social-media/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Förbättrad kontakthantering på LinkedIn</title>
		<link>http://bjornalberts.com/2009/01/27/forbattrad-kontakthantering-pa-linkedin/</link>
		<comments>http://bjornalberts.com/2009/01/27/forbattrad-kontakthantering-pa-linkedin/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 19:45:35 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[reflektion]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=383</guid>
		<description><![CDATA[
			
				
			
		
Idag blev jag betatestare av LinkedIns nya kontakthantering.

Bra att de tar nya grepp för jag tycker att LinkedIns kontakthantering har varit lite oflexibel.
Förändringar jag gillar

Möjlighet att tagga sina kontakter och därigenom även effektivt kunna skapa grupper
Ny sökning som snabbt presenterar aktuella kontakter efter varje tangentnedslag
Enkelt att välja de kontakter som du snabbt vill skicka ett [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F27%2Fforbattrad-kontakthantering-pa-linkedin%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F27%2Fforbattrad-kontakthantering-pa-linkedin%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Idag blev jag betatestare av LinkedIns nya kontakthantering.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-384" title="linkedin_beta" src="http://bjornalberts.com/wp-content/uploads/2009/01/linkedin_beta.jpg" alt="linkedin_beta" width="440" height="376" /></p>
<p>Bra att de tar nya grepp för jag tycker att LinkedIns kontakthantering har varit lite oflexibel.</p>
<h3>Förändringar jag gillar</h3>
<ul>
<li>Möjlighet att tagga sina kontakter och därigenom även effektivt kunna skapa grupper</li>
<li>Ny sökning som snabbt presenterar aktuella kontakter efter varje tangentnedslag</li>
<li>Enkelt att välja de kontakter som du snabbt vill skicka ett meddelande</li>
<li>Jag kan söka mig fram till kontakter genom att kolla på företag, plats etc</li>
</ul>
<h3>Saker som kan bli bättre</h3>
<ul>
<li>LinkedIns grafiska gränssnitt är ingen positiv upplevelse och det är inte bättre i den här betatjänsten heller. T.ex den fula standardscrollen som för tankarna till gamla frames eller CSSer som inte fungerar 100 %. Det skulle inte behövas mycket men en interaktionsdesigner och en formgivare som fick fixa till de sista 20 % skulle göra alla gladare tror jag.</li>
<li>LinkedIn har grupperat mina kontakter med taggar de tror är relevanta. T.ex har de taggat 66 av mina kontakter som &#8220;partners&#8221;. Det är de inte och därför tycker jag att LinkedIn borde låtit bli. Nu måste jag gå in och ändra allting själv.</li>
</ul>
<p><a class="previewlink" href="http://www.linkedin.com/in/bjornalberts" target="_blank">Min egen profil på LinkedIn</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2009/01/27/forbattrad-kontakthantering-pa-linkedin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nya SVT play &#8211; en underbar upplevelse</title>
		<link>http://bjornalberts.com/2009/01/20/nya-svt-play-en-underbar-upplevelse/</link>
		<comments>http://bjornalberts.com/2009/01/20/nya-svt-play-en-underbar-upplevelse/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 16:00:54 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[Rich media]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tjänster]]></category>
		<category><![CDATA[reflektion]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=372</guid>
		<description><![CDATA[
			
				
			
		
Johan tipsade mig om nya Svtplay.se idag.

Det är en sällsynt positiv upplevelse vid en första anblick. En modern och ren design som lyfter fram mängder av innehåll på ett mycket lockande vis. Avsevärt mycket snyggare än YouTube. Antagligen mer inspirerat av Hulu och Vimeo men SVT Play känns trevligare än dem alla.
Den positiva upplevelsen håller [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F20%2Fnya-svt-play-en-underbar-upplevelse%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F20%2Fnya-svt-play-en-underbar-upplevelse%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><a class="previewlink" href="http://ronnestam.com" target="_blank">Johan</a> tipsade mig om nya <a title="Svtplay.se i en flik här intill" class="previewlink" href="http://svtplay.se" target="_blank">Svtplay.se</a> idag.</p>
<p><img class="aligncenter size-full wp-image-373" title="svt_play_small" src="http://bjornalberts.com/wp-content/uploads/2009/01/svt_play_small.jpg" alt="svt_play_small" width="326" height="211" /></p>
<p>Det är en sällsynt positiv upplevelse vid en första anblick. En modern och ren design som lyfter fram mängder av innehåll på ett mycket lockande vis. Avsevärt mycket snyggare än <a class="previewlink" href="http://www.youtube.com" target="_blank">YouTube</a>. Antagligen mer inspirerat av <a class="previewlink" href="http://www.hulu.com" target="_blank">Hulu</a> och <a class="previewlink" href="http://www.vimeo.com" target="_blank">Vimeo</a> men SVT Play känns trevligare än dem alla.</p>
<p>Den positiva upplevelsen håller i sig när jag börjar utforska tjänsten. Ett supersnabbt <a title="Mer om det på svenska Wikipedia" class="previewlink" href="http://sv.wikipedia.org/wiki/AJAX" target="_blank">AJAX</a>-gränssnitt gör det till en fröjd att botanisera bland allt innehåll. De mjuka övergångarna vid innehållsväxlingar är mycket fint gjorda. Jag upplever att gränssnittet är utformat för att låta mig upptäcka saker vart efter jag interagerar. Ungefär som när du är på upptäcktsfärd. En gemytlig känsla.</p>
<p>Spelaren för filmer är även den fin. Som standard visas en relativt stor filmyta. Bra eftersom det är film jag är ute efter. Relaterat till det jag tittar på finns lite relaterad information i textform. Helskärmsläget fungerar mycket bra, extremt hög kvalitet och jag tror det kommer att driva på antalet datorer som placeras intill TVn i vardagsrummet. En liten lurig detalj är &#8220;Litet fönster&#8221;, som öppnar upp en pop-up där filmen visas i väsentligt mindre format. Bra för den som tycker om att ha någonting som går i bakgrunden när man gör annat på datorn. Inte minst kidsen idag gör ju minst 5 saker samtidigt framför datorn.</p>
<p>Det finns även tre specifika kanaler: Play Rapport för nyheter, Play Bolibompa för barn och Play Prima med utvalda program av extra hög kvalitet.</p>
<p>Så lång allt bra men någon social funktionalitet finns inte. Å ena sidan bidrar det till den rena upplevelsen men å andra sidan skulle det ju vara kul att höra andras åsikter om program, hålla koll på vad mina kompisar tycker om etc.</p>
<p>En tankevurpa som SVT gjort är att man kan kopiera kod för att &#8220;embedda&#8221; programmen på andra webbplatser men eftersom många av programmen slutar vara tillgängliga efter ett visst datum kanske inte det är så smart.</p>
<p>På det hela taget väl gjort av SVT.<br />
<a class="previewlink" href="http://knuff.se/q/%22svt+play%22" target="_blank">Fler inlägg om SVT Play på Knuff.se</a>.<br />
<a class="previewlink" href="http://resume.se/nyheter/2009/01/20/svt-okar-satsningen-pa-web/" target="_blank">Resumé</a> har presenterat ett pressmeddelande från SVT rakt av som det verkar.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2009/01/20/nya-svt-play-en-underbar-upplevelse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sju punkter kring digital affärsutveckling</title>
		<link>http://bjornalberts.com/2009/01/17/sju-punkter-kring-digital-affarsutveckling/</link>
		<comments>http://bjornalberts.com/2009/01/17/sju-punkter-kring-digital-affarsutveckling/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 23:19:59 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[Teknik]]></category>
		<category><![CDATA[affärer]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobilt]]></category>
		<category><![CDATA[organisation]]></category>
		<category><![CDATA[reflektion]]></category>
		<category><![CDATA[getjar]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=339</guid>
		<description><![CDATA[
			
				
			
		
Jag hittade en mailtråd från 2007 som fick mig att börja fundera över digital affärsutveckling. Mer specifikt kring hur man bör förhålla sig till det som sker runt omkring oss och vad det är som ger framgång. Jag börjar med att återge inledningen på mailtråden för att sedan presentera de sju punkter jag kommer fram [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F17%2Fsju-punkter-kring-digital-affarsutveckling%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2009%2F01%2F17%2Fsju-punkter-kring-digital-affarsutveckling%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Jag hittade en mailtråd från 2007 som fick mig att börja fundera över digital affärsutveckling. Mer specifikt kring hur man bör förhålla sig till det som sker runt omkring oss och vad det är som ger framgång. Jag börjar med att återge inledningen på mailtråden för att sedan presentera de sju punkter jag kommer fram till. Fyll gärna på om du tycker någon punkt saknas.</p>
<p><strong>Från: Björn Alberts<br />
Datum: to 25 okt 2007 08.51.12 GMT+02:00<br />
Till: ALLA<br />
Ämne: Idag förändras Internet</strong></p>
<p>Apple öppnar upp för utvecklare att skapa applikationer till iPhone. Tänk på vad det kommer att innebära&#8230;<br />
För den som inte upplevt en iPhone går det bra att kila ner till Macoteket och klämma på den.</p>
<p>http://developer.apple.com/iphone/devcenter/</p>
<p>Vem blir först med en app? ;-)</p>
<p>/ Björn</p>
<p><strong>Från: Supervass Gränssnittsprogrammerare .Net<br />
Datum: to 25 okt 2007 09.49.16 GMT+02:00<br />
Till: ALLA<br />
Ämne: Re: Idag förändras Internet<br />
</strong><br />
Jag vill inte låta som världens mest negativa människa, men för en<br />
webbutvecklare så känns det som ett steg tillbaka att återgå till &#8220;one<br />
application for each device&#8221; upplägget.</p>
<p>http://www.webstandards.org/2007/08/22/the-good-the-bad-and-the-ugly-iphone-edition/</p>
<p>/SG &#8211; see ya</p>
<p><strong>Från: Supervass Systemarkitekt .Net<br />
Datum: to 25 okt 2007 09.52.48 GMT+02:00<br />
Till: ALLA<br />
Ämne: SV: Idag förändras Internet<br />
</strong><br />
Det har gått att utveckla applikationer till alla Symbian- och Windows-telefoner i åratal&#8230; Riktiga applikationer. Måttligt imponerad av detta med andra ord! :-D</p>
<p>/SSA<br />
<span id="more-339"></span><strong>Reflektioner 1,5 år senare</strong></p>
<p>Vi vet alla vad som har hänt. <a title="Mer om det på Di.se" class="previewlink" href="http://di.se/Nyheter/?page=/Avdelningar/Artikel.aspx%3Fstat%3D0%26sectionid%3Dtekniktrender%26menusection%3Dtekniktrender%3Btekniknyheter%26articleid%3D2008%255C10%255C22%255C307367" class="broken_link"  target="_blank">iPhone går åt </a>som smör i solsken. Det finns långt över 10 000 applikationer att ladda ned på iTunes App Store. De har laddats ned över <a title="Det går fort när man har roligt. Siffran uppdaterades igår. En viss tillökning på en månad." class="previewlink" href="http://mashable.com/2009/01/16/apple-500-million-iphone-apps-downloaded/" target="_blank">500</a> <a title="Mer om det på Idg.se" class="previewlink" href="http://macworld.idg.se/2.1038/1.198524/sa-mycket-tjanar-apple-pa-app-store" target="_blank"> <span style="text-decoration: line-through;">300</span> miljoner gånger. Apple tjänar hundratals miljoner</a> på affären. Många företag som utvecklat iPhone-appar <a title="Om ett av många exempel" class="previewlink" href="http://www.statesman.com/business/content/business/stories/technology/01/03/0103iphone.html" target="_blank">tjänar storkovan</a>, andra har mångdubblat sin tillväxt. iPhones pekskärm har gjort att alla andra tillverkare nu lanserar detsamma.</p>
<h3><strong>Sju punkter att tänka på kring digital affärsutveckling</strong></h3>
<ol>
<li><strong>Nischa inte baserat på teknik</strong><br />
Se till att aldrig begränsa kompetensen till en enskild teknisk plattform. Historien har flera gånger visat att teknik inte är en bra grund för nishning. Tänk på Facit som definierade sin verksamhet i skrivmaskiner istället för ordbehandling.</li>
<li><strong>Att välja strategi</strong><br />
Låt dem med affärs- och marknadskompetens peka ut strategisk inriktning för verksamheten. Missförstå mig inte här; jag arbetar alltid hårt för att uppnå en positiv kompetenskonflikt mellan affärsutvecklare, kommunikatörer och tekniker. Det är så de verkligt innovativa lösningarna skapas i digitala kanaler. Men det är skillnad på att staka ut strategier och att skapa lösningar. Banalt exempel på strategi: arbeta med iPhone-applikationer eller inte medan en lösning mer handlar om vilken applikation vi ska bygga och hur.</li>
<li><strong>Bli inte trångsynt</strong><br />
Gör inte religion av saker och ting. Behåll ett öppet och nyfiket sinne och var beredd på förändring. Här vill jag passa på att göra en liknelse med alla som tror att sociala medier enskilt är nyckeln till framgång. Så är det inte. Däremot utgör sociala medier en uppsjö av nya intressanta kanaler och möjligheter som förändrar sättet att kommunicera. Emellertid finns övriga sätt att kommunicera kvar med olika relevans beroende på sammanhang.</li>
<li><strong>Affärsnytta</strong><br />
Stirra dig aldrig blind på vad som går att göra. Fokusera på om det har inneburit eller har förutsättningar att innebära någon affärspotential. Avgör sedan.</li>
<li><strong>Distribution på nätet är kung</strong><br />
Visst har du kunnat utveckla java-applikationer för mobiltelefoner i åratal men finns det någon <a title="Getjar.com" class="previewlink" href="http://www.getjar.com" target="_blank">vettig distributionskanal? Nej</a>. Apple lanserade samtidigt med sitt SDK iTunes App Store. En effektiv och begriplig distributionskanal. Dessutom med en affärsmodell som alla förstår. Är din applikation gratis är också din distribution gratis. Tar du betalt för din applikation tar Apple 30% och själv behåller du 70%.</li>
<li><strong>Användarvänlighet i digitala kanaler är kung</strong><br />
Oavsett hur avancerad teknologi du kan erbjuda så kommer det att misslyckas om den inte är paketerad på ett användarvänligt sätt. Vem som helst klarar av att ladda ned en applikation till en iPhone. Trots en liten yta har Apple med iPhone löst hur man enkelt navigerar runt bland stora mängder applikationer (nej, den är inte optimal att ringa med när man kör bil men det bör man ju inte göra ändå&#8230;). Det var som en vän sa tidigare ikväll: “min iPhone har badat i en mugg kaffe så nu måste jag använda min gamla Nokia eller om det är Sony Ericsson istället. Det går inte, jag fattar inte längre hur man använder den”.</li>
<li><strong>Design är alltid kung</strong><br />
Min vän vet alltså inte ens om det är en Sony Ericsson eller en Nokia. Snacka om identitetslöst! Apple har en identitet som suger folk till sig lika effektivt som getingar dras till ett glas hallonsaft en sommardag. Mer om design i nästa inlägg.</li>
</ol>
<p><em>PS. Jag tycker om och respekterar samtliga människor i mailtråden som återges i inledningen. Var och en av dem är mycket kompetenta inom sitt område och jag skulle inte tveka att rekommendera var och en av dem vid en förfrågan.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2009/01/17/sju-punkter-kring-digital-affarsutveckling/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Introduktion till att skapa en iPhone-app</title>
		<link>http://bjornalberts.com/2008/12/09/introduktion-till-att-skapa-en-iphone-app/</link>
		<comments>http://bjornalberts.com/2008/12/09/introduktion-till-att-skapa-en-iphone-app/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 23:35:02 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[Seminarium]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobilt]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=293</guid>
		<description><![CDATA[
			
				
			
		
Tillbringade dagen på Apple iPhone Tech Talk där jag lyssnade till Paul Burford, evangelist på Apple. Här följer en sammanfattning av Pauls introduktion till att utveckla applikationer för iPhone.
iPhone och App Store är en succé
iPhone säljs idag i 53 länder. Vid årets slut kommer iPhone att säljas i 70 länder.  Hittills har det sålts [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2008%2F12%2F09%2Fintroduktion-till-att-skapa-en-iphone-app%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2008%2F12%2F09%2Fintroduktion-till-att-skapa-en-iphone-app%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Tillbringade dagen på <a class="previewlink" href="http://developer.apple.com/events/iphone/techtalks/" target="_blank">Apple iPhone Tech Talk</a> där jag lyssnade till <a title="Bristfällig information men ändå den minst dåliga jag fann om Paul" class="previewlink" href="http://www.ukuug.org/bios+profiles/PBurford.shtml" target="_blank">Paul Burford</a>, evangelist på Apple. Här följer en sammanfattning av Pauls introduktion till att utveckla applikationer för iPhone.</p>
<h3>iPhone och App Store är en succé</h3>
<p>iPhone säljs idag i 53 länder. Vid årets slut kommer iPhone att säljas i 70 länder.  Hittills har det sålts över 13 miljoner iPhones. På 150 dagar har det skapats 10000 applikationer till iPhone, som har laddats ned över 300 miljoner gånger.</p>
<h3>Sju ingredienser för att skapa fantastiska applikationer</h3>
<h4>1. Hänförande upplevelse</h4>
<p>Exempel: <a class="previewlink" href="http://www.igloo-games.com/db/Dizzy_Bee.html" target="_blank">Dizzy bee</a>, <a class="previewlink" href="http://moocowmusic.com/Guitarist/index.html" target="_blank">Guitarist</a>, <a class="previewlink" href="http://labyrinth.codify.se/faq.html" target="_blank">Labyrinth</a>, <a title="OBS! Länken går till iTunes App Store" class="previewlink" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=284910350&amp;mt=8" target="_blank">Yelp</a> &amp; Facebook</p>
<h4>2. Innovativ</h4>
<p>Exempel: <a class="previewlink" href="http://www.classicsapp.com/" target="_blank">Classics</a>, <a class="previewlink" href="http://www.shazam.com/music/web/pages/iphone.html" target="_blank">Shazam</a> &amp; <a class="previewlink" href="http://ocarina.smule.com/" target="_blank">Ocarina</a></p>
<h4>3. Design</h4>
<p>I en organisation krävs det support från högsta ledingen. Bra design levereras primärt av små team. Bra design fokuserar på vilket problem den ska lösa inte på mängden funktioner. Bra design kräver att säga nej till &#8220;1000 saker&#8221;. Fokus på design måste prägla hela projektcykeln. I ett typiskt projekt bör design stå för närmare 60 % av tiden. Kodning och debug för 15 % vardera och test 10 %.<br />
Exempel: <a class="previewlink" href="http://iconfactory.com/twitterrific/" target="_blank">Twitteriffic</a> &amp; <a class="previewlink" href="http://colors.collectingsmiles.com/" target="_blank">Colors!</a></p>
<h4>4. Integrerad</h4>
<p>Uppfinn inte hjulet igen. Nyttja existerande funktioner, kod och teknologier. Integrera dem till applikationen.<br />
Exempel: MIM 1.0 &amp; <a class="previewlink" href="http://www.segamobile.com/Super_Monkey_Ball_for_iphone" target="_blank">Super Monkey Ball</a></p>
<h4>5. Optimerad</h4>
<p>Optimera grafiska element för iPhone. Optimera gränssnittet för iPhones begränsade yta. Det räcker inte att &#8220;krympa&#8221; en existerande desktop-applikation.<br />
Exempel: <a class="previewlink" href="http://www.pangeasoft.net/iphone/enigmo/" target="_blank">Enigmo</a>, <a class="previewlink" href="http://www.pangeasoft.net/iphone/nano2/" target="_blank">Nanosaur</a> &amp; <a class="previewlink" href="http://www.pangeasoft.net/iphone/cromag/" target="_blank">Cro-Mag Rally</a></p>
<h4>6. Uppkopplad</h4>
<p>iPhone är en högst personlig sak. Personalisera även applikationen.<br />
Exempel: Billings &amp; billings touch och <a class="previewlink" href="http://www.omnigroup.com/applications/omnifocus/iphone/" target="_blank">Omni Focus</a>.</p>
<h4>7. Lokaliserad</h4>
<p>Anpassa applikationen till olika språk. Det kan enkelt dubbla försäljningen. Mellan konkurrerande applikationer är det den lokaliserade som vinner. Av uppenbara kvalitetsskäl bör man undvika automatiserade översättningar.<br />
Exempel: <a class="previewlink" href="http://culturedcode.com/things/iphone/" target="_blank">Things</a></p>
<h3>Fyra övergripande faser för att skapa en iPhone applikation</h3>
<h4>1. Familiarize</h4>
<p><em>Lev med, lär dig om och förstå iPhone</em>.</p>
<ul>
<li>Läs <a title="Skaffa den i en flik här intill" class="previewlink" href="http://www.docstoc.com/docs/418559/iPhones-Human-Interface-Guidelines" target="_blank">Human Interface Guidelines</a> (HIG).</li>
<li>Tänk på interaktion, sammanhang och begränsningar</li>
<li>Tänk på att den typiska tiden en användare interagerar med din applikation är 30 sekunder.</li>
<li>Tänk på var någonstans applikationen kommer att användas. I mörker? I solen? I trängsel på tunnelbanan?</li>
<li>Tänk på att ett finger är i genomsnitt 33 pixlar brett. Tänk på att det är ett finger och inte en mus.</li>
<li>Vilket är det lättaste sättet för användaren att mata in information? Finns det något annat sätt än att använda tangentbordet?</li>
</ul>
<h4>2. Conceptualize</h4>
<p><em>Utveckla grundläggande koncept och vilken riktning applikationen skall ta</em>.</p>
<ul>
<li>Börja med en idé och brainstorma kring funktioner eller utgå ifrån en existerande desktop-applikation och ärv funktionalitet.</li>
<li>Formulera &#8220;Application definition statement&#8221;</li>
<li>Rensa upp bland funktionerna. &#8220;Less is more&#8221;. Lita till din instinkt.</li>
<li>Använd &#8220;application definition stetement&#8221; för att filtrera</li>
<li>Identifiera användarnas mentala modell. Hur ser de på saken?</li>
<li>Utifrån det, utvärdera funktionerna igen.</li>
<li>Identifiera mål, upgifter, roller och hur allting förhåller sig till varandra</li>
</ul>
<h4>3. Realize</h4>
<p><em>Skapa applikationens design och iterera samtidigt som grundläggande guidelines används i så stor utsträckning som möjligt / lämpligt.</em></p>
<ul>
<li>Bestäm dig för vilken typ av applikation det är som ska skapas: Productivity, Utility, Immersive (tar över hela skärmen),</li>
</ul>
<p><a href="http://bjornalberts.com/wp-content/uploads/2008/12/position.jpg"><img class="aligncenter size-medium wp-image-294" title="position" src="http://bjornalberts.com/wp-content/uploads/2008/12/position-300x229.jpg" alt="" width="300" height="229" /></a></p>
<ul>
<li>Förstå grunderna i iPhone-interaktion och välj navigationstyper och funktioner för val och inmatning.</li>
<li>Iterera din design på papper, gör preliminära skisser, förfina dem och använd &#8220;interface builder&#8221; i <a class="previewlink" href="http://developer.apple.com/iphone/" target="_blank">SDKn</a></li>
</ul>
<h4>4. Finalize</h4>
<p><em>Polera, förfina och gör applikationen &#8220;iPhone&#8221;.</em></p>
<ul>
<li>Förbättra med grafik eller bilder</li>
<li>Addera upplevelse genom animationer</li>
<li>Finjustera inför ansökan att publiceras på App Store</li>
</ul>
<h3>Några råd på vägen</h3>
<ul>
<li>Omfamna det nya gränssnittsparadigm som iPhone erbjuder</li>
<li>Hantera oavsiktlig interaktion från användaren</li>
<li>Överväg under vilka ljusförhållanden applikationen skall användas</li>
<li>Minimera mängden information som presenteras för användaren vid varje specifik interaktion</li>
</ul>
<p>Vad du än gör lansera aldrig en applikation som inte är väl testad. Att göra det är det säkraste sättet att få negativa recensioner från användarna vilket är ett mycket svårt läge att vända. Om du trots allt lanserar den innan du anser dig vara klar, tala om det direkt för användarna och för dialog med dem.</p>
<h3>Anledningar till att en applikation kraschar</h3>
<ul>
<li>Dålig kod.</li>
<li>Begränsat minne i telefonen. Om man överskrider minneskapaciteten kommer operativsystemet att döda applikationen. Gör allt du kan för att reducera minnesanvändandet.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2008/12/09/introduktion-till-att-skapa-en-iphone-app/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Enkelhet</title>
		<link>http://bjornalberts.com/2008/11/22/enkelhet/</link>
		<comments>http://bjornalberts.com/2008/11/22/enkelhet/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 13:46:45 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[reflektion]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tjänster]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/?p=258</guid>
		<description><![CDATA[
			
				
			
		
Ibland hittar man saker på nätet som är slående. Tjänster som man bara flyter igenom. Webbplatser som får en att förstå någonting blixtsnabbt eller en blogg som gör att din nästa utmaning blir lättare att bemästra.
Jag hade precis ett av de ögonblicken där jag fick uppleva alla tre saker inom en minut.
Fick nys om ett [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2008%2F11%2F22%2Fenkelhet%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2008%2F11%2F22%2Fenkelhet%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Ibland hittar man saker på nätet som är slående. Tjänster som man bara flyter igenom. Webbplatser som får en att förstå någonting blixtsnabbt eller en blogg som gör att din nästa utmaning blir lättare att bemästra.</p>
<p>Jag hade precis ett av de ögonblicken där jag fick uppleva alla tre saker inom en minut.</p>
<p><a title="Hos SuperAnton" class="previewlink" href="http://www.superanton.se/pa-tal-om-coola-webbtjanster-som-byggs-snabbt/" target="_blank">Fick nys om</a> ett gäng på Irland, webbyrån <a title="Contrast.ie" class="previewlink" href="http://www.contrast.ie/" target="_blank">Contrast</a>. För deras behov är deras webbplats föredömlig. De förmedlar effektivt det jag som potentiell kund behöver känna för att agera, d.v.s ta kontakt. Redan i TITLE förmedlar de rakt på:</p>
<blockquote><p>We do web apps, we&#8217;re pretty good.</p></blockquote>
<p>Blixtsnabbt präntar de på det sättet in rätt &#8220;state of mind&#8221; hos mig. Vilka är de tänker jag? Svaret omedelbart; ett snyggt foto av teamet.  Med betoning på snyggt. Inga trista profilbilder. En bild med känsla.</p>
<p><a href="http://bjornalberts.com/wp-content/uploads/2008/11/contrast.jpg"><img class="aligncenter size-medium wp-image-260" title="contrast" src="http://bjornalberts.com/wp-content/uploads/2008/11/contrast-300x156.jpg" alt="" width="300" height="156" /></a></p>
<p>Jag tänker att de här är riktigt intressanta men vad har de gjort? Igen, de möter mig direkt med ett relativt stort urval av det de har skapat. Inga ord, inga förklaringar. De gör rätt, de väcker min nyfikenhet. Att få veta vilka resultat de levererat för sina kunder får vi ju tillfälle att prata om när vi ses.</p>
<p>Apropå det, självklart leder de mig in i steget att ta kontakt. Kontakt tagen, konverteringen fullbordad. Föredömligt!</p>
<p>Allt utformat med enklaste tänkbara interaktionsdesign. Inte en vedertagen sådan utan en som särskiljer dem.</p>
<p>Vissa av oss kanske vill ha mer. <a title="Contrast - The blog" class="previewlink" href="http://www.contrast.ie/blog/" target="_blank">Bloggen</a>. En blogg med många värdefulla <a class="previewlink" href="http://www.contrast.ie/blog/the-problem-with-striptease/" target="_self">insikter</a> om hur digitala gränssnitt bör utformas.</p>
<p>Till sist. De har utvecklat tjänsten <a title="Taskfive.com" class="previewlink" href="http://www.taskfive.com" target="_blank">Taskfive</a>. En föredömligt enkelt todolist som hjälper dig och dina medarbetare att genomföra 5 uppgifter var varje dag. Tar mindre än en minut att komma igång. Med 200 arbetsdagar på ett år utförs 1000 saker per man och år.</p>
<p>Vad krävs för att åstadkomma enkelhet i digitala gränssnitt? Insikt om målgruppens beteende. Kunskap om faktiskt användande av olika finesser. Men mest av allt, mod. Mod att välja bort och sist men inte minst; förmågan att övertyga övriga intressenter om att våga välja bort.</p>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2008/11/22/enkelhet/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Graphics blindness &#8211; är det möjligt?</title>
		<link>http://bjornalberts.com/2007/12/01/graphics-blindness-ar-det-mojligt/</link>
		<comments>http://bjornalberts.com/2007/12/01/graphics-blindness-ar-det-mojligt/#comments</comments>
		<pubDate>Sat, 01 Dec 2007 14:35:24 +0000</pubDate>
		<dc:creator>Björn Alberts</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[kommunikation]]></category>
		<category><![CDATA[reflektion]]></category>
		<category><![CDATA[användbarhet]]></category>
		<category><![CDATA[fenomen]]></category>

		<guid isPermaLink="false">http://bjornalberts.com/2007/12/01/graphics-blindness-ar-det-mojligt/</guid>
		<description><![CDATA[
			
				
			
		
På Användbart.se hittar jag en lista över 22 tolkningar om vad som fungerar vid design av webbplatser.  Tolkningarna är baserade på studier som har gjorts med hjälp av ögonkamera.
Det som förvånar mig är att text bättre skulle dra till sig uppmärksamhet än bild. Att det gäller banners vet vi enligt teorin om &#8220;banner blindness&#8220;, som [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a class="previewlink" href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fbjornalberts.com%2F2007%2F12%2F01%2Fgraphics-blindness-ar-det-mojligt%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fbjornalberts.com%2F2007%2F12%2F01%2Fgraphics-blindness-ar-det-mojligt%2F&amp;source=bjornalberts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>På <a title="I ett fönster nära dig" class="previewlink" href="http://www.anvandbart.se/" target="_blank">Användbart.se</a> hittar jag en <a title="I ett fönster nära dig" class="previewlink" href="http://www.anvandbart.se/text-drar-at-sig-mer-uppmarksamhet-an-bilder-och-22-andra-lardomar-fran-ogonkameran" target="_blank">lista över 22 tolkningar</a> om vad som fungerar vid design av webbplatser.  Tolkningarna är baserade på studier som har gjorts med hjälp av <a title="I ett fönster nära dig" class="previewlink" href="http://www.anvandbart.se/taxonomy/term/845" target="_blank">ögonkamera</a>.</p>
<p>Det som förvånar mig är att text bättre skulle dra till sig uppmärksamhet än bild. Att det gäller banners vet vi enligt teorin om &#8220;<a title="I ett fönster nära dig" class="previewlink" href="http://en.wikipedia.org/wiki/Banner_blindness" target="_blank">banner blindness</a>&#8220;, som innebär att vi inte ser grafiska banners. Istället uppmärksammar vi textlänkar. Att detta även skulle gälla generellt innehåll kanske ska ses som en <a title="I ett fönster nära dig" class="previewlink" href="http://sv.wikipedia.org/wiki/Evolution" target="_blank">evolution</a>? Jag tänker att i så fall skulle &#8220;banner blindness&#8221; ha börjat utvecklas till &#8220;graphics blindness&#8221;. Vad tror du?</p>
<p>Här är listan:</p>
<ul>
<li>Text attracts attention before graphics.</li>
<li>Initial eye movement focuses on the upper left corner of the page.</li>
<li>Users initially look at the top left and upper portion of the page before moving down and to the right.</li>
<li>Readers ignore banners.</li>
<li>Fancy formatting and fonts are ignored.</li>
<li>Show numbers as numerals.</li>
<li>Type size influences viewing behavior.</li>
<li>Users only look at a sub headline if it interests them.</li>
<li>People generally scan lower portions of the page.</li>
<li>Shorter paragraphs perform better than long ones.</li>
<li>One-column formats perform better in eye-fixation than multi-column formats.</li>
<li>Ads in the top and left portions of a page will receive the most eye fixation</li>
<li>Ads placed next to the best content are seen more often.</li>
<li>Text ads were viewed mostly intently of all types tested.</li>
<li>Bigger images get more attention.</li>
<li>Clean, clear faces in images attract more eye fixation.</li>
<li>Headings draw the eye.</li>
<li>Users spend a lot of time looking at buttons and menus.</li>
<li>Lists hold reader attention longer.</li>
<li>Large blocks of text are avoided.</li>
<li>Formatting can draw attention.</li>
<li>White space is good.</li>
<li>Navigation tools work better when placed at the top of the page.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://bjornalberts.com/2007/12/01/graphics-blindness-ar-det-mojligt/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
