Studio V19 AB • Webbdesign • Reklam • Layout • Marknadsföring

Professionell webbdesign

Bra och dålig webbdesign

Villovägen...

Än idag framställs de flesta webbsidor / hemsidor med webbdesign som innehåller osynliggjorda layouttabeller, för att kunna positionera innehållet. Designen till varje enskild del av innehållet definieras vid varje förekomst och på varje sida: textstorlek, textfärg, typsnitt och grafiska objekt som fungerar som ersättare för text. Vid varje ändring på en sådan hemsida måste man öppna alla sidor och genomföra alla ändringar vid varje förekomst.

Tyvärr håller många designers fast vid det som de har lärt sig en gång om webbdesign.

Lösningen: Hemsidor enligt webbstandard

En hemsida med webbdesign som följer gällande webbstandard är uppbyggd på ett helt annat sätt. Webbsidorna innehåller bara en renodlad HTML-kod, men inga tabeller för layoutens skull och inga design definitioner.

Vägen till att spara pengar: Webbdesign med CSS för din hemsida

Att skilja HTML-sidorna och designinformationen åt, samt att inte använda tabeller för layoutens skull, är de viktigaste kännetecknen på en hemsida med webbdesign enligt webbstandard.

När som helst kan designen på en hemsida från oss lätt blir ändrad: typsnitt, bakgrund, grafik och färg. Du som kund har den stora fördelen att din investering i hemsidans webbdesignen är framtidssäker. Om du vill kan du följa alla modesvängningar. Men du behöver inte göra det.

Behöver du ändra i texten eller lägga till en sida är det inte heller något som helst problem och designen blir helt orörd.

Vem vinner på webbdesign med webbstandard?

...hemsidans besökare genom att:

• sajtens sidor laddar snabbare
  det sker ingen överföring av onödiga koder för layouttabeller och koden är validerad.
• grunden för tillgänglighet utan hinder är lagd
  informationen och webbdesignen är till för ”alla”, t ex för användare som är blinda, synskadade eller har andra fysiska funktionshinder.
• vara oberoende av specifik skärmstorlek är innehållet läsbart för screen-reader, webbläsare, textläsare, handhelds, sökmotorer och skrivare.
• sidorna blir skalbara, dvs texten kan förstoras eller förminskas enligt användarens behov och ersätts inte av bilder.
• det är lätt att få en speciell utskriftsversion.

...du som äger hemsidan genom att få:

• lägre kostnader för webbhosting, din slimmade HTML-kod för hemsidans webbdesign enligt webbstandard kräver mindre plats på webbhotellet.
• bättre ranking på sökmotorernas träfflistor. Google och de andras sökrobotar scannar hemsidornas innehåll. Våra sidor har mycket mer relevant innehåll och en korrekt HTML-struktur för webbdesignen. Det leder till en bättre placering i sökmotorernas träfflistor.
• flexibiltet. Innehållet och designen är åtskilda och kan lätt ändras.
• en framtidssäker investering. Hemsidan kan också längre fram användas med nya, alternativa prylar (t ex iPhone m m) och är kompatibel med framtida webbläsare.

[...] Den som håller sig till rådande standard för att utveckla och framställa en webbplats / hemsida gör processen enklare och sänker på så sätt kostnaderna. Samtidigt skapas hemsidor och webbdesign som är tillgängliga för fler människor och läsbara för fler mobila internet prylar.
Uttalande från Web Standards Mission.

---

Därför webbdesign enligt webbstandard:

• bästa livslängd för en hemsida.
• HTML-kod som är bättre och har ofta lägre framställningskostnader.
• hemsidor som är enkla att ändra i design och innehåll.
• hemsidor som är användbara för människor med funktionshinder eller handikapp och för nya, moderna webbläsare.
• hemsidor som fungerar korrekt i framtida prylar och webbläsare.
• hemsidor som är lättlästa för sökmotorer.
• hemsidor som fungerar utan ”JavaScript”.
• hemsidor som inte behöver något insticksprogram.
• hemsidor som är skalbara.

Dessutom går vi i vårt arbete utöver webbstandardens krav och integrerar ytterligare åtgärder i webbdesignen för att öka tillgängligheten och användbarheten för våra kunders webbplatser / hemsidor.

Att ta hänsyn till Googles riktlinjer för webbansvariga för bra läsbara och tillgängliga samt sökmotoroptimerade hemsidor är en självklarhet för oss för att nå bästa resultat med webbdesignen vi skapar för våra kunders hemsidor.

---

Kvalité på webben

Trots att det har gått mer än 10 år sedan internet fick sitt genombrott är de flesta inte medvetna om kvalité på webben för webbdesign och vet inte ens hur det kan defineras för en hemsida. En anledning är att det finns många gamla hemsidor kvar ”där ute” som man fortfarande använder sig av. Deras utseende och funktioner tas för givet. En annan anledning är att kunderna inte är medvetna om vad som krävs av en webbdesigner för att få bra webbdesign.

Som uppdragsgivare för bra webbdesign är det viktigt att se till att din webbdesigner har kompetens i:

• informationsförmedling och informationspresentation
• användarebeteende
• marknadsföring
• HTML och webbstandard
• grafisk design, bildbearbetning, färgharmoni, typografi
• behovsanalys
• struktur och utförande av webbplatsen enligt kundens behov
• ärlighet och pålitlighet mot kunden

---

Myter om webben

Det finns många påståenden, svepskäl och halvsanningar angående Internet som beror på otillräcklig kunskap i webbdesign. Vi vill gärna informera om några:

”Användarna klickar bort sidan om den laddas längre än 8 sekunder”

Det är en utbredd missuppfattning att användare alltid klickar bort efter mer än 8 sekunder. Många väntar 30 eller 60 sekunder om de vet att det finns relevant information för dem. Det handlar om att förbereda besökarna på rätt sätt.

”Internetanvändare läser inga långa texter på webben”

Det här påståendet är fel. Användarna vet rätt bra vad de kan förvänta sig av vissa sidor. T o m långa texter som t ex innehållet i en riksdagsdebatt kan läsas på webben om webbdesignern har skapat en lättläst layout. Det är viktigt med textstorlek, typsnitt, radavstånd och styckeformat.

”Varför webbstandard? Det ser ju bra ut.”

Varje dag går tyvärr fortfarande fler dåliga än bra hemsidor online. Dessvärre vet de flesta kunderna och användare inte vad som döljs i själva webbdesign bakom sådana webbsidor och vad som är viktigt om man ska skapa en sajt.

Framtidens internet kommer att användas till mycket mer än bara datorer. Innehållet ska också vara tillgängligt för PDA’s och mobiltelefoner. Nästa generationens webbläsare kommer kanske kunna läsa upp webbsidor för användarna om de har webbdesign som följer webbstandard. En webbsida enligt webbstandard är en säker investering för framtiden.

”Idag kan man göra allt själv (respektive min granne/sonens skolkompis).”

Det stämmer. Den som bara för nöjes skull vill vara online med sin privata webbsida / hemsida behöver verkligen inte bryr sig om webbstandard. Och korvkiosken runt hörnet kan kanske också hoppa över detta.

Men om du vill använda din sajt som professionellt redskap för din marknadsföring och för att nå dina kunder borde du absolut ta hjälp av en professionell webbdesigner som skapar hemsidor med webbdesign enlig webbstandard.

Bara om du själv vet allt om grunden till en bra webbdesign så klart: HTML, CSS, webbstandard, bildbearbetning, textdesign, layoutframställning, CMS, menyhirakier, användare beteende, marknadsföring på webben, besöksstatistik, köpbeteende mm.

”Speciella sökmotoroptimerare (SEO) är viktiga.”

Speciella avgiftsbelagda SEO tjänster (SEO = ”search engine optimizer”) brukar lova en jättebra ranking på sökmotorerna. Men många gånger lovas det mer än vad man kan hålla.

Google själv skriver på en informationssida för webbansvariga:

Ingen kan garantera dig en topprankning hos Google... Se upp med leverantörer av sökmotoroptimeringar som hävdar att de kan garantera rankningsplatser, som påstår att de har ett ”speciellt förhållande” till Google [...] Det finns inga prioriterade anmälningar hos Google. Faktum är att det enda sättet att anmäla en webbplats direkt till Google är via vår sida ”Lägg till webbadresser” eller genom att skicka en webbplatskarta. Detta kan du göra själv utan att betala något. Google accepterar aldrig pengar för att inkludera eller rangordna webbplatser i våra sökresultat, och det kostar inget att visas i våra organiska sökresultat.” Google betonar att man inte ska känna sig tvungen att köpa en optimeringstjänst för sökmotorer och att det inte finns några specialregistreringar hos dem. Samtidigt varnar man: ”Om din domän är anknyten till någon bedräglig tjänst kan den förbjudas att vara med i vårt index.

”Man kan manipulera Google till sin fördel.”

Med detta borde du vara väldigt försiktig. Visserligen finns det möjligheter att komma ännu längre upp än den positionen vi kan uppnå. Men det finns många exempel där företag blev uteslutna från resultatlistan efter att Google hade upptäckt att man använde sig av vissa knep som betraktas som SPAM.

Åter igen en citat från Goggle:

Metoder som bryter mot våra riktlinjer kan få negativa effekter på sökresultat för din webbplats på Google och till och med leda till att din webbplats tas bort från vårt index.

"Hemsidor enligt webbstandard är för dyra."

Visserligen kan det ibland kosta lite mer att skapa webbplatsen / hemsidan. Men samtidigt får du en proffsig sajt som också kan användas med PDA eller iPhone mm, har en kod som är lättläst för sökmotorer, har en framtidssäker teknik och webbdesign i botten och en design som snabbt och smidigt kan ändras.

”Det är vanligt med regelbundna fasta månadskostnader.”

Vanlig är sådana regelbundna fasta kostnader bara för de som vill skapa sig en enkel och bekväm inkomstkälla.

Låt dig inte luras. En enkel webbsida för några tusenlappar blir jättedyr genom åren om du betalar t ex 499:- SEK i avgift varje månad. Ett webbhotell med stort utrymme, obegränsat antal e-postadresser och obegränsat webbtrafik kan du idag få för ca 20:- kronor i månaden. HTML-koden som ligger till grund för din webbsida är inget som behöver servas, supportras eller uppgraderas.

Använder man sig av ett CMS- eller e-handelssystem finns det open source lösningar som inte heller kräver avgifter och som tillfredställer behovet hos nästan varje kund.

En seriös byrå fakturerar bara för de tjänsterna på hemsidan som du har beställt.

---

Att planera en webbplats

För att lyckas med ett projekt är det viktigt att först göra en behovsanalys tillsammans.

Webben är med sina mer än 8 miljarder enskilda sidor är idag ett självklart verktyg för de flesta. Men att bara vara ”online” är långt ifrån tillräckligt för att nå framgång med din hemsida.

Framgång på webben når du bara genom hög kvalité på din sajt. Och kvalitén börjar men en noggrann planering av din hemsida.

Några punkter kan du själv gå igenom och fundera över innan du kontaktar oss:

Planera uppgifterna: Vem - Hur - Vad?

Vilka krav ställer du och ditt företag/organisation på webbplatsen?

• Vilka mål vill du uppnå med webbplatsen / hemsidan?
• Ser du din sajt som källa för information, kommunikation eller som e-handelsplats?
• Vilka av dina kunders behov täcker du med dina produkter eller tjänster?
• Vilka produkter eller tjänster vill du presentera på webbplatsen / hemsidan?

Innehållsplanering: Vad ska göras?

• Involvera ditt team och kanske t o m viktiga kunder.
• Definiera funktionen hemsidan ska uppfylla.
• Definiera tillsammans med de som bestämmer i företaget webbplatsens / hemsidans innehåll, struktur och storlek.

Personal: Vem gör vad?

• Vem tar hand om texter och bilder?
• Vem tar senare hand om aktualisering av texterna samt ingående e-post?

Resurser: Vilket befintligt material går att använda?

• Finns det en företagsprofil (Corporate Design)?
• Finns det Logotyper och annat som digitala filer?
• Kan man använda sig av befintliga texter som finns på datorn?
• Finns det en färgprofil för företaget?
• Finns det vägbeskrivningar?
• Ifall det redan finns en hemsida: Vad ska bibehållas, vad ska ändras?

---

Egenskaper på en webbsidan / hemsida

En webbplats / hemsida är en samling av länkade HTML-sidor (HTML betyder HyterText Markup Language). En HTML-sida består, ungefär som en word-fil, av rubriker, stycken och listor. Du kan lägga till bakgrundsbilder, foto och annat till en word-filen kan du skapa en färgglad brochyr som inte mycket påminner om en textfil. Likadant ligger filens egenskaper dolda i en HTML-fil. HTML ser man inte direkt. Det är ju just webbdesignerns uppgift att skapa en webbsida på ett så bra sätt att den är tilltalande och väcker intresse hos besökarna.

Ursprungligen utvecklades HTML för att ge texter en tydlig struktur och det handlade bara om utbyte av vetenskapliga dokument oberoende av vilket operativsystem man jobbade med.

Då reklambyråer upptäckte webben använde de tabeller för att kunna layouta webbsidor / hemsidor. Tabeller, som i en Excell fil, var egentligen bara tänkta som data. Men på grund av att det inte fanns några alternativ blev tabellerna enda vägen för att kunna göra design på webbsidor.

In i HTML-sidorna lade man också till ytterligare informationer som definerade utseendet på enskilda objekt, så som färger, textstorlek, utformning o s v.

Under många år fanns det inget alternativ till detta på grund av att olika webbläsare (t ex Netscape Navigator, Internet Explorer, AOL-webbläsare) interpreterade HTML-koden på olika sätt. Istället för att skapa slanka webbsidor / hemsidor som fungerade i alla webbläsare blev det tunga filer, som t ex var optimerade för Internet Explorer med en skärmupplösning på 1024 x 768 pixlar.

Dåliga webbplatser / hemsidor har bara en användareprofil: En PC med en specifik teknisk förutsättning och en standardanvändare med ett standardbeteende. En modern och professionell webbsida / hemsida kan däremot orientera sig hur helst efter alla användarprofiler besökarna kan ha. Det betyder: Webbplatsen / hemsidan har den största möjliga flexibiliteten beträffande tillgänglighet utan att användarna behöver speciella kunskaper eller tekniska förutsättningar.

---

Anledningar för en professionell webbplats / hemsida

Det fanns en tid då de flesta användarna var ute på webben med samma operativsystem, samma skärmstorlek och samma webbläsare. Efter milleniumskiftet var den tiden över.

Därför fanns det länge funderingar på att skilja innehållet på en HTML-sida från designinformationerna i webbdesign. Som lösning erbjöds så kallade stilmallar. Stilmallar finns t ex också i tryckproduktionen, där de definierar layouten med positionen på texter och bilder samt texternas utseende. Stilmallen används på varje enskilt dokument. Grafikern behöver inte skapa nya definitioner för varje ny sida eller för varje nytt stycke. Det kan man idag också använda på en webbsida. HTML-filen innehåller bara strukturerad text. Designen styrs av en separat extern stilmall som styr varje HTML-sida.

I stilmallen definieras t ex att ”Rubriken 1” ska vara mörkröd och i stor textstorlek i typsnitt Times. I HTML-filen står bara ”Rubrik 1”, men på din dataskärm ser du webbsidans rubrik i mörkröd med stor Times-typsnitt.

6 anledningar att skapa en professionell webbplats

Att skilja innehållet och designinformation med hjälp av stilmallar är idag det viktigaste sättet att definiera en bra hemsida. Det är samtidigt grunden för att användare med helt olika hårdvara på ett individuellt sätt ska kunna använda webbplatsen / hemsidan.

1

Dina besökare använder Windows-PCs, Apple-datorer och PCs med Linux. För operativsystemen finns det bortom Internet Explorern eller Firefox många webbläsare som utvecklas. Här kan man t ex nämna Opera och Safari. Din professionella webbplats kommer att visas korrekt i olika webbläsare med olika operativsystem - idag och i framtiden.

2

Skärmar med bara 2 eller 3 standardupplösningar är historia. Dina användare har idag 24 eller upp till 30-tums skärmar, eller en 17-tums skärm på sin bärbar dator. Men lika gärna kan de surfa med en Mini-Laptop EeePC eller med sin iPhone. I motsats till tv-skärmen, som oberoende på skärmens storlek alltid visar samma bild erbjuder en 24-tums dataskärm mycket mer plats för din webbsida än en 17-tums skärm eller t ex en iPhone.

Webbdesignen till din professionella webbplats / hemsida kommer att visas korekt i alla skärmstorlekar och kan användas överallt. Med korrekt menas förresten inte identisk. På grund av vissa tekniska skillnader i webbläsarna visas en webbsida inte identisk i alla webbläsare.

3

På grund av att det är ansträngande för många att läsa texter på skärmen föredrar många användare att skriva ut texter som är längre. En professionell webbdesign erbjuder besökarna möjligheten att skriva ut rena textinnehållet av HTML-sidan. Navigationen, oviktiga designelement, bakgrundsfärger eller bakgrundsbilder skrivs inte ut. Användarna får en textfil med bilder om de tillhör innehållet.

4

Många datorer på företag eller myndigheter har fortfarande gamla webbläsare. Av säkerhetsskäl är det många gånger inte möjligt att titta på filmer och animationer eller att vissa funktioner inte kan aktiveras på grund av att det inte är tilllåtet att utföra vissa skript eller att det fattas insticksprogram. En webbsida / hemsida som har en meny som bara fungerar med t ex Javascript är inte användbar för många sådana användare.

Din professionella webbplats / hemsida kommer att vara användbar utan sådana skripts.

5

Förr indexerade sökmotorerna framförallt informationen som var inlagd som nyckelord och sökord som skrevs i ett visst område på hemsidan. Google indexerar numera HTML-innehållet på varje enskild webbsida / hemsida. Nyckelord spelar nästan ingen roll längre. Viktigt är däremot att HTML-innehållet struktureras på rätt sätt. Google kollar först rubrikerna, sedan listor och efteråt styckestexterna.

Vi ger dig en professionell webbsida / hemsida som redan genom sin rätta HTML-struktur och utan tricks blir sökmotorvänlig.

6

Hårdvaran, webbläsaren och inställningar av olika funktioner har användaren bestämd över. En professionell webbplats / hemsida är i sin webbdesign inte optimerad för vissa slag av PC, dataskärm eller webbläsare. Den orienterar sig flexibelt på människornas individuella behov. Några besökare använder små fönster på webbläsaren på en stor dataskärm. Några har inställt att det alltid visas text i stor textstorlek. Andra har avstängda skriptstyrda funktioner eller filmvisningar.

Ännu större är begränsningarna för de personer med funktionshinder som t ex behöver använda sig av så kallade screen-reader för att kunna komma åt relevant innehåll i din webbdesing.

Din professionella webbplats / hemsida ska vara tillgänglig för alla mäniskor genom webbdesign byggd enligt webbstandard.

Kontakta oss NU för en kostnadsfri offert