25 Aug 2011, Per-Mattias Nordkvist
Den stora snackisen denna vecka har varit beskedet att Jula lägger ned sin e-handelssatsning. I den här intervjun menar man att kunderna svikit och att intresset inte varit stort nog för att motivera de satsningar man gjort.
Man märker att många reagerat nervöst på detta och lite oroligt tittar man omkring sig och undrar om det här med e-handel är en ny IT-bubbla. Det antagandet är en stark överreaktion. E-handeln är starkare än någonsin(försäljningen ökade med 10% Q1 2011) men nyheten att Jula lägger ner kan bara förklaras med att e-handel inte kommer att fungera för alla branscher. Jula är ett företag som börjat inom distanshandel men efterhand varit väldigt framgångsrika i att bygga upp en stark butikskedja. Denna kedja har över tid blivit mer lönsam än distanshandeln och trots försöken att erbjuda handel på nätet verkar det som att de lågprisprodukter som Jula erbjuder inte är väldigt attraktiva på nätet.
Julas affärsidé numera handlar om att fresta kunderna i butiksmiljön så att kunderna mer eller mindre fyller en kundvagn med alla anmärkningsvärt billiga varor. Lite som med servetterna, galgarna, och ljusen på IKEA. Även om du inte kom för att köpa något är det omöjligt att lämna butiken utan att ha handlat. Denna wow-känsla över de billiga priserna man får hos dessa kedjor har inte samma effekt på nätet där man lugnt och sansat kan välja mer kvalitativa produkter till ett mycket bra pris.
Enligt Consumer Commerce Barometer kan man se hur få hushållsvaror som faktiskt köps online. I denna graf nedan jämförs hushållsvaror med hemelektronik. Skillnaden är slående.

Denna graf säger följande(se grafen här):
- 5% researchar hushållsvaror online OCH köper hushållsvaror online
- 13% researchar hushållsvaror online MEN köper i butik
- 48% researchar hemelektronik online OCH köper hemelektronik online
- 52% researchar hemelektronik online MEN köper i butik
Affärsidén som fungerar utmärkt i butik har helt enkelt inte samma funktion på nätet. Med denna logik känns det som ett rimligt antagande att inte heller Ö&B eller Jysk skulle göra ett mycket bättre jobb med näthandel. Även deras produkter är gjorda för butiken. Inte för nätet.
Detta och inget annat skall vi ta med oss från nyheten om att Jula slutar med e-handel.
22 Aug 2011, Per-Mattias Nordkvist
Jag läste för ett år sedan en rolig text av en amerikan som flyttat till sverige och jobbat här ett tag och försökt samla sina intryck från det första året. Han gjorde en travesti på det amerikanska uttrycket ”The only thing certain in life is death and taxes” då han menade att ”the only thing certain in sweden is death, taxes and more meetings”. Att vi i sverige har en möteshysteri som framför allt bottnar i vår förankringsmani där vi i det längsta eftersträvar konsensus i viktiga frågor.
Den svenska(skandinaviska?) konsensuskulturen är väldigt speciellt och den behåller jag gärna men dessa olidligt utdragna möten vi har gör jag gärna något åt. Jag har tidigare skrivit om just möteskultur och inser så här i efterhand hur svårt att detta kan vara att genomföra i praktiken.
Därför är det intressant att just Google kommer till undsättning. På Improove använder vi Google apps för mail och kalendrar och gör således våra kalenderbokningar i Google Calendar. Om du också använder denna tjänst kanske du också har märkt att gränssnittet ändrats under våren? När man bokar möten nu så föreslår Google 25 eller 50 minuter långa möte. Inte 30 eller 60 minuter som tidigare. Man menar att om alla går in i ett möte i tron om att det är bokat i 60 minuter så kommer det i själva verket att ta 70 minuter. Därför rekommenderar man kortare mötesbokningar på 50 minuter vilket enligt Google troligtvis kommer att ta ca 60 minuter.

Otroligt enkelt och smart. Att detta kommer från en av de största auktoriteterna på området kanske inte är så konstigt. Jag har länge imponerats av Googles möteskultur. Businessweek har ett bra reportage om Googles möteskultur.
21 Aug 2011, Per-Mattias Nordkvist
Jag har tidigare skrivit lite om responsive webdesign på bloggen(här och här) och höll en session på SSWC för ett tag sedan. En nyttig session med mycket bra input från flera av deltagarna. Vi hade bland annat et mycket intressant samtal om mobilversioner överhuvudtaget och hur irriterande det är när en mobilversion av en webbplats inte innehåller all den funktionalitet som finns i desktop-versionen. Frågan som ställdes var om det i vissa fall inte är bättre att skippa en mobilanpassad version och bara låta besökarna se den ordinarie versionen av sajten.
Detta har fått mig att tänka på hur man enklast sköter växling mellan desktopversoinen(med full funktionalitet) och en ev. begränsad mobilversion i responseive webdesign(och media queries). Det vanliga angreppssättet att växla mellan versioner av webbplatsen är att lösa detta med cookies som skickar information till servern om vad användaren valt. Efter en stunds funderande slår det mig att också detta moment blir enklare i en responsive-approach. Så pass att också går att lösa med…CSS helt utan php-kod.
Eftersom media queries bara väljer css kan man i responsive webdesign sköta detta helt och hållet på klientsidan. Genom att lägga in två st knappar på sidan. En för mobilversionen och en för desktopversionen kan man helt enkelt dölja eller visa dessa beroende på vilken CSS-som visas. Ett tryck på denn knapp gör sedan två saker.
- Sätter en cookie via javascript som håller reda vilken version man vill visa.
- Aktiverar ett javascript som tömmer eller lägger till css beroende på vilken version som är vald.
Detta kan se ut som nedan. När man trycker på knappen tas iphone-css-filen som media queries aktiverat bort och istället visas den vanliga sajten som användaren får zooma i om man vill. Helt utan sidomladdningar och det går blixtsnabbt eftersom allt content redan är inladdat.

Återigen förbluffande enkelt. Knapparna jag lägger in har följande kod.
<a id="normalLink" href="javascript:removejscssfile('style_iphone.css', 'css')">visa hela sajten</a>
<a id="mobileLink" href="javascript:applycssfile('style_iphone.css', 'mobileStyle')">visa mobil version</a>
I css för mobil-sajten har #normalLink ”display: inline” och #mobileLink ”display:none”. När css-filerna switchas så växlas bara dessa värden och den knapp som nyss visades döljs och vice versa.
För att slippa ladda om sidan använder jag mig av följande javascript-metod för att rensa bort css-kod som lagts till av media queries-frågan. Det funkar helt smärtfritt i de tester jag gjort.
function removejscssfile(filename, filetype) {
var targetelement = "link";
var targetattr = "href";
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--) {
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) {
allsuspects[i].parentNode.removeChild(allsuspects[i])
}
}
}
I de fall jag behöver lägga till en inte inladdad css använder jag istället denna metod.
function applycssfile(filename) {
$('head').append('<link rel="stylesheet" href="'+filename+'" type="text/css" />');
}