<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Trident</title>
	<atom:link href="http://mwikstrom.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://mwikstrom.wordpress.com</link>
	<description>Om web!</description>
	<lastBuildDate>Tue, 28 Apr 2009 19:35:21 +0000</lastBuildDate>
	<language>no</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='mwikstrom.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Trident</title>
		<link>http://mwikstrom.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://mwikstrom.wordpress.com/osd.xml" title="Trident" />
	<atom:link rel='hub' href='http://mwikstrom.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Website Optimizer</title>
		<link>http://mwikstrom.wordpress.com/2009/04/28/website-optimizer/</link>
		<comments>http://mwikstrom.wordpress.com/2009/04/28/website-optimizer/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 19:31:35 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Statistikk]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[iA]]></category>
		<category><![CDATA[iD]]></category>
		<category><![CDATA[Informasjonsarkitektur]]></category>
		<category><![CDATA[Interaksjonsdesign]]></category>
		<category><![CDATA[Optimalisering]]></category>
		<category><![CDATA[Strategi]]></category>
		<category><![CDATA[Webstrategi]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=85</guid>
		<description><![CDATA[Hvorfor gjette hvilke endringer på en webside som bedrer effekten når man kan finne det ut direkte fra brukerne? Google Website Optimizer er et testverktøy som lar deg optimalisere innhold og designendringer. Verktøyet gir deg svarene slik at du slipper å synse, og bidrar til mer lønnsomme webløsninger. Fordelene med Google Website Optimizer er mange. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=85&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Hvorfor gjette hvilke endringer på en webside som bedrer effekten når man kan finne det ut direkte fra brukerne? Google Website Optimizer er et testverktøy som lar deg optimalisere innhold og designendringer. Verktøyet gir deg svarene slik at du slipper å synse, og bidrar til mer lønnsomme webløsninger.</p>
<p>Fordelene med Google Website Optimizer er mange. Min favoritt er å bruke verktøyet til å optimalisere nettbutikker, slik at man oppnår en høyere konverteringsrate (prosentandel handlende kunder av totalt besøk).</p>
<p><span style="font-size:12pt;">Hvordan fungerer det?</span><br />
1. Identifiser den eller de sidene i en webløsning du ønsker å teste. Dette kan for eksempel være en produktside i en nettbutikk eller en annen responsside.<br />
2. Utarbeid ett eller flere alternative forslag av siden.<br />
3. Styr så deler av de besøkende til de ulike variantene.<br />
4. Se hvilke versjoner som gir best effekt, og lanser denne når du VET hva som fungerer best.</p>
<p><span style="font-size:12pt;">Multivariabel testing og signifikansnivå</span><br />
For oss som liker statistikk og dataanalyse, kan jeg også tilføye at Google Website Optimizer åpner for multivariabel testing. Man kan altså teste flere enn to komponenter. Videre kan man i praksis sette det signifikantnivået man ønsker. Dette ved at man bestemmer hvor mange brukere man ønsker å teste de ulike alternative på, og slikt sett selv også bestemme signifikantnivået før man lanserer en ”beta” variant.</p>
<p>Og det beste av alt – Google Website Optimizer er et gratisverktøy!</p>
<span style="text-align:center; display: block;"><a href="http://mwikstrom.wordpress.com/2009/04/28/website-optimizer/"><img src="http://img.youtube.com/vi/XJT9TCqzw4U/2.jpg" alt="" /></a></span>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/85/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=85&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/04/28/website-optimizer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>
	</item>
		<item>
		<title>Web Trend Map ’09</title>
		<link>http://mwikstrom.wordpress.com/2009/04/28/web-trend-map-%e2%80%9909/</link>
		<comments>http://mwikstrom.wordpress.com/2009/04/28/web-trend-map-%e2%80%9909/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 19:28:38 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Trender]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[spådommer]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=80</guid>
		<description><![CDATA[iA Inc. har nok en gang satt sammen Web Trend Map. Kartet viser, på bakgrunn av kategori, de 333 mest suksessfulle og influerende websidene i verden, samt 111 av de mest betydningsfulle menneskene bak. Ta en titt og la deg bli imponert og inspirert! Les mer hos iA Inc&#62;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=80&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Besøk iA Inc." href="http://www.informationarchitects.jp/" target="_blank">iA Inc.</a> har nok en gang satt sammen Web Trend Map. Kartet viser, på bakgrunn av kategori, de 333 mest suksessfulle og influerende websidene i verden, samt 111 av de mest betydningsfulle menneskene bak. Ta en titt og la deg bli imponert og inspirert!</p>
<p><a title="Besøk iA Inc." href="http://www.informationarchitects.jp/" target="_blank">Les mer hos iA Inc&gt;</a></p>
<p><img class="alignnone size-medium wp-image-83" title="webtrendmap2009_thumb" src="http://mwikstrom.files.wordpress.com/2009/04/webtrendmap2009_thumb.jpg?w=300&#038;h=216" alt="webtrendmap2009_thumb" width="300" height="216" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/80/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=80&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/04/28/web-trend-map-%e2%80%9909/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://mwikstrom.files.wordpress.com/2009/04/webtrendmap2009_thumb.jpg?w=300" medium="image">
			<media:title type="html">webtrendmap2009_thumb</media:title>
		</media:content>
	</item>
		<item>
		<title>Avgjør Internett stortingsvalget?</title>
		<link>http://mwikstrom.wordpress.com/2009/02/19/avgj%c3%b8r-internett-stortingsvalget/</link>
		<comments>http://mwikstrom.wordpress.com/2009/02/19/avgj%c3%b8r-internett-stortingsvalget/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 17:51:30 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Webstrategi]]></category>
		<category><![CDATA[Propaganda]]></category>
		<category><![CDATA[spådommer]]></category>
		<category><![CDATA[Strategi]]></category>
		<category><![CDATA[Valgkamp]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=74</guid>
		<description><![CDATA[Valgkampen før årets stortingsvalg er i sin innledende runde. De politiske partiene vil i månedene framover krige om å få myndige nordmenns oppmerksomhet og stemmer. Da er det et paradoks at mens diskusjonene om politisk reklame på fjernsyn har rast, har det vært lav eller liten interesse rundt propagandakanalen Internett. Når valgkampen for alvor snart [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=74&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Valgkampen før årets stortingsvalg er i sin innledende runde. De politiske partiene vil i månedene framover krige om å få myndige nordmenns oppmerksomhet og stemmer. Da er det et paradoks at mens diskusjonene om politisk reklame på fjernsyn har rast, har det vært lav eller liten interesse rundt propagandakanalen Internett. Når valgkampen for alvor snart er i gang, blir det spennende å se hvilke medievalg de ulike politiske partiene vil foretrekke.</p>
<p><img src="http://www.increo.no/uploads/bilder/bloggbilder/stortinget2.gif" alt="" width="456" height="293" /></p>
<div><span style="font-size:8pt;">Hvem som får plass på Stortinget fra høsten vil i stor grad avgjøres i den virtuelle verden.</span></div>
<p>For det første: Å benytte Internett som kanal for meningsreklame er svært effektfullt. Internett er et medium som, i tillegg til støtte for tekst, bilde, lyd og film, åpner for interaktivitet med brukerne og er overlegen på statistikk og måling av effekt. Dessuten er Internett en av de fremste virale kanalene (”word of mouth” markedsføring). Tilgjengeligheten er det heller ikke noe å si på &#8211; månedlig benytter nærmere 3,5 millioner nordmenn Internett og vi har i enkelte måneder omtrent 5,6 milliarder sidevisninger!</p>
<p><span style="font-size:14pt;">Obama skapte webhistorie</span><br />
De fleste av oss har friskt i minne presidentvalgkampen i USA. Historie ble skapt da Barack Obama tidligere denne vinteren vant presidentvalget. Ikke på grunn av at han ble USA’s første mørkhudede president, men på grunn av hans bruk av Internett som propagandakanal. Han tok sjansen og beviste en gang for alle at Internett er overlegent de andre mediene. Hva gjorde Obama og hva kan norske politikere lære?</p>
<p><span style="font-size:14pt;">Obamas verktøykasse</span><br />
Obama sin webkampanje var sammensatt og bar preg av en bred satsing innenfor ulike webkanaler. Å lykkes med å ri så mange hester er utfordrende, men mye takket være et enkelt og godt budskap lyktes han. De mest omtalte komponentene i Obamas webkampanje er nettsiden barackobama.com, aktiv bruk av e-postmarkedsføring, tilstedeværelse i sosiale medier, blogging og online annonsering. Under følger det jeg mener er de viktigste propagandavrikemidlene norske valgkampdeltagere i år bør prioritere.</p>
<p><span style="font-size:14pt;">Nettsiden &#8211; skap tillit og interaksjon</span><br />
Nettsiden bør få et tiltalende design som kommuniserer seriøsitet, tillit og skaper trygghet på målgruppens prinsipper. En bør kommunisere verdigrunnlag, og prioritere god informasjonsarkitektur og navigasjon. Innholdet bør oppdateres ofte, og det bør tilrettelegges for deling/distribusjon. Nettsiden bør også tilrettelegges for interaksjon med brukerne, for eksempel gjennom kommentarer, avstemninger og forum. Personalisering med tilpasset visning for hver unik besøkende er også et godt verktøy for prioritering av innhold på brukerens premisser.</p>
<p><span style="font-size:14pt;">E-postmarkedsføring &#8211; 1 til 1 kommunikasjon</span><br />
Nettsiden og de øvrige kanalene bør samle e-postadresser fra potensielle velgere. Nyhetsbrev bør om mulig også segmenteres, for eksempel på kjønn, alder, ønsket frekvens og geografi. Da kan man kommunisere mer direkte med velgeren. I tillegg til tradisjonelle nyhetsbrev på e-post, vil mobiltelefon kunne være en hensiktsmessig kanal.</p>
<p><span style="font-size:14pt;">Sosiale medier &#8211; skapt for deling </span><br />
Over 1,5 millioner nordmenn er å finne på Facebook. I tillegg har vi andre kanaler som YouTube, Twitter, Flickr, Digg, MySpace og Nettby med mange flere. Felles for disse løsningen er at de er skapt og tilrettelagt for deling av meninger og informasjon mennesker seg i mellom. I tillegg åpner de for god interaksjon med brukerne. Det er også en svært lojal kanal da 85% av brukerne av sosiale medier besøker nettsamfunnet sitt daglig eller flere ganger i løpet av uken. Barack Obama hadde 3,5 millioner tilhengere via sosiale medier. Av norske politikere er Jens Stoltenberg å finne på Facebook med i overkant av 20 000 medlemmer som følger han ukentlig.</p>
<p><span style="font-size:14pt;">Blogging &#8211; det moderne flygeblad </span><strong><br />
</strong>Blogging faller i stor grad under sosiale medier, men jeg tar den med som et eget punkt da den er litt tosidig. På den ene siden finner man politikeren eller partiets offisielle blogg(er), som bør åpne for kommentarer og diskusjoner. På den andre siden finner man mange av de aktive tilhengerne som har byttet ut flygeblad og vaffeljern med ufattelige mengder bloggartikler som taler partiets sak, og med over 840 000 nordmenn som leser blogger ukentlig er det en stor målgruppe der ute!</p>
<p><span style="font-size:14pt;">Online PR &#8211; styr debatten på nett</span><strong><br />
</strong>For online PR er nøkkelen overvåkning. Overvåke hva som skrives om politikeren, partiet eller motstanderne på Internett og videre aktivt benytte seg av dette gjennom å delta i den virtuelle debatten og styre diskusjonen. I en valgkamp er velgerne mer enn gjennomsnittlig interessert i politikk og nettavisene er godt besøkt. Som et eksempel opplevde nettavisen Los Angeles Times, ifølge tall fra Nielsen Online, et fall i antall unike besøkende med hele 29% i etterkant av sist presidentvalg!</p>
<p><span style="font-size:14pt;">”E-handel” &#8211; finansier valgkampen</span><br />
Et lite norsk utbredt fenomen, dog med erfaringer fra presidentvalget verdt å nevne. Terminologien ”e-handel” er kanskje noe upresis, men i bunn og grunn dreier dette seg om å samle inn penger ved hjelp av Internett for å drive valgkamp. I følge tall fra DIBS Payment Services handlet nordmenn for til sammen 35 milliarder kroner i 2008. Da burde det være rom for at flere av oss velger å donere penger via Internett til det partiet eller den politikeren du sympatiserer med, for tilslutt å kunne påvirke valgresultatet. Og om donasjonene skulle utebli, bør partiet i alle fall tilrettelegge for at det er enkelt og kjapt å kjøpe seg et medlemskap i partiet.</p>
<p><span style="font-size:14pt;">Synlighet og prioritet med SEO, SEM</span><span style="font-size:14pt;"> og PPC</span><br />
Søkemotoroptimalisering, søkemotormarkedsføring og pay per click sier seg i stor grad selv. For Obama-kampanjen og alle de millionene som ble blåst av på nettannonsering, gikk utrolige 80% til Google. Med Internett har det blitt kjapt og effektivt å gjøre research, og når de fleste av oss benytter Google som verktøy for nettopp dette er det jo klart man bør være tilstede her.</p>
<p>Videre bør online annonsering på sosiale medier nevnes. Tenk på alle nordmenn som har registrert seg med oppdaterte profiler på Facebook. Her registrer mange av oss kjønn, alder, hvor vi bor, sivilstand og politisk ståsted. Tenk da på muligheten for presis og treffsikker ”pay per click” annonsering!</p>
<p><img style="width:515px;" src="http://www.increo.no/uploads/bilder/bloggbilder/eidsvoll_1814.jpg" alt="" /></p>
<div><span style="font-size:8pt;">Politikk og valgkamp er ikke hva det en gang var. Foto: Stortinget</span></div>
<p><span style="font-size:14pt;">Avgjør Internett stortingsvalget?</span><br />
Propaganda kjennetegnes som ensidig og systematisk framtilling av informasjon med hensikt å påvirke mennesker i en gitt retning, primært knyttet til politikk eller religion. Internett sine medieegenskaper gjør mediet uovertruffent som propagandakanal om man benytter det rett, og om ikke Internett avgjør valget så vil nettet i stor grad påvirke dets resultat!</p>
<p>(Først publisert på www.increo.no/blogg  den 19.02.09)</p>
<p><img src="http://www.increo.no/uploads/bilder/ikon/strek.jpg" alt="" /></p>
<p><span style="font-size:10pt;"><span style="font-size:8pt;"><strong>Kilder</strong></p>
<p>http://www.webprofits.com.au/blog/2008/07/23/6</p>
<p>http://www.clickz.com/3631395</p>
<p>http://www.barackobama.com</p>
<p>http://www.prchecker.info/check_page_rank.php</p>
<p>http://www.tnsgallup.no</p>
<p>http://www.allfacebook.com/facebook-demographic-statistics/</p>
<p>http://www.slideshare.net/oejohnsen/pr-og-sosiale-medier</p>
<p>http://dwsmg.com/barack-obama-marketing-guide.html</p>
<p>http://www.retriever-info.com</p>
<p>http://www.kampanje.com/medier/article404817.ece</p>
<p>http://www.dibs.no/om-oss/pressemeddelelser/#c4651</span></span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/74/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=74&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/02/19/avgj%c3%b8r-internett-stortingsvalget/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/stortinget2.gif" medium="image" />

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/eidsvoll_1814.jpg" medium="image" />

		<media:content url="http://www.increo.no/uploads/bilder/ikon/strek.jpg" medium="image" />
	</item>
		<item>
		<title>Web Trend Map 4.0 &#8211; &#8217;09 straks klart!</title>
		<link>http://mwikstrom.wordpress.com/2009/02/01/web-trend-map-40-09-straks-klart/</link>
		<comments>http://mwikstrom.wordpress.com/2009/02/01/web-trend-map-40-09-straks-klart/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 21:14:10 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Trender]]></category>
		<category><![CDATA[spådommer]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=70</guid>
		<description><![CDATA[Med kontinuerlige nyvinninger på web kan det til tider være vanskelig å holde oversikten. Kanskje var det dette gjengen bak Web Trend Map ønsket å løse. Nå er de straks klare (lovet ferdig i løpet av februar) med Web Trend Map 4.0. Kartet har som hensikt å vise de kommende trendene på Internettet for to-tusen-og-ny. Jeg [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=70&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Med kontinuerlige nyvinninger på web kan det til tider være vanskelig å holde oversikten. Kanskje var det dette gjengen bak Web Trend Map ønsket å løse. Nå er de straks klare (lovet ferdig i løpet av februar) med Web Trend Map 4.0. Kartet har som hensikt å vise de kommende trendene på Internettet for to-tusen-og-ny. Jeg venter i spenning!</p>
<p>Ønsker du å sjekke resultatet av fjorårets spådommer? Trendanalysen for &#8217;08 finner du her:  http://informationarchitects.jp</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/70/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/70/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/70/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=70&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/02/01/web-trend-map-40-09-straks-klart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>
	</item>
		<item>
		<title>Informasjonsarkitektur – økt inntjening, reduserte kostnader</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/informasjonsarkitektur-%e2%80%93-%c3%b8kt-inntjening-reduserte-kostnader/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/informasjonsarkitektur-%e2%80%93-%c3%b8kt-inntjening-reduserte-kostnader/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:50:47 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[iA]]></category>
		<category><![CDATA[iD]]></category>
		<category><![CDATA[Informasjonsarkitektur]]></category>
		<category><![CDATA[Interaksjonsdesign]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=42</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) Ved å hjelpe brukerne av webløsningen til å nå sine mål, når vi også bedriftens kommersielle mål. La oss derfor øke inntjeningen og redusere kostnadene ved hjelp av informasjonsarkitektur (forkortet: iA). Her følger en kort innføring i temaet. iA og definisjonen Det finnes mange lengre definisjoner på informasjonsarkitektur (blant annet bruker [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=42&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>(først publisert på www.increo.no/blogg)</p>
<p>Ved å hjelpe brukerne av webløsningen til å nå sine mål, når vi også bedriftens kommersielle mål. La oss derfor øke inntjeningen og redusere kostnadene ved hjelp av informasjonsarkitektur (forkortet: iA). Her følger en kort innføring i temaet.</p>
<p><span style="font-size:12pt;">iA og definisjonen</span><br />
Det finnes mange lengre definisjoner på informasjonsarkitektur (blant annet bruker Peter Morville &amp; Louis Rosenfeld over en side på å definere begrepet i boken Information <a href="http://www.amazon.com/Information-Architecture-World-Wide-Web/dp/0596527349/ref=pd_bbs_sr_1?ie=UTF8&amp;s=books&amp;qid=1232970659&amp;sr=8-1" target="_blank">Architecture for the World Wide Web</a>). Som tilhenger av enkelhet benytter jeg meg av <a href="http://no.wikipedia.org/wiki/Informasjonsarkitektur" target="_blank">Wikipedia sin norske definisjon</a>: «<em>Informasjonsarkitektur er en fagdisiplin som har som viktigste aktivitet å beskrive en modell eller et konsept for informasjon</em>». Stikkordene er altså å modellere eller konseptualisere informasjon. Om jeg får lagt på <em>«for å hjelpe brukeren til å nå sine mål»</em> til slutt, synes jeg dette er en god definisjon.</p>
<p><img src="http://www.increo.no/uploads/bilder/bloggbilder/ia_blogg.jpg" alt="" /></p>
<div><em><span style="font-size:8pt;">Informasjonsarkitektur dreier seg om å identifisere, organisere og strukturere informasjon på målgruppens premisser.</span></em></div>
<p><span style="font-size:12pt;">iA i prosessen</span><br />
En klassisk webprosess går fra abstrakt til konkret. Man starter som regel med å avklare formål/hensikt med en webløsning. Men ser på brukernes behov knyttet til løsningen (hva skal den konkret gjøre for brukeren?) og videre på den strategiske forankringen i hvorfor bedriften skal satse på web (hva skal den konkret gjøre for selskapet?).</p>
<p>På bakgrunn av det overnevnte er tradisjonelt det neste skrittet å avklare innholds- og funksjonalitetsbehovet til løsningen. <em>So far, so good</em>. Man har avklart et formål/hensikt med prosjektet og man har fått bekreftet at det er i henhold til selskapets strategi. Videre har man overordnet et bilde på hvilket innhold man må få på plass, og hva løsningen vil kreve av teknisk funksjonalitet.</p>
<p>Derom løsningen er forholdsvis omfattende, er det nettopp her informasjonsarkitektur bør bli neste skritt i prosessen. Mange ville kanskje her hoppet rett på det visuelle designet. Om det dreier seg om en simpel løsning med lite innhold og det er moderate krav til teknisk funksjonalitet er dette helt greit. Er det derimot snakk om en større og krevende løsning anbefaler jeg deg å lese videre.</p>
<p><span style="font-size:12pt;">iA sine oppgaver</span><br />
Informasjonsarkitektur sin overordnede oppgave er å skape en brukervennlig løsning for målgruppen(e). Hva som er brukervennlig er det altså målgruppen som bestemmer, og slik sett bør du huske at brukervennlighet er subjektivt. Hva du personlig synes er brukervennlig er strengt tatt ikke interessant – dette er det brukerne som til syvende og sist vil avgjøre.</p>
<p>For å nå målsettingen om en brukervennlig løsning er det noen oppgaver man må løse. Jeg vil våge meg til å forenkle en informasjonsarkitekts oppgaver til følgende tre:</p>
<p><span style="font-size:10pt;">1. Identifisere informasjonselementene<br />
2. Beskrive, navngi, gruppere og prioritere<br />
3. Strukturere, designe og legg til rette for gode brukeropplevelser </span></p>
<p><span style="font-size:12pt;">1. Identifisere informasjonselementene</span><br />
Denne prosessen har som mål å avklare alt innholdet som skal inn i webløsningen.  Prosessen resulterer i en innholdsoversikt – f.eks. et Excelark som lister ut alle informasjonselementene. Prosessen er sunn, da den gir deg muligheten til å finne innhold som kanskje ligger i dagens webløsning som det ikke er behov for og kan fjernes, samt kartlegge hva det er behov for av informasjon men som ikke finnes og derfor må skaffes til veie.</p>
<p><span style="font-size:12pt;">2. Beskrive, navngi, gruppere og prioritere </span><br />
Når man har identifisert informasjonen og fått på plass en innholdsoversikt, starter arbeidet med å gruppere og kategorisere de ulike informasjonselementene. For denne jobben finnes det mange verktøy og metoder. Noen av de mest tradisjonelle er labling, fargesystemer, kortsortering og flytkart. En modell som jeg mener overordnet kan hjelpe deg å løse oppgaven knyttet til dette nivået er kjernemodellen (Se Netlife sin presentasjon av kjernemodellen <a href="http://www.slideshare.net/aregh/kjernemodellen-eit-praktisk-rammeverk-for-prioritering-og-findability" target="_blank">her»</a>). Modellen er praktisk og har som hensikt å prioritere informasjonen, gjøre den lett tilgjengelig og videre balansere bruker- og forretningsmålene til løsningen.</p>
<p>Andre elementer man bør ta hensyn til når man skal gruppere og prioritere informasjon er historikk, statistikk og brukerdata. Sitter man på data om hvordan brukerne fram til dags dato har benyttet den eksisterende løsningen (for eksempel ved hjelp av Google Analytics) har man gode forutsettinger for prioriteringsarbeidet. Man vet hva som er ”hot” innhold, og som derfor må prioriteres. Videre vet man hva som er sekundærinformasjon og som ikke trenger å få like stor fokus i løsningen.</p>
<p>Ved navngivning av informasjon synes jeg triggerordfilosofien er god, med at man navngir informasjon på brukernes premisser, og fokuserer på å holde på brukerne og hindre avstøting. Du kan lese og lære mer om triggerord<a href="http://www.increo.no/blogg/ord-som-trigger-30.aspx" target="_blank"> her»</a></p>
<p><span style="font-size:12pt;">3. Strukturere, designe og legg til rette for gode brukeropplevelser </span><br />
Har man gjort jobben godt i de to foregående stadiene, har man nå de beste forusettinger for å lykkes med å oppnå gode brukeropplevelser. Man har kartlagt informasjonen som skal inn i webløsningen og videre prioritert den. Man vet hvor mange &#8220;rom huset skal romme” og man vet hvilken funksjonalitet de ulike rommene skal inneha. Det som nå gjenstår er altså å tegne plantegningene. For de som leste <a href="http://www.increo.no/blogg/interaksjonsdesign-form-folger-funksjon-27.aspx" target="_blank">bloggartikkelen om interaksjonsdesign</a>, vet man at det er nettopp interaksjonsdesignjobben som nå gjenstår.</p>
<p>Prosessen med interaksjonsdesignet vil avgjøre webløsningens navigasjon, hvilke elementer som skal med i løsningen, størrelse og plassering &#8211; og man ender opp med de ferdige ”plantegningene” på løsningen. Plantegningene blir videre retningsgivende for det visuelle designet og den tekniske løsningen, og vil i stor grad bli bruksansvisningen for designeren og utvikleren som skal sy sammen den ferdige løsningen.</p>
<p><span style="font-size:12pt;">iA = økt inntjening og reduserte kostnader</span><br />
Til slutt tenkte jeg å belyse poenget med hvorfor informasjonsarkitektur bidrar til økt inntjening og reduserte kostnader gjennom et (noe trivielt) eksempel.</p>
<p>Se for deg at du driver en nettbutikk som selger bøker. For kundene dine vil tilfredsheten være lav om de ikke kjapt finner boka de leter etter. I verste fall, om de ikke finner den, vil de gi opp og heller besøke en annen butikk for å finne boka. Dette vil kunne skape blant annet irritasjon, redusert omsetting og negativ vareprat.</p>
<p>Om brukeren derimot fant boken uten problemer, og det var tilstrekkelig informason om boken til at brukeren er føler seg trygg nok til å kjøpe, vil han sitte igjen med et godt inntrykk av handelen. I tillegg til at man faktisk oppnådde et salg, er sjansen større for at brukeren sjekker her først neste gang han skal kjøpe et lignende produkt.</p>
<p>For de som jobber med nettbutikken vil manglende struktur og logikk i løsningen gi enda flere utfordringer. I den tekniske løsningen kan man for eksempel finne mye duplisert funksjonalitet, ettersom nettstedet har fått ny og endret funksjonalitet uten en god overordnet plan. En grundig informasjonarkitektur gjør det enklere å bygge en solid grunnstruktur for den tekniske løsningen, og man kan samtidig se hordan administasjonssystemene skal utvikles.</p>
<p>Informasjonsarkitektur gir besparelser både innen opplæring, administrasjon og design, og arbeidet med den tekniske løsningen. Min påstand er altså at god informasjonsarkitektur bidrar til økt inntjening og reduserte kostnader.<br />
<span style="font-size:14pt;"><br />
<em><span style="font-size:14pt;">«Simplicity is the ultimate sophistication»</span></em></span><br />
- Leonardo Da Vinci</p>
<p><img src="http://www.increo.no/uploads/bilder/ikon/strek.jpg" alt="" /><br />
<strong><br />
Kilder:</strong><br />
<a href="http://www.wikipedia.org/" target="_blank">Wikipedia.org</a>»<br />
<a href="http://www.amazon.com/Information-Architecture-World-Wide-Web/dp/0596527349/ref=pd_bbs_sr_1?ie=UTF8&amp;s=books&amp;qid=1232970659&amp;sr=8-1">Information architecture for the Word Wide Web</a>»</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/42/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=42&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/informasjonsarkitektur-%e2%80%93-%c3%b8kt-inntjening-reduserte-kostnader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/ia_blogg.jpg" medium="image" />

		<media:content url="http://www.increo.no/uploads/bilder/ikon/strek.jpg" medium="image" />
	</item>
		<item>
		<title>Interaksjonsdesign – form følger funksjon</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/interaksjonsdesign-%e2%80%93-form-f%c3%b8lger-funksjon/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/interaksjonsdesign-%e2%80%93-form-f%c3%b8lger-funksjon/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:49:03 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Informasjonsarkitektur]]></category>
		<category><![CDATA[Interaksjonsdesign]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=40</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) At form følger funksjon er et prinsipp som man gjerne assosierer med moderne arkitektur. Uttrykket ble kjent i forrige århundre gjennom den amerikanske arkitekten Louis Sullivan. Årsaken var datidens finanskrise som gjorde det nødvendig å utvikle kostnadseffektive bygg i USA. Senere er uttrykket blitt videreført av arkitekter, så vel som andre [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=40&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.increo.no/uploads/bilder/bloggbilder/interaksjonsdesign_ikon.jpg" alt="" width="149" height="125" align="right" /></p>
<p>(først publisert på www.increo.no/blogg)</p>
<p>At form følger funksjon er et prinsipp som man gjerne assosierer med moderne arkitektur. Uttrykket ble kjent i forrige århundre gjennom den amerikanske arkitekten Louis Sullivan. Årsaken var datidens finanskrise som gjorde det nødvendig å utvikle kostnadseffektive bygg i USA. Senere er uttrykket blitt videreført av arkitekter, så vel som andre designere. Ser man rundt seg, bekrefter nok tidsbildet at sitatet i stor grad etterleves den dag i dag.</p>
<p><span style="font-size:14pt;">Form vs. funksjon på web = interaksjonsdesign</span><br />
Prinsippet om at form følger funksjon har også fått sitt innpass i den virtuelle verden, dog med noen andre tilnærminger. Innenfor webdesign og webutvikling handler det i større grad om brukskvalitet og effektive webløsninger.  Et særdeles godt og hensiktsmessig verktøy for å lykkes med dette er bruk av interaksjonsdesign (fortkortet: iD eller IxD).</p>
<p>Interaksjonsdesign defineres av <a href="http://www.wikipedia.org/" target="_blank">Wikipedia</a> som en fagdisiplin som har som oppgave å definere atferden til produkter og systemer som mennesker kan interagere med. Oversatt dreier interaksjonsdesign seg om å legge fundamentet for brukervennlige og effektive webløsninger. Kort fortalt: å legge til rette for gode brukeropplevelser!<br />
Et interaksjonsdesign avgjør sidens navigasjon, hvilke elementer som skal med i løsningen, størrelse og plassering.</p>
<p><span style="font-size:14pt;">Simplicity – less is more!</span><br />
Kvalitet på interaksjonsdesign er altså sammenfallende med brukskvalitet. Løsningen må derfor tilpasses brukernes/kundenes forutsetninger og erfaringer, ikke motsatt! En mye brukt tommelfingerregel er å fjerne alle elementer og støy som tar fokus bort fra hensikten med nettsiden. Logikken er klar: desto flere valg man presenterer, desto flere valg må brukeren ta stilling til. Så jo færre valg man presenterer, desto lettere blir for brukeren å ta et valg. ”Less is more” altså. Mange mener dessuten at det skal være et maks antall klikk på en nettside. For eksempel maks tre klikk fra forsiden til man har funnet det man leter etter. Personlig mener jeg antall klikk ikke er relevant. Brukere tolererer flere klikk så fremt det er lett å finne fram (som eksempel kan du sammenligne de to nettbutikkene <a href="http://www.arngren.no/" target="_blank">Arngren.no</a> og <a href="http://www.eplehuset.no/" target="_blank">Eplehuset.no</a>).</p>
<p><img src="http://www.increo.no/uploads/bilder/bloggbilder/eplehusetvsarngren.jpg" alt="" /><br />
<a href="http://www.arngren.net/" target="_blank"><em><br />
</em></a><em><a href="http://www.eplehuset.no/" target="_blank">Eplehuset</a>, flere klikk men enkelt å finne fram.</em> <em><a href="http://www.arngren.net/" target="_parent">Arngren</a>, få klikk men vanskelig å finne fram. </em><br />
<span style="font-size:14pt;"><br />
Design uten design</span><br />
En interaksjonsdesignprosess resulterer i prinsippskisser/prototyper (i enkelte tilfeller også flytskjema) av webløsningen, hvor alt av visuelle elementer er tilsidesatt (løsningens visuelle rammer og elementer implementeres på bakgrunn av interaksjonsdesignet senere i designprosessen). I interaksjonsdesignet viser man løsningens navigasjon, hvilke elementer som skal med, størrelse og plassering.</p>
<p>For å kunne starte interaksjonsdesignprosessen er det en del input som må være tilstede. Man bør ha førstehåndsinformasjon om oppdragsgivers forretningsmodell/prosess, og videre kjenne til de forutsetningene som eksisterer for prosjektet. Både knyttet til mål og hensikt, samt ønsker og behov til den ferdige løsningen.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/40/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=40&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/interaksjonsdesign-%e2%80%93-form-f%c3%b8lger-funksjon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/interaksjonsdesign_ikon.jpg" medium="image" />

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/eplehusetvsarngren.jpg" medium="image" />
	</item>
		<item>
		<title>The neverending story</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/the-neverending-story/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/the-neverending-story/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:47:32 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Teksting]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=38</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) Websiden er for mange førsteinntrykket av en bedrift. Det er den virtuelle fasaden som skal gjenspeile selskapet. Dette med tanke på utforming, så vel som gjennom det skrevne innholdet. Men hvordan skriver man godt for web, og hva bør man huske på? De fleste som jobber med tekst for web har dette [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=38&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img style="width:128px;height:128px;" src="http://www.increo.no/uploads/bilder/bloggbilder/Text-Edit-128x128.png" alt="" hspace="7" align="right" /></p>
<p>(først publisert på www.increo.no/blogg)</p>
<p>Websiden er for mange førsteinntrykket av en bedrift. Det er den virtuelle fasaden som skal gjenspeile selskapet. Dette med tanke på utforming, så vel som gjennom det skrevne innholdet. Men hvordan skriver man godt for web, og hva bør man huske på?</p>
<p>De fleste som jobber med tekst for web har dette som en sekundær oppgave. Dette gjør at tekstarbeidet ikke blir prioritert, noe som ofte dessverre kan gjenspeiles i kvaliteten. Da er det godt å vite at web er en dynamisk kanal, hvor det som publiseres av innhold med enkle grep fortløpende kan oppdateres og forbedres. Slik sett er web en kanal som endrer seg med den organisasjonen den representerer, og på mange måter er å betrakte som en «neverending story». Men hva bør man huske på når man skriver for web? Under følger en oppsummering av noen greie huskeregler.</p>
<p><span style="font-size:14pt;">Hvem er leseren?</span><br />
I motsetning til personlig kommunikasjon hvor man gjerne snakker dirkete med mottakeren, ser man på web aldri hvem man kommuniserer med. Dette gir noen utfordringer, da man ikke kan tilpasse kommunikasjonen og språket direkte til mottakeren der og da. Det vil derfor  være avgjørende for tekstforfatteren at man blir kjent med kjernebrukerne sine. Bruk gjerne statistikk og erfaringer om de kundene dere har, og formuler et innhold med et tilpasset språk for nettopp disse.</p>
<p>En konsekvens av kan være at man havner i en målgruppekonflikt, hvor man ønsker å henvende seg til nærmest ”alle”. Anbefalingen er da å ta et valg. Prioritere hvem som er viktigst, og kommuniser heller godt med de. Man kan ikke gjøre alle til lags, og det er bedre å lykkes med noen fremfor å velge en ”gylden middelvei” og da ikke nå fram til noen.</p>
<p><span style="font-size:14pt;">Styr unna fremmedordboka, keep it simple!</span><br />
Når man vet hvem man ønsker å henvende seg til og kjenner sitt publikum, vet man også hvilket språk man bør bruke. Men bør allikevel passe seg for å velge feil ord. ”Content management system” eller ”CMS” er eksempel på dårlig ordvalg om kjernebrukerne er lite teknisk kompetente personer på jakt etter publiseringsløsning. Styr derfor unna de ordene dere bruker internt, og velg heller de ordene kundene deres bruker. Du kan ikke forvente at kundene dine skal slå opp i fremmedordboka for å forstå teksten din. Gjør det så enkelt som mulig; kall en spade for en spade.</p>
<p><span style="font-size:14pt;">Kort og godt</span><br />
Som hovedregel er korte tekster gode tekster. Har du behov for å kommunisere mye anbefales det at man deler teksten over flere nivå i menystrukturen på nettsiden. Da finner de som ønsker dybdeinformasjon dette, samt at man klarer å fokusere på hovedbudskapet på toppnivå.</p>
<p><span style="font-size:14pt;">Antiklimaks</span><br />
Styr unna thriller sjangeren hvor det gode poenget kommer til slutt. Sats heller på et realt antiklimaks, hvor det viktigste kommer først og de mindre viktige detaljene kommer sist. Leserne dine bruker ikke mange sekundene før de klikker seg videre og bort fra websidene deres, så kommer du ikke til poenget kjapt har du tapt.</p>
<p><span style="font-size:14pt;">Bruk luft</span><br />
Folk bruker nettet på en helt annen måte en andre medier. Som tidligere nevnt bruker man tradisjonelt kort tid på hver side man besøker, og leserne ønsker raskt å danne seg en sammenfatning over innholdet på den aktuelle siden for å vurdere om dette er noe man ønsker å bruke tid på å lese. For å skaffe denne sammenfatningen leser mottakerne ofte vertikalt.</p>
<p>Man starter altså ikke på toppen og leser linje for linje, men fokuserer på overskrifter, mellomoverskrifter, punktlister og uthevninger. Det er derfor viktig at man brekker opp teksten med nettopp mellomoverskrifter, punktlister og uthevninger. Dog er ikke dette nok i seg selv.</p>
<p>Når man har stykket opp teksten er det viktig at overskrifter og uthevninger danner et bilde av det faktiske innholdet. Styr derfor unna misvisende overskrifter, og sats heller på meningsbærende headinger som alene forteller leseren noe konkret om det faktiske innholdet.</p>
<p><span style="font-size:14pt;">Korrektur</span><br />
Det sier seg selv, men nevner det allikevel. Skrivefeil på nett er ikke bra. Og dette skyldes ikke alene at det er flaut å skrive feil. Vel så viktig er at skrivefeil hindrer indeksering i søkemotorer (både lokale, så vel som eksterne som f.eks. Google og Yahoo!).  Lag derfor gode rutiner for korrektur. Bruk gjerne også eksterne korrekturlesere (så får du samtidig kontrollert at teksten er forståelig) og stol ikke blindt på stavekontrollen.</p>
<p><span style="font-size:14pt;">Også var det søkemotorene da&#8230;</span><br />
Søkemotorer gjør som regel omfattende beregninger for å kunne avgjøre hvilken webside som er mest relevant for det søkeordet man søker på. Blant de viktigste vurderingene søkemotorene benytter, finner vi innholdet på den aktuelle siden. Derfor er det viktig at man bruker de aktuelle ordene som man ønsker å bli funnet på i teksten. Det er veldig viktig å ta hensyn til at man må bruke de eksakte ordene man ønsker å bli funnet på. Ønsker man å rangere på &#8220;digitalkamera&#8221;, må man ikke skrive om til &#8220;digitale fotoapparat&#8221;. Vær konsistent og bruk kun de ordene man ønsker å bli funnet på. De viktigste plasseringer av søkeord er:</p>
<ol>
<li>Tittel-feltet</li>
<li>Brødteksten &#8211; i passende mengder igjennom hele artikkelen</li>
<li>Overskriftene (bruk riktig HTML-tag for overskriftene)</li>
<li>Domenenavnet og resten av nettsidens URL/adresse.</li>
<li>ALT-tagger på bildene på nettsiden</li>
<li>Bold tekst</li>
<li>Beskrivelse-feltet (meta-data)</li>
</ol>
<p>Søkeordene fungerer best når de står tidlig i teksten. Dette gjelder både i forhold til hele siden, men også inni hvert element. Det første ordet i overskriften vil ha mer vekt enn det neste, og så videre.</p>
<p><span style="font-weight:bold;">Kilder:</span><br />
<a href="http://www.alistapart.com%20/" target="_blank">Alistapart.com<br />
</a><a href="http://www.nettredaktor.no/" target="_blank">Nettredaktor.no</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/38/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=38&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/the-neverending-story/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/Text-Edit-128x128.png" medium="image" />
	</item>
		<item>
		<title>Se skogen. Se trærne.</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/se-skogen-se-tr%c3%a6rne/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/se-skogen-se-tr%c3%a6rne/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:46:12 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Statistikk]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Optimalisering]]></category>
		<category><![CDATA[SEM]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=36</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) Et godt webanalyseverktøy skal fortelle deg hvordan dine besøkende finner websiden din, hvordan de bruker den og ikke minst hvordan de blir dine kunder. Med denne informasjonen kan man med enkle grep optimalisere et nettsted. Et verktøy som gjør nettopp denne jobben er Google Analytics. Det er bra og det er [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=36&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>(først publisert på www.increo.no/blogg)</p>
<p>Et godt webanalyseverktøy skal fortelle deg hvordan dine besøkende finner websiden din, hvordan de bruker den og ikke minst hvordan de blir dine kunder. Med denne informasjonen kan man med enkle grep optimalisere et nettsted. Et verktøy som gjør nettopp denne jobben er Google Analytics. Det er bra og det er helt gratis.<br />
<a href="http://www.google.no/analytics" target="_blank"><img src="http://www.increo.no/uploads/bilder/bloggbilder/logo_google_analytics.jpg" border="0" alt="" align="right" /></a><br />
<span style="font-size:14pt;">Kom i gang</span><br />
Opprett en Google-konto, lim inn ni linjer sporingskode på nettsidene og  rapporteringen er i gang. Lett som bare det!</p>
<p>Når du er pålogget Google Analytics får man kjapt overblikk over trafikken på nettstedet. Man får overordnet informasjon om besøk, sidevisninger, tid på nettstedet og lojaliteten til de besøkende. Videre ser man hvor de besøkende kommer fra – både med tanke på geografi og trafikkilder. Med den gode grafiske presentasjonen tar det dessuten ikke mange sekundene å få overblikk – har besøket gått opp eller ned?</p>
<p><img src="http://www.increo.no/uploads/bilder/bloggbilder/google_oversikt-1.jpg" alt="" /></p>
<p>I tillegg til oversikten har Google Analytics fire hovedseksjoner med dybdedata om de besøkende; hvem er de, hvor kommer de fra, hva har de foretatt seg på nettsiden og fullførte de dine ønskede handlinger?</p>
<p><span style="font-size:14pt;">Hvem har vært på besøk?</span><br />
Under seksjonen ’Besøkende’ finner du nøkkelinformasjon om hvem som har besøkt nettstedet i tidsperioden du ønsker å vise data fra. Du finner informasjon om totale besøk, unike besøkende, lojalitet blant de besøkende, antall sidevisninger og tid brukt på nettstedet. I tillegg kan man finne informasjon om nettleser- og nettverksegenskaper.</p>
<p><span style="font-size:14pt;">Hvor kom de fra?</span><br />
Under seksjonen ”Trafikkilder” får man en meget god oversikt over hva som generer trafikk til nettsiden. Det differensieres overordnet mellom 3 typer trafikkilder: direktetrafikk, søkemotorer og henvisningsnettsteder. Direktetrafikk er besøkende som benytter domenenavnet for å komme inn på nettsiden. Trafikkilden søkemotorer viser ikke bare besøk fra søkemotorer, men også hvilke søkeord som har generert trafikk inn på nettstedet, samt hvor mange besøk hvert unikt søkeord har frembrakt. Trafikk fra henvisningsnettsteder viser besøk på bakgrunn av linker på andre nettsteder.</p>
<p>Er du ikke fornøyd med antallet besøkende har Google også integrert muligheten for å kjøpe AdWords direkte i Analytics. Dette betyr at man kan kjøpe annonseplass på google.no som vises når noen søker på søkeordene du har kjøpt.</p>
<p><span style="font-size:14pt;">Hva gjorde de?</span><br />
Seksjonen &#8220;Innhold&#8221; gir oversikt over hvilke sider de besøkende oppsøker. Man får statistikk på destinasjonssider – altså den første siden man besøker (dette er ikke nødvendigvis forsiden), samt utgangssider som er den siste siden man besøker før man forlater nettstedet.  I tillegg har man muligheten for nettstedoverlegg. Nettstedoverlegg er en funksjon som viser nettsiden med et overliggende lag som viser hvor de besøkende har klikket. Man får altså en god oversikt over kalde og varme soner på nettsiden.</p>
<p><span style="font-size:14pt;">Ble det noen kunder?</span><br />
Funksjonaliteten &#8220;Mål&#8221; er et verktøy for beregning av målkonverteringer. Målkonvertering er et godt verktøy for evaluering av hvor bra nettstedet oppfyller sitt formål. Et mål defineres i Analytics som en spesifikk side på nettstedet en besøkende kommer til, på bakgrunn av at de har gjennomført en ønsket handling. Eksempel på mål-sider er ”Takk for at du registrererte deg&#8221; – sider, kvitteringssider i en nettbutikk og bekreftelsessider ved nedlastinger. Ved å ha definert mål, kan man se konverteringsfrekvens på bakgrunnen av den totale trafikken på nettstedet. F.eks. hvor mange av de totalt besøkende i en nettbutikk som faktisk gjennomførte et kjøp. Ligger denne på 1,5% av totale besøk, vil det kunne vises stort på bunnlinjen om man klarer å øke denne til f.eks. 2%.</p>
<p>I tillegg til å få Analytics til å rapportere konverteringsfrekvens, kan man også bruke programmet til å gi fullstendige rapporter om omsetning og mest solgte produkter. Og skulle du være usikker på hvordan tallene for webløsningen din er mot konkurrentene sine, tilbyr Analytics også referansemålinger. Referansemålinger gjør at du kan sammenligne nettstedets statistikk opp mot øvrige nettsteder i den eller de bransjene du befinner deg i.</p>
<p><span style="font-size:14pt;">Rapportering<br />
</span>Analytics tilbyr i dag eksport av statistikk i formatene PDF, XML, CSV og TSV. Man kan også sette opp automatisk rapportering til e-post. Man velger da selv hva rapporten skal inneholde, samt hvor ofte man ønsker å motta den.</p>
<p><span style="font-size:14pt;">Hvordan samler Google Analytics inn grunndataene?</span><br />
Google Analytics benytter informasjonskapselbasert datainnsamling(cookies). Rapporteringen er avhengig av at innstillingene for informasjonskapsler ikke er deaktivert i webleseren til brukeren. Er de deaktiverte, vil ikke Google Analytics telle besøket. Fordelen med bruk av informasjonskapselbasert datainnsamling er at den ekskluderer for eksempel treff fra roboter eller edderkopper.</p>
<p><span style="font-size:12pt;">Linker<br />
</span><a href="http://www.google.no/analytics">Google Analytics </a>//<a href="http://www.google.no/analytics"> http://www.google.no/analytics</a><br />
<a id="ctl00_cphMainContent_bloggarkiv_repArkiv_ctl08_lnkNyhet" href="http://www.increo.no/blogg/dette-ser-sokemotorene-pa-nar-de-rangerer-websiden-din-2.aspx">Dette ser søkemotorene på når de rangerer websiden din</a> // <a href="http://www.increo.no/blogg/dette-ser-sokemotorene-pa-nar-de-rangerer-websiden-din-2.aspx">http://www.increo.no/blogg/dette-ser-sokemotorene-pa-nar-de-rangerer-websiden-din-2.aspx</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/36/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=36&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/se-skogen-se-tr%c3%a6rne/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/logo_google_analytics.jpg" medium="image" />

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/google_oversikt-1.jpg" medium="image" />
	</item>
		<item>
		<title>Søkemotoroptimalisert Flash? Ja takk!</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/s%c3%b8kemotoroptimalisert-flash-ja-takk/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/s%c3%b8kemotoroptimalisert-flash-ja-takk/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:44:58 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=34</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) I sommer annonserte Adobe System Incorporated at de, sammen med Google og Yahoo!, ønsker å forbedre indekseringen av Flashfiler (SWF) i søkemotorer. Om de lykkes åpner dette for større utbredelse av Flashbruk på websider hvor søkemotoroptimalisering er viktig. Adobe Flash Player som benyttes for å lese Flashfiler er i dag installert [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=34&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>(først publisert på www.increo.no/blogg)</p>
<p>I sommer annonserte Adobe System Incorporated at de, sammen med Google og Yahoo!, ønsker å forbedre indekseringen av Flashfiler (SWF) i søkemotorer. Om de lykkes åpner dette for større utbredelse av Flashbruk på websider hvor søkemotoroptimalisering er viktig.<br />
<img style="width:200px;height:208px;" src="http://www.increo.no/uploads/bilder/bloggbilder/flash_icon2.jpg" alt="" align="right" /><br />
Adobe Flash Player som benyttes for å lese Flashfiler er i dag installert på nærmere 98% av alle nettlesere på verdensbasis. Slik sett er det ikke noe problem å benytte Flash på web, da de aller fleste har støtte for formatet. Det som er og har vært det største problemet knyttet til Flash er at de ikke har blitt indeksert, og da videre ikke funnet i søkemotorer som for eksempel Google og Yahoo!. Når vi vet at 91,7% av alle webbrukere i dag benytter søkemotorer til å orientere seg på Internett (Kilde: TNS Gallup), har manglende søkeoptimalisering fungert som festbrems for bruk av Flash på web.</p>
<p>Adobe lanserte satsingen i sommer, og Google har allerede startet arbeidet med å gjøre søkemotoren i stand til å lese/indeksere SWF filer. Vi gleder oss!</p>
<p><span style="font-size:12pt;">Les mer</span><br />
<a href="http://www.adobe.com/aboutadobe/pressroom/pressreleases/200806/070108AdobeRichMediaSearch.html" target="_blank">Pressemelding fra Adobe »</a><br />
<a href="http://www.increo.no/blogg/dette-ser-sokemotorene-pa-nar-de-rangerer-websiden-din-2.aspx">Bloggartikkel: Dette ser søkemotorene på når de rangerer websiden din »</a><br />
<a href="http://www.increo.no/blogg/dynamisk-flash-integrasjon-mellom-flash-og-databaser-13.aspx">Bloggartikkel: Dynamisk Flash: integrasjon mellom Flash og databaser</a> »</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/34/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=34&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/s%c3%b8kemotoroptimalisert-flash-ja-takk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/flash_icon2.jpg" medium="image" />
	</item>
		<item>
		<title>Typografi på web</title>
		<link>http://mwikstrom.wordpress.com/2009/01/31/typografi-pa-web/</link>
		<comments>http://mwikstrom.wordpress.com/2009/01/31/typografi-pa-web/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 14:43:19 +0000</pubDate>
		<dc:creator>Morten Wikstrøm</dc:creator>
				<category><![CDATA[Typografi]]></category>
		<category><![CDATA[Antikva]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Grotesk]]></category>
		<category><![CDATA[Skrifttyper]]></category>
		<category><![CDATA[Teksting]]></category>
		<category><![CDATA[Websikker]]></category>

		<guid isPermaLink="false">http://mwikstrom.wordpress.com/?p=32</guid>
		<description><![CDATA[(først publisert på www.increo.no/blogg) Typografi er et viktig visuelt redskap som kan bidra til å forsterke det skrevne ord på ulike måter. Mens det skrevne ord formidler innholdet, kan typografien sammenlignes med stemmen. Men hvilke skrifttyper fungerer på nett og hvilke fungerer ikke? Og hva bør man gjøre om man ønsker å benytte en skrifttype [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=32&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div class="blogginnhold">
<div class="artikkelmeta">(først publisert på www.increo.no/blogg)</div>
<p>Typografi er et viktig visuelt redskap som kan bidra til å forsterke det skrevne ord på ulike måter. Mens det skrevne ord formidler innholdet, kan typografien sammenlignes med stemmen. Men hvilke skrifttyper fungerer på nett og hvilke fungerer ikke? Og hva bør man gjøre om man ønsker å benytte en skrifttype som ikke er websikker? <strong></strong></p>
<p><strong></strong><span style="font-size:12pt;">Hva er typografi? </span><br />
<img style="width:132px;height:122px;" src="http://www.increo.no/uploads/bilder/bloggbilder/font_icon.jpg" alt="" hspace="10" vspace="10" align="right" />Begrepet typografi stammer fra en gresk sammensetning av τύπος (típos) og γράφειν (gráfein). Tipos kan oversettes med avtrykk, mens gráfein betyr å male, skrive eller risse. Ordsammensetningen ble tatt i bruk i Frankrike i det sekstende århundre som en betegnelse for trykkerier som brukte sats av løse typer. I dag benyttes begrepet som et navn for utforming og behandling av skrift, bokstaver og andre grafiske elementer innen grafisk design. Valg av skriftsnitt er nok ett av de aller viktigste elementene i et design, og med skjermbasert kommunikasjon har man åpnet for en rekke visuelle muligheter man tidligere bare kunne drømme om. Dog er det også noen hensyn man bør ta.</p>
<p><span style="font-size:12pt;">Skriftgrupper</span><br />
Typografer og designere har gjennom tiden systematisert og kategorisert ulike skrifttyper på bakgrunn av deres form og fasong. Svært forenklet kan man si at man for skjermbasert typografi har to hovedgrupper:</p>
<table border="0">
<tbody>
<tr>
<td style="width:10px;" valign="top"><strong>Gruppe<br />
</strong></td>
<td valign="top"></td>
<td valign="top"><strong>Beskrivelse<br />
</strong></td>
<td style="width:10px;" valign="top"></td>
<td valign="top"><strong>Eksempler<br />
</strong></td>
</tr>
<tr>
<td align="left" valign="top">Antikva</td>
<td valign="top"></td>
<td>En samlebetegnelse for skrifttsnitt med seriffer (de tynne avslutningene på grunn- og hårstrekene som styrker den vannrette virkningen av skriften) og ulik bredde på grunn- og tverrstrek. Skrifttyper med antikvaform oppstod først i trykkermiljøet i Venezia på slutten av 1400-tallet.</td>
<td valign="top"></td>
<td valign="top"><em><span style="font-family:Times New Roman;">Times/Times New Roman</span></em>.<br />
<em><span style="font-family:Bookman Old Style;">Bookman Old Style</span></em>.</td>
</tr>
<tr>
<td style="height:15px;" valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td align="left" valign="top">Grotesk</td>
<td valign="top"></td>
<td align="left" valign="top">Formen oppstod i England og ble i 1916 brukt for første gang av boktrykkeren William Caslon III. Kjennetegnes ved at bokstavene har optisk like tykke streker og mangler seriffer. Kalles også sans serif.</td>
<td valign="top"></td>
<td valign="top">Trebuchet MS <span class="mac">Helvetica</span><em><br />
Sans-serif</em> Verdana, <span class="mac"><br />
Geneva</span>, <em></em></td>
</tr>
</tbody>
</table>
<p><span style="font-size:12pt;">Websikre skrifttyper</span><br />
En av de største utfordringene med ulike skrifttyper på web, er at det finnes begrensninger i hvilke skrifttyper som fungerer i ulike nettlesere og på ulike plattformer. Primært ligger de ulike skrifttypene lagret lokalt på datamaskinen din, og stilarket/CSS til den spesifikke nettsiden forteller nettleseren din hvilken skrifttype som skal brukes på aktuell tekst. Om den angitte skrifttypen ikke finnes på maskinen din, vil nettleseren velge en forhåndsvalgt skrifttype.</p>
<p>Under følger en tabell over de skrifttypene vi pr. dags dato kategoriserer som websikre skrifttyper. Dette betyr at de finnes og fungerer i de nyere nettleserne og på de fleste plattformer (Windows, Mac).<br />
<span style="text-decoration:underline;"><br />
</span></p>
<table border="0" cellspacing="0">
<caption> </caption>
<col></col>
<col class="bold"></col>
<tbody>
<tr style="font-family:Arial,Helvetica,sans-serif;">
<td>Arial, <span class="mac">Arial, Helvetica</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'Arial Black',Gadget,sans-serif;">
<td>Arial Black, <span class="mac">Arial Black, Gadget</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'Comic Sans MS',Textile,cursive;">
<td>Comic Sans MS, <span class="mac">Comic Sans MS<sup>5</sup></span>, <em>cursive</em></td>
</tr>
<tr style="font-family:'Courier New',Courier,monospace;">
<td>Courier New, <span class="mac">Courier New, Courier</span>, <em>monospace</em></td>
</tr>
<tr style="font-family:Georgia,'Times New Roman',Times,serif;">
<td>Georgia<sup>1</sup>, <span class="mac">Georgia</span>, <em>serif</em></td>
</tr>
<tr style="font-family:Impact,Charcoal,sans-serif;">
<td>Impact, <span class="mac">Impact<sup>5</sup>, Charcoal</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'Lucida Console',Monaco,monospace;">
<td>Lucida Console, <span class="mac">Monaco<sup>5</sup></span>, <em>monospace</em></td>
</tr>
<tr style="font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;">
<td>Lucida Sans Unicode, <span class="mac">Lucida Grande</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;">
<td>Palatino Linotype, Book Antiqua<sup>3</sup>, <span class="mac">Palatino</span>, <em>serif</em></td>
</tr>
<tr style="font-family:Tahoma,Geneva,sans-serif;">
<td>Tahoma, <span class="mac">Geneva</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'Times New Roman',Times,serif;">
<td>Times New Roman, <span class="mac">Times</span>, <em>serif</em></td>
</tr>
<tr style="font-family:'Trebuchet MS',Helvetica,sans-serif;">
<td>Trebuchet MS<sup>1</sup>, <span class="mac">Helvetica</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:Verdana,Geneva,sans-serif;">
<td>Verdana, <span class="mac">Verdana, Geneva</span>, <em>sans-serif</em></td>
</tr>
<tr class="symbol" style="font-family:Symbol;">
<td>Symbol, <span class="mac">Symbol</span> <span style="white-space:nowrap;font-family:Verdana;">(Symbol<sup>2</sup>, <span class="mac">Symbol<sup>2</sup></span>)</span></td>
</tr>
<tr class="symbol" style="font-family:Webdings;">
<td>Webdings, <span class="mac">Webdings</span> <span style="white-space:nowrap;font-family:Verdana;">(Webdings<sup>2</sup>, <span class="mac">Webdings<sup>2</sup></span>)</span></td>
</tr>
<tr class="symbol" style="font-family:Wingdings,'Zapf Dingbats';">
<td>Wingdings, <span class="mac">Zapf Dingbats</span> <span style="white-space:nowrap;font-family:Verdana;">(Wingdings<sup>2</sup>, <span class="mac">Zapf Dingbats<sup>2</sup></span>)</span></td>
</tr>
<tr style="font-family:'MS Sans Serif',Geneva,sans-serif;">
<td>MS Sans Serif<sup>4</sup>, <span class="mac">Geneva</span>, <em>sans-serif</em></td>
</tr>
<tr style="font-family:'MS Serif','New York',serif;">
<td>MS Serif<sup>4</sup>, <span class="mac">New York</span>, <em>serif</em></td>
</tr>
</tbody>
</table>
<p><span style="text-decoration:underline;"><br />
</span></p>
<div class="notes"><span style="text-decoration:underline;"> </span></p>
<h4><span style="font-size:8pt;"><sup><sup>1</sup> Georgia og Trebuchet MS kommer sammen med Windows 2000/XP, IE og øvrige Microsoft programmer.<br />
</sup></span></p>
<p><span style="font-size:8pt;"><sup> </sup></span><span style="font-size:8pt;"><sup><sup>2</sup> Symbol skrifttyper blir primært vist korrekt i Internet Explorer.</sup></span></p>
<p><span style="font-size:8pt;"><sup> </sup></span><span style="font-size:8pt;"><sup><sup>3</sup> Book Antiqua er tilnærmet det samme skriftsnittet som Palatino Linotype. Palatino Linotype er inkludert i Windows 2000/XP, mens Book Antiqua er inkludert i Windows 98.</sup></span></p>
<p><span style="font-size:8pt;"><sup> </sup></span><span style="font-size:8pt;"><sup><sup>4</sup> Disse skrifttypene er ikke TrueType snitt, men bitmaps. Dette medfører at de ikke fungerer godt i enkelte størrelser (de er designet for følgende størrelser: 8, 10, 12, 14, 18 og 24 punkter i 96 DPI).</sup></span></p>
<p><span style="font-size:8pt;"><sup> </sup></span></p>
<p class="mac"><span style="font-size:8pt;"><sup><sup>5</sup> Disse skrifttypene fungerer i Safari, men kun når man benytter normal versjonen (uten fet og kursiv). Comic Sans MS fungerer om fet, men ikke i kursiv. </sup></span></p>
</h4>
</div>
<p><strong><strong><br />
</strong></strong><span style="font-size:12pt;">Webusikre skrifttyper</span><strong><strong><br />
</strong></strong>Av og til kan det være behov for å benytte skrifttyper som ikke er websikre. For eksempel kan en organisasjon ha en profil med en skrifttype som ikke er websikker. Tradisjonelt har dette blitt løst ved å lage bilder av designelementene som inneholder den aktuelle skrifttypen. Dette være seg f.eks. logoer og overskrifter. Det er flere grunner til at dette ikke er noen optimal løsning av skrifttypeproblematikken. Bilder er statiske, og det vil være tungvint å endre på teksten (man må da ved hjelp av et bildebehandlingsprogram produsere nye bilder). Videre vil ikke teksten i bildet bli indeksert av de ulike søkemotorene.<strong></strong></p>
<p><strong></strong><span style="font-size:12pt;">sIFR teknologi &#8211; ja takk til usikre skrifttyper!</span><strong><br />
</strong>Som løsning på problemet anbefaler vi derfor enten å benytte dynamisk Flash <a href="http://www.increo.no/blogg/dynamisk-flash-integrasjon-mellom-flash-og-databaser-13.aspx">(les artikkel om dynamisk Flash her)</a> eller sIFR teknologi. sIFR er en kombinasjon av javascript, CSS og Flash. sIFR åpner for at man kan presentere webusikre skrifttyper på et nettsted, gjøre den dynamisk (slik at den kan styres via publiseringsløsningen) og også tilgjengeliggjøre teksten for å bli indeksert av søkemotorer. På <a href="http://www.frostating.no/">www.frostating.no</a> har vi benyttet sIFR teknologi for å presentere overskrifter i profilskrifttypen deres som ikke er en websikker skrifttype. Les mer om sIFR her: <a href="http://www.mikeindustries.com/blog/sifr/">http://www.mikeindustries.com/blog/sifr/</a><strong></strong></p>
<p><strong></strong></p>
<h4><span style="font-size:8pt;"><strong>Kilder:</strong></p>
<p>http://www.ampsoft.net</p>
<p>http://www.wikipedia.org</p>
<p>http://www.mikeindustries.com/blog/sifr/</p>
<p>http://www.typografi.no</p>
<p>http://www.caplex.no</span></h4>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mwikstrom.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mwikstrom.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mwikstrom.wordpress.com/32/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mwikstrom.wordpress.com&amp;blog=5431379&amp;post=32&amp;subd=mwikstrom&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mwikstrom.wordpress.com/2009/01/31/typografi-pa-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c971ef620b09bba8a29b83193b092b48?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Morten Wikstrøm</media:title>
		</media:content>

		<media:content url="http://www.increo.no/uploads/bilder/bloggbilder/font_icon.jpg" medium="image" />
	</item>
	</channel>
</rss>
