Vad är knepen bakom en lyckad websajt 2017?

Webben är idag vår största informationskanal och den plats vi söker oss till oavsett det handlar om nyheter, underhållning eller kommunikation. Både företag och myndigheter använder sig just av webben som sitt främsta verktyg för att nå ut till sin publik på ett aktivt och närvarande sätt. Människor och samhället som helhet har helt enkelt blivit mer webb-fokuserat och där vi förväntar oss att finna det vi söker på nätet i någon typ av format uppkopplat.

Denna ökade användning av internet som kanal för företag har självklart även lett till en tuff konkurrens inom de flesta typer av kommersiell bransch. Det gäller att ha öga för hur man skapar en tilltalande sajt som väcker intresse samtidigt som den är användarvänlig och grafiskt kreativ. Idag tar de flesta företag hjälp av proffs inom webbutveckling för att säkerställa en korrekt framtagen plattform, men det kan ändå vara till stor fördel att känna till några av knepen bakom en välskapad sajt.

En trend som definitivt är här för att stanna är den så kallade ”platta designen”, vilket tog sig uttryck för några år sedan. Den här typen av designfokus innebär att man fokuserar mer på minimalistisk och avskalad design istället för komplicerad design med effekter. Det handlar helt enkelt om att använda sig av en platt yta för sajten med solida färger utan något svårt 3D djup eller komplicerade stilar. En sajt som använder sig av strukturell och minimalistisk typografi med enkla ikoner är alltså bättre än en sajt med snitsiga typsnitt och effektfulla 3D-ikoner.

Vi är förmodligen trötta på att allting ska vara häftigt åt alla håll, det som förut imponerade är inte längre hållbart i längden. Nu är vi inte lika impade av tekniken och hur kreativiteten kan flöda i webbsammanhang – det krav vi nu istället har som användare är att ta till oss information utan att vare sig behöva koncentrera oss eller egentligen tänka för mycket. Surfande, spelande, shopping eller vad det nu kan tänkas handla om ska helt enkelt kunna göras utan att vi märker av det. Det ska vara ett obehindrat moment precis som vilken annan ordinär vardagsrutin.

Är man i tagen att skapa en webbsajt bör man absolut utgå från användarens perspektiv när man utvecklar både upplägg och design. Det ska självklart vara modernt tänkande i den bemärkelsen att man hakar på nya trender inom grafik och teknik, men på ett lagom och rätt sätt. Tänk användarvänligt i en innovativ och modern förpackning så kommer förmodligen resultatet hålla sig inom ramarna för vad kunder kommer att efterfråga i år och framöver. Spelbranschen är ett bra exempel på kategori som lyckas skapa attraktiva och tidsriktiga sajter på ett imponerande sätt, vilket det stora utbudet och variationen på nätet visar.

Men rena typsnitt och enkelhet i sajtens upplägg blir dessutom sidan snabbare för användaren och det gillar förutom användaren även sökmotorer. Idag kan man köpa typsnitt betydligt billigare än tidigare, vilket gör att webbdesigners kan skapa en stilfull design på mindre budget. Man ska dock vara noga med att följa samma känsla rakt igenom hela sajten, från textligt innehåll till typsnitt och bilder. Väljer man att ha en rörlig bild på landningssidan ska denna vara i stil med företagets värden för att undvika konfunderade besökare eller missuppfattat budskap.

Slutligen bör även cookies nämnas som en viktig ingrediens i den användarvänliga sajten. Detta verktyg arbetar för att göra sajten personlig, vilket ger besökaren en mer anpassad upplevelse eftersom sajten styrs av vad personen tidigare gjort (vad man köpt, tittat på eller läst). Denna typ av anpassad design är nog snart standard och inom en ganska snar framtid kommer vi förmodligen bli förvånade när sajternas innehåll INTE är anpassat.

Fördelen med de nya trenderna inom webbutveckling är definitivt kostnaderna – nu kan även mindre företag skapa riktigt attraktiva och smidiga sajter till en inte allt för stor budget. Med rätt kunskap och kreativt tänkande är allt möjligt!

Avatarer, en ny form av personlig logga

Avatarer är väl bara en kul grej som kan se ut hur som helst? Visst kan den göra det, men fler och fler av oss väljer en avatar som speglar de delar av vår personlighet som vi vill framhäva.

Men vad är en avatar?

Det är den lilla ikonen/bilden intill ditt användarnamn (alias) som representerar dig på diskussionsforum och onlinespel. Du kan välja:

  • en bild av en kändis eller tecknad figur, t ex Clint Eastwood, Homer Simpson.
  • ett foto eller tecknat porträtt på dig själv
  • en animerad (rörlig) bild, t ex någon som går, springer, skjuter osv.
  • att inte ha någon bild. Det är fortfarande många som inte vill eller bryr sig om att ha en avatar

Men finns det någon fördel att ha en mer seriös bild eller till och med använda sitt eget foto?

En del av oss vill vara anonyma, medan allt fler lägger ner tid på att bygga upp en offentlig person på webben. I det ingår att:

  • du noggrant väljer användarnamn, då det är det alias som är tänkt att användas på alla sajter. Ska du ha det neutralt seriösa “Christer X-son” eller det mer folkliga “Chrille X-son”?
  • du skapar en professionellt utformad avatar: en porträttbild gjord av en yrkesfotograf eller ett tecknat porträtt av en grafisk designer eller konstnär?
  • fundera, ska du ha animationer? För dig som siktar på att bli en profil på online-spel är de ett givet alternativ, för dig som kandiderar till riksdagen eller vill göra dig känd som advokat så bör de antagligen undvikas eller användas med försiktighet.

Oavsett hur du gör nu, så ser vi en tydlig utveckling – politiker, artister och andra kändisar arbetar redan med att skapa sig en professionell webb-strategi. Idag gäller det främst deras kommentarer på internet, men vi ser redan en framtid där din totala framtoning blir allt viktigare.

Att tänka på vid webbdesign

Då du designar din webbplats vill du ha den användarvänlig och att designen passar bra till det sidan ska handla om. Ett bra tips är att göra sidan tillgänglig för alla besökare genom att se till att den fungerar i alla webbläsare och är oberoende av skärmupplösningen.

Web Designer

Sätt färg på din sida, men tänk på att inte blanda in för många. Tre färger är en bra riktlinje och gult bör inte användas som bakgrundsfärg då det är ansträngande för ögonen. Det finns 216 så kallade webbsäkra färger att välja bland och en mörk text på ljus bakgrund är att föredra. Ett säkert kort är svart text på vit bakgrund.

En eller ett par välplacerade bilder kan lyfta hela din sida. Detta beror ju så klart också på vad din sida ska handla om. Du kan överföra bilder från din kamera, mobil osv eller varför inte välja en bild från något av alla de bildbanker som finns online. Där kan du hitta foton gratis eller mot en kostnad.

En välplanerad text med ett genomtänkt typsnitt kan även denna lyfta eller i värsta fall sänka din sida. Beroende av vilken målgrupp du har och hur pass seriös du vill framstå är detta ett kritiskt val. Kommer du att ha mycket text bör du välja en font som fungerar bra i löpande text och vidhåller läsarens intresse. Testa dig fram och välj ut tre fyra stycken som du sedan använder dig konsekvent av. Som exempel en för rubrik, en för ingress och en för löpande text.

Bra text för webb

Allting förändras när man ska skriva för webben. För bäst texter ber vi er att följa dessa råd. 

Dela upp texten

Texten ska inte har ett litet indrag som man har i böcker. Det är lättare att läsa text på papper än på skärmen på grund av papper inte lyser. Vi har lättare att följa med ögonen på en boksidan är på en skärm. Skärmen är också större och risken finns att texten dras ut och täcker nästan hela skärmen, vilket gör det svårt att hitta nästa rad.

Därför ska man istället ha många tomma mellanrum som det som finns ovanför den här meningen. Det styckar upp texten bra och gör det lättare att följa med och att ta pauser om texten är lång. Tänk bara på att göra naturliga stopp.

Använd sans serif-fonter

Sans serif-fonter är typsnitt som inte har serifer eller har fötter. Det populäraste är nog Arial-typsnittet. I böcker är det lättare att läsa text med fötter eftersom det gör bokstäverna lite tydligare. Men på en lysande skärm vill man ha enkel text som lätt går att tyda. Det bästa för ögonen är egentligen svart bakgrund med vitt text men tack vare skenet så kommer den vita texten lätt att se ut att ”blöda” eller bli suddig. Därför gör man som i böcker och gör svart text mot vit bakgrund, även om det tröttar ut ögonen snabbare.

Typsnitt för webben

Typografi är något vi alla stöter på dagligen, men som vi oftast inte reflekterar över. Att vi inte lägger märke till den är inte konstigt, skickligt utförd typografi märks inte.

Så vad är då typografi? Typografi är samlingsnamnet för arbetet med att utforma texter så att textens budskap ska framgå så tydligt som möjligt, samtidigt som den ska vara estetiskt tilltalade för läsaren. De flesta är nog inte medvetna om typografi, men inom vissa yrkeskategorier som till exempel grafisk design eller art director så är det ett hett ämne där det förekommer livliga diskussioner om hur den optimala typografin ser ut – något man utröna i den här artikeln på Internetworld.

Typografin har en lång historia som tog sin början tillsammans med tryckerikonsten, den förekommer överallt där det finns text i någon form. Det kan vara på skyltar, i tidningar, på affischer eller i instruktionsböcker. Det gäller såväl tryckt text, som text på webben. Målet med typografi är att arbeta med textens läsbarhet. Om texten inte är läsbar så finns ingen möjlighet att förmedla budskapet som den innehåller.

I många fall där text anses vara svårbegriplig så kan det i själva verket vara problem med typografin, och inte med textens innehåll. Läsbarheten påverkas av en rad faktorer. Bland dem finns textens storlek som även kallas grad, radavstånd som kallas kägel, radlängd, avstånd mellan bokstäver och ord och typsnittets utformning.

Vanligtvis brukar man använda sig av standardtypsnitt i löpande text, som till exempel Arial. Det finns många fördelar med att använda ett standardtypsnitt: människor är vana att se typsnittet, ett typsnitt man är van vid är enklare att läsa. Ett standardtypsnitt är även skapat och genomarbetat för att ge en optimal läsupplevelse. Ett exempel på en webbsida som använder Arial är pokersajten Betsafe. För dem är det viktigt att ha en sajt som går lätt och snabbt att läsa eftersom det underlättar för spelare att navigera på sajten.

Text på webben är en relativt ny företeelse om man sätter den i relation till tryckerikonsten. Det innebär även nya utmaningar. Tryckta material är statiska, vilket innebär att man har kontroll över utseendet. Det är inte möjligt att ha samma kontroll över text som visas på en skärm. Det är även först under de senaste åren som det blivit möjligt att påverka vilket typsnitt en användare ser på sin skärm, tidigare var det beroende av vilka typsnitt som fanns installerade på användarens dator.