20 senaste blogginläggen

Ny sajt för Rut mfl.

Wed, 20 Oct 2010 10:13:22 +0200

Pga att klädmärket Rut mfl ompositionerats behövde även deras nuvarande sajt ett ansiktslyft. Förutom att själva profilprogrammet skulle implementeras har vi även lagt ett ännu större fokus på Ruts kollektion plus tydligare integrering med sociala medier i form av egen blogg, Facebook, Twitter och Spotify. Läs mer och se fler bilder på Ruts hemsidaprojekt här.

Ny sajt för Earphones

Thu, 16 Dec 2010 12:48:52 +0100

Härom veckan slog butiken Earphones upp portarna i här i Göteborg. Earphones är inte mindre än en sk flag ship store för ett av världens populäraste hörlursmärken - Skullcandy. Tanken bakom sajten var att skapa en social hubb för Earphones där vi samlar deras blogg, Facebookprofil, filmer från Vimeo och spellista från onlineradiokanalen last.fm. Sajten är byggd i det lättskötta publiceringsverktyget Wordpress

Tjuvkik på nya Dragnet

Wed, 30 May 2012 15:33:00 +0200

Dragnet håller på att bli en flexibel sida. Det är fortfarande saker kvar, men här kommer en liten glimt av hur det kan komma att se ut.

Inspiration från codrops

Tue, 08 May 2012 15:07:48 +0200

"Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge."

Den twittrade länken ledde till en demosida. På demosidan fanns en länk till demon innan, och så var karusellen igång. Jag bläddrade igenom många inspirerande experiment. Här kommer de jag tyckte var mest intressanta!

Blädderbart

Innehållet är upplagt som en bok, två sidor för varje uppslag, en framsida och en baksida. Den stora grejen är att det går att bläddra sig genom innehållet, oavsett om du tittar på sidan med en datorskärm eller en mobilskärm. Det går att klicka på artiklarna och läsa hela, för hela texterna inte får plats på sidorna. Innehållet anpassas efter storleken på fönstret. Det innebär att den är fullt anpassad för mobilen också. Det gillas!

Sidan visas, på datorn, bäst i Safari och Chrome.

Besök http://tympanus.net/Development/FlipboardPageLayout/

Riktad hovereffekt

Detta är den nya varianten av bildgalleri där en kort beskrivande text dyker upp vid hover. I denna variant bestämmer nämligen pekarens riktning när den hovrar bilden från vilket håll som texten glider in från. Det ger känslan av att det är en ruta bakom som följer med pekaren och visar olika text beroende på bild. Det ger ett bra flöde!

Besök http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

4-delat bildspel

Tänk dig några bilder och att du sedan klipper varje bild i fyra bitar. Bilderna sätts sedan ihop och när du bläddrar mellan dem så är varje del som ett eget bildspel, men till slut ser det ändå ut som en enda bild. Det är vad detta är.

Besök http://tympanus.net/Tutorials/CSS3SlidingImagePanels/

Knappar med klickeffekt

Knappar kan utformas på alla möjliga olika sätt. Se ut på ett sätt när den visas och ett annat sätt när den blir klickad på. Här är knapparna utformade så att de ska se ut som riktiga fysiska knappar som trycks ner.

Besök http://tympanus.net/Tutorials/CSSButtonsPseudoElements/

Tumnaglar som gömmer sig

Detta är något som sticker ut. Kolla in det!

Besök http://tympanus.net/Tutorials/ProximityEffect/

Test av övergångar i bildspel

Bildspel som ser ut att bläddras i 3D.

Besök http://tympanus.net/Development/ImageTransitions/

Masonry

Fri, 04 May 2012 13:14:07 +0200

Masonry på dragster.se

Istället för att floata divar på många olika sätt och ändå få massa luft mellan dem kan du använda Masonry. Den känner av bredden på dina divar och passar ihop dem till ett mosaikmönster. Se bilden ovan för att se hur det ser ut på Dragsters startsida.

Läs mer om jQuery Masonry, eller prova på Vanilla Masonry, som inte använder jQuery!

Så kan du bli bättre på att utvärdera din webbplats

Wed, 12 Jan 2011 09:02:54 +0100

Eat your own dog food är ju en gammal marknadsföringsklyscha som bygger på att man måste använda sina produkter för att förstå hur kunderna kan använda dem. På samma tema kan du lära dig förstå hur dina kunder använder din webbplats för att lättare utvärdera vad som är bra och dåligt med den.

Gör så här:

Tänk ut en produkt eller tjänst som du funderar på att köpa inom en snar framtid. Kanske är det något till bilen, nya kläder eller något till hemmet? Alltså, välj en produkt som du skulle leta efter på nätet. Surfa runt och försök att tänka på hur du gör. Fundera på frågor som:

Hur letar du?
Vilka sidor besöker du?
Hur många sidor besöker du?
Hur länge stannar du?
Emellan vilka alternativ väljer du?
Vilka egenskaper är viktiga?
Vilket innehåll på sidorna var bra?
Vilket innehåll var mindre bra?
Letar du efter olika typer av information på de här sidorna?

Spegla nu dessa svar mot din egen sajt. På vilket sätt tror du att dina kunder använder din sajt för att avgöra om dina produkter är de rätta? Vad är bra på din sajt, vad kan förbättras? Den här övningen är bra på det sättet att du blir medveten om din egen köpprocess och då blir det mycket lättare att se vad din företagswebbplats bör fokusera på. Istället för att blint börja fundera på innehåll och funktioner som det lätt börja med. Vi människor beter oss förvånadsvärt lika när vi letar efter information och övningen kan ge fina ledtrådar till vad din sida ska innehålla.

Det kanske inte alls är en tung introfilm som behövs utan tydliga instruktioner med bra navigering eller det kanske inte alls är en lång företagspresentation med VD:n i talarstolen som ska produceras utan genomarbetade texter och tydliga produktbilder som är lösningen. Eller så är det just det som funkar. Det här sättet kan hjälpa dig fatta bättre beslut över innehållet på din sajt. Lycka till!

Kort om Facebook Timeline

Fri, 13 Apr 2012 14:40:14 +0200

För någon månad sedan introducerades alla sidor på Facebook för Timeline. Det kom till profilsidorna bara några månader sedan, och nu var det alltså företagens och övrigas tur.

Dragster undrade hur Timeline på Facebook fungerade. Dragnet satte ihop en presentation med HTML5 slideshow och berättade. Bilderna i presentationen kommer från Tour Africas Facebook-sida. Ni kan också ta del av presentationen:

http://dragnet.se/webbdesign/facebook-timeline/index.html

Källor och ytterligare information:

AllFacebook: “7 Crucial Things About Timeline For Facebook Pages”

http://www.allfacebook.com/facebook-pages-timeline-7-2012-02

Marketingland: “New Facebook Pages Released With Timeline, Pinning & Private Messaging”

http://marketingland.com/new-facebook-pages-released-with-timeline-pinning-private-messaging-7034

Pando Daily: “Facebook Brings Timeline To Brand Pages”

http://pandodaily.com/2012/02/29/facebook-brings-timeline-and-a-new-admin-panel-to-pages/

Dagens Media: "Fem tips om Facebook Timeline för Pages"

http://www.dagensmedia.se/asikter/article3449364.ec

AllFacebook: “7 Crucial Things About Timeline For Facebook Pages”
http://www.allfacebook.com/facebook-pages-timeline-7-2012-02
Marketingland: “New Facebook Pages Released With Timeline, Pinning & Private Messaging”
http://marketingland.com/new-facebook-pages-released-with-timeline-pinning-private-messaging-7034
Pando Daily: “Facebook Brings Timeline To Brand Pages”
http://pandodaily.com/2012/02/29/facebook-brings-timeline-and-a-new-admin-panel-to-pages/
Dagens Media: "Fem tips om Facebook Timeline för Pages"
http://www.dagensmedia.se/asikter/article3449364.ece
Snabb information från Facebook:
http://ads.ak.facebook.com/ads/FacebookAds/Pages_Overview.pdf
Mer utförlig information från Facebook:
http://ads.ak.facebook.com/ads/FacebookAds/Pages_Product_Guide_022812.pdf
Allmän information » Utforska populära funktioner » Facebook-sidor:
http://www.facebook.com/help/?page=203955942973503

Testanvändare på Facebook

Fri, 30 Mar 2012 13:27:24 +0200

Just nu jobbar jag med en Facebook-kampanj, som snart släpps. Under produktionen så testas Facebook-appen till denna kampanj och till det har jag skapat ett par testanvändare. Facebook har nämligen ett helt api för testanvändare till applikationer.

Till varje app går det att skapa 500 testanvändare. Från början är användaren kopplad endast till en applikation, men det går att koppla på andra applikationer också. En riktig användare kan inte bli vän med en testanvändare, men en testanvändare kan bli vän och interagera med andra testanvändare. De kan inte gilla sidor eller publicera publikt innehåll på Facebook. En testanvändare kan inte bli en riktig användare, hur mycket testanvändaren än vill.

Hur går det till?

Jo, börja med att puttar in denna url i webbläsaren:

https://graph.facebook.com/APP_ID/accounts/test-users?
    installed=true
    &name=FULL_NAME
    &locale=en_US
    &permissions=read_stream
    &method=post
    &access_token=APP_ACCESS_TOKEN

så får du ut något liknande detta som svar:

{
    "id": "1234...",
    "access_token":"1234567..." ,
    "login_url":"https://www.facebook.com/platform/test_account..."
    "email": "example...@tfbnw.net",
    "password": "1234..."
}

och sen är det bara att sätta igång testningen.
Koden är hämtad från Facebooks egna dokumentation: http://developers.facebook.com/docs/test_users/

Adminpanel för testanvändarna

Beroende på hur många testanvändare som används så kan mängden säkert göra det krångligt att hålla reda på. För det så har någon kodat ihop en administrationspanel för dessa testare. På sidan masteringapi.com finns Introduction To Facebook Test Users Accounts With PHP-SDK som går igenom steg för steg.

Wordpress-tips v.13

Thu, 29 Mar 2012 14:19:23 +0200

Puffar. Det lilla innehållet som leder till det stora. Länge skapade jag mina egna sorters puffar i Wordpress, tills jag hittade någon som gjort ett plugin för just detta ändamål.

Hur det funkar

Pluginet var till en början förvirrande när jag försökte förstå uppbyggnaden. Först ska en puff area skapas. Sedan ska widgets läggas till i rätt widget area och varje widget måste ha en puff area vald. Efter detta skapas puffarna. För varje puff måste man välja vilka sidor puffen ska vara synlig på och i vilken puff area den ska visas. Då gäller det att just den puff arean är vald till en widget som är placerad på just den sidan.

Även fast det känns lite krångligt att jobba med pluginet, så fyller det ändå en funktion. Vissa saker tycker jag själv kan förbättras, men det är ett bra plugin.

Ett tillägg

Varje puff kan länkas till en custom url. Dock är detta fält bara ett textfält. Jag ville gärna kunna välja bland de sidor jag skapat, så jag tweakade litegrann. I filen inc/puff-meta-boxes.php och funktionen spathon_puff_attributes_func lade jag till post metan _puff_link_id.

$puff_link_id = get_post_meta($post->ID, '_puff_link_id', true);

/**
*
* Puff link id
*
*/
?>
<p>
    <label for="ps_puff_link_id"><strong><?php _e('Link', 'ps_puffar_lang'); ?></strong></label>
    <?php wp_dropdown_pages(array('name' => 'ps_puff_link_id', 'selected' => $puff_link_id, 'show_option_none' => '- ingen -')); ?>
   </p>

Och i functionen spathon_save_puff_meta lade jag till

/**
* Save the puff link id
*
* Delete the meta if empty else save the link id
*/
$puff_link = $_POST['ps_puff_link_id'];
if (empty($puff_link)) delete_post_meta($puff_id,'_puff_link_id');
else update_post_meta($puff_id,'_puff_link_id',$puff_link);

Efter detta så är det bara att hämta ut länken med

$puff_link_id = get_post_meta($post->ID, '_puff_link_id', true);
get_permalink($puff_link_id);

Läs mer:

Just nu-appen uppe!

Fri, 16 Mar 2012 14:16:56 +0100

Ja, det är sant. Dragsters första riktiga native app ligger uppe på Appstore och Google Play för er att ladda ner gratis!

» Så här ser Just nu-appen ut i Android

Adobe Shadow

Fri, 09 Mar 2012 15:12:40 +0100

Med nya Adobe Shadow (beta) kan utvecklare koppla ihop en smart telefon med datorn och se sidan renderas i de båda enheterna. Jag ser fram emot att testa detta!

Dragsters julkalender 2011

Fri, 24 Feb 2012 14:50:52 +0100

Dragsters julkalender för 2011 skiljde sig från övriga år. Temat var Dragster-året som gått. Vad hade Dragster egentligen sysslat med under det händelserika året 2011? Dragnet programmerade ihop en sida för att presentera detta medan Dragster fyllde luckorna.

» Visning i datorn

Luckorna

Alla luckor visas på en sida. Allt eftersom decemberdagarna gick blev en ny lucka aktuell. Den gick på dag och klockslag. Kl 23:59 visades en lucka och två minuter senare blev nästa dags lucka aktuell. Det gjorde att innehållet kunde fyllas på i förväg och "publiceringen" kunde sedan sköta sig själv.

Kollen, om luckan var aktuell, dåtida eller framtida, gjordes både när luckan presenterades och när innehållet hämtades vid öppning. Det gick alltså inte att kolla på någonting i förväg. Den aktuella luckan lades överst och blev röd. De luckor som redan öppnats låg i lagret under och de som inte öppnats låg underst och visade Dragster-loggan istället för en luckbild.

» Kalendern som den såg ut 10e december

Javascript som användes

Polaroid photo viewer
Det hela baserades på en polaroid photo viewer som gjorts av Marco Kuiper. Målet var att anpassa denna så kalendern skulle kunna följas även i läsplatta och smart mobil.

jQuery UI
Inbyggt i polaroid photo viewer fanns jQuery UI. Draggable användes när en bild flyttades med muspekaren. Från början ändrades bildens rotation när den flyttades eller klickades på, men det kommenterades ut för denna kalender.

Detect Mobile Browsers
En liten kodsnutt från detectmobilebrowsers.com som avgör om besökaren surfar från en mobil eller inte. Här lades ipad till för att få samma funktionalitet för ipadens touchscreen som mobilerna.

Doubletap
På de små enheterna med touch så är det krångligt att klicka på de små siffrorna för att öppna en lucka. En doubletap är mycket smidigare. En doubletap känns av och triggar ett klick på den luckans siffra, så egentligen händer det exakt samma sak som när man klickar på siffran.

Toucharea
För att kunna flytta runt bilderna på en touch screen används toucharea. Med hjälp av den kan man få tag i händelser som touchdragstart och touchdragmove, vilket är precis vad som händer när en bild flyttas.

Fancybox
Till sist lades Fancybox 2.0 in. Den visar luckorna i rätt format oavsett enhet.

» Kalendern i mobil

» Lucköppningen i mobil

Besök dragster.se/jul

Feedback på photo viewer

Thu, 01 Mar 2012 10:35:20 +0100

Dragsters julkalender, som jag skrev om i måndags, är byggt på något som heter photo viewer. Jag skickade ett meddelande till Marco, som utvecklat photo viewer och fick detta svar:

Hello Elisabeth,

Thank you for your mail.

Your change to the photo viewer looks absolutely awesome - well done! That's the kind of stuff that I love to see; people that remix my work, and improve it in a huge way. Well done!

Have a nice day.

Greetings,
Marco
http://www.marcofolio.net/
http://twitter.com/marcofolio

Kolla vidare:

Information overload

Wed, 27 Apr 2011 23:44:07 +0200

Kan man ha för mycket information på en sajt? Och hur mycket är för mycket egentligen? Och vad händer när besökaren får för mycket information?

Det finns en gammal postordersanning som säger att ju mer du berättar om en produkt desto lättare är det att bestämma sig för att köpa. Andra menar tvärtom - att bara visa lite, att inte berätta allt för att kunden ska bli så lockad att den kontaktar företaget och köper varan. Men hur vet man på vilken nivå man ska lägga sig? Och vilken information ska man ta med?

Vad är problemet med för mycket information?

För att vi ska kunna fatta ett beslut behöver vi information. För att vi ska kunna välja mellan två löparpjucks behöver vi information om vad som skiljer dem åt. Vad som är fördelar och vad som är nackdelar med dem. Ju mer information vi får desto bättre beslut kan vi ta. Ju fler produkter vi har att välja på, desto större chans är att vi hittar den produkten som motsvarar just våra behov.

Men det finns en gräns. Får vi för mycket information leder det till att vi blir förvirrade, att vi börjar filtrera bort information automatiskt och att vi får svårare att hantera urvalsprocessen. Vi tappar uppmärksamhet får svårare att koncentra oss. Vi klarar helt enkelt inte av att ta till oss all information. Och det här är ju inte så bra. Om sajten innehåller för mycket information finns risken att besökaren inte orkar med att hitta produkten som är perfekt just för honom eller henne. Det leder också till att besökaren får svårare att ta ett köpbeslut. Även om man köper blir det kanske bara en halvbra produkt. Vilket i sin tur påverkar nöjdheten efter köpet som i sin tur påverkar återköpen.

Finns det någon fördel med för mycket information?

Ja, det gör det faktiskt. I studier har man sett att ju mer information en sida har desto positivare attityd får man till sajten och till varumärket. Bara blotta synen av den stora mängden information gör att vi blir imponerade.

Informationsmängden beror på många saker

Tyvärr går det inte att säga att en sida ska ha si och så mycket produktfakta för att besökaren ska känna sig nöjd. Det finns en rad olika variabler som påverkar informationsmängden.

Personligheten spelar t ex in. Vissa är bättre på att ta hand om mer information och är mer motiverade att ta del av information än vad andra är. Ålder är en annan variabel som också påverkar. Äldre uppskattar t ex mer stilrena sidor än yngre. Kulturen påverkar också. Asiater är i regel bättre på att filtrera mycket information än folk från väst eftersom de är vana vid en miljö som innehåller mer intryck. Medan västlänningar vill ha faktan mer uppstyrt.

Kunskapsnivån påverkar också hur mycket information en person kan ta emot innan han eller hon fattar sitt köpbeslut. Den som inte kan något om en produkt eller produktkategori vet inte riktigt vad de ska leta efter och söker därför inte så värst mycket information. Den som har en medelhög kunskapsnivå om produkterna klarar av desto mer medan experten inte behöver speciellt mycket information för att kunna fatta ett köpbeslut.

Själva produkten i sig påverkar givetvis hur mycket information vi är benägna att ta emot. En lågengagemangsprodukt som t ex chips eller diskmedel är inte speciellt intressant att läsa om medan en högengagemangsprodukt som ett nytt affärsystem eller en ny bil är det desto mer.

Nätets interaktiva möjligheter, att besökaren själv klicka runt och välja vilken typ av information och i vilken ordning, kräver att vi använder en del av processorkraften i hjärnan till att komma ihåg var vi har varit och var vi ska härnäst och hur saker och ting hänger ihop.

Utmaningen ligger i att hitta den optimala nivån där besökaren känner att den får all den informationen som den behöver för att kunna ta ett köpbeslut. Hur detta kan göra mer konkret kommer i ett inlägg längre fram. Tanken är ju att ni ska orka att ta till er all information...

Mer info om för och nackdelar med information och hur vi sållar finns i:

The Effect of Web-Based Information Availability on Consumers' Processing and Attitudes av Maria Sicilia & Salvador Ruiz, Journal of Interactive Marketing

The Interactive Choice Aid: A new aproach to supporting online consumer decision making av Nils Reisen och Ulrich Hoffrage, Transactions on Human-Computer Interaction

Improving Performance, Perceived Usability, and Aesthetics with Culturally Adaptive User Interfaces av Katharina Reinecke och Abraham Bernstein

Har din företagswebbplats fått mindre betydelse?

Wed, 05 Jan 2011 00:01:05 +0100

Det är lätt att bli hemmablind och bara fokusera på den egna sajten på nätet, men webbplatsen är inte den enda kontaktytan mellan dig och dina kunder. Under köpprocessen kan konsumenten komma i kontakt med ditt varumärke i ett flertal olika sammanhang. Köpprocessen går kortfattat ut på att en konsument upplever ett behov, letar efter information om lösningen, gör en utvärdering bland alternativa lösningar och därefter köper varan och konsumerar den.

För att hitta en vara kan konsumenten till exempel använda sig av prisjämförelsesajter, kundbetygssajter, diskussionsforum, webbutiker, bloggar, tidningar, dina återförsäljares webbplatser eller affilliatessajter. 47% av köpare av nya bilar börjar köpprocessen med att besöka en oberoende webbplats. I genomsnitt besöker köparen sammanlagt 8 sajter varav 3.1 är företagsajter enligt undersökningsföretaget J.D. Power. (Summering här) Det är alltså inte säkert att folk besöker din företagssajt trots att du kampanjat och sökoptimerat den. Syns du inte på de oberoende sidorna minskar chansen att du inte blir en av de varumärken som konsumenten har som alternativ. I oktober presenterade Mediabyrån IUM en undersökning som visade att besökssiffrorna till företagswebben dessutom har minskat från 86% till 76% sedan 2006.

Din webbplatsen är inte allt här i världen

Din webbplats är alltså inte hela och ska inte vara den enda plats på Internet där du visar upp dig. Det finns mängder av sätt att få ut ditt varumärke och informationen du redan tagit fram på nätet. Och på så sätt öka chansen att konsumenterna upptäcker dina produkter. Klassiskt marknadsföringstänk förstås. Det som är extra bra är att distributionskostnaderna för de flesta av de här kanalerna dessutom är nära noll.

5 + 5 sätt att sprida ditt varumärke

Det finns nästan en sajt för alla typer av innehåll som du kan utnyttja.

Nyheter och pressmeddelanden kan distribueras via Mynewsdesk eller RSS-teknik
Worddokument och pdf:er via Scribd
Powerpoint och Keynotepresentationer via Slideshare
Instruktionsvideos, reklamfilmer eller annat rörligt via Youtube
Musik och ljudfiler via Soundcloud

Men mina kunder har aldrig hört talas om Scribd eller Slideshare kan man kanske invända. Det är säkert sant men eftersom distributionen är gratis spelar det inte så stor roll om det bara är en liten del av din målgrupp som verkligen känner till och besöker sajterna. Många av de här sajterna gör det dessutom enklare för både dig och för dina kunder att sprida informationen vidare genom till exempel inbäddning på den egna bloggen. Här är fler exempel på lösningar förutom traditionella banners som dock kräver utgifter för att komma igång med.

Din produktkatalog kan integreras med prisjämförelsesajter som Pricerunner eller Kelkoo.
Bli en sponsor av en populär sida som avhandlar ämnen som rör dina produkter.
Bli en del av en expertpanel som hos t ex Driftig.nu.
Samarbeta med ett annat företag som kompletterar era varor och tjänster. För fotbollsmagasinet Match byggde vi till exempel in hela kedjan Stadiums sortiment av fotbollskor på sajten.
Därtill har vi förstås att vara aktiv i sociala medier som det diskuterats till dödagar de senaste åren. Bygg relationer och prata med era kunder, svara på folks frågor i forumtrådar eller skapa en blogg som hjälper besökarna med deras behov.

Men den egna webbplatsen då?

Ska man inte lägga krut på den när det ser ut så här? Jo, med tanke på alla dessa kontaktytor en surfare kan ha med ditt varumärke och hur liten kontroll ett företag har över kommunikationen numera är kanske din webbplats viktigare än någonsin. Det är här du har full kontroll över varumärkesupplevelsen. Du kan bestämma vilka budskap den ska förmedla och kan därmed aktivt påverka köpprocessen. Du har också, vilket är mer intressant egentligen, långt större möjligheter med att hjälpa kunden välja den produkt som bäst löser dess behov. Genom att veta vilka vilken information som eftersökt och vilka alternativ som kunden väljer emellan kan du få fram ett innehåll och funktionalitet som är helt skräddarsytt efter dina produkter. Prisjämförelsesajter eller t.ex. Facebook kan bara ge en begränsade möjligheter till detta. Så det är inte en fråga om att antingen satsa på din webbplats eller andra webbplatser, utan hur du kan integrera den med övriga webben.

Hur inspiration från dataspel kan skapa engagerande webbplatser

Thu, 04 Nov 2010 22:08:27 +0100

En av de roligaste upptäckterna inom webbutveckling är hur man kan använda sig av spelmekanismer för att skapa mer engagerande webbplatser. Enkelt beskrivet så har man märkt att om besökaren på något sätt kan börja få poäng för vad den gör på hemsidan så har man därmed skapat en mer fängslande användarupplevelse. Med detta menas alltså inte att sajterna skall byggas om till plattformsspel eller 3D-världar utan att man använder sig av de belöningssystem som gör spel så fängslande för många. Det som är attraktivt med att utnyttja spelmekanismerna är att engagemang är otroligt viktigt när man vill skapa en sajt som folk vill återkomma till. Något som är av intresse för de flesta sajter. I synnerlighet för sociala nätverkssajter.

Det finns många exempel på hur det här poängsamlandet kan te sig. På sajten cafekartan.se kan man söka efter cafeer Sverige och se vad andra medlemmar på sajten tycker om dessa. De flitigasta medlemmarna som tipsat och recenserat flest cafeer får stoltsera med namn och bild på sajtens förstasida. Eller ta positioneringstjänsten Gowalla som går ut på att visa för sina kompisar var man befinner sig för tillfället. Där får man virtuella pins efter ju fler ställen man besöker som man sedan kan stoltsera med på sin profilsida.

Undertecknad har försökt förgäves att få helt okända medlemmar på Colorlovers.com (som är ett något nischat community för att skapa och dela med sig av färgpaletter) att rösta de finaste kombinationerna undertecknad hittat på.

Yahoo Answers har förfinat konceptet ytterligare. Answers fungerar ungefär som ett forum där folk kan ställa frågor om vilket ämne som helst. Andra besökare kan därefter svara på dessa frågor. Skillnaden mot just forum är att här kan man rösta på de svar som man tycker passar bäst vilket gör det lättare för andra besökare som söker svar på samma fråga inte behöver läsa varenda inlägg i en och samma tråd. Ju fler som röstar på ett svar desto fler poäng får besvararen. Det som triggar lite extra är att komma upp i de magiska 250 poängen som gör det möjligt att få klistra in länkar i sina svar. Detta kan i sin tur kan dra lite extra trafik till besvararens sajt.

Systemet tjänar alla på. De som undrar kan räkna med att få bra relevanta svar, de som svarar får poäng och stiger i graderna och Yahoo får en massa trafik.

Vi verkar alltså gå igång på allt som har med topplistor och poäng att göra. Något som bottnar i att vi når en tillfredsställelse i att se att vi blir bättre och bättre på ett område och också ges möjlighet att visa upp denna förbättring för andra människor. Det verkar heller inte spela någon som helst roll vilka dessa människor är, om vi känner dem eller inte. Det viktigaste är kanske att de förstår varför vi får eller förtjänar de poäng vi får.

Dragnet på Webbdagarna

Wed, 15 Sep 2010 09:49:43 +0200

På torsdag den här veckan äger Webbdagarna rum i Göteborg. Det är en konferens om allt som hör marknadsföring på internet till, proppad med seminarier om e-handel, sociala medier och den mobila webben. Dragnet i form av Jonas kommer deltaga i en paneldebatt om reklambyråns roll och framtid i Göteborg. Vi ses där!

Gör nätet oss mer rationella egentligen?

Mon, 05 Jul 2010 22:55:24 +0200

Det talas ofta om hur Internet har omkullkastat alla tidigare regler för marknadsföring. En populär tes är att när vi ska köpa en vara nu för tiden har vi tack vare Internet och dess oändliga informationsmängd blivit mer rationella och mer informerade. Och därmed bättre på att ta beslut som leder till att reklam blir mindre viktig. Jag tror det bara stämmer till en viss del.

Internet gör det möjligt att amplifiera sina köpbehov oavsett anledningen till konsumtionen. De priskänsliga kan underlätta sin sökning efter det billigaste alternativet genom t ex tjänster som Pricerunner eller Servicefinder. De som bryr sig mindre om pengar men vill ha kvalitet kan besöka olika jämförelsesajter, fråga användare på forum eller läsa bloggar för att få reda på hur produkten står sig. Här kan man tala om att vi kan ta mer informerade beslut och undvika produkter som folk har varit missnöjda med eller att man kan spara pengar vid själva köpet.

Men de som har emotionella köpbehov som t ex kläder eller bilar och andra produkter som inte har rationella jämförbara egenskaper, de har istället obegränsade möjligheter att umgås med varumärket och andra konsumenter av varumärket och känna en ännu tydligare tillhörighet.

Dessutom kan ett köpbeslut bestå både av ett emotionellt behov som måste backas upp av ett rationellt resonemang. Reklamen, oavsett om det är vanlig tv-reklam eller en företagshemsida som folk har hamnat på via en sökmotor, har som tidigare en viktig roll i att berätta för folk att produkten faktiskt existerar så att någon kan testa den.

Att förstå drivkrafterna bakom ett köp har därför aldrig varit viktigare.

Värt att tillägga är att vi faktiskt köper en massa produkter som vi aldrig kollar upp på nätet. När googlade du senast efter den bästa disktrasan, brödet eller glödlampan?

Nya ansikten på Dragnet

Sun, 13 Jun 2010 23:47:40 +0200

Hej Jakob ny projektledare och Elisabeth ny programmerare och Dragnets nyaste förmågor. Hur är det idag?
J: Det är en riktigt skön försommardag idag. Succé
E: Idag är jag på gott humör. Solen skiner och det är sista dagen på min praktik. Efter idag får jag betalt för kodandet.

Vad har ni gjort idag?
J: Jag har ätit gröt och svarat på mail, men klockan är inte nio ännu. Sen har jag tagit reda på att man kan överklaga sin p-pot via mail till trafikpolisen-goteborg.vastragotaland[at]polisen.se. Det kan vara en av världens längsta epostadresser.

E: Dagen började med ett besök på Bics nya kampanjsajt Still chic (still-chic.com). Där finns det en tävling där den som skickat in den mest pinsamma historian vinner shopping för 15000 kr. Det är såklart jag som har programmerat sidan! Dagen fortsatte med den ständiga kampen att få en sida att se bra ut i IE6.

Jakob - Hur många instrument behärskar du egentligen?
Jag spelar ganska många instrument, men jag behärskar egentligen bara gitarr. Just nu över jag mest på dragspel, till mina grannars stora glädje.

Elisabeth - Du har hamnat i sushiträsket - hur ska en bra sushi vara?
Bitarna ska inte vara för stora och det ska vara avocado istället för gurka till mig. Om många ska äta tillsammans är den bästa sushin den hemlagade. Det krävs mycket förberedelser, men alla kan kombinera sin egen perfekta maki-rulle så det går på ett ut. Idag har jag haft tur för Maria (copy) bjöd mig på sushi-lunch. Hon utmanade mig att klara en Rubiks kub, jag klarade det och vann en lunch.

Vilken webbsajt kan ni inte vara utan?
J: Chuck Norris facts
E: Dragnets hemsida (och Facebook).

Sociala medier på 30 sekunder

Fri, 05 Mar 2010 15:38:11 +0100

Sociala medier är ett samlingsnamn på en typ av sajter som låter besökaren vara med och ta fram eller påverka större delen av innehållet - till skillnad från mer traditionella webbplatser där sajtens ägare står för innehållet och detta inte går att påverka av besökaren. Chansen är stor att du själv har besökt en sajt som klassas som socialt media. Som den här bloggen t ex.

5 exempel på sociala medier

Bloggar

Bloggen fungerar ungefär som en nyhetssajt där man skriver inlägg. Många privatpersoner och företag har egna bloggar och det som är utmärkande är att det går att kommentera blogginlägg. Du kan själv tycka till om den här texten är bra eller dålig i kommentarsfältet nedan.

Communities

Communities är ett samlingsnamn för en typ av sajt där många människor träffas för att diskutera olika ämnen - oftast i sk forum.

Youtube

Youtube är en sajt där besökare kan titta på filmer och ladda upp egna alster. Filmerna går att kommentera och betygsätta. Besökaren kan också sätta ihop egna spellistor och dela med sig av dessa. Förutom en uppsjö av hemmafilmer finns många musikvideos och klipp från spelfilmer.

Facebook

En sajt där besökare kan kommunicera med sina kompisar. På sidan kan man berätta för sina kontakter vad man håller på med just nu, ladda upp bilder, spela spel mm. Är världens mest populära sociala nätverk.

Twitter

Är en så kallad microblogg där medlemmar kan skriva korta inlägg på max 140 tecken. Man kan till skillnad mot Facebook bli kompis med vem man vill. Har i skrivade stund ungefär 10.000.000 unika besökare i månaden.

Varför är sociala medier viktigt?

En av de mest effektiva sätten att marknadsföra en produkt är att få folk att prata och rekommendera produkten för sina vänner och bekanta eftersom trovärdigheten är mycket större än traditionell reklam. Denna marknadsföringsgren kallas i bland för mun mot mun metoden. Eftersom en person har möjlighet att upprätthålla ett mycket större kontaktnät än tidigare innebär sociala medier mun mot mun på steorider. En annan viktig anledning är att det är möjligt för ett varumärke att skapa en djupare och mer direkt relation med sina kunder än tidigare. Och slutligen kan man naturligtvis annonsera på de flesta av sajterna.