<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Metronet</title>
	
	<link>http://www.metronet.no</link>
	<description />
	<lastBuildDate>Tue, 29 May 2012 06:56:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/metronet-feed" /><feedburner:info uri="metronet-feed" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Søkemotoroptimalisering med rich snippets</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/owdikZ-J1iI/</link>
		<comments>http://www.metronet.no/sokemotoroptimalisering-med-rich-snippets/#comments</comments>
		<pubDate>Wed, 23 May 2012 14:57:26 +0000</pubDate>
		<dc:creator>Alexander Lindemann</dc:creator>
				<category><![CDATA[Søkemotoroptimalisering]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=10156</guid>
		<description><![CDATA[<p>Rich Snippets er kort fortalt et programmeringsspråk i miniatyr som lar oss vise innholdet på en nettside på en annerledes og visuell måte i søkeresultatet. For de nettstedene som aktivt tar dette i bruk, er resultatet at opp mot 25-30 % flere klikker på linkene deres og at fluktfrekvensen reduseres betydelig. Alle de store søkemotorene [...]</p><p><a href="http://www.metronet.no/sokemotoroptimalisering-med-rich-snippets/">Søkemotoroptimalisering med rich snippets</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>Rich Snippets er kort fortalt et programmeringsspråk i miniatyr som lar oss vise innholdet på en nettside på en annerledes og visuell måte i søkeresultatet. For de nettstedene som aktivt tar dette i bruk, er resultatet at opp mot 25-30 % flere klikker på linkene deres og at fluktfrekvensen reduseres betydelig.</p>
<p>Alle de store søkemotorene har gått sammen om Rich snippets og samarbeidet er organisert under schema.org. Ved å bruke såkalte &laquo;mark up´s&raquo; kan vi fortelle søkemotorene hvilken type innhold vi har på siden og hva som er de viktigste elementene i innholdet. Et godt eksempel er oppskrifter. Ved hjelp av litt kode knyttet til innholdet på siden forstår søkemotorene at denne siden inneholder en matoppskrift. Videre brukes kode til f.eks. å fortelle søkemotorene hva som er ingredienser, mengdeforhold og hvor lang tid det vil ta å tilberede retten. Under ser du et eksempel på hvordan rich snippets for matoppskrifter presenteres i søkeresultatet.</p>
<div id="attachment_10157" class="wp-caption alignnone" style="width: 647px"><a href="http://www.metronet.no/wp-content/uploads/2012/05/rich-snippets-oppskrift.png"><img class="size-full wp-image-10157 " title="rich-snippets-matoppskrift" src="http://www.metronet.no/wp-content/uploads/2012/05/rich-snippets-oppskrift.png" alt="Matoppskrift i en rich snippet" width="637" height="139" /></a><p class="wp-caption-text">Matoppskrift i en rich snippet</p></div>
<p>Så hvordan kan dette øke antallet som klikker på linken (klikkfrekvens) og samtidig redusere fluktfrekvensen? Det faktum at et &laquo;rich snippet&raquo; søkeresultat visuelt bryter med resten av søkeresultatene gjør at brukerens oppmerksomhet automatisk blir trukket til det som er annerledes. Fordi innholdet som presenteres er så konkret vil brukeren raskt oppfatte essensen i innholdet og dermed også opparbeide en mer presis forventning til hva siden bak linken vil gi. Denne forventningen vil i de fleste situasjoner være mer i tråd med det faktiske innholdet. La oss se på et helt konkret eksempel.</p>
<p>Sett at du hører en U2 låt på radioen men ikke husker hva låta heter eller hvilken plate den ble gitt ut på, ei heller når. Det betyr at du søker litt på lykke og fromme, men du er på jakt etter faktaopplysninger om U2. I denne situasjonen er det ikke helt unaturlig å søke etter &#8216;u2&#8242; i Google. Søkeresultatet jeg fikk ser du her:</p>
<div id="attachment_10170" class="wp-caption alignnone" style="width: 613px"><a href="http://www.metronet.no/wp-content/uploads/2012/05/Resultatet-etter-et-søk-etter-U23.png"><img class="size-full wp-image-10170 " title="Resultatet-for-U2-med-rich-snippets" src="http://www.metronet.no/wp-content/uploads/2012/05/Resultatet-etter-et-søk-etter-U23-e1337694208326.png" alt="Slik ser søkeresultatet for u2 ut i min nettleser" width="603" height="353" /></a><p class="wp-caption-text">Slik ser søkeresultatet for u2 ut i min nettleser</p></div>
<p>Umiddelbart ble min oppmerksomhet trukket til resultatet hvor flere av sangene til U2 var listet. Fordi jeg med en gang så at siden www.last.fm hadde informasjon om flere av U2 sine sanger, lengde og hvilket album de var på, ble det til at jeg også leste teksten under lenken. Fylt av forventning gikk jeg fra å skumlese teksten under linken, som jeg pleier å gjøre når jeg leter etter innhold, til fokusert å lese det som sto der. Det som har skjedd så langt er at fordi sang listen visuelt skilte seg ut fra de øvrige resultatene flyttet jeg fokuset og oppmerksomheten min til dette resultatet. Jeg tok meg tid til å grundig lese de to linjene med tekst under linken og jeg har nå oppfattet at siden tilbyr meg å høre på musikken til U2, de har mange bilder av U2 og jeg vet allerede at www.last.fm tilbyr faktaopplysninger om bandet. Det ble opprettet i 1976 i Dublin. Jeg klikket på linken.</p>
<p>Jeg har opparbeidet meg en forventning til at www.last.fm har den informasjonen jeg er på jakt etter og min motivasjon til å bruke litt tid på siden for å lete etter det jeg er på jakt etter har økt. Jeg vil helt sikkert bruke mer tid på denne siden enn jeg ville gjort I et “normalt” tilfelle.</p>
<p><strong>Her er flere eksempler på Rich Snippets.</strong></p>
<div id="attachment_10163" class="wp-caption alignnone" style="width: 510px"><a href="http://www.metronet.no/wp-content/uploads/2012/05/rich-snippets-eksempler.png"><img class="size-full wp-image-10163 " title="Flere-eksempler-på-rich-snippets" src="http://www.metronet.no/wp-content/uploads/2012/05/rich-snippets-eksempler.png" alt="Her ser du flere eksempler på bruk av rich snippets" width="500" height="758" /></a><p class="wp-caption-text">Her ser du flere eksempler på bruk av rich snippets</p></div>
<p>Men hva når alle nettsteder har implementert relevante mark up&#8217;s, da mister vel Rich Snippets sin verdi? Nei, men det vi i dag oppfatter som en økning i klikkfrekvens vil nok flate ut, men da på et høyere nivå enn et tradisjonelt søkeresultat opplever i dag. En økning med permanent effekt. Og like fullt vil det være sånn at når du velger å klikke på et søkeresultat som presenteres i rich snippets, vet du mer om det innholdet du vil bli presentert.</p>
<p>Fra Google lanserte anmeldelser (reviews) som første rich snippets type i 2009, har de eksperimentert og testet ut plasseringer og hvor mange snippets som skal presenteres pr. side. Det er også lansert en lang rekke ulike varianter av rich snippets, med stor variasjon av type innhold og hvordan dette visuelt presenteres. Jeg tror Google kommer til å fortsette å eksperimentere, noe som blant annet vil føre til at ditt innhold ikke nødvendigvis vil bli vist som rich snippet hver eneste gang. Kanskje ikke i det hele tatt. Innholdet må fortsatt være relevant til søket som utføres og innholdet søkemotorene viser i rich snippets er det innholdet som oppfattes som mest relevant av alt innhold som benytter rich snippets mark up.</p>
<p>Personlig tror jeg at Rich Snippets vil føre til vesentlig bedre brukeropplevelser for oss som innholdskonsumenter. Hva mener du?</p>
<p><a href="http://www.metronet.no/sokemotoroptimalisering-med-rich-snippets/">Søkemotoroptimalisering med rich snippets</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/owdikZ-J1iI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/sokemotoroptimalisering-med-rich-snippets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/sokemotoroptimalisering-med-rich-snippets/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=sokemotoroptimalisering-med-rich-snippets</feedburner:origLink></item>
		<item>
		<title>Svindlere utnytter nordmenns Google-søk</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/1YMIwqaTAAY/utenlandske-nettbutikker-svindler-forbrukere</link>
		<comments>http://www.metronet.no/utenlandske-nettbutikker-svindler-forbrukere#comments</comments>
		<pubDate>Wed, 25 Apr 2012 07:40:12 +0000</pubDate>
		<dc:creator>Jan Hagen</dc:creator>
				<category><![CDATA[Brukervennlighet]]></category>
		<category><![CDATA[Internettmarkedsføring]]></category>
		<category><![CDATA[Nettbutikk]]></category>
		<category><![CDATA[Online Omdømme]]></category>
		<category><![CDATA[Søk]]></category>
		<category><![CDATA[Søkemotorer]]></category>
		<category><![CDATA[Beats by Dre]]></category>
		<category><![CDATA[Googles Søkeresultat]]></category>
		<category><![CDATA[Nettbutikk svindel]]></category>
		<category><![CDATA[Troverdighet]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9902</guid>
		<description><![CDATA[<p>Hvor trygg er du når du bestiller varer i en nettbutikk? Utenlandske svindlere utfordrer nå etablerte norske selskaper i det norske Google-søket. Hvis du er på jakt etter Beats By Dre hodetelefoner på nett, eller ansvarlig for din egen nettbutikk, bør du lese denne artikkelen nøye. Norske forbrukere svindles av utenlandske nettbutikker Den siste tiden [...]</p><p><a href="http://www.metronet.no/utenlandske-nettbutikker-svindler-forbrukere">Svindlere utnytter nordmenns Google-søk</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>Hvor trygg er du når du bestiller varer i en nettbutikk? Utenlandske svindlere utfordrer nå etablerte norske selskaper i det norske Google-søket. Hvis du er på jakt etter Beats By Dre hodetelefoner på nett, eller ansvarlig for din egen nettbutikk, bør du lese denne artikkelen nøye.</p>
<div><span id="more-9902"></span></div>
<p><img class="alignnone  wp-image-9945" title="Ekte eller falsk nettbutikk?" src="http://www.metronet.no/wp-content/uploads/2012/04/Skjermbilde-2012-04-17-kl.-20.50.23.png" alt="" width="664" height="195" /></p>
<p><strong>Norske forbrukere svindles av utenlandske nettbutikker</strong></p>
<p>Den siste tiden har det flommet over av useriøse, utenlandske nettbutikker som selger falske produkter på nett. Det siste store offeret er den kjente merkevaren, Beats By Dre, som selger moteriktige hodetelefoner i samarbeid med artister som Dr Dre, Lady Gaga og P. Diddy.</p>
<p>Hele 40% av søkeresultatet i Google.no, forsiden, knyttet til søkeordet &laquo;beats by dre&raquo;, er lenket til nettbutikker som selger falske produkter. Om ikke det var nok, er i alt 3 av 4 butikker i toppen av søkeresultatet, svindlere.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/04/søkefrase.png"><img class="alignnone size-full wp-image-9953" title="søkefrase beats by dre" src="http://www.metronet.no/wp-content/uploads/2012/04/søkefrase.png" alt="" width="825" height="58" /></a></p>
<p><strong>Ser ikke forskjell </strong><strong>på ekte og uekte</strong></p>
<p>Norske forbrukere ser ikke forskjell på de ekte og uekte nettbutikkene, dermed blir mange lurt. Hele 6 av 10 personer som klikker på et ikke-betalt søkeresultat (les: organisk treff, uten annonsering) i Google, bestemmer seg allerede i søkeresultatet for å handle. Dermed er veien kort for mange.</p>
<p>&nbsp;</p>
<div class="wp-caption aligncenter" style="width: 457px"><img title="Søkeresultatet for Beats By Dre i Google.no" src="http://www.metronet.no/wp-content/uploads/2012/04/Artikkel3.jpg" alt="Bilde topp fire av søkeresultatet for søkeordet Beats By Dre, fra Monster." width="447" height="299" /><p class="wp-caption-text">Topp 4; søkeresultat for søkeordet, &quot;beats by dre&quot;, i Google.no</p></div>
<p><strong>Hvor enkelt ser man at en nettside er svindel?</strong></p>
<p>Da jeg jobber med rådgivning innen søk og brukervennlighet på nett hver eneste dag, ønsket jeg å få en dypere innsikt i når - spesifikt &#8211; en forbruker skjønner at de er lurt i kjøpsprosessen på nett. Stadig flere</p>
<p>En av mine intervjuobjekter, Sara, er hva jeg definerer som en avansert bruker av nett, i ung alder og uten videre problemer ved bruken av nettsider. I forrige uke ble nettop hun et offer for nettsvindel, dette hos beatsbydrenorway.com. Hun kjøpte et sett Beats By Dre &#8211; Lady Gaga, Heartbeats- headset, men det hun fikk i posten gav henne en stor overraskelse.</p>
<p>&nbsp;</p>
<blockquote><p><em>&laquo;Hvor lang tid tok det før du forstod at du hadde blitt lurt?&raquo;<br />
</em>-  spør jeg Sara.</p></blockquote>
<p>&nbsp;</p>
<blockquote><p><em>&laquo;Med en gang jeg åpnet pakken. Alt fra bildene på pakken til selve hodetelefonene var i tydelig lav kvalitet. Fargen på hodetelefonene var blass og delene i forskjellige størrelser. Ikke minst var det langt i fra god lyd.&raquo;<br />
</em>- svarer Sara, som i disse dager gjør hva hun kan for å få pengene sine tilbake fra leverandøren &#8211; som forøvrig ikke svarer.</p></blockquote>
<p>&nbsp;</p>
<p><strong>Leverandørene tar ikke på seg skylden</strong></p>
<p>For penger av leverandøren, Monster, som produserer de originale hodetelefonene får hun ikke. Dette er beskjeden fortvilte forbrukere møter på nettsiden deres.</p>
<p>&nbsp;</p>
<blockquote><p>&laquo;<em>Only purchases from authorized Monster dealers include the full Monster warranty on our headphone products. If you&#8217;re not buying from an authorized dealer you are not covered by our warranty! <strong>And many unauthorized dealers sell fake Monster products!</strong></em>&raquo;<br />
- sier sitatet fra leverandøren, Monster (kilde:www.beatsbydre.com)</p></blockquote>
<p>&nbsp;</p>
<p>Det er tydelig at Monster &#8211; som tilbyr Norges mest populære merkevare innen hodetelefoner &#8211; opplever bølgen av svindlere i stor skala. I en liste de oppgir på nettsiden deres viser de til hele <span style="text-decoration: underline;">1755 nettbutikker som svartelistet</span> grunnet forfalskninger.</p>
<p>Problemet er bare at advarselen deres til forbrukerne forekommer i en liten banner, nederst på siden.</p>
<div id="attachment_9921" class="wp-caption aligncenter" style="width: 578px"><a href="http://www.metronet.no/wp-content/uploads/2012/04/artikkel2.jpg"><img class=" wp-image-9921" title="Oversikt over svartelistede domener som fører Beats By Dre" src="http://www.metronet.no/wp-content/uploads/2012/04/artikkel2.jpg" alt="Oversikt over svartelistede domener som fører Beats By Dre" width="568" height="375" /></a><p class="wp-caption-text">Bilde: Oversikten over de 1755 nettbutikkene som er svartelistet som falske forhandlere av beatsbydre.com</p></div>
<p>&nbsp;</p>
<p><strong>Norske nettbutikker må bli mer synlig på nett</strong></p>
<p>I søkeresultatet for, &laquo;beats by dre&raquo; i Google fant vi ut at hele 40 prosent av butikkene synlig på førstesiden, er svindel. Bedrifter som <strong>rangerer under</strong> svindlerne er kjente norske merkevarer som Komplett.no og Elkjøp.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/04/komplett.png"><img class="size-medium wp-image-9966 aligncenter" title="komplett søkeresultat for &quot;beats by dre&quot;" src="http://www.metronet.no/wp-content/uploads/2012/04/komplett-300x43.png" alt="" width="300" height="43" /></a></p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/04/elkjøp.png"><img class="size-medium wp-image-9967 aligncenter" title="elkjøp søkeresultat for &quot;beats by dre&quot;" src="http://www.metronet.no/wp-content/uploads/2012/04/elkjøp-300x53.png" alt="" width="300" height="53" /></a></p>
<p>Om norske selskaper vil konkurrere med de tusenvis av nettbutikkene fra utlandet som selger falske varer på nett, må også de bli mer konkurransedyktig på synlighet. Om de <span style="text-decoration: underline;">ikke</span> er tilstede i Google vil ikke forbrukeren vite at de er et alternativ.</p>
<p>&nbsp;</p>
<blockquote><p><em>&laquo;Trygghet og troverdighet er to av de viktigste faktorene for økt konverteringsrate og omsetning i nettbutikker. Om ikke kunden opplever butikken som trygg, vil færre gjennomføre kjøpet. Vi ser at Google-søk er blitt en såpass viktig del av en netthandlers kjøpsprosess at den opplevde tryggheten til nettbutikker synker i takt med rangeringsplassering. Grovt sagt kan en si at nettbutikker som rangerer høyere også oppleves som mer troverdige og trygge.&raquo;</em><br />
- uttaler vår konsulent på nettbutikker seg i Metronet, Simen Thorsrud.</p></blockquote>
<p>&nbsp;</p>
<p><strong>Trenden er stigende skal vi tro Google</strong><br />
Søkevolumet for, &laquo;beats by dre&raquo;, i Google har de siste årene steget kraftig. Konkurrenter som Bose og Skullcandy henger etter og dette øker også faren for nettop denne typen svindel øker.</p>
<p>Hver eneste måned søkes det 20 000 ganger spesifikt etter merkevarene til Monster i Google Norge. Men hvor mange ganger søker vi etter produktene i kombinasjon med ord som &laquo;kjøpe, billig, nettbutikk, pris&raquo; og så videre? Over 3 millioner ganger i løpet av et år, eller 239 000 individuelle søk i måneden, <span style="text-decoration: underline;">kun</span> i Norge.</p>
<p>I følge Google har søketrenden innenfor søkeordet, &laquo;beats by dre&raquo;, økt kraftig de siste årene.<br />
<script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fgoogle_insightsforsearch_interestovertime_searchterms.xml&amp;up__property=empty&amp;up__search_terms=beats+by+dre%7C+skullcandy%7C+bose+quietcomfort&amp;up__location=NO&amp;up__category=0&amp;up__time_range=12-m&amp;up__compare_to_category=false&amp;synd=open&amp;w=320&amp;h=350&amp;lang=no&amp;title=Google+Insights+for+Search&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script></p>
<p>&nbsp;</p>
<p><strong>Ikke kun Google`s feil, vi må selv ta ansvar.</strong></p>
<p>Google er en søkemotor som indekserer og fremstiller hva de finner på nettet. Algoritmene deres jobber kontinuerlig for å kunne utelukke useriøse tilbydere og irrelevante søkeresultat, likevel kan de ikke ta alle.</p>
<p>Forbrukerne har derfor et ansvar når de søker på nett. Om tilbudet er for godt til og være sant, er det ofte det. I dette tilfellet lokker falske nettbutikker med 50 til 60% avslag på Beats By Dre hodetelefoner, men dette kunne ha fremkommet i hvilken som helst produktkategori.</p>
<p>Norske nettbutikker har også en viktig rolle her. Om de skal bli tatt seriøst må de også ta søkemotorene og nettsidene sine seriøst. Jeg opplever at selskaper med gode ressurser på søk og brukervennlighet tjener godt, både på økt kundetilfredshet og kundevolum &#8211; til tross for sterk konkurranse.</p>
<p>Så min beskjed til norske nettbutikker er følgende; kampen er ikke over, det er nå den begynner!</p>
<p>&nbsp;</p>
<p><a href="http://www.metronet.no/utenlandske-nettbutikker-svindler-forbrukere">Svindlere utnytter nordmenns Google-søk</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/1YMIwqaTAAY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/utenlandske-nettbutikker-svindler-forbrukere/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.metronet.no/utenlandske-nettbutikker-svindler-forbrukere?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=svindlere-utnytter-nordmenns-google-sok</feedburner:origLink></item>
		<item>
		<title>Trender for webdesign i 2012</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/pQBI7UM-IgM/</link>
		<comments>http://www.metronet.no/trender-for-webdesign-i-2012/#comments</comments>
		<pubDate>Thu, 15 Mar 2012 15:12:02 +0000</pubDate>
		<dc:creator>Lasse Olsen</dc:creator>
				<category><![CDATA[Webanalyse]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[responsive design]]></category>
		<category><![CDATA[trender]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9742</guid>
		<description><![CDATA[<p>Dette innlegget er et overblikk over trendene for web i 2012. Det baseres på en rekke foredrag, undersøkelser samt innlegg som har hjulpet til å lage en oversikt over hva som blir viktig i fremtiden for web. Brukere har dårlig tid Det er en hard realitet å innse at folk bruker mindre tid per side. [...]</p><p><a href="http://www.metronet.no/trender-for-webdesign-i-2012/">Trender for webdesign i 2012</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>Dette innlegget er et overblikk over trendene for web i 2012. Det baseres på en rekke foredrag, undersøkelser samt innlegg som har hjulpet til å lage en oversikt over hva som blir viktig i fremtiden for web.</p>
<p><strong>Brukere har dårlig tid</strong></p>
<p>Det er en hard realitet å innse at folk bruker mindre tid per side. Faktisk, det finnes undersøkelser som tilsier at en <a href="http://www.useit.com/alertbox/page-abandonment-time.html" target="_blank">bruker klikker seg bort fra din side i løpet av <strong>10 sekunder</strong></a>. Hvorfor? Fordi det finnes uendelig med sider på internett og brukere er mer kresne og kravstore på hva de gidder å hamle opp med. Har du et dårlig nettsted vil en bruker, hvis ikke spesielt interessert, klikke seg ut med en gang.</p>
<p>Hvis du derimot får dem til å bli lenger en et <strong>halv minutt/minutt</strong> så vil de være der i en vesentlig lengre periode og, forhåpentligvis, konvertere på dine mål for siden. <img class="aligncenter size-full wp-image-9810" title="tid-på-nett" src="http://www.metronet.no/wp-content/uploads/2012/03/tid-på-nett2.jpg" alt="" width="669" height="447" /></p>
<p>Vi ser denne trenden vokse fordi folk bruker mer og mer mobil på farta og krever at hastigheten ved å fikse ting på internett skal være tilsvarende effektivt på desktopen.</p>
<p><strong>Det er enkelt til du gjør det komplisert</strong></p>
<p>Noe av det viktigste, og vanskeligste for mange, er at vi må begynne å begrense mengden av tekst og valg på en side. Det holder ikke lenger med å peise på med informasjon i et vagt håp om at brukeren vil lese alt. Folk leser ikke på internett, de <em><a href="http://www.useit.com/alertbox/9710a.html" target="_blank">scanner</a></em>.</p>
<p>Du må gjennom god design og funksjonalitet veilede brukeren til det du vil de skal oppnå. Med det mener jeg at hvis din hovedoppgave med siden er å få flere kunder, gjør det <em>veldig</em> enkelt for brukeren å signere seg opp på en avtale. Er din oppgave å informere om kurs, gjør det veldig enkelt å lese om kurset osv osv.</p>
<p><strong>Her er 5 punkter som er utrolig viktig:</strong></p>
<ul>
<li><strong><strong>Prioritering</strong> </strong>- Hvorfor har du en side? Hva vil du brukeren skal oppnå? Her burde du fokusere på 2-3 ting og hold deg til disse. Mer enn dette kan skape kaos.</li>
<li><strong>Brukervennlighet</strong> &#8211; Hvor enkelt kan brukeren navigere siden? Konverterer de på punktene du vil siden skal konverte på?</li>
<li><strong>Fokus</strong> - Er siden optimalisert for de brukerne du vil konvertere på?</li>
<li><strong>Scannbar tekst</strong> &#8211; Lange avsnitt på flere sider holder ikke lenger. Ved å heller minimere teksten og strukturere det bedre er det større sannsynlighet for at det blir lest.</li>
<li><strong>Mobilvennlig</strong> &#8211; Hvordan fungerer din side på mobil? Bruker store mengder av din side Flash?</li>
</ul>
<p>Ikke tving meg som en bruker til å tenke, men veiled meg og få meg heller til å bry meg.</p>
<p><strong>Mobil</strong></p>
<p>Mobilbruk på nettsider har eksplodert de siste årene. Bare i 2011 ble over <a href="http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats#smartphone-shipments" target="_blank">1,500 millioner smarttelefoner</a> solgt globalt. Betyr det at ditt nettsted <em>må</em> ha en mobilvennlig side? Vel, nei, men det viser at folk bruker mer og mer  mobil for å surfe på internett.</p>
<p>Faktisk, når vi ser på noen tall fra våre kunder (basert på samme måned &#8211; ett år fra hverandre) ser vi at noen nettsider har hatt en økning på opp til 408% av mobilbruk. <img class="size-full wp-image-9743 aligncenter" title="Prosentøkning i mobilbruk" src="http://www.metronet.no/wp-content/uploads/2012/03/mobilbruk-2012.png" alt="Basert på Metronet kunder" width="639" height="427" /> Det er dog litt forskjellig på hvordan folk bruker internett på en mobil og på en dekstop (Jeg har ikke tatt med tablet fordi det er etter min mening en egen kategori mellom de to).</p>
<p><strong>Hovedbruksforskjellen mellom mobil og desktop er at mens man på en desktop kan ende opp å surfe målløst og ha generell høyere tålmodighet brukes mobilen ofte on the go der man vil ha informasjon kjapt og konkret. </strong></p>
<p>Måten vi bruker internett på mobilen går nå mer og mer mot desktop.</p>
<p><strong>Flash</strong></p>
<p>Hvis siden din også er dominert av Flash er dette dårlig for mobilbruk. Adobe har gått ut med et <a href="http://blogs.adobe.com/conversations/2011/11/flash-focus.html" target="_blank">blogginnlegg</a> der de sier de avslutter Flash på mobil:</p>
<p><em>&laquo;We will no longer continue to develop Flash Player in the browser to work with new mobile device configurations (chipset, browser, OS version, etc.) following the upcoming release of Flash Player 11.1 for Android and BlackBerry PlayBook.&raquo; </em></p>
<p>Under ser du tall over <a href="http://w3techs.com/technologies/history_overview/client_side_language/all" target="_blank">nedgangen av Flash-bruk</a> og oppgangen av Javascript (CSS, JQuery m.m). Fra 1 mars 2011 til 16 mars 2012 har Flash dalt ned fra 28,1% globalt brukt til 25,1%. Javascript derimot har, under den samme perioden, gått fra 88,5% til 91,8%.</p>
<p><img class="aligncenter size-full wp-image-9781" title="Flash vs Javascript" src="http://www.metronet.no/wp-content/uploads/2012/03/flash-vs-javascript.png" alt="" width="592" height="348" /> Mye av Flash vs Mobile diskusjonen ble startet av Steve Jobs´&raquo;<a href="http://www.apple.com/hotnews/thoughts-on-flash/" target="_blank">Thoughts on Flash</a>&laquo;, men det man bør ta fra dette er at <a href="http://www.metronet.no/animasjoner-med-css3/" target="_blank">CSS3</a> og HTML5 kan og <em>burde</em> ersatte dine Flash-animasjoner på siden.</p>
<p><strong>Responsive Design</strong></p>
<p>Responsive Design lar en side automatisk justere sitt layout basert på bredden av en vinduet eller enheten du bruker.</p>
<p>Ved å ha en side som er responsive i sitt design så vet du at den vil fungere optimalit for mobil, tablet og dekstop. Første bud med responsive design er at man skal <strong>designe for mobilen først</strong>. Ja, en veldig uvant måte å lage sider på, men skal man gjøre responsive design korrekt så må man gjøre den mest optimal for mobil, deretter bygge deg opp til tablet og desktop.</p>
<p><em>“Responsive web design is forcing us to design with a more human focused approach. You loose a lot of control over the way people are seeing your work and it has to look and feel equally awesome across all platforms,” says <a href="http://farahassir.com/" target="_blank">Farah Assir</a>.</em></p>
<p>Selv om det er uvant så gir Responsive Design deg muligheten til å skape en helhet ved deres side på tvers av devices og fokusere på det som er viktig i fremtiden: <em>mobil</em>. Noen gode eksempler på responsive web design ser dere under her (<a href="http://designmodo.com/responsive-design-examples/" target="_blank">se flere her</a>).</p>
<p>Trykk på bilde for å komme til siden og dra vinduet inn og ut for å se forskjellen.</p>
<p><a href="http://foodsense.is/" target="_blank"><img class="aligncenter size-full wp-image-9758" title="foodsense" src="http://www.metronet.no/wp-content/uploads/2012/03/foodsense.jpeg" alt="" width="600" height="340" /></a><a href="http://seesparkbox.com/" target="_blank"><img class="aligncenter size-full wp-image-9757" title="seesparkbox" src="http://www.metronet.no/wp-content/uploads/2012/03/seesparkbox.jpeg" alt="" width="600" height="340" /></a><a href="http://forefathersgroup.com/" target="_blank"><img class="aligncenter size-full wp-image-9759" title="forefathersgroup" src="http://www.metronet.no/wp-content/uploads/2012/03/forefathersgroup.jpeg" alt="" width="600" height="340" /></a><a href="http://www.dolectures.com/" target="_blank"><img class="aligncenter size-full wp-image-9760" title="www.dolectures" src="http://www.metronet.no/wp-content/uploads/2012/03/www.dolectures.jpeg" alt="" width="600" height="340" /></a> <strong></strong></p>
<p><strong>One Page stil</strong></p>
<p><strong></strong>En annen stil som kan bli mer  normal er enkeltside stilen. Det finnes flere versjoner av en en-siders stil:</p>
<ul>
<li><strong>Fullt ut</strong> &#8211; Hele siden (all content) er på forsiden.</li>
<li><strong>Halvt</strong> &#8211; Siden har flere undersider, men hver side baserer seg på scrolling fremfor å klikke seg videre</li>
</ul>
<p><em>Notat: teknisk sett så er egentlig ikke &laquo;halvt&raquo; med i kategorien, men jeg synes de på mange måter har samme funksjon, så jeg tar det med. </em></p>
<p>Det gjør at du kan på en rask måte gir brukeren det den (og du) ønsker. Enkeltside-nettsteder er en bra måte å tilby brukerne informasjon raskest mulig ved å samle alt innholdet du vil ha i en enkelt side, samt få brukeren til å oppleve og passivt bry seg om ditt innhold. Dette fungerer perfekt hvis siden ikke har for mye content eller selger produkter/tjenester.</p>
<p>Noen gode eksempler kan du se under (<a href="http://www.1stwebdesigner.com/inspiration/single-page-website-designs/" target="_blank">se flere her</a>)</p>
<p><a href="http://apple.com" target="_blank"><img class="aligncenter size-full wp-image-9768" title="apple.com" src="http://www.metronet.no/wp-content/uploads/2012/03/apple.com_.jpg" alt="" width="600" height="416" /></a><a href="http://www.barrelny.com" target="_blank"><img class="aligncenter size-full wp-image-9769" title="barrelny" src="http://www.metronet.no/wp-content/uploads/2012/03/barrelny.jpg" alt="" width="600" height="416" /></a><a href="http://www.dollardreadful.com" target="_blank"><img class="aligncenter size-full wp-image-9770" title="dollardreadful" src="http://www.metronet.no/wp-content/uploads/2012/03/dollardreadful.jpg" alt="" width="600" height="416" /></a><a href="http://www.thecybertouch.co.uk" target="_blank"><img class="aligncenter size-full wp-image-9771" title="thecybertouch" src="http://www.metronet.no/wp-content/uploads/2012/03/thecybertouch.jpg" alt="" width="600" height="416" /></a><a href="http://www.nest.com/living-with-nest/#!" target="_blank"><img class="aligncenter size-full wp-image-9797" title="nest" src="http://www.metronet.no/wp-content/uploads/2012/03/nest.jpg" alt="" width="600" height="416" /></a><a href="http://www.janploch.de/" target="_blank"><img class="aligncenter size-full wp-image-9804" title="janploch" src="http://www.metronet.no/wp-content/uploads/2012/03/janploch.jpg" alt="" width="600" height="416" /></a> <strong></strong></p>
<p><strong>OpenType</strong></p>
<p><strong></strong> Fonter på nettet fikk en skikkelig medfart i 2011 da man ikke trengte å bruke <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank">standard webfonter</a>, men heller de fontene man selv ønsket. Når man før skulle ha en kul font og måtte gjøre en .png ut av det kan du nå ha en oversikt/logo som vanlig tekst. Dette er veldig bra, fordi det tillater Google å plukke det opp.</p>
<p><a href="http://www.kitchensinkstudios.com/" target="_blank"><img class="aligncenter size-full wp-image-9800" title="kitchen" src="http://www.metronet.no/wp-content/uploads/2012/03/kitchen.jpg" alt="" width="600" height="416" /></a><a href="http://dentsunetwork.com/" target="_blank"><img class="aligncenter size-full wp-image-9801" title="dentsu" src="http://www.metronet.no/wp-content/uploads/2012/03/dentsu.jpg" alt="" width="600" height="416" /></a> <strong>Konklusjon</strong></p>
<p>På mange måter er tiden fremover i designerens hender. Takket være nye måter å jobbe på har man mye større tøyler på hva man kan lage, faktisk kan man gjøre hva man vil, men det er enda viktige at man har klart sine mål for siden og klarer å konvertere på de. Fokuser på dine mål ved siden og gjør det enkelt for brukeren og finne dine mål.</p>
<p><a href="http://www.metronet.no/trender-for-webdesign-i-2012/">Trender for webdesign i 2012</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/pQBI7UM-IgM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/trender-for-webdesign-i-2012/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.metronet.no/trender-for-webdesign-i-2012/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=trender-for-webdesign-i-2012</feedburner:origLink></item>
		<item>
		<title>Designelementer for Facebook Timeline</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/ePMiveUy4eM/</link>
		<comments>http://www.metronet.no/designelementer-for-facebook-timeline/#comments</comments>
		<pubDate>Wed, 14 Mar 2012 13:12:19 +0000</pubDate>
		<dc:creator>Lasse Olsen</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[elementer]]></category>
		<category><![CDATA[guideline]]></category>
		<category><![CDATA[Timeline]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9710</guid>
		<description><![CDATA[<p>Med Facebook Timeline har det kommet endel forandringer i formater på bilder og hvordan disse vises. Vi lagde derfor en oversikt over størrelsene på de forskjellige designelementene som er med Facebook Timeline. Lurer du på hvordan Facebook Timeline fungerer anbefaler jeg deg å lese vårt tidligere innlegg. To punkter som er greit å ha med: [...]</p><p><a href="http://www.metronet.no/designelementer-for-facebook-timeline/">Designelementer for Facebook Timeline</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>Med Facebook Timeline har det kommet endel forandringer i formater på bilder og hvordan disse vises. Vi lagde derfor en oversikt over størrelsene på de forskjellige designelementene som er med Facebook Timeline.</p>
<p>Lurer du på <a href="http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/">hvordan Facebook Timeline fungerer</a> anbefaler jeg deg å lese vårt tidligere innlegg.</p>
<p><strong>To punkter som er greit å ha med:</strong></p>
<ul>
<li><strong>Profilbilde</strong>: Vi har valgt og skrive 180x180px, men du vil se alle slags tall på denne. Det viktigste er at bilde er kvadratisk og at det er stort nok til å være bra når en bruker trykker inn på profilbilde. Det er ingen fare i å gå vel over 180x180px.</li>
<li><strong>Vanlig status</strong>: Når du poster et bilde vil denne vises i formatet 403x403px. Man kan optimalisere bildet til å være eksakt denne størrelsen, men husk at du kanskje vil bruke &laquo;stjernet&raquo; eller &laquo;milestone&raquo; funksjonen i senere tid.</li>
</ul>
<p>Klikk for å få <a href="http://www.metronet.no/wp-content/uploads/2012/03/facebook-help.jpg" target="_blank">bildet i fullversjon</a> og del gjerne videre hvis du ønsker det.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/03/facebook-help.jpg"><img class="aligncenter size-large wp-image-9711" title="facebook-help" src="http://www.metronet.no/wp-content/uploads/2012/03/facebook-help-666x1024.jpg" alt="" width="584" height="897" /></a></p>
<p><strong>Lim inn embed koden på ditt nettsted for å vise bildet</strong></p>
<blockquote><p>&lt;img title=&raquo;facebook-help&raquo; src=&raquo;http://www.metronet.no/wp-content/uploads/2012/03/facebook-help-666&#215;1024.jpg&raquo; width=&raquo;584&#8243; height=&raquo;897&#8243; /&gt;</p></blockquote>
<p><a href="http://www.metronet.no/designelementer-for-facebook-timeline/">Designelementer for Facebook Timeline</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/ePMiveUy4eM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/designelementer-for-facebook-timeline/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/designelementer-for-facebook-timeline/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=designelementer-for-facebook-timeline</feedburner:origLink></item>
		<item>
		<title>Timeline for bedriftssider på Facebook</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/C6w615z-RwE/</link>
		<comments>http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/#comments</comments>
		<pubDate>Thu, 01 Mar 2012 07:41:43 +0000</pubDate>
		<dc:creator>Kristine Dalene</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Merkevare]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9564</guid>
		<description><![CDATA[<p>I går ble Timeline lansert for bedriftssider. Man kan velge å aktivere den nå, eller vente til 30. mars, da vil alle Facebook-sider gå over til det nye designet. Målet med det nye designet er å gjøre sider mer sosiale og engasjerende; &#171;organisations have identities too&#187;, Sam Lessin, Timeline Product Manager. I dette innlegget beskriver jeg [...]</p><p><a href="http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/">Timeline for bedriftssider på Facebook</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>I går ble Timeline lansert for bedriftssider. Man kan velge å aktivere den nå, eller vente til 30. mars, da vil alle Facebook-sider gå over til det nye designet. Målet med det nye designet er å gjøre sider mer sosiale og engasjerende; &laquo;organisations have identities too&raquo;, Sam Lessin, Timeline Product Manager. I dette innlegget beskriver jeg endringer, ulemper og restriksjoner med Timeline for bedrifter.</p>
<p><span id="more-9564"></span></p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/02/Screen-Shot-2012-02-29-at-4.30.22-PM.png"><img class="alignnone  wp-image-9565" title="Timeline for bedrifter- Metronet" src="http://www.metronet.no/wp-content/uploads/2012/02/Screen-Shot-2012-02-29-at-4.30.22-PM.png" alt="" width="626" height="363" /></a></p>
<p><strong>Endringene: </strong></p>
<p>Det nye designet inneholder flere endringer. Disse inkluderer:</p>
<ol>
<li><strong>Banner-bilde &#8211; </strong>Legger seg på toppen av siden og setter stemningen. Dette bør være et bilde som styrker din bedrifts identitet og ikke en måte å selge produkter og kampanjer.</li>
<li><strong>Profilbilde- </strong>Bør skalere fra 180&#215;180 til 32&#215;32 og bør derfor byttes ut til å være din logo eller et symbol som representerer din bedrift.</li>
<li><strong>Menyen &#8211; </strong>Viser fire hovedkategorier. Bilder vil alltid ligge først. De tre andre kan man variere som man ønsker. Resten av elementene vil legge seg i en &laquo;drop down&raquo; liste. Man kan ha opptil 12 apps, så her må man prioritere.</li>
<li><strong>Timeline funksjonen &#8211; </strong>Du kan nå velge å flytte veggmeldinger på toppen av siden ved &laquo;Pin to top&raquo; eller at det skal utnytte hele bredden ved å trykke &laquo;stjerne&raquo;. Man kan også legge til milepæler -&raquo;Milstones&raquo; for bedriften som når det var opprettet, jubileum etc.</li>
<li><strong>Admin Panel- </strong>Det nye admingrensesnittet har samlet alt på et sted. Du kan nå få en oversikt over siste aktivitet, se private meldinger og siste oppdateringer i Facebook Insight.</li>
<li><strong>Private meldinger- </strong>Nå kan brukere sende private meldinger til siden din. Dette fungerer litt som et &laquo;kontakt oss&raquo; skjema som man har på hjemmesiden. Det er ikke alle meldinger som egner som på veggen, så dette kan være en fin løsning.</li>
<li><strong>&laquo;Pin to top&raquo; - </strong>Nå kan du velge å sette utvalgte veggmeldinger som skal ligge på toppen av siden din. Det gjør du ved å trykke på &laquo;pencil&raquo; merke i høyre hjørne på vegmeldingen, så trykk &laquo;Pin to Top&raquo;. Innholdet blir da flyttet til toppen av siden og får et oransje flagg på seg. Du kan legge det ned igjen ved å velge &laquo;un pin&raquo;.</li>
</ol>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/02/pintotop.jpg"><img class="alignnone size-full wp-image-9572" title="Timeline Pin -Metronet" src="http://www.metronet.no/wp-content/uploads/2012/02/pintotop.jpg" alt="" width="600" height="285" /></a></p>
<p><strong>8. Forstørre innhold- </strong>Ved å trykke på stjerne på en veggmelding så vil den legge seg over hele siden og utnytter bredden på Timeline.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/02/Screen-Shot-2012-02-29-at-4.45.12-PM.png"><img class="alignnone  wp-image-9573" title="Timline star- metronet" src="http://www.metronet.no/wp-content/uploads/2012/02/Screen-Shot-2012-02-29-at-4.45.12-PM.png" alt="" width="653" height="225" /></a></p>
<p>&nbsp;</p>
<p><strong>Ulemper med Timeline?</strong></p>
<p>Den største ulempen er for sider som benytter seg av tredjepartsapplikasjoner; Facebook har fjernet funksjonen for <strong>landingsside. </strong>Det betyr at &laquo;velkommen- fanen&raquo; din ikke vil være førsteinntrykket ditt for siden og man mister en &laquo;call to action&raquo; som genererer likes. Applikasjonene vil fortsatt fungerer som de har gjort tidligere, men det vil nå være mulig å justere bredden fra liten 520px til stor  810px. Alle applikasjoner vil trenge et ikon som forteller hva det er så det blir synlig i menyen. Dimensjonene på ikon-bilde 111×74px. De nye endringene gjør det vanskeligere å finne annet innhold en det som er på veggen. Ja, det er viktig med dialog, men for å skape engasjement er de fleste bedrifter på Facebook avhengig av å ha noen skreddersydde applikasjoner og konkurranser tilpasset brukerne. Annonsering vil bli viktigere for å promotere slike applikasjoner, samt at man kan legge veggmeldingen som &laquo;pin to top&raquo;.</p>
<p><strong>Restriksjoner på banner-bilde</strong></p>
<p>Bredden på banner-bilde bør være minst 851x 315 px bredt og kan <strong>ikke</strong> inneholde:</p>
<ul>
<li>Pris eller kampanje-tilbud eks: 40% avslag</li>
<li>Kontaktinformasjon som: web adresse, epost, telefonnummer</li>
<li>Referanser til Facebook-funksjoner som: Like, del, kommenter</li>
<li>&laquo;call to action&raquo; som &laquo;Fortell vennen dine&raquo;</li>
</ul>
<p>Andre ting jeg har fundert over er:</p>
<ul>
<li>Hvor har det blitt av recommendations?</li>
<li>Check-in aktiviteter bør være koblet med maps</li>
</ul>
<p><strong>Hva kan jeg forberede til min Timeline?</strong></p>
<ul>
<li>Banner-bilde</li>
<li>Gå igjennom bedriftshistorien og legg til milepæler</li>
<li>&laquo;Vårrengjøring&raquo;- oppdater info, video, bilder osv.</li>
</ul>
<p>Personlig mener jeg at Timeline for bedrifter, merkevarer, organisasjoner etc. vil ha en større merkebyggingseffekt. Banner-bildet styrker din bedrifts identitet  og implementeringen og synliggjøringen av vennene dine på toppen av siden, styrker  relasjonene. Facebook-annonser går fra &laquo;ads to stories&raquo; noe som betyr at  fortellingene man deler på siden vil bli det viktigste elementet med å være bedrift på Facebook. Alt starter med siden din!<br />
Har du spørsmål om Timeline for bedriftssider på Facebook?</p>
<p>Legg igjen en kommentar eller send meg en mail på: kristine@metronet.no</p>
<p>Kilde: <a title="Rules for Timeline Banner" href="https://www.facebook.com/help/?faq=276329115767498" target="_blank">Facebook</a> , <a title="Facebook Pages" href="http://ads.ak.facebook.com/ads/FacebookAds/Pages_Product_Guide_022812.pdf" target="_blank">Facebook Pages</a></p>
<p><a href="http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/">Timeline for bedriftssider på Facebook</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/C6w615z-RwE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.metronet.no/timeline-for-bedriftssider-pa-facebook/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=timeline-for-bedriftssider-pa-facebook</feedburner:origLink></item>
		<item>
		<title>Drømmene som gikk viralt</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/VAh-Ae279J4/drommene-som-gikk-viralt</link>
		<comments>http://www.metronet.no/drommene-som-gikk-viralt#comments</comments>
		<pubDate>Wed, 29 Feb 2012 10:17:18 +0000</pubDate>
		<dc:creator>Jørgen El Fakiri</dc:creator>
				<category><![CDATA[Sosiale medier]]></category>
		<category><![CDATA[1881]]></category>
		<category><![CDATA[drømmer]]></category>
		<category><![CDATA[kampanje]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9522</guid>
		<description><![CDATA[<p>Opplysningen 1881 er Norges fremste formidler av person- og bedriftsinformasjon, og deres mest forretningskritiske satsningsområder er å bygge trafikk og lojalitet til tjenesten. Søk er viktig for 1881.no, og de generelle trendene innenfor organisk søk peker mot Social Graph. Linker, buzz og brand mentions løfter et nettsteds verdigrunnlag i Google. Og hvis jeg skal trekke [...]</p><p><a href="http://www.metronet.no/drommene-som-gikk-viralt">Drømmene som gikk viralt</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>Opplysningen 1881 er Norges fremste formidler av person- og bedriftsinformasjon, og deres mest forretningskritiske satsningsområder er å bygge trafikk og lojalitet til tjenesten.</p>
<p>Søk er viktig for 1881.no, og de generelle trendene innenfor organisk søk peker mot Social Graph. Linker, buzz og brand mentions løfter et nettsteds verdigrunnlag i Google. Og hvis jeg skal trekke frem én enkeltfaktor for å lykkes med søk, så er det å jobbe med brandet sitt.<span id="more-9522"></span></p>
<p>Dette ønsket 1881 å ta på alvor, og utfordret oss til å komme opp med et digitalt konsept med følgende formål:</p>
<ol>
<li>Bygge brand awareness og goodwill til merkenavnet 1881</li>
<li>Drive trafikk til 1881.no fra sosiale medier</li>
<li>Forsterke 1881s Social Graph i søkemotorene</li>
</ol>
<p><img class="aligncenter size-full wp-image-9527" title="1881 Drømmer" src="http://www.metronet.no/wp-content/uploads/2012/02/1881-drommer.jpg" alt="" width="603" height="334" /></p>
<h2><strong>Konseptet</strong></h2>
<p>1881 Drømmer er et drømmenettverk, der mennesker kan dele og få oppfylt sine drømmer. Kampanjen løper på månedsbasis, der det kåres én eller flere månedsvinnere, samt én sesongvinner basert på antall stemmer og drømmenes innhold vurdert av en jury. Vinnerne får oppfylt en av sine drømmer.</p>
<p><strong>Mål i kampanjeperioden (3-4 måneder):</strong></p>
<ul>
<li>Trafikk: 300 000 besøk</li>
<li>Antall deltakere: 25 000</li>
<li>Kilder: Å drive trafikk hovedsaklig gjennom viral spredning, samt få henvisninger fra blogger, Facebook og Twitter</li>
</ul>
<p><strong>Resultater etter første måned:</strong></p>
<ul>
<li>Trafikk: 250 000 besøk</li>
<li>Antall deltakere: 18 700 (6 300 drømmer og 32 000 stemmer)</li>
<li>Kilder: 90% av trafikken gjennom viral spredning (Facebook organisk: 40%. Blogg: 39%. Twitter og annen spredning: 11%)</li>
<li>42,5 millioner sekunder spent with brand (eller 708 000 minutter)</li>
<li>65% vekst i organisk trafikk på søk etter 1881</li>
</ul>
<p>Vi ligger allerede godt an til å nå hovedmålet på antall deltakere, og vi er spente på fortsettelsen. Snart annonseres de første vinnerne, og vi gleder oss til å oppfylle drømmene!</p>
<p>Siten er bygget på <a title="WordPress" href="http://www.metronet.no/tjenester/utvikling/wordpress/">WordPress</a>, og oppskriften har vært gode, gjennomtenkte detaljer i løsningen &#8211; ikke minste et brennende engasjement og bidrag fra alle involverte ressurspersoner i Opplysningen 1881.</p>
<p>Ønsker du å delta og dele dine drømmer, kan du besøke <a title="1881 Drømmer" href="http://www.1881.no/drommer" target="_blank">1881 Drømmer her</a>!</p>
<p><a href="http://www.metronet.no/drommene-som-gikk-viralt">Drømmene som gikk viralt</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/VAh-Ae279J4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/drommene-som-gikk-viralt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/drommene-som-gikk-viralt?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=drommene-som-gikk-viralt</feedburner:origLink></item>
		<item>
		<title>Statistikk for Facebook året 2011</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/xEvGOesPUso/</link>
		<comments>http://www.metronet.no/statistikk-for-facebook-aret-2011/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 11:31:23 +0000</pubDate>
		<dc:creator>Kristine Dalene</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Sosiale medier]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9334</guid>
		<description><![CDATA[<p>2011 var året da Facebook virkelig satte &#171;Social&#187; i Social Web, og med lansering av Timeline har Facebook blitt omtalt som den nye hjemmesiden. På seks år har Facebook vokst fra å være en ekslusiv møteplass for amerikanske eliteskoler til et verdensomfattende dialogsystem &#8211;  &#187;et internett i internett&#187;. I dette innlegget skal vi se på utviklingen [...]</p><p><a href="http://www.metronet.no/statistikk-for-facebook-aret-2011/">Statistikk for Facebook året 2011</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>2011 var året da Facebook virkelig satte &laquo;Social&raquo; i Social Web, og med lansering av Timeline har Facebook blitt omtalt som den nye hjemmesiden. På seks år har Facebook vokst fra å være en ekslusiv møteplass for amerikanske eliteskoler til et verdensomfattende dialogsystem &#8211;  &raquo;et internett i internett&raquo;. I dette innlegget skal vi se på utviklingen i 2011, samt presentere noen sentrale Facebook-trender for 2012.</p>
<p><span id="more-9334"></span><strong>Face &#8211; time </strong></p>
<p>På ett år har Facebook vokst fra 600 til 800 millioner brukere og 50% logger fortsatt  inn daglig. Den etterlengtede Facebook-applikajsonen for iPad så dagens lys i oktober og vi kan abonnere på venners og ukjente statusoppdateringer. Facebook Deals sitter fortsatt i &laquo;beta-fellen&raquo; og den mye omtalte Facebook Message &laquo;failed to impress&raquo;.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-11.13.58-AM.png"><img class="alignnone  wp-image-9362" title="Facebook Facts" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-11.13.58-AM.png" alt="" width="716" height="246" /></a></p>
<p><em>Kilde: <a title="Facebook: emotions inforgraphic" href="http://mashable.com/2012/01/06/facebook-emotions/" target="_blank">Mashable: Facebook- Emotions Infographic </a></em></p>
<p>I en rapport fra <a title="Nielsen´s Tops of 2011: Digital" href="http://blog.nielsen.com/nielsenwire/online_mobile/nielsens-tops-of-2011-digital/" target="_blank">Nielsen</a>  ser vi at Facebook ligger på en solid  andreplass for mest besøkte nettsted i 2011 (137 millioner unike besøkende hver måned). Google topper listen med 153 millioner unike besøk hver måned som det mest besøkte netttedet. På den andre siden knuser Facebook konkurrentene med &laquo;tid brukt på nettsted- <em>minutter i milliarde</em>r&raquo; se illustrasjon:</p>
<div><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-8.52.07-AM.png"><img class="alignnone size-full wp-image-9341" title="Top 10- web brands by total minutes" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-8.52.07-AM.png" alt="" width="771" height="195" /></a></div>
<div></div>
<div><em>Kilde: <a title="Nielsen: social media Report Q3 2011" href="http://blog.nielsen.com/nielsenwire/social/" target="_blank">Nielsen &laquo;Social Media Report: Q3 2011&#8243;</a></em></div>
<p><strong>Globalt </strong></p>
<p>11% av verdens befolking har en Facebook-konto. I løpet av 2011 har Europa passert Nord-Amerika som det største kontinentet på Facebook med 226 millioner brukere mot 218 millioner. Veksten på Facebook er stor, og på ett år har:</p>
<ul>
<li>antall brukere som kobler seg opp mot Facebook via eksterne nettsider doblet fra 250 til 500 millioner</li>
<li>antallet som logger seg på via applikasjoner på mobil økt fra 200 til 350 millioner</li>
<li>mobiloperatører som distribuerer og markedsfører Facebook økt fra 200 til 475 aktører</li>
<li>andelen brukere utenfor USA har økt med 10% (fra 70 % til 80 %)</li>
</ul>
<p>USA regjerer fortsatt på listen over &laquo;Topp 10 land på Facebook&raquo; med 155 millioner. Indonesia har falt ned til tredjeplass, mens India har klatrert fra syvendeplass til andreplass. India har en økning fra 19 millioner til 43 millioner brukere.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/topp-10-land-på-facebook.png"><img class="alignnone  wp-image-9336" title="topp 10 land på facebook" src="http://www.metronet.no/wp-content/uploads/2012/01/topp-10-land-på-facebook.png" alt="" width="521" height="246" /></a></p>
<p><em>Kilde: <a title="socialbakers.com" href="http://www.socialbakers.com/" target="_blank">Socialbakers.com </a></em></p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-3.19.17-PM.png"><img class="alignnone  wp-image-9381" title="Facebook brukere: kontinent januar 2012" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-3.19.17-PM.png" alt="" width="577" height="393" /></a></p>
<p><strong>Merkevarer </strong></p>
<p>Vi samhandler med over 900 millioner objekter på Facebook hver dag. Dette kan være, sider, grupper, eventer og lignende. Hvert minutt på Facebook er det:</p>
<ul>
<li>510 000 kommentarer</li>
<li>293 000 statusoppdateringer</li>
<li>136 000 opplastede bilder</li>
</ul>
<p>Den største merkevaren på Facebook er fortsatt Coca Cola, men den største siden er &laquo;Facebook&raquo;, plattformens egen side, med 59 millioner likes. Fra i fjor har Red Bull klatrer opp på tredjeplass foran Oreo og Converse All Star har danket ut Disney fra listen.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-10.58.28-AM.png"><img class="alignnone  wp-image-9359" title="Top 5 pages on Facebook. Jan 2012" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-10.58.28-AM.png" alt="" width="765" height="254" /></a></p>
<p><strong>Norge</strong></p>
<p>I dag er brukermassen til Norge på Facebook 2 573 140 millioner, dette er en økningen med 167 320 brukere fra i fjor.  Den norske brukermassen på Facebook representerer 55 % av den norske befolkningen og 58 % av befolkningen som er på nett. I første kvartal (2011) oppga 69% av de norske Internett-brukerne at de er innom Facebook minst en gang i uken (kilde: Ida Aalen. Fra Poke til Like Facebook-forskningen fra 2007 til 2011)</p>
<p>Topp 5 steder i Norge hvor vi  &raquo;check- in&raquo; via Facebook Place er:</p>
<ol>
<li>Stavanger Lufthavn Sola</li>
<li>Bodø Lufthavn</li>
<li>Moss Lufthavn Rygge</li>
<li>Hard Rock Cafe Oslo</li>
<li>Telenor Arena</li>
</ol>
<p><strong>Norske brukere</strong></p>
<p>Det er segmentet 25-35 år som utgjør den største andelen av Norske brukere på Facebook. Selv om dette segmentet er størst viser det til en nedgang fra i fjor med 3 %. Segmentet 18-24 år også hatt en nedgang fra 30 % til 20 %, mens segmentene 35-44 og 45-54 henter inn nye andeler. Det er segmentet 45-54 som øker mest med en økning på 4 % fra i fjor. Brukemassen fordelt på kjønn er 50/50, samme som i Singapor og Den Domenikasnke Republikk.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-3.19.06-PM.png"><img class="alignnone  wp-image-9380" title="Facebook brukere i norge januar 2012" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-3.19.06-PM.png" alt="" width="526" height="390" /></a></p>
<p><strong>Norske merkevarer</strong></p>
<p>I Norge ligger OnePice- jump in (424 607 likes) på topp som den største norske merkevaren på Facebook, etterfulgt av Moods of Norway (247 945 likes) og Stiftlesen Organdonasjon (226 477 likes). På den andre siden så er det Dimmu Borgir den som har den største norske siden med 730 130 likes.</p>
<div><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-11.01.58-AM.png"><img class="alignnone  wp-image-9360" title="Norges største sider på Facebook" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-11.01.58-AM.png" alt="" width="812" height="247" /></a></div>
<p><strong>For bedrifter&#8230;</strong></p>
<p>Det finnes ca 1, 5 milloner Facebook sider  og utviklingen på den digitale plattformen øker daglig. Ønsket om en sosial opplevelse og oppdagelse mellom mennesker vil fortsette å påvirke forbrukeradferd, business, kommunikajson og utviklingen i tiden fremover. Ettersom det er flere og flere som kjemper om de samme målgruppene på plattformen må merkevarer tørre å bli en del av brukerens liv og integrere innholdet i deres sosiale kontekster.</p>
<p>En analyse fra Mashable viser hvordan budskapet, ord og tone of voice påvirker spredning og interaksjon mellom bruker og merkevare. Eksempelvis:</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-12.40.00-PM.png"><img class="alignnone  wp-image-9369" title="Facebook like" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-12.40.00-PM.png" alt="" width="582" height="180" /></a></p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-12.40.07-PM.png"><img class="alignnone  wp-image-9370" title="Facebook comment" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-27-at-12.40.07-PM.png" alt="" width="586" height="172" /></a></p>
<p>Et annet viktig element for bedrifter og er hentet fra rapporten &laquo;The power of Like &laquo;fra ComScore. Modellen viser at vi bruker mest tid på nyhetsveggen og profiler. Dette betyr at <strong>få</strong> brukere besøker sider for å få innhold, men ser det via nyhetveggen. Strømmen av innhold på nyhetsveggen kan være enrom, så for å skille seg ut må innholdet ha mer kvalietet enn kvantitet.</p>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-30-at-12.40.03-PM.png"><img title="tid brukt på facebook" src="http://www.metronet.no/wp-content/uploads/2012/01/Screen-Shot-2012-01-30-at-12.40.03-PM.png" alt="" width="600" height="390" /></a></p>
<p>&nbsp;</p>
<p><em> Kilde: ComScore &laquo;The power of like&raquo;</em></p>
<p><strong>Fun Facts</strong></p>
<p>Denne statistikken er basert på Facebook brukere i USA (<a title="Facebook by the numbers" href="http://mashable.com/2011/10/21/facebook-infographic/" target="_blank">Mashable: Facebook by the numbers: Infographic</a>)</p>
<ul>
<li>56 % syns det er uansvarlig å ha sjefen som venn</li>
<li>83 % av kvinner er irritert på sine Facebook-venner</li>
<li>48% sier at de snoker på profilen til sin ex-kjæreste litt for ofte</li>
<li>47 % har brukt banneord på Facebook</li>
<li>Linker og statuser om sex er delt 90 % mer enn gjennomsnittet</li>
</ul>
<p><strong>Facebook Trender 2012</strong></p>
<p>2011 har vært et år med mange <a title="Facebook oppdateringer 2011" href="http://www.metronet.no/facebooks-nye-oppdateringer-hva-betyr-dette-for-bedrifter/" target="_blank">nye oppdateringer </a>og alle peker i en felles rettning- gjøre verden mer sosial. Statistikken øker med gjevn hastighet, noen har sett barnebarnas første skritt på Facebook, flere millioner har lastet opp et babybilde av seg selv og Facebook har fått skylden for 1 av 3 skilsmisser i UK. Bedrifter som ikke klarer å forsterke sin sosial tilstedeværelse og forbindelser med Facebook-brukere, vil mest sansynelig unnlate å vokse. De vikstigst trendene på Facebook for 2012 blir:</p>
<ul>
<li>Social apps &#8211; merkevarer kan bli integrert med Timeline</li>
<li>Social ads &#8211; merkevarens annonser blir en del av dialogen</li>
<li>Social Security &#8211;  beskytte oss mot oss selv</li>
<li>Facebook  Credits som valutta</li>
<li>Social ROI- måleenheter som rekkevidde, frekvens, &laquo;talking about this&raquo;, friends of friends</li>
</ul>
<p><em>Forbli sosial og skap engasjerende innhold som bygger relasjoner!</em></p>
<p>Kilder:</p>
<ul>
<li><a title="Facebook nye oppdateringer" href="http://www.metronet.no/facebooks-nye-oppdateringer-hva-betyr-dette-for-bedrifter/" target="_blank">Metronet: Facebook nye oppdateringer</a></li>
<li><a title="Facebook Press Statistics" href="http://www.facebook.com/press/info.php?statistics" target="_blank">Facebook Press</a></li>
<li><a title="CheckFacebook.com" href="http://www.checkfacebook.com" target="_blank">Checkfacebook.com</a></li>
<li><a title="Socialbakers" href="www.checkfacebook.com" target="_blank">Socialbakers.com</a></li>
<li><a title="Nielsen Wire" href="http://blog.nielsen.com/nielsenwire/online_mobile/nielsens-tops-of-2011-digital/" target="_blank">Nielsen Wire: Tops of 2011: Digital</a></li>
<li><a title="Nielsen Social Media Report Q3 2011" href="http://blog.nielsen.com/nielsenwire/social/" target="_blank">Nielsen: Social Media Report Q3 2011</a></li>
<li><a title="ComScore: The power of like" href="http://www.comscore.com/Press_Events/Presentations_Whitepapers/2011/The_Power_of_Like_How_Brands_Reach_and_Influence_Fans_Through_Social_Media_Marketing" target="_blank">ComScore: &laquo;The Power of like&raquo;</a></li>
<li><a title="Facebook: emotions inforgraphic" href="http://mashable.com/2012/01/06/facebook-emotions/" target="_blank">Mashable: Facebook- Emotions Infographic </a></li>
<li><a title="Facebook by the numbers" href="http://mashable.com/2011/10/21/facebook-infographic/" target="_blank">Mashable: Facebook by the numbers: Infographic</a></li>
<li><a title="Fra poke til like- Facebook forskning" href="http://idaaalen.wordpress.com/2011/09/02/facebook-forskning-fra-2007-2011-last-ned-masteroppgaven-min-her/" target="_blank">Ida Aalen. Fra Poke til Like Facebook-forskningen fra 2007 til 2011</a></li>
</ul>
<p><a href="http://www.metronet.no/statistikk-for-facebook-aret-2011/">Statistikk for Facebook året 2011</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/xEvGOesPUso" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/statistikk-for-facebook-aret-2011/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		<feedburner:origLink>http://www.metronet.no/statistikk-for-facebook-aret-2011/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=statistikk-for-facebook-aret-2011</feedburner:origLink></item>
		<item>
		<title>Animasjoner med CSS3</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/F9dm-QNpu4A/</link>
		<comments>http://www.metronet.no/animasjoner-med-css3/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 00:10:32 +0000</pubDate>
		<dc:creator>Mattis Storm Kopstad</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webutvikling]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9286</guid>
		<description><![CDATA[<p>Først litt kort om CSS. Definisjonen på CSS er: et stilark språk som brukes til å legge opp innhold på en nettside på en ønsket måte. For å forstå hvordan dette fungerer kan det være verdt å ta en titt på CSS zengarden . Her kan du se hvordan det samme innholdet forandrer utseende ved [...]</p><p><a href="http://www.metronet.no/animasjoner-med-css3/">Animasjoner med CSS3</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Først litt kort om CSS.</strong></p>
<p>Definisjonen på CSS er: <em>et stilark språk som brukes til å legge opp innhold på en nettside på en ønsket måte.</em></p>
<p>For å forstå hvordan dette fungerer kan det være verdt å ta en titt på <a href="http://www.csszengarden.com/">CSS zengarden</a> . Her kan du se hvordan det samme innholdet forandrer utseende ved bytte av stilark. Du finner ikke gode nettsider i dag uten et stilark som bestemmer design og brukervennlighet.<span id="more-9286"></span></p>
<p>CSS er et levende språk som utvikler seg hele tiden. Funksjonaliteten i CSS kontroleres av W3C som setter en standard som nettlesere skal følge.</p>
<p>Først godkjenner W3C nye funksjoner og metoder, så implementerer nettleserne disse i de neste versjonene. Desverre tar denne prosessen ofte lang tid, spesielt med Internet Explorer.</p>
<p>Det jeg har lyst til å vise her er måten vi kan animere innhold ved hjelp av CSS3. Dette kan være et bra alternativ til JavaScript og Flash. Dessverre er det noen nettlesere (Internet Explorer) som har vanskeligheter med å vise dette. Bruker du en eldre versjon av Internet Explorer anbefaler vi deg å enten <a title="Få siste IE version" href="http://windows.microsoft.com/nb-NO/internet-explorer/downloads/ie" target="_blank">oppdatere</a> til siste versjon eller laste ned <a title="Få siste versjon av Firefox" href="http://www.mozilla.org/nb-NO/firefox/fx/" target="_blank">Firefox</a> eller <a title="Last ned siste versjon av Chrome" href="http://support.google.com/chrome/?hl=no" target="_blank">Chrome</a>.</p>
<p>Funksjonene jeg vil vise ligger i metodene:</p>
<ul>
<li><strong>Transforms</strong> (Transformerer et objekt)</li>
<li><strong>Transition</strong> (Animerer et objekt over tid)</li>
<li><strong>Animate</strong> (Animerer et objekt over tid, denne metoden er litt mere avansert)</li>
<li><strong>Box-shadow</strong> (Legger indre eller ytre skygge på et objekt)</li>
</ul>
<p>Eksemplene under er overdrevet for å vise CSS funksjonen bedre. Du ville sjeldent brukt disse nye stilene på samme måte.</p>
<h3><strong>Transformering av objektene</strong></h3>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/css3-transitions.jpg"><img class="aligncenter  wp-image-9320" title="CSS3 Transforms støtte" src="http://www.metronet.no/wp-content/uploads/2012/01/css3-transitions.jpg" alt="CSS3 Transforms støtte" width="652" height="242" /></a></p>
<p>Som du ser fra tabellen over er denne metoden støttet av alle moderne nettlesere. Under ser du et par eksempler på forskjellig bruk av transformeringsmetoden.</p>
<div class="section">
<ul>
<li><strong>Scale</strong> variabelen som lar deg skalere et objekt.</li>
<li><strong>Rotate</strong> variabelen lar deg rotere et objekt.</li>
<li><strong>Skew</strong> variabelen lar deg <span id="result_box" lang="no" xml:lang="no">forskyve</span> et objekt.</li>
</ul>
<p>Før musepekeren over boksene under:</p>
<div class="box-one">
<p>Scale</p>
</div>
<div class="box-two">
<p>Rotate</p>
</div>
<div class="box-three">
<p>Skew</p>
</div>
</div>
<div class="section">
<p>Det er mange muligheter å bruke de nye metodene på. Eksempelet under er kanskje ikke noe du ville gjort hver dag, men det viser litt kraften CSS har.</p>
<p>Her har jeg også lagt på box-shadow metoden.</p>
</div>
<div class="square-holder">
<div class="square-top">
<h3>Økt engasjement rundt WordPress</h3>
<p>De siste månedene har vi i Metronet tatt initiativ til å etablere en meetup-gruppe med WordPress-entusiaster. Kort fortalt er dette en åpen gruppe for alle som har interesse av å dele erfaringer og lære mer om <a href="http://www.metronet.no/wordpress/">WordPress</a>. Gruppen møtes én gang per måned og det er gruppens egne medlemmer som holder innlegg og deler sin kunnskap med de andre medlemmene i gruppen. Det er nå godt over hundre medlemmer i gruppen og på neste ukes meetup har snart 40 personer meldt at de vil komme.</p>
</div>
<div class="square-left">
<p><img src="http://www.metronet.no/wp-content/uploads/2012/01/handel-siste-seks-mnd-1024x713.png" alt="Wordpress logo" width="301" height="208" /></p>
<p>Stadig oftere blir vi spurt om potensialet ved etablering av e-handel. Også 2011 var et år hvor netthandel vokste i Norge, under har vi satt sammen noen av de mest konkrete tallene.</p>
<p>To tredjedeler av Norges befolkning har handlet på nett de siste seks månedene, viser tall fra en undersøkelse vi har gjort i samarbeid med InFact. Undersøkelsen er basert på 1.000 telefonintervjuer og er representativ for den norske befolkning. Se info nederst i artikkel for tilgang til hele datagrunnlaget.</p>
</div>
<div class="square-right">
<p><img src="http://www.metronet.no/wp-content/uploads/2011/11/blue-l.png" alt="Wordpress logo" width="150" height="150" /></p>
<p>Vi er veldig glade for det engasjementet alle viser rundt WordPress. Vi i Metronet lærer gjerne av andre og vi deler gjerne av den kunnskapen vi selv sitter på. Drivkraften med kunnskapsdeling og communitybasert utvikling er selve kjernen i Open Source og vi er veldig glade for at det begynner å bli et såpass stort engasjement rundt WordPress i Oslo og Norge forøvrig.</p>
</div>
</div>
<div class="section">
<h3>Legg til bevegelse på objektene</h3>
<p>Bruker vi stilene ovenfor med <strong>transition</strong> og <strong>animate</strong> kan vi få objektet til å bevege seg enten av seg selv eller ved å dra musepekeren over objektet.</p>
<h3>Transition</h3>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/css3-transforms.jpg"><img class="aligncenter  wp-image-9319" title="CSS3 Transforms støtte" src="http://www.metronet.no/wp-content/uploads/2012/01/css3-transforms.jpg" alt="CSS3 Transforms støtte" width="652" height="258" /></a></p>
<p>Som du ser fra tabellen over er ikke transition støttet av Internet Explorer før i version 10.</p>
<p>Før musepekeren over linkene under for å se hvordan det fungerer.</p>
<div class="fade"><a href="#">Link 1 </a> <a href="#">Link 2 </a> <a href="#">Link 3 </a></div>
</div>
<div class="section">
<h3>Animate</h3>
<p><a href="http://www.metronet.no/wp-content/uploads/2012/01/css3-animation.jpg"><img class="aligncenter  wp-image-9318" title="CSS3 Animation støtte" src="http://www.metronet.no/wp-content/uploads/2012/01/css3-animation.jpg" alt="CSS3 Animation støtte" width="653" height="242" /></a></p>
<p>Som du ser fra tabellen over er animation for øyeblikket bare støttet i Firefox, Chrome og Safari, i tillegg til iOS og Android browser.</p>
<p>Bruker du en av nettleserne nevnt over skal boksen under rotere.</p>
</div>
<div class="section">
<p id="spinner">Firkant som spinner <img src='http://www.metronet.no/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
</div>
<div class="section">
<p>Det du må huske på når du bruker disse nye stilene er at alle de forskjellige nettleserne skriver de nye funksjonene på forskjellige måter.<br />
Er du ikke sikker på hvordan dette skal skrives kan du bruke <a href="http://cssprefixer.appspot.com/" target="_blank">CSS Prefixer</a>. Det er en side som skriver om stilene for deg.</p>
<p>Det jeg har vist her er bare smakebitene på hva som er mulig å kontrollere med CSS. Vi i Metronet synes denne utviklingen er utrolig spennende og kommer til å holde dere oppdatert med andre nye CSS funksjoner som vi liker.</p>
</div>
<p><a href="http://www.metronet.no/animasjoner-med-css3/">Animasjoner med CSS3</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/F9dm-QNpu4A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/animasjoner-med-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/animasjoner-med-css3/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=animasjoner-med-css3</feedburner:origLink></item>
		<item>
		<title>Netthandel vokser i Norge</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/Wrnud4GIoCU/</link>
		<comments>http://www.metronet.no/netthandel-vokser-i-norge/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 12:56:19 +0000</pubDate>
		<dc:creator>Simen Thorsrud</dc:creator>
				<category><![CDATA[Nettbutikk]]></category>

		<guid isPermaLink="false">http://www.metronet.no/?p=9123</guid>
		<description><![CDATA[<p>Stadig oftere blir vi spurt om potensialet ved etablering av e-handel. Også 2011 var et år hvor netthandel vokste i Norge, under har vi satt sammen noen av de mest konkrete tallene. To tredjedeler av Norges befolkning har handlet på nett de siste seks månedene, viser tall fra en undersøkelse vi har gjort i samarbeid [...]</p><p><a href="http://www.metronet.no/netthandel-vokser-i-norge/">Netthandel vokser i Norge</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Stadig oftere blir vi spurt om potensialet ved etablering av e-handel. Også 2011 var et år hvor netthandel vokste i Norge, under har vi satt sammen noen av de mest konkrete tallene.</strong></p>
<p>To tredjedeler av Norges befolkning har handlet på nett de siste seks månedene, viser tall fra en undersøkelse vi har gjort i samarbeid med <a title="InFact Norge" href="http://infact.no" target="_blank">InFact</a>. Undersøkelsen er basert på 1.000 telefonintervjuer og er representativ for den norske befolkning. Se info nederst i artikkel for tilgang til hele datagrunnlaget.</p>
<p><img class="aligncenter size-full wp-image-9209" title="handel-siste-seks-mnd-1024x713" src="http://www.metronet.no/wp-content/uploads/2012/01/handel-siste-seks-mnd-1024x713.png" alt="" width="1024" height="713" /></p>
<p>Samme undersøkelse viser at flertallet ønsker å handle mer på nett de neste to årene:</p>
<p><img class="aligncenter size-full wp-image-9211" title="forventet-omsetning-1024x627" src="http://www.metronet.no/wp-content/uploads/2012/01/forventet-omsetning-1024x627.png" alt="" width="1024" height="627" /></p>
<p><a title="Statistisk Sentralbyrå: IKT-bruk i husholdningene" href="http://www.ssb.no/vis/emner/10/03/ikthus/main.html" target="_blank">Tall fra Statistisk Sentralbyrå</a> viser at 73% av den norske befolkningen kjøpte varer eller tjenester over nettet siste 12 måneder (tall fra Q2 2011). Dette er en økning på to prosent fra 2010, og tallet har økt hvert år siden 2004. Syv av ti netthandlere kjøpte reiser, innkvartering og billetter til arrangementer &#8211; noe som gjør disse til de mest omsatte produktene på nettet.</p>
<p><img class="aligncenter size-full wp-image-9213" title="ssb-netthandel-i-norge" src="http://www.metronet.no/wp-content/uploads/2012/01/ssb-netthandel-i-norge.gif" alt="" width="400" height="320" /></p>
<h3>Nettbutikkene selv er optimistiske</h3>
<p>Forbrukernes ønsker om å handle mer på nett speiles av forventningene nettbutikkene har til fremtiden. 80% av norske nettbutikker forventer omsetningsvekst i 2012 &#8211; noe som gjør Norge til et av landene i Europa med størst tro på vekst innen netthandel.</p>
<p>Camilla Palm fra <a title="DIBS Payment Services" href="http://www.dibs.no" target="_blank">DIBS Payment Services</a>:</p>
<blockquote><p>“Utviklingen i nettsalg har på ingen måte avtatt, og hverken forbrukerne eller butikkene ser en ende på eventyret. DIBS’ e-handelsindeks, som bygger på dybdeintervjuer med over 9000 internettbrukere og 333 nettbutikkeiere. Hele 79% av de norske netthandlerne og ser for seg en økning i konsum i 2012, og nettbutikkene er enda litt mer positive.” <sup>1</sup></p>
<p><img class="aligncenter size-full wp-image-9214" title="forventet-omsetning-1024x627" src="http://www.metronet.no/wp-content/uploads/2012/01/forventet-omsetning-1024x6271.png" alt="" width="1024" height="627" /></p></blockquote>
<h3>Enorm økning i julehandel på nett</h3>
<p>Julehandelen har lenge vært årets beste tid for tradisjonelle utsalgssteder, nå viser tall at dette bildet også beveger seg til netthandel. I følge vår undersøkelse oppga 36% av Norges befolkning at de kom til å handle minst én julegave på nett. Du kan lese mer om julehandelen 2011 på <a title="NA24: Julehandelen herjer på nett" href="http://www.na24.no/propaganda/article3287092.ece" target="_blank">NA24: Juleshopping herjer på nett</a>. Artikkelen refererer til Metronets undersøkelse. Enkelte nettbutikker oppgir at hele 50% av årets omsetning skjer i fjerde kvartal.</p>
<p>Peder Inge Furseth, førsteamanuensis ved Handelshøyskolen BI:</p>
<blockquote><p>“Julehandelen på internett ser ut til å øke dobbelt så mye som julehandelen i tradisjonelle butikker”. (<a title="BI: Nettet løfter julehandelen" href="http://www.bi.no/no/Forskning/Nyheter/Nyheter-2011/Nettet-lofter-julehandelen/" target="_blank">bi.no</a>)</p></blockquote>
<h3>Få gjennomførte kjøp per måned vitner om stort potensiale</h3>
<p>De fleste oppgir i vår undersøkelse at de har gjennomført 1-5 kjøp på nett de siste seks månedene, så her ligger det åpenbart et potensial hos eksisterende netthandlere. Antallet kjøp per måned vil vokse i takt med at utvalget av nettbutikker og produkter øker, og befolkningens netthandelsvaner utvikler seg og blir en del av vanlig handlemønster.</p>
<p><img class="aligncenter size-full wp-image-9215" title="antall-kjoep-siste-seks-mnd-1024x697" src="http://www.metronet.no/wp-content/uploads/2012/01/antall-kjoep-siste-seks-mnd-1024x697.png" alt="" width="1024" height="697" /></p>
<p>Vi spurte også utvalget om hvor viktig enkeltfaktorene var for de som handlet på nett. Her er noen smakebiter på resultatene.</p>
<ul>
<li>Mye og god produktinformasjon</li>
<li>Godt design og tillittsvekkende uttrykk</li>
<li>Lav pris</li>
<li>Gode betalingsløsninger</li>
</ul>
<p>På mange måter kan vi si at vi fortsatt er i startfasen når det gjelder netthandel.</p>
<h3>Et spennende år for netthandel</h3>
<p>Konklusjonen av tallene over må bli at 2012 blir et meget spennende år for netthandel og en stor mulighet for bedrifter som ser etter vekstmuligheter. For tilgang til hele materialet i undersøkelsen (30 spørsmål), kontakt: <a title="simen@metronet.no" href="mailto:simen@metronet.no">simen@metronet.no</a>.</p>
<p><sup>1</sup> <small><em>Metronet samarbeider med <a title="DIBS Payment Services" href="http://www.dibs.no" target="_blank">DIBS Payment Services</a>, skandinavias største største leverandør av Internett-betalingsløsninger. Hvert år utfører DIBS en undersøkelse vedrørende netthandel de har kalt <a title="DIBS E-handelsindeks" href="http://www.dibs.no/nyheter/nyhed/&amp;newsid=239" target="_blank">DIBS e-handelsindeks</a>. Undersøkelsen gir en god pekepinn på netthandelsmarkedet i Europa.</em></small></p>
<p><a href="http://www.metronet.no/netthandel-vokser-i-norge/">Netthandel vokser i Norge</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/Wrnud4GIoCU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/netthandel-vokser-i-norge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/netthandel-vokser-i-norge/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=netthandel-vokser-i-norge</feedburner:origLink></item>
		<item>
		<title>Økt engasjement rundt WordPress</title>
		<link>http://feedproxy.google.com/~r/metronet-feed/~3/dpc74c0OOTU/</link>
		<comments>http://www.metronet.no/okt-engasjement-rundt-wordpress/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 15:27:44 +0000</pubDate>
		<dc:creator>Arnstein Larsen</dc:creator>
				<category><![CDATA[Webutvikling]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.metronet.no/blogg/?p=8493</guid>
		<description><![CDATA[<p>De siste månedene har vi i Metronet tatt initiativ til å etablere en meetup-gruppe med WordPress-entusiaster. Kort fortalt er dette en åpen gruppe for alle som har interesse av å dele erfaringer og lære mer om WordPress. Gruppen møtes én gang per måned og det er gruppens egne medlemmer som holder innlegg og deler sin [...]</p><p><a href="http://www.metronet.no/okt-engasjement-rundt-wordpress/">Økt engasjement rundt WordPress</a> på <a href="http://www.metronet.no">Metronet</a></p>]]></description>
			<content:encoded><![CDATA[<p>De siste månedene har vi i Metronet tatt initiativ til å etablere en meetup-gruppe med WordPress-entusiaster. Kort fortalt er dette en åpen gruppe for alle som har interesse av å dele erfaringer og lære mer om <a href="http://www.metronet.no/wordpress/">WordPress</a>. Gruppen møtes én gang per måned og det er gruppens egne medlemmer som holder innlegg og deler sin kunnskap med de andre medlemmene i gruppen. Det er nå godt over hundre medlemmer i gruppen og på neste ukes meetup har snart 40 personer meldt at de vil komme.<span id="more-8493"></span></p>
<p><img class="size-full wp-image-8499 alignleft" title="WordPress logo" src="http://www.metronet.no/wp-content/uploads/2011/11/blue-l.png" alt="WordPress logo" width="150" height="150" /></p>
<p>Vi er veldig glade for det engasjementet alle viser rundt WordPress. Vi i Metronet lærer gjerne av andre og vi deler gjerne av den kunnskapen vi selv sitter på. Drivkraften med kunnskapsdeling og communitybasert utvikling er selve kjernen i Open Source og vi er veldig glade for at det begynner å bli et såpass stort engasjement rundt WordPress i Oslo og Norge forøvrig.</p>
<p>Er du interessert i WordPress er du velkommen med i <a href="http://www.meetup.com/Oslo-WordPress-Meetup-Group/">Oslo WordPress MeetUp Group</a>. Vel møtt!</p>
<p><a href="http://www.metronet.no/okt-engasjement-rundt-wordpress/">Økt engasjement rundt WordPress</a> på <a href="http://www.metronet.no">Metronet</a></p><img src="http://feeds.feedburner.com/~r/metronet-feed/~4/dpc74c0OOTU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.metronet.no/okt-engasjement-rundt-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.metronet.no/okt-engasjement-rundt-wordpress/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=okt-engasjement-rundt-wordpress</feedburner:origLink></item>
	</channel>
</rss>

