gimgifs infoserie Vårda din webbplats Råd till dig som vill investera i din närvaro på nätet.



Relevanta dokument
Undervisningen i ämnet webbutveckling ska ge eleverna förutsättningar att utveckla följande:

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson

Internetpolicy Styrdokument för Klevbergets Samfälligheter på Internet

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Läs denna sekretesspolicy innan du använder AbbVies webbplatser, eller skickar personlig information till oss.

Vilken version av Dreamweaver använder du?

Foto: Björn Abelin, Plainpicture, Folio bildbyrå Illustrationer: Gandini Forma Tryck: Danagårds Grafiska, 2009

Källkritisk metod stora lathunden

Uppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB

Handledning och checklista för klarspråk

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Internets historia Tillämpningar

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Gör en egen webbplats

Tillämpad programmering CASE 1: HTML. Ditt namn

Sammanfattning från Stormötet med skolorna 14 april

Användarmanual för Content tool version 7.5

OFFICE WEB-ONLINE förenklar din hemsida

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Denna Sekretesspolicy gäller endast för webbsidor som direkt länkar till denna policy när du klickar på "Sekretesspolicy" längst ner på webbsidorna.

Marknadsföring på internet

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.

Webbpolicy Övertorneå kommun

Inledning 4 6. Märke. Typsnitt Färger

Vad du ska tänka på innan jag köper hemsida?

Zimplit CMS Manual. Introduktion. Generell Information

Kom igång med FrontPage 2003

SKOLFS. beslutade den XXX 2017.

Digitala lösningar som effektivt kommunicerar mot era målgrupper.

Integritetspolicy och samtycke

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X


Handbok för webbpublicister. Medicinska fakulteten

Brasklapp: REV:s rådgivande verksamhet omfattar egentligen inte något detaljerat IT-stöd, men eftersom många väghållare har behov av att effektivt

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

APA för nybörjare. Innan du börjar. Översikt

SGH-A400 WAP Browser Användarhandbok

Guide företagskonto. HantverksParken. Box 576, Haninge

Montania WebbPublicering administrerar din hemsida

INNEHÅLL. Version

Grafisk manual. Studentkåren i Sundsvall 2013

Att skicka fakturor. Fördjupning till dig som ska använda bankens fakturaskrivare för e-fakturor och pappersfakturor via e-bokföring

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist

Internetsäkerhet. banktjänster. September 2007

Hja lp till Mina sidor

Grafisk profil för Ottenby Åkeri

Skillnader mellan design för tryck och webbdesign

Mobile First Video on demand och livesändningar på Internet. Juni 2012

WEBB PRODUKTION. Publicering av stora webbplatser Thomas Mejtoft. Thomas Mejtoft

Misstag i webbdesign som gör att din hemsida ser klumpig ut

WEBBTEKNIK. Ämnets syfte

WEBBTEKNIK. Ämnets syfte

BIF Grafisk profil. Bälinge IF. Ett enhetligt utseende visar på förmåga till samordning...

Gör en modern släktbok för CD eller webben

S.M.A.R.T UF 07/ GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015

Guide för Mobil Site

Att skicka fakturor. Fördjupning till dig som ska använda bankens Fakturaskrivare för e-fakturor och pappersfakturor

Systemen är inte sammankopplade. Vi beslutade att utelämna bokningssystemen i detta projekt.

Antagen av kommunfullmäktige Webbpolicy för

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER

Riktlinjer för sociala medier för Fagersta kommun

Det enkla är det smarta. Administrativa program direkt i din webbläsare.

Bild 1. Bild 2. Bild 3. Etrappa. Gävle-Dala E-marknad 2013

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Regler för publicering på

Manual för visionutv.net Redigera

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Uppdaterad: Lathund. Nyhetsbrev

Gör en egen webbplats

SOLHEMSSKOLAN. Vårdnadshavare inloggning i Stockholms Skolwebb

AXIELL ARENA Det digitala biblioteket

Sekretesspolicy. för MyLyconet Website

Frontpage 2002/XP (2)

Profilmanual. RFHL - Riksförbundet för Rättigheter, Frigörelse, Hälsa och Likabehandling

Det enkla är det smarta. Administrativa program direkt i din webbläsare.

DEN ENKLA EN BÄTTRE VÄGEN TILL RÄTT FÖ R DIN VER KSA M HET? POSTHANTERING. Det måste finnas ett bättre sätt

PERSONUPPGIFTSPOLICY

Lägga in filer i filarkivet

Surfa säkrare. Goda råd om säkerhet på Internet. Information från Post- och telestyrelsen

ANVÄNDARVILLKOR ANTIQNET

Sociala medier för företag

Gränsöverskridande samverkan

Axiell Arena. Optimering av prestanda

Struktanalys. Analys av strukturerade produkter. grafisk manual v1.0

Grattis till ert goda kreditbetyg

Mångdubbla din försäljning med målsökande marknadsföring

1 Installationsinstruktioner

WEBB OCH INFORMATIONSDESIGN

Reumatikerförbundets Webbpolicy

Webbpolicy för Klippans kommun

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, Internet började med ARPANET

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV

Här är några tips om hur du kommer igång med vanliga uppgifter. Komma igång -serien

Lampladan City. Grafisk manual

Intryck som ger avtryck

ADOBE FLASH PLAYER 10.3 Lokal inställningshanterare

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Transkript:

gimgifs infoserie Vårda din webbplats Råd till dig som vill investera i din närvaro på nätet.

Genom Internet har idag det mindre företaget samma möjligheter som större konkurrenter att kommunicera sitt budskap till potentiella kunder världen över. Jämfört med traditionell marknadskommunikation, via broschyrer och annonser, har webben dessutom en unik fördel i de låga kostnaderna för distribution och uppdatering. En väl utnyttjad webbplats kan därför leda till både ökad effektivitet och minskade utgifter, genom exempelvis att frigöra personal från rutinmässiga kund- och leverantörskontakter och besparing av telefonoch portokostnader. Allt fler människor använder sig idag av nätet för att söka information om produkter och företag, vilket gör de signaler som förmedlas till marknaden via webben allt viktigare. Att presentera sin verksamhet på ett attraktivt och väl strukturerat sätt via en webbplats är idag lika viktigt som rätt läge och trevlig personal alltid varit för den mindre butiken. Tyvärr finns åtskilliga fallgropar på vägen mot en attraktiv och funktionell webbplats, och allt för få mindre företag upplever idag sin webbsatsning som en pluspost i bokföringen. Den här broschyren ger några grundläggande råd för att höja kvalitén och skapa mervärde åt besökarna på din webbplats, utifrån de fem områdena design, innehåll, navigering, teknik och ekonomi. 1.

design

Tilltalande grafisk formgivning är en grundläggande förutsättning för att skapa ett positivt helhetsintryck hos besökarna på en webbsida. En väl designad webbplats innehåller sidor med en lätt igenkännbar grafisk profil, där val av bilder, färger och typsnitt speglar den känsla som avsändaren önskar förmedla. Tyvärr finns inga absoluta regler för vad som är god och dålig design på webben, däremot några generella direktiv för att undvika de vanligaste fallgroparna: en webbplats som presenterar ett företag eller dess produkter bör alltid ges en design som överensstämmer med företagets existerande grafiska profil. Genom detta skapas en samhörighet med övrigt profil- och marknadsföringsmaterial, och fler besökare kommer att känna igen sig och associera webbplatsen till rätt avsändare. självklart bör samtliga sidor som ingår i webbplatsen ha en konsekvent grafisk formgivning. Val av färg på text och bakgrund ska ge ett sammanhållet intryck och framhäva skillnaderna gentemot andra webbplatser på nätet. En systematisk grafisk formgivning leder dessutom till att besökarna lättare känner igen sig då de navigerar Tyvärr finns inga absoluta regler för vad som är god och dålig design. mellan sidorna på webbplatsen. Det är även viktigt att vara konsekvent i val av typsnitt, till storlek, grad och typ. antalet typsnitt som gör sig bra på en webbsida är mycket begränsat, jämfört med utbudet att välja bland för tryckta publikationer. Det finns två huvudsakliga anledningar till detta. För det första är så kallade sanserifa typsnitt, såsom Verdana och Arial, betydligt mer lättlästa på en dataskärm än de serifa typsnitten, exempelvis Times New Roman och Courier. För det andra begränsar själva teknologin bakom webbsidan vilka typsnitt som är lämpliga att använda. För att visa en text i ett visst typsnitt på en webbsida krävs att besökaren har det aktuella typsnittet installerat på sin dator. Om så inte är fallet kommer besökarens webbläsare välja att visa texten i ett annat typsnitt, vilket kan leda till att sidans layout förvanskas. För att undvika detta bör något av standardtypsnitten för webben användas, av vilka Verdana och Arial är de vanligaste. 3.

se till att alla längre texter på webbplatsen presenteras som text och inte i form av bilder. Text sparad som en bild tar inte bara längre tid att ladda hem för besökarna, utan blir även svårare för författaren att editera i efterhand. Dessutom blir det omöjligt för besökare att kopiera text direkt från webbsidan till exempelvis ett ordbehandlingsprogram. undvik grafik i format som kräver att besökare måste ladda ner separata så kallade pluginprogram, som Flash eller Quicktime. Att ladda hem och installera ett sådant program tar tid och anses av många som krångligt, vilket kan få besökare att lämna webbplatsen i förtid. Om ett pluginprogram ändå är nödvändigt för att åstadkomma en vis effekt lägg då funktionen på en sådan del av webbplatsen att den inte startar automatiskt, utan först efter ett aktivt val av besökaren. även animationer som inte kräver plugin-program bör noga övervägas innan de läggs ut på en webbsida. Att använda animationer för att dra till sig besökares uppmärksamhet fungerar ofta dåligt och ger lätt ett stökigt intryck. En sida med många animationer tar dessutom lång tid att ladda ner för besökare med långsammare uppkoppling. checklista för design Återspeglar webbplatsen företagets grafiska profil? Används en konsekvent färgsättning? Är val av typsnitt konsekvent över hela webbplatsen? Finns text sparad i form av bilder? Behöver besökare ladda ner plugin-program för att komma åt viss information? 4.

innehåll

Att en text gör sig bra i tryck behöver inte nödvändigtvis betyda att den även passar på en webbsida. Webben har sina egna skrivregler, och undersökningar visar att webbtexter bör vara både kortare och mer informativa för att lyckas fånga besökarnas intresse. rättstavad och grammatiskt korrekt text är ett måste för en seriös webbplats. Det är lika viktigt att korrekturläsa texter som publiceras via nätet som det är att korrekturläsa en produktkatalog eller ett säljbrev. Samma sak gäller givetvis om informationen presenteras på fler än ett språk. Webben har sina egna skrivregler. tänk på att den information som presenteras ständigt måste hållas uppdaterad för att fylla sin funktion. Ett år gamla nyheter ger inte bara ett dåligt intryck, utan gör det även svårt för besökare att bedöma hur relevant övrig information på webbplatsen är. analysera texter på konkurrenternas webbplatser. Ta reda på vilken information de presenterar och sträva efter att göra den egna webbplatsen unik. ton och ordval bör spegla avsändaren på samma sätt som färg och layout. Fundera över vem som ska läsa texten. Används ett språk som verkligen når fram till målgruppen? alla texter på webbsidan måste vara anpassade för att läsas på skärm. Tänk därför på att hålla en hög kontrast mellan text och bakgrundsfärg. checklista för innehåll Är alla texter på webbplatsen rättstavade och grammatiskt korrekta? Är den information som presenteras uppdaterad och relevant? 6.

navigering

Att besöka en webbplats för första gången är som att besöka en stad man aldrig tidigare satt sin fot i. En stad med sin egen unika arkitektur, atmosfär och stadsplan. Ju större och gyttrigare stad, desto större krav ställs på skyltar och kartor för att du som besökare ska hitta rätt. en webbplats som består av mer än en sida bör alltid innehålla någon form av navigeringsmeny. Menyn bör finnas tillgänglig på alla underliggande sidor, och alltid ligga på samma ställe. De vanligaste menyvalen måste dessutom gå att komma åt oberoende av var på webbplatsen man som besökare befinner sig. Dessutom är det viktigt att på varje undersida ha en separat tillbakalänk, så att ingen sida utgör återvändsgränd. försök att alltid skapa en sidstruktur som gör det så enkelt som möjligt att hitta den mest efterfrågade informationen. Mindre efterfrågad information kan med fördel läggas längre ner i sidhierarkin. koppla aldrig ett menyval direkt till en mejlfunktion som automatiskt öppnar ett e- postformulär i besökarens e-postprogram. På långsammare datorer kan detta ta lång tid och funktionen är ofta avstängd för den som använder sig av publika datorer på exempelvis skolor och bibliotek. Dessutom skapar direktlänkar till mejlprogram lätt irritation hos besökare som förväntat sig en länk till en kontaktsida inom webbplatsen. Använd istället ett kontaktformulär som via ett script på webbservern mejlar iväg informationen till önskad adress. kontrollera att inga länkar pekar på sidor som inte existerar. Besökare som klickar på en felaktig länk får upp en felsida i sin webbläsare, vilket ger intryck av en dåligt genomarbetad webbplats. Viktigt är även att skapa informativa felsidor som inte bara meddelar vad som har gått fel, utan även varför och vad som bör åtgärdas. Det motverkar att besökare ger upp och lämnar webbplatsen i förtid. alla länkar som pekar på andra filtyper än HTML, exempelvis pdf och doc, bör alltid märkas upp tydligt. Annars riskeras att besökare med långsammare uppkopplingar utan förvarning tvingas vänta flera minuter på att filen i fråga ska laddas ner och det associerade programmet startas. 8.

undvik entrésidor som inte används för att besökaren ska göra ett relevant val, exempelvis språk. En onödig entrésida upplevs lätt som ett irritationsmoment av återkommande besökare. vilken eller vilka domänadresser som kopplas till en webbplats avgör hur lätt det blir för dess besökare att komma ihåg webbadress och eventuell e-postadress. Toppdomänen i Sverige heter.se och totalt finns ett hundratal olika toppdomäner tillgängliga i världen, alla med olika kostnader och regler för användning. Det är därför viktigt att så tidigt som möjligt i utvecklingsarbetet ta fram en strategi för vilka domänadresser som är intressanta att koppla till en webbplats. domännamnet bör bestå av ett vanligt ord, eller inarbetat namn, som är lätt att komma ihåg. Använd endast små bokstäver i adressen, och undvik siffror och specialtecken. om domännamnet kombineras med fler än en toppdomän, exempelvis.com,.se och.nu, hjälper detta besökare som inte känner till den exakta domänadressen att hitta rätt. Att registrera fler än en toppdomän hindrar även att någon utomstående, exempelvis en konkurrent, lägger beslag på de aktuella kombinationerna. välj ut en av de domänadresser som registrerats för webbplatsen till huvudadress, vanligtvis.se eller.com, och använd denna i all form av korrespondens, på brevpapper, visitkort etc. checklista för navigering Har navigeringsmenyn på webbplatsen ett enhetligt utseende? Är menyn placerad på samma ställe på samtliga sidor? Finns en utarbetad strategi för vilka domännamn som bör kopplas till webbplatsen? 9.

teknik

För att skapa en ändamålsenlig webbplats krävs oftast inte bara en tilltalande grafisk design och ett genomarbetat innehåll, utan även någon form av program som ger webbplatsen en interaktiv funktionalitet, exempelvis en gästbok eller onlinebutik. Till skillnad från strukturen på en webbsida, dvs. dess layout, texter och länkar, som definieras i ett programmeringsspråk kallat html, finns en uppsjö olika språk att tillgå för att skapa funktionalitet och dynamiskt innehåll, av vilka JavaScript, asp och jsp är några exempel. en viktig punkt att ha i åtanke vid skapandet av en ny webbsida är att html-koden som bygger upp sidans struktur kan tolkas olika hos olika besökare, beroende på vilken webbläsare som finns installerad på dennes dator. Om den som skapat sidan inte har tillräcklig kunskap om hur olika webbläsare och webbläsarversioner tolkar olika former av html, så finns risk att vissa layoutelement inte presenteras som tänkt. Att använda ett program som skapar själva htmlkoden, exempelvis Microsoft Publisher, ger inte heller någon garanti för att sidorna kommer att se likadana ut för alla besökare. Innan en webbplats läggs ut på nätet bör den därför testas i en rad olika webbläsare med olika versioner, skärmupplösning och operativsystem. Görs inte detta riskeras att vissa besökare möts av oriktig layout, eller ännu värre, missar delar av den information som presenteras. Det finns en uppsjö olika språk att tillgå för att skapa funktionalitet och dynamiskt innehåll. som i all form av mjukvaruutveckling är det viktigt att utforma den bakomliggande koden och dokumentationen på ett sådant sätt så att drift och uppdatering kan ske oberoende av konstruktör, ifall denne person skulle lämna uppdraget. 11.

informationssäkerhet är en viktig aspekt vid utveckling av mer komplexa webbplatser där känslig information hanteras. Ett första steg i en säkerhetsanalys är att identifiera eventuell känslig information, för att sedan göra en avvägning mellan kostnad för skydd, kostnad för läckage och kostnad för att utelämna informationen helt på webbplatsen. säkerhetsnivån på en webbplats är en kombination av webbsidornas kod, överföring mellan server och besökare, servermjukvara och webbserverns fysiska placering. En viktig parameter vid val av webbserver för webbplatsen, s.k. webbhotell, är därför säkerhetsaspekten, men även parametrar som supportvillkor och garanterad uppetid är viktiga att ta med i beräkningen. I likhet med vanliga hotell finns på webbhotellsmarknaden ett utbud som täcker hela skalan av pris och prestanda. för webbplatser som hanterar känslig information bör överföring av data mellan användare och webbserver krypteras. Ett sätt att lösa detta på är att använda SSL, ett protokoll som tillhandahåller kryptering såväl som serveridentifiering. SSL ger besökare möjlighet att kontrollera vilken server som tar emot den data de skickar via webbplatsen. Det är dock viktigt att ha i åtanke att SSL endast skyddar själva överföringen mellan besökare och webbserver, och inte tillförlitligheten hos den mjukvara som bearbetar och lagrar data på webbservern. checklista för teknik Är webbplatsen testad i vanligt förekommande webbläsare på olika operativsystem? Finns dokumenterade instruktioner för hur uppdatering av webbplatsen bör gå till? Hanterar webbplatsen känslig information? Om så, har den genomgått någon form av säkerhetsanalys? 12.

ekonomi

Det femte området att se över för att skapa en funktionell webbplats är ekonomin i projektet, eller konsten att dra fördel av den användarnytta som uppstår. För att skapa användarnytta är det viktigt att redan på ett tidigt stadium i arbetet med webbplatsens utveckling involvera såväl personal som kunder och leverantörer, vilka ofta har en klar bild av vilka funktioner på webbplatsen som skulle underlätta deras arbete. besvarar webbplatsen de vanligaste frågor som potentiella kunder kan tänkas ha? Ju fler kundkontakter som sker över webbplatsen desto mer pengar kan sparas in på porto och telefonsamtal. kan kostsamma delar av ordinarie marknadsföringsmaterial läggas över på webben? En produktkatalog i papper kostar inte bara pengar att trycka upp, utan är dessutom kostsam att uppdatera mellan de ordinarie upplagorna. Om inte hela upplagan kan ersättas av en elektronisk version finns kanske möjlighet att styra över delar av den tryckta upplagan i elektronisk form? hur kan webbplatsen användas för att ge support åt kunder efter köp? Information om garantier, servicemöjligheter, tekniska manualer och handböcker kan göras tillgängliga via webbplatsen för att ge befintliga kunder ökad service. kan webbplatsen användas för att effektivisera rutinmässig kommunikation med leverantörer och/eller återförsäljare? Skyddade delar av webbplatsen kan användas till att presentera riktad information som exempelvis lagerstatus eller arkiv över aktuella marknadsföringskampanjer. ytterligare ett steg i processen att föra över kundkontakter till webben är att integrera webbplatsen med befintliga elektroniska informationssystem. Exempel på detta är att ge möjlighet för besökare att på webbplatsen boka resor direkt via ett befintligt bokningssystem, eller att låta återförsäljare ta del av aktuell lagerstatus genom integrering av webbplatsen med företagets lagerhanteringssystem. 14.

för att i längden behålla de besökare som är förutsättningen för en ekonomiskt lönsam webbsatsning är det viktigt att tillhandahålla en miljö som inger förtroende för webbplatsen och det bakomliggande företaget. var alltid tydlig med att ange vad som händer med de personuppgifter och annan känslig information som lämnas av besökare på webbplatsen. Gör klart att namn, adresser etc. inte kommer att lämnas ut eller säljas till tredje part. lägg inte ut webbplatsen på nätet förrän den första versionen är testad och klar. Ingen företagsledare skulle drömma om att skicka iväg ett utkast till ett säljbrev om den slutgiltiga versionen inte blivit klar i tid. en seriös webbplats innehåller självklart endast material som utgivaren har rätt att publicera. Det kan vara värt att tänka på att licenser för exempelvis bilder som köpts ut för tryck inte alltid ger ägaren automatisk rätt till publicering via webben. många konsumenter är fortfarande tveksamma till att lämna ut sina kontokortsnummer på nätet. För att slippa hantera kontokortsuppgifter via webben finns postförskott och postgiro som bra alternativ. checklista för ekonomi Besvarar webbplatsen kundernas vanligaste frågor om företaget och dess produkter? Kan tryckkostnader minskas genom att lägga över material på webbplatsen? Framgår tydligt vad som händer med känsliga uppgifter som lämnas på webbplatsen? Finns giltiga licenser för det material som publiceras på webbplatsen? 15.

Anders Höijer är utbildad civilingenjör inom information engineering från University of Oxford i England, och läser även på civilekonomprogrammet vid Handelshögskolan i Stockholm. Anders har arbetat med webbutveckling på GimGif sedan starten 1998, med inriktning mot web site quality management. För mer information, kontakta Anders på 070-336 20 81 eller via e-post anders.hoijer@gimgif.se. 16.

GIMGIFab Denna broschyr ges ut som en fristående del av GimGifs infoserie. Fler delar av denna serie finns på /arkiv. 2003 GimGif AB. All rights reserved.