Ge dina webbesökare den bästa upplevelsen - Utveckla framåt och blicka inte bakåt

Ge dina webbesökare den bästa upplevelsen

Utveckla framåt och blicka inte bakåt

Utvecklingen av webbläsare accelererar och webbplatsbesökaren har högre förväntningar och ställer högre krav. Vi använder inte längre webben endast på våra datorer, webben har mer blivit något vi bär med oss för att kunna ha åtkomst till när och var som helst. Våra mobiler och till viss del läsplattor har inte bara blivit komplement till datorer utan i många fall fristående från dem. Det är därför dags att börja tänka på dessa verktyg som enskilda enheter och även anpassa design, funktion och beteende av våra webbsidor och applikationer till dem.

Länge har sättet att designa för webben styrts av traditioner från tryckta medier. Information och layout har anpassats efter papprets statiska egenskaper i form av storlek och kvalitet. På webben kan vi inte ställa samma krav på kontroll av designen. Er webbplats ska uppfattas och upplevas på olika sätt beroende på besökarens val av webbläsare och val av medium/media.

Våra kunder förväntar sig det bästa

Vi vet att våra kunder vill ha det bästa och vill därför alltid ligga i framkant vad gäller ny teknologi och trender. När Europas främsta webbutvecklare träffades på Web Directions @media i London var naturligtvis Capitex webbdesigners David Jonsson och Peter Wärenfalk där.

För att kunna utveckla webben måste man hela tiden ligga i framkant och inte utveckla bakåt utan framåt. Se därför till att designen på din sida är framåtkompatibel medan funktion är bakåtkompatibel.

Många av Capitex kunder vill idag ha en helhetslösning för att underlätta sitt dagliga arbete. Våra webbdesigners och utvecklare står redo att hjälpa dem med det.

Utgå från den bäst fungerande webbläsaren

Att utveckla en ny webbplats är oftast en stor investering i tid, pengar och engagemang för våra kunder. Den ska marknadsföra deras produkter/tjänster och underhållas med information under ett antal år framåt. I och med att webbläsarna utvecklas mot gemensamma standarder men i olika takt, kan vi inte ställa krav på att en webbplats ska se ut och bete sig på exakt samma sätt i samtliga läsare. Men för att inte en nyproducerad webbplats ska kännas omodern efter ett år bör vi utveckla webbplatsen mot den bäst fungerande webbläsaren. Besökaren med en äldre version av webbläsare kommer att få samma information, webbplatsen kommer att fungera, men upplevelsen kommer att skilja sig åt mot en modern webbplats.

Android, iPhone, iPad, traditionell datorskärm...

Webbplatsbesökaren ska som sagt kunna ta del av informationen oberoende av om han/hon surfar in via en mobil eller en mer traditionell datorskärm. Som webbdesigner har man tidigare bara behövt anpassa layouten efter ett skärmmått och på så sätt haft bra kontroll på designen. Men surfar man in på en webbsida som är anpassad till en skärmbredd på 1024 pixlar med en modern mobil med en skärmbredd på 480 pixlar så ställs det andra krav. Lägg då även till att besökaren ska kunna navigera sig med hjälp av fingrarna.

Nu har man möjlighet att styra designen via en alternativ designkod (CSS) genom att "känna" av vilken skärmbredd besökaren har på sin enhet. Samma information som på den "traditionella" webbplatsen går att ta del av, men upplevelsen och sättet att navigera på skiljer sig åt.

Ger inte högre utvecklingskostnad

Att bygga på detta sätt betyder inte att utvecklingskostnaden blir högre. Istället kan det i många fall bli motsatsen. Eftersom vi inte behöver programmera alternativ kod för att kompensera äldre webbläsares brister, kan vi koncentrera oss på användarvänlighet, tillgänglighet och innovation. Våra kunder får koncentrera sig på att förse besökaren med kvalitativ information och på köpet får de en webbplats som är lätt att underhålla, förändra och som är framtidssäkrad.

Vilka är nyheterna?

Många av nyheterna märker inte våra kunder eller deras besökare av. Det handlar om ett förändrat sätt att koda och utveckla webbplatsen på. Det som kan synas är vissa grafiska detaljer och hur dessa beter sig när besökaren interagerar med webbplatsen. Många av dessa detaljer har man varit tvungen att lösa med hjälp av bilder. Här är några exempel:

Typografi

Numera är man inte låst till standardteckensnitt som "fungerar på Internet". Fritt fram att använda företagets profilteckensnitt. Möjlighet att förstärka effekter på text med exempelvis textskugga och färgtoningar.

"Rundade hörn"

Skapa ett mjukare anslag i designen genom att runda till det grafiska gränssnittet på din webbplats helt utan inblandning av bilder.

Animationer

Förhöj upplevelsen av webbplatsen genom att förflytta och förändra objekt samt förändra sättet att navigera mellan visning av information.

Vilken webbläsare ska jag använda?

Den webbläsare som används av de allra flesta är Microsoft Internet Explorer 8. Den stödjer inte de senaste CSS-standarderna. Microsoft har i skrivande stund släppt en förhandsvisning av sin nya webbläsare som man tror kommer att släppas innan årets slut och som kommer ha stöd för den nya tekniken. För att redan i dag kunna ta del av en modernt kodad webbplats kan ni kostnadsfritt ladda hem exempelvis Google Chrome (http://www.google.com/chrome), eller Apple Safari (http://www.apple.com/safari/download/ ).

Engagera och involvera besökaren

Förutom att kunna höja upplevelsen av ett besök på er webbplats så förväntar sig även besökaren att kunna kommunicera med er och påverka innehållet på webbplatsen. Utnyttja besökaren för att få hjälp med information till hemsidan, inte bara genom att ställa frågor utan genom att involvera honom. Ett fastighetsbolag kan till exempel låta sina hyresgäster själva ladda upp bilder på sin lägenhet med omgivning. Borttappat och upphittat på området eller en bytesmarknad för möbler är andra exempel. En fastighetsmäklare kan låta sina besökare tipsa om smultronställen. Emellanåt ordnar man en tävling där besökarna själva får rösta fram bästa bidraget. Möjligheterna är oändliga. Genom att ha ett mellansteg där du sorterar innan publicering styr du fortfarande vilket innehåll som sidan visar. Detta skapar en delaktighet hos besökaren och gör även att du får en mer levande hemsida.