Loggbok.

Äntligen dags för ännu en Drupalträff, den här gången blir det i Odd Hill och Popolos nya lokaler på Östra Rönneholmsvägen 9 onsdagen den 12/10 kl 18.00-19.30.

Det blir som vanligt lite tilltugg och mycket Drupal!

Agendan är under upparbetning men de som är klara är:

Responsive design med LESS framework, Leander Lindahl, Popolo

Responsive Design är ett begrepp som dyker upp överallt och när man tittar närmare på dess popularitet är den inte utan orsak eftersom det innebär ett bra sätt att presentera och anpassa innehåll från samma källa för olika plattformar (dator, smartphone, tablets). Vi gör en kort neddykning i hur Less framework 4 fungerar och försöker bestämma oss för om vi gillar det eller om vi ska leta vidare efter Responsive Designs heliga graal.

LESS CSS dynamic stylesheet language, Daniel Friis, Odd Hill

LESS är ett dynamiskt css-språk, dvs ett annat och i många fall mer effektivt sätt att skriva css på. 

Vi tittar närmare på de saker vi saknade med vanlig css och vilka fördelar, men även nackdelar, som LESS för med sig. Med LESS kan man skapa variabler, funktioner och operationer, vilket css helt saknar, och vi går igenom hur man använder det och ger exempel hur man kan effektivisera sin kod. Vi går även igenom hur man kan integrera tekniken med Drupal och vilka verktyg och rutiner vi använder på Odd Hill.

Effekten av sociala medier på e-handel (Case: Olsson & Gerthel), Adam Gerthel, Odd Hill

Vi tar en titt på hur man drar nytta av Drupal som e-handelsverktyg för att kunna leverera en e-butik som skiljer sig från mängden. Olsson & Gerthel har med hjälp av sociala funktioner som Drupal möjliggör fått draghjälp vilket ökat e-butikens exponeringen och därmed även försäljning.

Hör av er om ni vill bistå med en ytterligare punkt.

Anmäl er här (om ni har konto på drupal.org) eller maila till info [at] oddhill [dot] se så kan vi planera dryck och tilltugg.  

Den mobila sajten har länge fyllt en viktig uppgift; att tillhandahålla en alternativ och mer åtkomlig version av webbsidan. Detta har ofta betytt en avskalad sida med mindre mängd grafik, kortare texter där endast den viktigaste informationen kommer med. För mycket information med avancerad grafik tar för lång tid att ladda, blir svårt att ta till sig på så begränsat utrymme och har ofta inte ens kunnat renderas av mobilens webbläsare.

Sen kom smartphone-explosionen och det blev populärt att iphone-anpassa sin hemsida. Ytterligare en anpassning alltså. Denna gång var kravet inte lika stort på begränsning eftersom dagens mobiler har en långt bättre surfupplevelse och mobilnätet har blivit snabbare.

Problemet är att det inte stannar där. Mobil surfning växer enormt och fler och fler enheter ser dagens ljus. Vi surfar med våra datorer, mobiler, spel-konsoller och tv-apparater. Vi styr våra enheter med tangentbord, mus, pekdon och fingrar och många av dessa enheter kan vi dessutom vrida för att visa innehållet stående eller liggande. En version för mobil visning räcker inte längre.

Tanken med responsiv design är att utforma webbsidor som helt anpassar sig till besökarens miljö, vare sig det gäller skärmstorlek, upplösning, renderingskapacitet, skärmorientering m.m. I dag har vi t ex ett flertal tekniker för att läsa av hur stort användarens webbläsarfönster är och kan på så sätt flytta om och skala innehållet, inte bara beroende på om det presenteras på en iPhone eller på en vanlig datorskärm utan även dynamiskt när användaren ändrar storlek på webbläsarens fönster.

Responsiv design bjuder inte bara användaren på en långt bättre upplevelse på olika plattformar, det ger oss som utvecklare nya möjligheter och utmaningar också. Beroende på webbläsarens format är det inte bara storleken som ska ändras. En begränsad yta kräver också att man funderar på vad som ska skalas, vilken information som är viktig och bör framhävas och vilka element som kanske bör döljas när informationsutrymmet minskas. Även när det tillgängliga utrymmet ökar kan man diskutera möjligheten att utnyttja detta bättre. Kan den horisontella huvudmenyn istället läggas vid sidan och bli vertikal? Ska vi har mer information på varje sida eller kommer detta förvirra besökaren?

Responsiv design är ett koncept som kommer ge våra kunder och deras besökare en bättre upplevelse samtidigt som det ger oss möjligheten att göra mer dynamiska och bättre hemsidor. Därför hade Odd Hill en dags workshop där vi jobbade fram en design och satte upp en enkel testsida.

Det var spännande men utmanande att designa något som ska se bra ut och vara användarvänligt men samtidigt så formbart att det fungerar i alla möjliga storlekar och miljöer. Det diskuterades livligt om hur långt vi skulle gå i anpassningen och var, när eller hur sidans olika element skulle flyttas. Samtidigt som arbetet fortskred fick vi hela tiden nya uppslag om bättre sätt att genomföra våra idéer och i slutändan var det kul att se en design som hela tiden bygger på samma grund men som ser helt naturlig ut oavsett hur den presenteras.

Nu behöver responsiv design inte nödvändigtvis vara en självklarhet för alla sajter. Som alltid behöver man fråga sig till vilken målgrupp man vänder sig, vilket innehåll sidan har och vilka kostnader en anpassning kan föra med sig. Det kan till och med vara en negativ upplevelse för användaren om sidan är för dynamisk och förändras till synes helt av sig själv. Vi är vana vid mer eller mindre statiska sidor och alla förändringar måste därför vara genomtänkta och logiska.

Responsiv design är inte en ny teknik utan mer ett nytt sätt att tänka kring webbdesign. Det är ett nytt och spännande verktyg för att med bra planering göra användarvänliga, plattformsflexibla sidor och där man faktiskt även framtidssäkrar en hemsida på ett kostnadseffektivt sätt.

I fredags lanserades ett av våra största och roligaste projekt. Det är en webbshop för möbelbutiken Olsson & Gerthel, byggd i Drupal Commerce. Företaget hade inte haft någon form av distansförsäljning tidigare, men har sedan 20 år varit Malmös ledande inredningsbutik. En satsning på webben har varit på tal sedan ett par år tillbaka, men det var först för ett halvår sedan som det bestämdes att Olsson & Gerthel skulle lansera en webbshop.

Redan tidigt i planeringen slogs det fast att det skulle bli en webbplats som skulle kunna mäta sig med konkurrerande webbshoppar runt om i landet som funnits sedan flera år tillbaka. Målsättningen med satsningen var att kvalité skulle gå före kvantitet. Rent konkret innebar det att bildkvalitén på produkter skulle vara hög, det skulle vara enkelt att filtrera fram produkter av önskat slag, och den skulle vara stilren och enkel att navigera genom. Vi ville undvika allt onödigt krångel helt enkelt, och göra kundupplevelsen kvalitativ - något som är svårt att åstadkomma när det gäller möbelbutiker eftersom produkter kan skilja sig åt väldigt mycket.

I kategorilistorna där produkterna visas upp ges möjlighet att filtrera på färg, material och form, och man kan tydligt se om en produkt finns i andra färger eller former än den som visas på bilden.

Produkterna visas upp med stora tydliga bilder med möjlighet att zooma in för att få en så tydlig bild av produkten som möjligt innan köp. De produkter som finns i många varianter (vissa stolar finns i över 50 utföranden) väljs enkelt via små bilder eller via listval för t.ex. stolsits, färg, eller material. Produkter som tillhör samma familj visas upp under produkten.

Utöver själva shoppen finns det även en blogg och ett inspirationsgalleri. Syftet med galleriet är att visa upp spännande miljöer och inredningar. Om en möbel som butiken säljer finns på bilden, så klickar man sig enkelt vidare till produkten och kan lägga en beställning omedelbart.

Utöver den funktionalitet som webbplatsens besökare möts av har vi även skapat ett bokföringssystem, som ekonomiavdelningen gläds enormt över.

Vi är oerhört stolta över resultatet och ser fram emot vidare utveckling av projektet. Närmast på agendan står utskick av mail till kunder som beställt i shoppen, så att de vet exakt var i processen deras beställning ligger (om den packas, har hämtats av fraktbolag osv). Givetvis blir mailen även anpassad för enklare läsning i mobiltelefoner.

Ta en titt på den nya www.olssongerthel.se!

Nu är vi på Odd Hill tillbaka i full styrka igen, och med en massa nyheter. Vi har flyttat till nya lokaler, förbättrat vårt arbetssätt, erbjuder nya tjänster och har dessutom inlett ett spännande samarbete.

Odd Hill har flyttat till nya lokaler!

Numera hittar ni oss på Östra Rönneholmsvägen 9 (mitt emot Magistratsparken) på andra våningen i välplanerade lokaler. Här är lugnt och stillsamt, vilket har höjt produktiviteten hos oss alla ordentligt. Har ni vägarna förbi bjuder vi gärna på en kopp kaffe och en rundtur :)

Innan semestern hade vi som vanligt en avslutningsdag där vi reflekterade över årets arbete, och vi gick igenom hur vi ska gå tillväga för att bli ännu bättre. Det ledde bl.a. till ett nytt sätt att samla in information från kunder och hur våra projekt följs upp.

Nya tider kräver nya tjänster

Vi har även hunnit med att ta fram två nya tjänster som vi erbjuder alla kunder.

Den ena tjänsten är mobilanpassade sajter. Ni kanske minns vår enkät om mobila webbplatser som vi skickade ut innan semestern. Vi har utvärderat svaren, testat och läst på, och kan nu erbjuda riktigt bra mobilanpassade sajter så att upplevelsen på mobila plattformar blir ännu bättre än tidigare.

Utöver det har vi satt oss in i att göra designade Facebook-sidor, så att våra kunder kan ge ett lika gott intryck på Facebook som på sin hemsida.

Så nu har vi ett bra och välkompletterande utbud. Det viktiga när man ska ha en lyckad närvaro på nätet, är ju just helheten.

Det är väldigt spännande tider om vi får säga det själva!

Ps. Mer information om vårt nya samarbete kommer snart.