Analys av Försäkringskassans webbplats forsakringskassan.se, fk.se

Storlek: px
Starta visningen från sidan:

Download "Analys av Försäkringskassans webbplats forsakringskassan.se, fk.se"

Transkript

1 Analys av Försäkringskassans webbplats forsakringskassan.se, fk.se Personlig uppsats i kursen Grafiska gränssnitt Magisterprogrammet MDI/ID Mattias Ludvigsson it3luma@ituniv.se

2 Innehållsförteckning 1 Inledning Val av webbplats Avgränsningar 3 2 Analys Struktur Navigation Innehåll Utformning 10 3 Diskussion 12 4 Referenser 13 2

3 1 Inledning Uppsatsen är ett delmoment i kursen Grafiska gränssnitt som ingår i magisterprogrammet Människa-datorinteraktion/Interaktionsdesign vid IT-Universitetet i Göteborg. I uppsatsen presenteras en analys av Försäkringskassans publika webbplats baserad på designprinciper, konventioner och riktlinjer för webbgränssnitt som tagits upp på kursens föreläsningar och i kurslitteratur relaterad till delmomentet webbdesign. Adress till webbplatsen: alternativt Val av webbplats Valet av webbplats har grundats på att Försäkringskassan är en myndighet med krav att serva allmänheten med information och service. Webbplatsen innehåller en stor mängd information som ska vara lätt att komma åt för allmänheten. Med tanke på Försäkringskassans breda målgrupp ställs det extra stora krav på att webbplatsen är lätt att använda. Målgruppen omfattar såväl unga som gamla, datorvana och nybörjare, människor med olika handikapp och olika språkfärdigheter samt med varierande hastighet på sina uppkopplingar mot Internet. 1.2 Avgränsningar I uppsatsen analyseras bara den gemensamma delen av Försäkringskassans webbplats. Analysen omfattar inte lokalkontorens webbplatser eller andra nära relaterade webbplatser i Försäkringskassans regi åtkomliga från webbplatsen. 3

4 2 Analys Generellt sett är en webbplats uppbyggd efter en förbestämd struktur i vilken besökaren kan navigera sig runt för att komma åt webbplatsens innehåll. Innehållet har sedan utformats med hjälp av layout, text och bilder. Tillsammans påverkar dessa faktorer i stor utsträckning webbplatsens grad av tillgänglighet och användbarhet. 2.1 Struktur Försäkringskassans webbplats har en förhållandevis bred men grund struktur. Den är hierarkiskt uppbyggd med en startsida och i huvudsak tre underliggande nivåer. Besökaren kan därför, med hjälp av högst tre klick, komma åt merparten av allt innehåll på webbplatsen. Innehållet på den tredje nivån presenteras oftast via ett popup-fönster. Kategorier Nielsen [17] förordar att en webbplats bör struktureras så att den snabbt kan skannas av. På så sätt får besökaren direkt en överblick av webbplatsens innehåll och möjlighet att fokusera på särskilt intressanta delar eller välja bort andra mindre relevanta. En sådan effekt kan fås genom att gruppera webbplatsens innehåll och ge grupperna beskrivande rubriker. Innehållet blir då uppdelat i tydliga kategorier som också kan användas i webbplatsens navigering. Försäkringskassan har strukturerat innehållet på sin webbplats efter tre huvudkategorier som också bildar menyer för navigationen. Innehållet är dels indelat efter olika målgrupper (t ex Förälder, Arbetslös och Företagare), dels efter ämnesområde (t ex Bostadsbidrag, Funktionshinder och Tandvård). Den tredje kategorin är indelad efter funktioner (t ex Självbetjäning, Broschyrer och Kontakta oss). Denna indelning av webbplatsens struktur ger besökaren stöd för att kunna utföra sina uppgifter på webbplatsen. Teknisk struktur Den tekniska strukturen hos Försäkringskassans webbplats är uppbyggd av ramar (frames), vilket enligt Nielsen [31,36] kan vara frustrerande för besökaren då ramar bryter mot den fundamentala användarmodellen av en webbsida. Det kan bland annat uppstå problem när besökaren ska spara webbsidan som ett bokmärke eller skriva ut den. Dessa problem har dock minskat i och med de senaste versionerna av webbläsare [19]. På Försäkringskassans webbplats har ramar använts för att skilja på navigation, textinnehåll och sidhuvud. När besökaren klickar på en länk laddar webbplatsen en ny omgång med ramar vilket gör det möjligt att spara ett unikt bokmärke för alla sidor. 4

5 2.2 Navigation När en webbplats innehåller en stor mängd information är det speciellt viktigt att informationsmängden kan överblickas och navigeras på ett effektivt sätt. Navigeringen kan även tala om för besökaren var den befinner sig och hur den kan ta sig vidare. Logotyp En av de äldsta konventionerna för navigering är att placera namnet på webbplatsens ägare och dess logotyp längst upp till vänster på webbplatsen. Logotypen bör vara en länk som tar besökaren till webbplatsens startsida, vilket kan vara till hjälp för besökare som kommer in på en webbsida annan än webbplatsens startsida [8]. Generellt gäller att en länk inte ska länka till den webbsida länken befinner sig på [17,19]. Detta gäller även för logotypen på startsidan. Menyer Det vanligaste sättet att navigera sig runt på en webbplats är att använda sig av olika former av menyer. Den vanligaste och mest spridda varianten är att placera en vertikal meny på webbplatsens vänstra sida med en färgad bakgrund. En nackdel med denna variant är att den procentuellt tar stor plats (ca 20 % enligt Nielsen) och därmed stjäl utrymme från webbplatsens innehåll [16]. På senare tid har det därför blivit vanligt att placera menyn i webbplatsens överkant, men det förekommer även att menyerna återfinns i webbplatsens högerkant eller nederkant (den senare fungerar oftast som en textbaserad variant av huvudmenyn upptill). På Försäkringskassans webbplats har man valt att kombinera en vänsterställd och en högerställd meny, där den vänsterställda menyn även försetts med tonade bakgrundsfärger. Den vänstra menyn är uppdelad i två delar där den övre delen visar en målgruppsanpassad meny och den undre delen en ämnesorienterad meny. Menyn på webbplatsens högra sida används för att visa på olika funktioner. De tre menyerna ger besökaren en bra översikt av webbplatsens innehåll och struktur, men utnyttjar webbplatsens yta på ett ineffektivt sätt. Alla menyer är textbaserade där menytexten är i form av en länk. I den högra menyn är menytexten kompletterad med ikoner, där ikonen är en länk men inte själva menytexten. Detta strider mot Nielsens heuristik om konsistens och standard [38]. Besökaren kan lätt bli förvirrad när menytexterna ser likadana ut i de tre menyerna men inte fungerar på samma sätt. Överst i den funktionsbaserade menyn finns även en rullgardinsmeny för snabbinloggning. I menyn kan besökaren välja att logga in som arbetsgivare eller privatperson. När ett val har gjorts flyttas besökaren automatiskt till en ny webbsida. Denna funktion kallas för kommandobaserad rullgardinsmeny och kan göra besökaren förvirrad då rullgardinsmenyer i vanliga fall är statiska och används för att välja ett av flera alternativ [13]. Det finns två till kommandobaserade rullgardinsmenyer i samband med att besökaren ska välja vilken kategori av broschyrer eller blanketter som ska visas. 5

6 Fönstertitel I webbläsarens titellist visas en webbplats titel. På Försäkringskassans webbplats visas texten Välkommen till Försäkringskassan på alla webbsidor. Texten avslöjar inte något om vad Försäkringskassan är för något och vad de gör. Enligt Nielsen [6,32] kan det vara problematiskt då det oftast är titeln som presenteras som resultat i en sökresultatlista. Titeln kan också ge nyttig information om var besökaren hamnat om denne kommer in på webbsidan från en annan webbplats. Försäkringskassans val av titel är också mindre lämplig då den kommer att hamna under bokstaven w i webbläsarens lista över bokmärken, vilket gör det svårt för besökaren att vid ett senare tillfälle hitta bokmärket. Nielsen förespråkar därför att man istället använder sig av en kort och kärnfull beskrivning av webbplatsen på varje webbsida [22]. Sökfunktion En sökfunktion är numera en standard för större webbplatser och underlättar för besökaren att snabbt kunna hitta information på webbplatsen [25]. Nielsen förespråkar att en sökfunktion bör finnas tillgänglig på varje webbsida och i första hand bestå av en sökruta som bör placeras uppe i webbplatsens högra hörn och som är tillräckligt bred så att en vanlig fråga syns i rutan utan att delar av den döljs. Detta gäller åtminstone större webbplatser med mer än 100 webbsidor. Om inte det går bör det finnas en länk till en söksida [6,11,17,28]. Det är enligt Nielsen också bra om sökfunktionen kan stödja en mer avancerad typ av sökning där resultaten viktas efter relevans [3,12]. På Försäkringskassans webbplats finns ingen sökruta utan bara en länk till en söksida. Sökfunktionen erbjuder inte någon funktionalitet för avancerad sökning men Försäkringskassan påstår att svaren är viktade efter sökordens relevans. Sökfunktionen är kompletterad med en sakordslista som fungerar mer eller mindre som ett alfabetiskt index. Vid visning av sökresultat visar Försäkringskassans webbplats även länkar till PDF-dokument. Detta är mindre bra tycker Nielsen, då PDF-formatet inte är lämpat för att läsas på skärm och oftast innehåller information av sekundärt slag [1,11]. Sökresultatet bör istället visa en länk till vad Nielsen kallar en gateway-sida. En gateway är en webbsida där varje PDF-dokument ges en kort summering i samband med en länk till respektive dokumentet [2]. Länkar Länkar är en av grundstenarna på en webbplats och ska därför utformas med noggrannhet. Genom att benämna länkarna med en vettig betydelse av relevanta ord, gärna nyckelord i början av länknamnen, kan besökaren få en föraning om vart länken leder vidare till för typ av information [17]. Med länkattributet title (fungerar som bildattributet Alt men finns inte implementerat i alla webbläsare) kan även ytterligare information om var länken leder vidare till visas för besökaren [6,24]. Försäkringskassans webbplats använder inte länkattributet title för att förtydliga sina länkar men försöker ge länkarna en någorlunda informativ text. Det är också lämpligt att vara konsekvent vid namngivning av länkar, annars finns det en risk att besökaren kommer att besöka samma webbsida flera gånger i tron att det är olika webbsidor [5]. På Försäkringskassans webbplats är namngivning av länkar oftast densamma med några få undantag. 6

7 Det är också av största vikt att se till att webbplatsen inte har några brutna länkar [23]. Detta ske ofta när webbsidor flyttas utan att länkar uppdateras och kan leda till frustration och misskreditera webbplatsens ägare. Vid tidpunkten för analysen identifierades inga brustna länkar på Försäkringskassans webbplats. En av de starkaste konventionerna för att göra webbsidor användbara är färgkodningen för länkar. Nielsen anser att den nytta konventionen tillför är så stor att den alltid bör följas fastän valet av de standardiserade länkfärgerna kanske inte var det bästa [16,19]. Den lila länkfärgen indikerar att en webbsida nyligen besökts medan den klarblå länkfärgen visar ännu obesökta webbsidor. Länkar som frångår standardfärgerna gör navigering svårare för besökarna och dessutom mer tidskrävande om länkar till redan besökta webbsidor inte särskiljs från obesökta. Försäkringskassans webbplats använder sig av en avvikande färg (grön) än de konventionella för sina länkar. Det finns inte heller någon indikation som särskiljer besökta länkar från obesökta. För att framhäva länkarna gentemot den vanliga texten har länkarna gjorts feta. Detta genomförs dock inte konsekvent på webbplatsen där bland annat länkar i sökresultaten och i popup-fönster inte är feta. JavaScript förekommer på ett flertal ställen på Försäkringskassans webbplats (t ex sakordslistan på söksidan, när olika beräkningar ska göras eller när meddelanden ska skickas till Försäkringskassan), för att öppna popupfönster via vanliga textlänkar. Genom att använda sig av JavaScript i vanliga länkar bryts besökarnas mentala bild av hur en länk fungerar [3]. De flesta besökare vill själv kunna bestämma om och när ett nytt fönster ska öppnas. Vid användande av popup-fönster försvinner också tillbaka-knappens funktion, en av webbläsarens mest grundläggande funktioner [18]. Webbkarta På Försäkringskassans webbplats finns ingen webbkarta. Med en webbkarta kan strukturen hos en webbplats informationsmängd visualiseras och också fungera för navigation [36]. Viktigt för webbkartor är att de är lätta att hitta då de ofta behövs som mest när besökaren känner sig vilse eller letar efter specifika detaljer på en rörig webbplats. Enligt en undersökning av Nielsen är tyvärr webbkartorna inte särskilt lätta att förstå sig på. Många personer är avogt inställda till dem om de ens hittar dem. Enbart 27 procent vände sig till webbkartan när de ville veta mer om webbsajtens struktur [9]. En brist i dagens webbkartor är att de sällan visar var besökaren befinner sig för tillfället i förhållande till resten av webbplatsen. En liknande indikering som används för stortavlor på t ex varuhus (pil eller prick med texten Du är här!) skulle hjälpa besökaren [9]. Breadcrumb trail En Breadcrumb trail i webbplatsens överkant visar vägen ner till aktuell webbsida och dess plats i en hierarkisk struktur [16]. Detta navigeringsstöd kan hjälpa besökaren att hoppa uppåt i webbplatsens hierarki flera steg med ett enda klick förutsatt att varje steg är en länk. Den sista nivån i en Breadcrumb trail bör markeras för att tydligt (t ex med fet stil) visa var besökaren befinner sig. Men samtidigt får den inte ges för mycket uppmärksamhet då den lätt kan förväxlas med en rubrik. För att öka förståelsen och förklara funktionen hos en Breadcrumb trail kan orden Du är här användas. Det finns ingen standard för 7

8 hur olika nivåer i en Breadcrumb trail bör separeras men Nielsen tycker det är bättre att använda (>) som separering än (/) och (:). Vid navigering på webbplatsen via den vänstra menyn används en Breadcrumb trail som är klickbar. Den aktuella nivån har samma vikt som övriga tidigare nivåer och de olika nivåerna separeras med hjälp av (/). Den Breadcrumb trail som används ges för stor uppmärksamhet i förhållande till resten av webbplatsens utformning. Vid navigering via den högra funktionsmenyn uppdateras inte webbplatsens Breadcrumb trail utan den föregående visas fortfarande. Idag används inte en URL i samma utsträckning som tidigare för navigering, men rätt utformad kan en URL fortfarande visa strukturen på själva webbplatsen [20]. Enligt Nielsen kan en webbsida med en lång URL bryta den sociala navigationen då det blir näst intill omöjligt att skicka länken till vänner och bekanta [3]. De flesta webbsidor på Försäkringskassans webbplats har en lång och helt ologiskt utformad URL. Webbplatsen är dessutom uppbyggd av ramar som gör det mycket svårt för en besökare att få fram en specifik webbsidas URL vilket kan vara bra vid utskrift. Nu laddar varje URL ett fullständigt ramverk med menyer och sidhuvud. 2.3 Innehåll Som myndighet blir Försäkringskassans webbplats ett viktigt verktyg för att sprida information och erbjuda allmänheten sina tjänster 24 timmar om dygnet. Webbplatsen innehåller därför en stor mängd information och möjliggör för besökaren att utföra olika tjänster som att ladda ner broschyrmaterial och skriva ut blanketter. Startsidan Webbplatsen bör hjälpa besökaren med att snabbt hitta webbplatsens viktigaste uppgifter. Enligt Nielsen bör nyttig information visas redan på startsidan som inkörsportar till webbplatsen [6]. Informationen bör bestå av utplockade delar av nyttig och viktig information och inte bara i form av rubriker. Försäkringskassan har valt att på sin webbplats startsida visa två kolumner med information som döpts till Viktig information och Aktuellt. Dessa kolumner har en kort introducerande text med tillhörande länk för mer information. Nielsen förespråkar att det på webbplatsens startsida ska finnas en tagline som summerar vad företaget är för något och vad det är som gör dem unika [6]. Denna korta summering kan visa sig vara av stor vikt då besökare tenderar att försvinna om webbplatsen inte lyckats inom 10 sekunder att kommunicera vad företaget är till för [10]. För Försäkringskassans webbplats är möjligen detta inte applicerbart då en myndighet inte behöver utmärka sig gentemot konkurrenter på samma sätt. Men webbplatsen bör ändå ge en sammanfattad information till nya besökare om vad Försäkringskassan är till för och vad de erbjuder för tjänster. Det finns dessutom ingen länk på webbplatsen till mer information som beskriver myndigheten Försäkringskassan. Enligt Nielsen är det bra att samla allmän information om företaget, eller i detta fall myndigheten, på ett och samma ställe. Detta underlättar inte bara för de besökare som inte riktigt vet vad Försäkringskassan är för något utan också för press och andra public relations [6]. 8

9 Textanpassning till mediet Besökare på webbplatser läser oftast till en början inte texter ord för ord utan skannar av webbsidan och noterar individuella ord eller meningar. Därför är det viktigt att stödja läsaren genom att markera viktiga nyckelord, använda kortfattade och beskrivande rubriker, dela upp texter och ge delarna meningsfulla underrubriker samt skriva korta texter [17,22,26,30,37]. På Försäkringskassans webbplats används beskrivande huvud- och underrubriker och texten är uppdelad i mindre stycken. Däremot används inte markeringar av nyckelord. Vid författande av webbaserad information rekommenderar Nielsen att texten skrivs enligt principen för en inverterad pyramid [35,37]. Principen bygger på varje webbsidas text först tar upp innehållets viktigaste delar, t ex en slutsats eller ett resultat, för att sedan bli fylla på med det näst viktigaste, etc. Istället för att lägga in så mycket information som möjligt på en webbsida bör man strukturera informationen med hjälp av länkar så att besökaren först kommer till en översikt som länkar till undersidor med mer specifik information. På så sätt kan besökaren själv välja vad den vill läsa mer om istället för att behöva läsa igenom all information [17]. När en text skrivs ska man inte ta för givet att besökaren har kommit till webbsidan via en förbestämd väg. Besökaren kan därför ha missat information som är viktig för att ta till sig informationen på den aktuella webbsidan. Försäkringskassan har försökt att dela upp och kategorisera informationen i mindre delar och strukturerat dessa delar som underrubriker i navigationsmenyerna. Någon länkning mellan de olika, och oftast relaterade, underrubrikerna finns inte på respektive webbsida utan endast i menyn. PDF-dokument Nielsen konstaterar att PDF-dokument bara fyller en funktion och det är att besökaren kan skriva ut dokumentet och kunna läsa det på papper istället för på skärmen [1,11]. PDF-dokument följer oftast inte de riktlinjer som finns för att skriva text för webbsidor. De flesta dokument öppnas dessutom i en applikation som har ett annat navigationssätt för att navigera inom dokumentet än vad en webbläsare har. Det händer också att PDF-dokument kraschar besökarens webbläsar. Dessa problem kan, enligt Nielsen, undvikas genom att inte länka direkt till PDF-dokument utan istället införa så kallade gateways för PDF-dokument [2]. En gateway är en vanlig webbsida som kortfattat sammanfattar PDF-dokumentens innehåll så att besökaren får möjlighet att ta ställning till om innehållet är intressant innan dokumentet öppnas i webbläsaren. På Försäkringskassans webbplats förekommer en stor mängd PDFdokument. Det är bland annat blanketter som kan laddas ner och skrivas ut. Dessa dokument kan oftast öppnas från en webbsida liknande en ovan nämnd gateway. Dock är sättet att öppna PDF-dokument inkonsekvent. Ibland öppnas dokumenten i ramen för textinnehåll, ibland i ett eget fönster. Ett flertal av de informationsbroschyrer som finns för nedladdning finns även som textinnehåll på webbplatsen. 9

10 Tillgång till arkiverad information Enligt Nielsen bör besökarna ges möjlighet till att komma åt information som flyttats från webbplatsens startsida då den många gånger fortfarande kan vara av intresse [6,18,21]. Detta kan ske genom att länka till den plats där informationen hör hemma eller finns arkiverade. Om webbsidorna flyttas rent fysiskt kan det orsaka problem när andra webbplatser länkar till denna webbsida som inte längre finns kvar [18,20,21]. På Försäkringskassans webbplats kan den information som visats i någon av startsidans två kolumner återfinnas på andra ställen, dock inte i ett gemensamt arkiv. 2.4 Utformning A och O i webbdesign är att inte överdriva form eller design av viktiga navigationselement, t ex genom att göra dem grafiskt komplicerade. De kan då oftast förväxlas med reklam och flytta fokus till annan information på webbplatsen [6,18]. Nielsen hävdar att besökare först och främst tittat på innehållet och inte navigationen [15]. Därför kan det vara klokt att inte överbelasta navigationsdelen med länkar till webbplatsens alla sidor. Bilder Då bilder är ett effektivt kommunikationsmedel bör de användas med eftertanke. Använd därför bara meningsfulla bilder, t ex visa bara bilder på personer om de verkligen har med innehållet att göra [6]. Minska också bilderna med avseende på relevans för att göra de så små som möjligt istället för att bara minska bilden procentuellt. Till exempel bör onödiga ytor i bildens periferi ta bort [17,32]. Bilder bör också ges en alternativ förklaring när de inte kan visas av olika anledningar, t ex genom att använda bildattributet Alt. På Försäkringskassans webbplats förekommer bilder på startsidan och på startsidorna för informationsnivå två. Dessa fyller egentligen ingen funktion annan än utsmyckning men är utrustade med förklarande alt-texter. Animerade bilder ska användas mycket sparsamt, då de lätt kan tolkas som eller förväxlas med reklam [19]. På Försäkringskassans webbplats startsida finns två bildanimeringar som fångar uppmärksamheten hos besökaren utan att förmedla särskilt viktig information. Fonter Enligt Nielsen ska besökaren själv kunna ändra teststorleken på webbplatsen [3.4,27,32]. Det är därför inte lämpligt att använda sig av absoluta fontstorlekar i stilmallar. Text i grafik bör också undvikas då storleken på den inte kan göras större. Defaultfonten bör vara tillräckligt stor och dessutom anpassad till målgruppen. För att få bästa möjliga läsbarhet bör färgkontrasten mellan text och bakgrund maximeras. Försäkringskassans webbplats har relativa fontstorlekar på alla webbsidor, även i länkrubrikerna. Det gör att storleken på alla texter kan justeras. Det enda stället som inte har relativa storlekar är texten i de olika rullgardinsmenyerna samt texten i de animerade bilderna. Stilmallar används på hela webbplatsen men är definierade för varje enskild webbsida. Defaultstorleken är relativt liten och motsvarar fontstorlek 2. Konsistens på hela webbplatsen bör eftersträvas även när det gäller användandet av fonter. Nielsen rekommenderar att maximalt två olika typer av fonter används [27]. På Försäkringskassans webbplats används tre olika fonter 10

11 (Arial som default samt Verdana och Times på vissa webbsidor) på ett inkonsekvent sätt, vilket ger webbplatsen ett slarvigt och rörigt intryck. Skärmstorlek Det finns fortfarande en hel del besökare som har en skärmupplösning på 800x600 pixlar. Enligt Nielsen stör sig besökare på att behöva skrolla horisontellt [3]. Vid en skärmupplösning på 800x600 måste besökare på Försäkringskassans webbplats skrolla i horisontell led i de båda navigationsramarna samt i ramen för textinnehåll (delvis beroende på operativsystem). Dagens besökare har mer och mer accepterat att skrolla webbsidor i vertikal led [19,25]. Trots det bör webbsidor utformas för att minimera behovet av att skrolla. Startsidan på Försäkringskassans webbplats har ett stort tomt utrymme under sista textstycket som gör att besökaren känner sig tvungen att skrolla hela webbsidan ner. 11

12 3 Diskussion Försäkringskassan har som myndighet ett stort ansvar för att bistå och hjälpa allmänheten inom sitt myndighetsutövande. En kanal för att sprida information och erbjuda sina tjänster till allmänheten är via den publika webbplatsen. Det ställer stora krav på att webbplatsen är användbar för alla människor oavsett tidigare kunskapsnivå rörande webben eller den domän inom vilken Försäkringskassan bedriver sin verksamhet. I analysen som gjorts av webbplatsen har det framkommit att Försäkringskassan inom vissa områden kommit en bra bit på vägen medan andra områden är eftersatta. Å ena sidan erbjuder webbplatsen tre olika användbara menyer där en är målgruppsanpassad, en annan listar populära ämnesområden och en tredje erbjuder olika servicefunktioner. Å andra sidan är dessa menyer utplacerade på ett sätt som utnyttjar webbplatsens yta på ett mycket ineffektivt sätt. Dessutom fungerar länkarna i funktionsmenyn på ett helt annat sätt än i de övriga två. Bristen på konsekvens i utförandet har kanske den största enskilda förbättringspotentialen. För webbplatsens besökare är det av stor vikt att liknande saker har samma funktion, utseende och beteende på alla webbsidor. Inte minst när det gäller basfunktioner som länkar, navigering och presentation av innehållet. I annat fall minskas användbarheten drastiskt och besökaren kan få svårighet att genomföra sin uppgift. Genom att följa gällande standarder, riktlinjer och konventioner minskas risken att misslyckas. Med enkla medel och ett rejält ordningssinne kan Försäkringskassan nå ända fram. 12

13 4 Referenser Jacob Nielsen, artiklar, 1 PDF: Unfit for Human Consumption ( ) 2 Gateway Pages Prevent PDF Shock ( ) 3 Top Ten Web-Design Mistakes of ( ) 4 Let Users Control Font Size ( ) 5 Reduce Redundancy: Decrease Duplicated Design Decisions ( ) 6 Top Ten Guidelines for Homepage Usability ( ) 7 Usability for Senior Citizens ( ) 8 Deep Linking is Good Linking ( ) 9 Site Map Usability ( ) 10 Tagline Blues: What's the Site About? ( ) 11 Avoid PDF for On-Screen Reading ( ) 12 Search: Visible and Simple ( ) 13 Drop-Down Menus: Use Sparingly ( ) 14 Eyetracking Study of Web Readers ( ) 15 Is Navigation Useful? ( ) 16 When Bad Design Elements Become the Standard ( ) 17 Ten Good Deeds in Web Design ( ) 18 The Top Ten New Mistakes of Web Design ( ) 19 "Top Ten Mistakes" Revisited Three Years Later ( ) 20 URL as UI ( ) 21 Web Pages Must Live Forever ( ) 22 Microcontent: How to Write Headlines, Page Titles, and Subject Lines ( ) 23 Fighting Linkrot ( ) 24 Using Link Titles to Help Users Predict Where They Are Going ( ) 25 Changes in Web Usability Since ( ) 26 How Users Read on the Web ( ) 13

14 27 Effective Use of Style Sheets ( ) 28 Search and You May Find ( ) 29 The Difference Between Web Design and GUI Design ( ) 30 Be Succinct! (Writing for the Web) ( ) 31 Why Frames Suck (Most of the Time) ( ) 32 Marginalia of Web Design ( ) 33 Accessible Design for Users With Disabilities ( ) 34 International Web Usability ( ) 35 Inverted Pyramids in Cyberspace ( ) 36 Top Ten Mistakes in Web Design ( ) 37 Concise, SCANNABLE, and Objective: How to Write for the Web ( ) 38 Ten Usability Heuristics ( ) Sus Lundgren, föreläsningsanteckningar 39 Webbdesign I: Att tänka på 40 Webbdesign II: Crash course 14

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

- en expertanalys. av Anna Olvenmyr

- en expertanalys. av Anna Olvenmyr IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/

Läs mer

Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003

Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003 Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003 Helena Callert 1. Sammanfattning Denna uppsats beskriver en personlig analys av Centrala studiestödsnämndens

Läs mer

Slutrapport: Design av Hemsida för PolyPlast+

Slutrapport: Design av Hemsida för PolyPlast+ Slutrapport: Design av Hemsida för PolyPlast+ Av: Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson Datum och Plats: 03-09-19 Göteborg, Chalmers/GU Anledning: Uppgiften ingick som en obligatorisk

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

Personlig uppsats - analys av webbplats

Personlig uppsats - analys av webbplats Personlig uppsats - analys av webbplats Grafiska Gränssnitt, IT-universitet ht 2003 Anna Lindvall d00anna@dtek.chalmers.se Innehåll 1 INLEDNING... 3 2 INTRODUKTION... 3 2.1 KORTA FAKTA OM H&M... 3 2.2

Läs mer

Sovra i materialet. Vad är viktigt? Vad kan tas bort? Korta ner långa texter.

Sovra i materialet. Vad är viktigt? Vad kan tas bort? Korta ner långa texter. Sid 1 (6) Skriva för webb Att skriva för webben handlar om att skriva kort och enkelt för att fånga läsaren. Relevant innehåll Fundera över vad läsaren vill veta. Skriv för målgruppen. Sovra i materialet.

Läs mer

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben Ellibot 1.0 Interaktivmedia Content Management System Publicera för webben Innehåll Logga in 3 Skapa en ny webbsida 4 o Publicering 5 o Information 5 o Standardfiler 6 o Innehåll 7 Hur man skapar en länk

Läs mer

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

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Version: 1.0.1 Datum: 2012-05-23. DynaMaster 5 Golf Övergripande manual

Version: 1.0.1 Datum: 2012-05-23. DynaMaster 5 Golf Övergripande manual Version: 1.0.1 Datum: 2012-05-23 DynaMaster 5 Golf Övergripande manual Innehållsförteckning 1 Inledning 3 1.1 Systemkrav 3 2 Logga in 4 3 Översikt 5 4 Verktygsfält och funktioner 6 4.1 Översikt gränssnitt

Läs mer

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2. Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner

Läs mer

Sö ka artiklar öch annan litteratur

Sö ka artiklar öch annan litteratur 1 Sö ka artiklar öch annan litteratur UB:s startsida är en bra startpunkt när du ska söka litteratur. Sökrutan är nästan det första du lägger märke till. Bakom denna sökruta döljer sig en databrunn och

Läs mer

So ka artiklar och annan litteratur

So ka artiklar och annan litteratur 1 So ka artiklar och annan litteratur UB:s startsida är en bra startpunkt när du ska söka litteratur vare sig du letar efter böcker eller artiklar. Sökrutan är nästan det första du lägger märke till. Bakom

Läs mer

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

Läs mer

Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden

Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden Infobank kvickguide Kom i gång med Infobank Välkommen till SKL Kommentus webbaserad tjänst Infobank Arbetsrätten. Denna snabbguide ger dig en kort introduktion som användare av Infobank, så att du snabbt

Läs mer

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna

Läs mer

Kunskapscentrumcentrum för Äldres Säkerhet

Kunskapscentrumcentrum för Äldres Säkerhet Kunskapscentrumcentrum för Äldres Säkerhet Kravspecifikation Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

Läs mer

Tillämpad programmering CASE 1: HTML. Ditt namn

Tillämpad programmering CASE 1: HTML. Ditt namn Tillämpad programmering CASE 1: HTML Ditt namn 18 [HTML] Din handledare vill se din skicklighet i att använda HTML-koden. Du ska utveckla en webbplats om ditt intresse, inriktning eller gymnasiearbete.

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

ZZZVIVH HQXWYlUGHULQJ

ZZZVIVH HQXWYlUGHULQJ ZZZVIVH HQXWYlUGHULQJ Kurs: Grafiska Gränssnitt lp 1 2003 Christine Cronwall, 800428 1 INTRODUKTION...3 2 TEORI...3 2.1 RIKTLINJER FÖR ANVÄNDBARHET...3 3 PRESENTATION OCH EGNA SYNPUNKTER...4 3.1 VÄLKOMSTSIDAN...5

Läs mer

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

Läs mer

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm Användarhandbok (testsite http://www.pahlm.com/dynapahlm/ Förord DynaPahlm är levererat tillsammans med din webbplats från KM-Företagsutveckling. DynaPahlm är ett Content Management System (CMS), fritt

Läs mer

Mappar och filer för webbsidor

Mappar och filer för webbsidor Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar

Läs mer

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

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism: Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till

Läs mer

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

Användbarhet för webben MDI, Webb och speciella behov 1

Användbarhet för webben MDI, Webb och speciella behov 1 Användbarhet för webben MDI, Webb och speciella behov 1 Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skommas scanability Vi gör inga optimala val, vi söker något

Läs mer

Wordpress handledning för distrikt, lokalavdelningar och personsidor

Wordpress handledning för distrikt, lokalavdelningar och personsidor Wordpresshandledning fördistrikt,lokalavdelningaroch personsidor 1 Index Adminpanel... 5 Användare... 21 BWS Plugins... 15 inlägg... 6 Inlägg skapa och hantera... 7 Kategorier... 7 Inställningar... 14

Läs mer

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

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

ReKo Sjuhärads webbplats -

ReKo Sjuhärads webbplats - 2010-0-01 1 (5) Inledning Beskrivningen av webbplatsens olika delar samt de viktigaste funktionerna och länkarna inom respektive del, är tänkt att fungera som en introduktion för att snabbt få en inblick

Läs mer

KOM I GÅNG MED DIN HANDBOK STANDARD FRÅN THOLIN & LARSSON

KOM I GÅNG MED DIN HANDBOK STANDARD FRÅN THOLIN & LARSSON KOM I GÅNG MED DIN HANDBOK STANDARD FRÅN THOLIN & LARSSON Kom i gång med din handbok Standard Innehåll 1 Börja redigera 2 Arbetsbordet 3 Redaktörsfliken 3.1 Uppstart: Att-göra-listor 4 Redigera innehåll

Läs mer

Även om man placerar information kolumnvis så kommer all information att visas radvis i PDF-utskriften.

Även om man placerar information kolumnvis så kommer all information att visas radvis i PDF-utskriften. Lathund PDF-modulen Detta är en lathund för hur man ställer in och använder PDF-modulen. Med hjälp av PDF-utskrift kan du enkelt skapa PDF-utskrifter av webbsidor. Denna modul omvandlar text, bild och

Läs mer

Vilken version av Dreamweaver använder du?

Vilken version av Dreamweaver använder du? Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser

Läs mer

Nyheterna i Visma Tendsign 4.0

Nyheterna i Visma Tendsign 4.0 Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

IT-universitetet Göteborg Grafiska Gränssnitt Grafiska Gränssnitt. Inlämningsuppgift / Interaktions design. Författare: Cecilia Gustafsson

IT-universitetet Göteborg Grafiska Gränssnitt Grafiska Gränssnitt. Inlämningsuppgift / Interaktions design. Författare: Cecilia Gustafsson Grafiska Gränssnitt Inlämningsuppgift / Interaktions design Författare: Cecilia Gustafsson Inledning Tanken med den personliga uppsatsen är att fördjupa sig i eller vidare utveckla något ämne inom domänen

Läs mer

Arg-administratörens guide till Umbraco v 1.2.1

Arg-administratörens guide till Umbraco v 1.2.1 Arg-administratörens guide till Umbraco v 1.2.1 Logga in 1. Öppna en webbläsare och gå till inloggningssidan: https://www.sfog.se/umbraco/ 2. Skriv in följande användarnam & lösenord : 3. Klicka på Logga

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca System vi undersökte Den system vi valde att undersöka var en av de senaste smart tv som finns i markanden och var nämnd till bästa

Läs mer

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ IT-universitetet i Göteborg Interaktionsdesign - Grafiska Gränssnitt 2003-09-17 Deltagare:

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

Denna rutin gäller för Denna rutin gäller för samtliga verksamheter inom Sahlgrenska Universitetssjukhuset.

Denna rutin gäller för Denna rutin gäller för samtliga verksamheter inom Sahlgrenska Universitetssjukhuset. Doknr. i Barium Dokumentserie Giltigt fr o m Version 13006 su/adm 2017-12-01 4 Innehållsansvarig: Linda Kullenberg, IT-strateg, Kommunikationsavdelning (linku2) Godkänd av: Lars Rydhede, Personaldirektör,

Läs mer

UB:s sö ktjä nst - Söka artiklar och annan litteratur

UB:s sö ktjä nst - Söka artiklar och annan litteratur 1 UB:s sö ktjä nst - Söka artiklar och annan litteratur Innehåll Börja här... 2 Logga in... 2 Mitt konto... 3 Adressändring... 3 Spara sökresultat... 4 Sökhistorik & litteraturbevakning... 5 Söka, välja,

Läs mer

Skärmbilden i Netscape Navigator

Skärmbilden i Netscape Navigator Extratexter till kapitel Internet Skärmbilden i Netscape Navigator Netscape är uppbyggt på liknande sätt som i de flesta program. Under menyraden, tillsammans med verktygsfältet finns ett adressfält. I

Läs mer

SVENSK FILMINDUSTRIS WEBBPLATS

SVENSK FILMINDUSTRIS WEBBPLATS EXPERTANALYS AV SVENSK FILMINDUSTRIS WEBBPLATS JENNY DAFGÅRD MDI.INTERAKTIONSDESIGN GRAFISKA GRÄNSSNITT 23 OKTOBER 2003 INNEHÅLLSFÖRTECKNING INLEDNING...4 SVENSK FILMINDUSTRIS WEBBPLATS...6 ÖVERGRIPANDE

Läs mer

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN 2016-04-08 Vad är tillgänglighet? Tillgänglighet på webben handlar i grunden om att alla ska kunna tillgodogöra sig innehållet på en webbplats. En tillgänglig

Läs mer

Kom igång med Web Editor

Kom igång med Web Editor Kom igång med Web Editor Index 1. Logga in på Web Editor 2. Välj en mall 3. Skapa din första sida 4. Lägg till fler sidor 5. Redigera en sida eller mall 6. Spara dina ändringar 7. Förhandsgranska och Publicera

Läs mer

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19)

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Handbok i OEW 28 sept 2012 Mari-Anne Englund Barbro Olofsson Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Använd det användarnamn och lösenord som du fått. Fungerar det inte hör av dig till Mari-Anne

Läs mer

Grundutbildning EPiServer CMS6

Grundutbildning EPiServer CMS6 Grundutbildning EPiServer CMS6 Välkommen! Presentation av kursledare och kursdeltagare Kursinnehåll Verktygsfält och funktioner Skapa sida, spara och publicera Redigera sida Länkar till andra sidor och

Läs mer

Lathund PDF-utskrift. Senselogic AB Version 2.3

Lathund PDF-utskrift. Senselogic AB Version 2.3 Lathund PDF-utskrift Senselogic AB Version 2.3 Innehållsförteckning 1.1 PDF -utskrift... 3 1.1.1 Användningsområde... 3 1.1.2 Inställningar för PDF... 3 Fliken Allmänt... 3 Fliken Kapitel... 3 Fliken Formatmallar...

Läs mer

Villaägarna. Redaktörsmanual för Samfälligheter

Villaägarna. Redaktörsmanual för Samfälligheter Villaägarna Redaktörsmanual för Samfälligheter Grundstruktur för Samfälligheter... 3 Behörigheter... 3 Hitta din förenings webbplats... 4 Redigera sidor... 5 Samfällighet... 7 Övre delen... 8 Undre delen...

Läs mer

Lathund för webbshop

Lathund för webbshop Lathund för webbshop Ocay.se version 2014-12 Nu har vi lanserat nya ocay.se och därför släpper vi en ny guide för hur sidan används. Även om mycket uppdaterats layoutmässigt och under skalet kommer mycket

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Manual SiteVision version 5 sidan 1 Manual - Introduktionskurs SiteVision 2019-02-06 Version 5 Innehållsförteckning Logga in 2 Navigering och uppbyggnad 3 Redigera text 6 Om bilder på ale.se 9 Lägga till

Läs mer

Steg-för-steg-guide så lånar du en e-ljudbok på ios- och Android-enheter!

Steg-för-steg-guide så lånar du en e-ljudbok på ios- och Android-enheter! Steg-för-steg-guide så lånar du en e-ljudbok på ios- och Android-enheter! Denna guide visar hur du lånar e-ljudböcker på enheter med operativsystemen ios och Android. ios används i Apples produkter och

Läs mer

Lathund länkar. Skapa en intern länk som en sida

Lathund länkar. Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

12 Webb och kurshemsidor

12 Webb och kurshemsidor 12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,

Läs mer

Flera sätt finns att söka fram ett sjukdomstillstånd

Flera sätt finns att söka fram ett sjukdomstillstånd Sökhjälp uppdaterad 2016-09-26/eld Beslutsstöd för diagnostik och behandling Innehållet är strukturerat i en steg-för-steg process uppbyggt kring patientkonsultationer och omfattar diagnos, prognos, behandling

Läs mer

Nya funktioner i Insättningsuppgift via Internet

Nya funktioner i Insättningsuppgift via Internet Nya funktioner i Insättningsuppgift via Internet September 2018 Postadress: 105 19 Stockholm Besöksadress: Mejerivägen 1 www.bankgirot.se Bankgironr: 160-9908 Styrelsens säte: Stockholm Växel: 08-725 60

Läs mer

2009-08-20. Manual för Typo3 version 4.2

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1

Läs mer

Dags att skriva uppsats?

Dags att skriva uppsats? Dags att skriva uppsats? Grundkurs i Word 2010 SDM Studentdatorutbildning vid Malmö högskola Att skriva i Word! 1 Börja skriva/skapa ditt dokument- något att tänka på 1 Spara ditt dokument 1 Bra att veta

Läs mer

Kunskapscentrum för Äldres Säkerhet

Kunskapscentrum för Äldres Säkerhet Kunskapscentrum för Äldres Säkerhet Kravspecifikation för webbplats Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

Läs mer

Snabbmanual: Analysen

Snabbmanual: Analysen Snabbmanual: Analysen 2007-08-06 1 Analysen När man öppnar en Analys genom att klicka på en miniatyr i listgränssnittet eller på en länk i en rapport öppnas ett webbläsarfönster och innehållet laddas (kräver

Läs mer

Sö ka artiklar öch annan litteratur

Sö ka artiklar öch annan litteratur 1 Sö ka artiklar öch annan litteratur UB:s startsida är en bra startpunkt när du ska söka litteratur. Sökrutan är nästan det första du lägger märke till. Bakom denna sökruta döljer sig en databrunn och

Läs mer

1. Polopoly och webbpublicering på SU

1. Polopoly och webbpublicering på SU 1. Polopoly och webbpublicering på SU Den här guiden är en introduktion till webbpubliceringssystemet Polopoly 9.16 för dig som ska arbeta som webbredaktör vid Stockholms universitet. Här går vi igenom

Läs mer

Diabetes.se CMS guide för föreningar. Senast uppdaterad:

Diabetes.se CMS guide för föreningar. Senast uppdaterad: Diabetes.se CMS guide för föreningar Senast uppdaterad: 2016 11 28 Innehåll Inledning... 3 Frågor... 3 Logga in... 4 Om Föreningens sidor... 6 Skapa ny sida... 7 Redigera en sida/lägg till information

Läs mer

Användarbeskrivning ARBETSGIVARINTYG. för Sveriges alla arbetsgivare. arbetsgivarintyg.nu. En ingång för alla användare. Innehåll. Version 1.

Användarbeskrivning ARBETSGIVARINTYG. för Sveriges alla arbetsgivare. arbetsgivarintyg.nu. En ingång för alla användare. Innehåll. Version 1. 2015 05 17 Arbetslöshetskassornas samorganisation SO Version 1.0 ARBETSGIVARINTYG för Sveriges alla arbetsgivare Användarbeskrivning arbetsgivarintyg.nu Med tjänsten arbetsgivarintyg.nu kan du som arbetsgivare

Läs mer

Manual för webbpublicering. Enköpings kommun

Manual för webbpublicering. Enköpings kommun Manual för webbpublicering Enköpings kommun Innehåll ATT LOGGA IN I SWWWING 3 Inloggningsrutan 3 GRÄNSSNITTET 4 Filhanteraren 4 Content Management 4 Verktyget Notify - Dags att uppdatera 4 SKAPA OCH REDIGERA

Läs mer

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

Publicera material i Learn

Publicera material i Learn Publicera material i Learn Inne i kursrummet har du en ny meny till vänster. Har du arbetat i Fronter tidigare känner du igen dig rätt bra. Du kan publicera material i Kursinformation och i Kursmaterial.

Läs mer

Lathund för att hantera kongresshandlingar

Lathund för att hantera kongresshandlingar Lathund för att hantera kongresshandlingar Läsplatta - ipad Inför och under kongressen 2015 förekommer handlingarna enbart i digital form, närmare bestämt i PDF-format. I denna lathund får du som använder

Läs mer

Snabbguide för publicering i Drupal för ki.se

Snabbguide för publicering i Drupal för ki.se Senast uppdaterad 2014-04-20 av Webbteamet Version: 1.0 Snabbguide för publicering i Drupal för ki.se Den här snabbguiden tar bara upp de vanligaste momenten i Drupal. Du hittar hela manualen på webben:

Läs mer

Gör pdfdokument bläddringsbara

Gör pdfdokument bläddringsbara PROFFSIGA PDF:ER PÅ WEBBEN Gör pdfdokument bläddringsbara Ge pdf-dokument den uppmärksamhet de förtjänar genom att lägga dem på internet och göra dem lättare att läsa med en bläddringsfunktion. ÖVERSIKT

Läs mer

Zimplit CMS Manual. Introduktion. Generell Information

Zimplit CMS Manual. Introduktion. Generell Information Zimplit CMS Manual Introduktion Detta dokument ger en överblick av Zimplit CMS (Content Management System) användargränssnitt och dess funktioner. (För mer information och hjälp-forum, se zimplit.org.)

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

Läs mer

Välkommen till Studiekanalen.se

Välkommen till Studiekanalen.se Välkommen till Studiekanalen.se Det här produktbladet beskriver besökarens (elevens) väg till utbildningen, hur de matchas mot rätt skola och utbildning. Det beskriver även hur utbildningsanordnaren kan

Läs mer

Denna guide beskriver hur en nyhetsfunktion sätts upp med nyheter från DN. Två delmoment krävs för denna funktionalitet:

Denna guide beskriver hur en nyhetsfunktion sätts upp med nyheter från DN. Två delmoment krävs för denna funktionalitet: Lathund RSS Det går att hämta nyheter från externa källor med hjälp av RSS. RSS står för Rich Site Summary och är ett standardformat för att överföra nyhetsrubriker på webben. SiteVision kan hämta data

Läs mer

Analysverktyget Program Version: 2012-09-13

Analysverktyget Program Version: 2012-09-13 Analysverktyget Program Version: 2012-09-13 Analysverktyget Program möjliggör att ta fram all data som mätningen av webb-tv omfattas av. Data finns från och med 1/5 2011 och uppdateras kontinuerligt. I

Läs mer

Manual

Manual Manual www.jur.lu.se Innehållsförteckning Logga in 1 Skapa en ny sida 2 Sidinställningar 3 Spara sidan 5 Skapa undersidor 6 Redigera en befintlig sida 7 Länk i löpande text 7 En mejladress som länk 8 Skapa

Läs mer

En användarmanual för att publicera Y-bladet på webben

En användarmanual för att publicera Y-bladet på webben Publicera Y-bladet Innehåll Publicera Y-bladet...1 En användarmanual för att publicera Y-bladet på webben...1 Logga in...2 Logga ut...2 Att lägga till en artikel till Y-bladet...3 Ändra ett inlägg...5

Läs mer

InfoGlue för lättredaktörer

InfoGlue för lättredaktörer 1 InfoGlue för lättredaktörer Gå till www.publicera.gu.se/enkel-inloggning och klicka på Länk till den enkla inloggningen. Alternativt så finns det en inloggningslänk någonstans på den (institutions-)webbplats

Läs mer

Administrationsmanual för SCMS

Administrationsmanual för SCMS Administrationsmanual för SCMS Merea AB Box 69, 311 21 Falkenberg Tel: 0346-450 400 E-post: info@merea.se www.merea.se 1 Innehållsförteckning Inledning... 3 Skapa ny sida... 3 Skapa Nyheter...4 Redigera

Läs mer

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2

WEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2 WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet 2010-12-13 2 1 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) 2010-12-13 3 Tillgänglighet och Användbarhet

Läs mer

Axalon Process Navigator SP Användarhandledning

Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP 2013, senast reviderad: den 11 juni 2014 Innehåll Innehåll... 2 Om denna användarhandledning... 3 Syfte... 3 Vem är denna handledning

Läs mer

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system World Usability Day 2012 Användbarhet av finansiella system En eye-tracking studie på fyra av Sveriges storbankers webbplatser. Bakgrund 8 november 2012 är utsett till World Usability Day av UPA (Usability

Läs mer

Lathund länkar. 1Skapa en intern länk som en sida

Lathund länkar. 1Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

Snabbguide: Hur man öppnar en egen nätbutik

Snabbguide: Hur man öppnar en egen nätbutik Snabbguide: Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan

Läs mer

INDIVIDUELL INLÄMNINGSUPPGIFT

INDIVIDUELL INLÄMNINGSUPPGIFT INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!

Läs mer

http://www.youtube.com/watch?v=jpenfwiqdx8

http://www.youtube.com/watch?v=jpenfwiqdx8 http://www.youtube.com/watch?v=jpenfwiqdx8 1 Sökmotoroptimering SEO En introduktion för webbredaktörer 2 Agenda Var är vi på väg? Hur fungerar sökmotorer? Hur går det till när jag söker? Hur hänger det

Läs mer

INLEDNING MENYN FÖR FILNAVIGERING

INLEDNING MENYN FÖR FILNAVIGERING MEDIABANKEN Användarguide INLEDNING Att använda mediabanken är enkelt och intuitivt. När du loggat in har du en meny till vänster för navigering bland filerna i mediabanken och en meny överst funktioner

Läs mer

Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning

Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning Inställningar och visningssätt i CMS7.5, på sunne.se Sida 1 av 8 Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning Hjälp finns i den globala menyn... 1 Formulärredigering...

Läs mer

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Manual Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Innehållsförteckning Start... 3 Lägg till ny sida...3 Redigera sida som redan finns...3 Titta på resultatet...

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Manual E-butiken Innehåll:

Manual E-butiken Innehåll: Manual E-butiken Innehåll: Allmänt... 2 Logga in... 2 Översikt... 2 Kategorisera produkter... 3 Lägg till en produkt... 4 Lägg till produktbilder... 5 Ändra en produkt... 5 Skapa menysidor... 6 Ladda upp

Läs mer

WEBB OCH INFORMATIONSDESIGN

WEBB OCH INFORMATIONSDESIGN IT-Universitet WEBB OCH INFORMATIONSDESIGN Grupp 10 2003-10-25 Handledare: Rapport - projekt 1 Grupp 10: Johan Bergsten Jenny Christensson Evelina Johansson Marie Lönnqvist Mia Malmberg Niklas Mårby Uppgift

Läs mer

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor Hemsida Lathund för medlemsföreningar 2016-12-07 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva

Läs mer

PRO Järbo Navigeringsguide

PRO Järbo Navigeringsguide PRO Järbo Navigeringsguide Startsida PRO Järbo Fliken Start i HUVUDMENYN är markerat. Vi befinner oss på webbplatsens STARTSIDA. Nyhetskarusellen - webbplatsens löpsedlar. Växla genom att klicka på vänstra

Läs mer

Så kommer du igång med Kontrollwiki

Så kommer du igång med Kontrollwiki Så kommer du igång med Kontrollwiki Livsmedelsverket Så kommer du igång Få koll på kontrollen Nu kan du snabbt och enkelt få svar på alla dina frågor om livsmedelskontroll. Vårt nya webbaserade verktyg

Läs mer