Personlig uppsats -Analys av forsakringskassan.se

Storlek: px
Starta visningen från sidan:

Download "Personlig uppsats -Analys av forsakringskassan.se"

Transkript

1 IT-universitetet Göteborg MDI Interaktionsdesign Interaktionsdesign - Grafiska gränssnitt 6p HT-03 Personlig uppsats -Analys av forsakringskassan.se Theresa Harmanen it3hath@ituniv.se Inlämnat:

2 INNEHÅLLSFÖRTECKNING 1 INTRODUKTION TILL ANALYS AV FORSAKRINGSKASSAN.SE ANALYS AV FORSAKRINGSKASSAN.SE STARTSIDAN ALLMÄN SIDLAYOUT FUNKTIONALITET NAVIGATION NÅGRA DESIGNFÖRSLAG KONSEKVENT NAVIGERING VISUELL KOMMUNIKATION DISKUSSION REFERENSER

3 1 Introduktion till analys av forsakringskassan.se Uppgiften består av att analysera en webbsida utifrån de koncept och begrepp som tas upp i kursen Grafiska Gränssnitt 6p på IT-universitetet i Göteborg. Jag kommer att analysera jag webbsidan utifrån vissa riktlinjer och genom detta även väva in relevant fakta om webbdesign. Jag kommer att analysera startsidan, gå igenom den allmänna sidlayouten, funktionaliteten och navigationen, ge designförslag, för att slutligen diskutera kring vissa relevanta delar. Efter att ha letat på Internet efter en lämplig sida att analysera har jag till slut valt Försäkringskassans webbsida. Forsakringskassan.se är en sida som ska vända sig till den stora allmänheten i Sverige vilket innebär att målgruppen är väldigt stor. Detta gör även att sidan måste vara anpassad till en så bred målgrupp som möjligt. Det första som slog mig när jag kom in på sidan var att jag inte alls visste var jag skulle börja. Att komma till en sida med minst tre olika navigationsmenyer, utan någon vidare logisk struktur eller placering, kan vara väldigt frustrerande och förvirrande för såväl ovana som vana användare. Genom min analys har jag bl.a. hittat olika nyckelkomponenter i sidan som bidrar till att sidan upplevs som ostrukturerad trots att det syns att man jobbat väldigt mycket med strukturen. Jag ska i denna analys utreda om man skulle kunna förbättra designen på sidan genom att titta på vad som gör den rörig. Frågan är alltså: Vad är det som gör att sidan känns rörig och går det att förbättra detta? För att analysera sidan och lösa frågan kommer jag ha W3C:s riktlinjer 1 [1] i bakhuvudet samtidigt som jag tittar på Jakob Nielsens riktlinjer 2 [2] och även informationsvisualiseringsprinciper ur Edward R. Tuftes 3 bok Envisioning Information (Tufte, 2001). För att analysera har jag själv agerat expertanvändare och därför inte gjort utvärderingar med riktiga användare. Om mer tid hade funnits hade jag gjort användartester med potentiella användare för att sedan visualisera ett omdesignförslag (som nu endast är i textform). Jag har inte varit i kontakt med Försäkringskassan utan har direkt utifrån sidan analyserat vad syftet kan vara och varför viss information finns där den finns osv. Sidan är stor och jag har därför inte kunnat analysera alla länkar var för sig utan tittat på den övergripande strukturen inom varje komponent på sidan. 1 W3C är en organisation som har tagit fram riktlinjer man bör använda sig av vid designandet av en webbsida. 2 Jakob Nielsen är webbgurun som även han har tagit fram riktlinjer för publicering på webben. Han har skrivit en hel del webbdesignböcker och är ett välkänt namn inom webbdesignvärlden. 3 Edward R. Tufte är en känd profil inom informationsvisualisering och har skrivit ett antal kritikerhyllade böcker, bl.a. Envisioning Information - 2 -

4 2 Analys av forsakringskassan.se Att designa för webben verkar vara något som uppfattas som en allmän kunskap, alla vet hur man gör. Om jag tycker att det är snyggt och lättfattligt så borde det ju vara korrekt? Men det finns många saker att tänka på om man vill rikta sidan till en större publik än sig själv. Jakob Nielsen, som jag tog upp i föregående stycke, talar främst om fyra huvudpunkter som man bör tänka på när man designar för webben: att på ett effektivt sätt visa sidans syfte för användaren, att hjälpa användaren hitta rätt information, att avslöja sidans innehåll så att användaren vet vad som finns, och att använda det rent visuella för att förstärka ett budskap och inte enbart för estetikens skull. Ett företags hemsida är dess ansikte ut mot världen vilket gör det till en värdefull första länk mellan en potentiell kund och företaget. [3] Försäkringskassan är inte en kommersiell enhet men det är fortfarande viktigt att fungera som en första länk mellan Försäkringskassan och den som behöver Försäkringskassans hjälp. När man ska utforma en webbsida är det en bra idé att gå igenom W3C:s riktlinjer eller andra riktlinjer för hur man presenterar information på webben. Detta för att kontrollera att man vidtagit tillräckliga åtgärder för att skapa en användarvänlig sida. Något som är viktigt att tänka på inom design är att låta användaren få tillbaka kontrollen över informationen genom att låta denne själv ställa in, ta olika vägar, göra personliga inställningar och ta del av information på sitt sätt. It is not how much empty space there is, but rather how it is used. It is not how much information there is, but rather how effectively it is arranged. (Tufte, 2001) 2.1 Startsidan Färger kan, vid måttlig användning, användas för att förstärka och liva upp information på en dataskärm. För att veta vilka färger som harmoniserar kan man gärna titta på färger som förekommer i naturen, dessa är naturligt harmoniserande för ögat tillsammans (Tufte, 2001). Det första jag lägger märke till när jag går in på sidan är den gröna färgen som är väldigt utmärkande. Försäkringskassan har försökt använda färgen som finns i logotypen i så stor utsträckning som möjligt även på webbsidan, möjligtvis som ett sätt att få användaren att snabbt förstå vart denne har kommit. Den gröna färgen har blivit som ett starkt kännemärke för Försäkringskassan vilket gör att det är fullt förståeligt att använda den på webbsidan. Hur den används är en intressantare fråga. Som sidan ser ut nu används olika nyanser av grönt i menyn, länkarna, logotypen och i bannern längst upp på sidan. Men man har inte varit riktigt konsekvent. Det finns olika typer av menyer på sidan och de har i sin tur olika färger vilket kan förvirra användaren då denne inte vet vad som är menylänkar och vad som är andra länkar

5 Bild 1. Forsakringskassan.se startsidan. Att det finns flera menyer som är olika utformade förvirrar ytterligare, användaren vet inte vart hon ska börja. Man får intrycket av att det är två huvudmenyer på sidan; en textmeny till vänster och en ikonmeny till höger. Menyn till vänster har hela 21 länkar som inte känns direkt grupperade eller strukturerade. Att navigera i den tar tid då man måste läsa igenom varje länk för att få en uppfattning om vart man ska. Om man istället grupperar dem kan ögat lättare söka sig till rätt grupp och effektiviteten ökar. Den blinkande bannern på sidan som försöker locka användaren till att läsa mer om bostadsbidrag ger intrycket av att man kan klicka på den för att komma vidare, vilket inte alls är fallet. Det gör att bannern helt förlorar sin funktion. Bannern tar dessutom mycket uppmärksamhet från användaren då den blinkar, men eftersom sidan i övrigt känns död fungerar denna funktion samtidigt underligt nog som en upplivare. Det kan dock verka underligt att Försäkringskassan måste göra reklam på sin egen sida. Man kan fråga sig vad den har för syfte egentligen. Det kan vara så att många användare upplever att de inte hittar till den undersida där man kan läsa om bostadsbidrag och behöver guidas dit, men i så fall borde bannern vara länkad. De raka linjerna och avsaknaden av direkt utsmyckning på sidan gör att den känns myndig och saklig vilket är bra då det är en myndighet vars huvuduppgift är att informera. Men i den myndiga och sakliga skuggan kommer ord såsom icke-humant och stelt upp. En myndighet som vänder sig till den stora folkmassan, och då speciellt människor som kanske är sjuka eller behöver bidrag eller annan viktig information, måste tänka på att inte skrämma bort sina användare utan istället kännas välkomnande. Ett enkelt sätt att göra detta är att använda sig av bilder utav människor på olika sätt (utan att för den sakens skull enbart använda de som estetisk utfyllnad)

6 I mitten finns två spalter med aktuell information och viktig information. Detta är översiktligt och ger intrycket av att sidan ständigt uppdateras. Däremot är det mycket information som ska rymmas på en liten yta vilket medför en scrollist. I en upplösning på 1024*768 innebär det (underligt nog då man helst ska anpassa en sida till 800x600) både en vertikal och en horisontell scrollist. Speciellt horisontella scrollister ska undvikas i största möjliga mån.[4] Den mittersta informationsytan skulle utnyttjas bättre om man kortade ner den beskrivande texten och istället fokuserade på att formulera bra rubriker, användaren kan sedan få mer information under en läs mer länk. I den högra navigeringsytan finner man en scrolldown list med en inloggningsfunktion som riktar sig till arbetsgivare men även till privatpersoner. Trots det finns ingen information i närheten om vad denna funktion är till för. För att få reda på detta måste man klicka i menyn på Privatpersoner vilket gör att en inloggningssida med förklaring kommer fram. När det står logga in på en sida kan det vara lätt att anta att det går till en intern sida vilket gör att man undviker att ens undersöka saken. 2.2 Allmän sidlayout Sidan är uppdelad i vad som kan uppfattas som två navigeringsytor och två informationsytor. Till vänster och till höger på sidan finns navigeringsytorna. I mitten och längst upp finns informationsytorna. Allt detta gör att jag får illusionen av att sidan består av två olika sidor i en. Bild 2. Forsakringskassan.se - allmän layout Huvudtexten, som är svart på vit bakgrund, finns i den mittersta informationsytan. Färgerna går i grått, svart och olika nyanser av grönt. Menyn till vänster (Navigeringsyta 1), eller rättare sagt halva den menyn, ligger på en ljusblå bakgrund medan halva menyn ligger på en ännu svagare ljusblå bakgrund. Detta med undantag för länken Startsida som ligger på den vita bakgrunden. Meningen med detta kan tänkas vara att gruppera likartade menyval, men detta skulle lika bra kunna åstadkommas genom att använda samma blåa färg som bakgrund på båda delar. Man skulle t.o.m. kunna ta bort mellanrummet mellan grupperingarna om man behåller linjen emellan som är en fullt - 5 -

7 tillräcklig avdelare. En vit yta kan, om den placeras fel, bli en stark störande grafisk signal som upptar onödig uppmärksamhet. I det här fallet är det en avvägning beroende på om man medvetet hade tänkt att jobba med luft eller om det var ett snabbt sätt att dela av menyn på. Men i all denna välmening att skapa en sida vars färger går efter de i logotypen har man missat att de vita ytorna mellan de gröna bildar en form i sig som stör ögat. När man målar två mörka fält mot en ljus bakgrund uppstår en s.k. 1+1 = 3 eller mer effekt. (Tufte, 2001). I detta fall kan man tydligt se det i mellanrummet mellan startsidans Viktig information, Aktuellt och den blinkande reklambannern. Skillnaden mellan denna vita yta och den vita ytan mellan menyns grupperingar är att 1+1=3 fältet bildar en stark grafisk komponent som inte är påtänkt från början och som stör den egentliga informationen som ska förmedlas. Bild 3. Forsakringskassan.se de två huvudmenyerna. Eftersom man i västvärlden oftast läser från vänster till höger är många menyer på webbsidor placerade just till vänster. Ögat söker sig automatiskt till vänster och man antar ofta att information presenteras med början till vänster. Forsakringskassan.se använder sig av två menyer som är placerade både till vänster och till höger (Navigeringsyta 1 och 2). Resultatet av detta blir ett oroligt öga och en onödig kognitiv belastning i att försöka klura ut var man ska börja. Menyn till höger på sidan är grafiskt starkare, genom mörkare färg och en kombination av både text och ikoner, vilket drar uppmärksamhet till sig. Den primära informationsarean är placerad i mitten vilket är vanligt inom webbdesign. Detta är bra då man intuitivt vill placera och hitta viktig information eller huvudinformation centralt. Annan information såsom menyer och annat hör hemma i de mer perifera delarna av webbsidan där de inte stjäl uppmärksamhet från webbsidans huvudinformation. (Allt detta beror självklart på vad sidan har för syfte och vilken målgrupp den riktar sig till. Mer om detta i diskussionen, punkt 4.) I den sekundära informationsarean får man kvittot på var man har kommit, ex. till undersidan Förälder. Detta kvitto, eller huvudtiteln på undersidan, är en bra hjälp för användaren att visa på var denne är på sidan. Dock har denna informationsarea bidragit till att det på förstasidan upprepas en del information; det står Välkommen till - 6 -

8 Försäkringskassan! precis intill logotypen med texten Försäkringskassan. Dessutom finns Välkommen till Försäkringskassan även i webbläsarens titelfält. Man får intrycket av att de försöker fylla ut en plats enbart för att den är tom vilket i så fall är onödigt. Inom grafisk form och reklam försöker man ofta utnyttja den tomma yta som ibland uppkommer när man har för lite information i förhållande till den totala arbetsytan genom att använda det i sig som en grafisk komponent och utnyttja det till sin fördel. I detta fall kan det möjligtvis vara svårt att anamma den tanken på den ytan eftersom den har en stark färg och det kan ge fel signaler. Men det går att byta ut texten så att informationen inte upprepas onödigt många gånger. Det viktiga är att visa användaren var denne har kommit, dvs. till startsidan vilket man skulle kunna skriva istället. Bild 4. Forsakringskassan.se exempel på kvitto. Logotypen är placerad längst upp till vänster vilket även det är vanligt. Här har logotypen en fast plats. Logotypen är även länkad till förstasidan vilket är bra om man vill slippa gå in i menyn för att komma till startsidan. Logotypen har en vit bakgrundsfärg vilket man skulle kunna fortsätta arbeta med. Istället har man valt att lägga en grön bakgrundsfärg på den intilliggande Informationsarea 2. Detta medför ett stelt avbrott i designen där det kan kännas som att informationsarean är förskjuten åt höger. En bra tumregel kan vara att föränderlig information, såsom informationsareorna, bör vara grupperad för sig och statisk information, såsom menyer och logotyp, bör vara för sig. På det sättet vet ögat var det ska söka sig för att få reda på ny information utan att den statiska informationen behöver dra till sig onödig uppmärksamhet. 2.3 Funktionalitet Forsakringskassan.se är en sida med väldigt mycket information vilket innebär att det kan vara svårt att få till en bra struktur. De har delvis lyckats med att förmedla informationen, men den skulle kunna struktureras på ett bättre sätt. Sidan behandlar mycket som har med den praktiska sidan av vuxenlivet att göra. Här kan man exempelvis hitta information om studiebidrag, bostadsbidrag, lumpenbidrag och annat som kan vara relevant som ung vuxen, hur det fungerar med föräldrapenning, barnbidrag och anmäla sjukt barn när man är förälder, vad man bör tänka på när man är arbetslös eller när man driver företag, vad som gäller vid funktionshinder och arbetsskada etc. I stort kan man dela upp informationen i tre huvudkategorier: informering av regler och hur praktiska saker fungerar, blanketter och broschyrer via nätet, samt kontakt med Försäkringskassan och andra instanser. Mycket av denna information finns förmodligen just på nätet för att minska ner arbetsbördan på Försäkringskassans kontor i form av minskat antal telefonsamtal med frågor om hur saker och ting fungerar och minskade kostnader för pappersinformationsutskick och liknande. Att kunna beställa blanketter via Internet istället för via telefon är bra då man slipper sitta i telefon och då mycket av informationen angående vilken blankett man ska välja finns att tillgå på webbsidan. På sidan informeras även om nya regler för ex. sjukpenning och liknande vilket är bra att kunna hitta på en webbsida. Webbsidan fungerar lite som ett nyhetsforum vilket är bra då det är lätt att - 7 -

9 surfa in och ta del av informationen (men observera att det är lätt för de som har tillgång till Internet, för andra kan det vara svårt att få tag i denna information lika lätt). Det är väldigt mycket man ska hålla reda på när det gäller dessa livets praktiska frågor men de har en naturlig plats på denna sida. Hemsidan har, förutom alla resurser, även en sökfunktion som är placerad i den högra menyn. Denna är väldigt enkelt utformad vilket gör den intuitiv och okomplicerad att använda. Detta är väldigt bra om man vill slippa gå igenom menylänkar för att komma till specifik information. Handikappanpassningen på sidan är väl utbyggd. Texten går att ändra storlek på, talkassetter och information i punktskrift går att beställa, inspelade texter finns att lyssna på direkt via nätet, och alternativtexter används flitigt vilket möjliggör för uppläsningsprogram (som synskadade använder) att få en förklaring på bilder trots att användaren inte kan se dem. 2.4 Navigation Ett problem när man designar ett gränssnitt är att informationen inte är konsekvent, den presenteras inte på samma sätt hela tiden. Menyer byter skepnad och försvinner. När huvudmenyn syns försvinner underlänkarna och vice versa. Detta innebär att mycket uppmärksamhet tas från det visuella i gränssnittet medan det är den egentliga information som ska förmedlas som bör få den största uppmärksamheten. Det innebär även en belastning för korttidsminnet i det att användaren själv måste komma ihåg den information som försvann för att kunna använda och sålla bland den information som för tillfället är aktiv. (Tufte, 2001) Som tidigare nämnts uppfattar jag navigationen som ostrukturerad, icke-konsekvent och icke-intuitiv. På ett sätt hjälper den till i sökandet då den täcker in det mesta som går att hitta på sidan vilket gör den relativt översiktlig, men grupperingen av menyvalen skulle kunna göras bättre. Som det ser ut nu består den vänstra menyn (Navigeringsyta 1) av hela 21 länkar. Om man räknar in den högra menyn (Navigeringsyta 2) är vi uppe i 30 menyval (även om vissa överlappar varandra informationsmässigt). Brödsmulor är länkar som visar på var i strukturen man har varit. Vill man komma tillbaka i strukturen klickar man bara på en utav länkarna. Forsakringskassan.se använder sig av detta vilket är funktionellt och översiktligt då det finns så många val på sidan

10 Bild 5. Forsakringskassan.se - exempel på brödsmulor. På många undersidor skapas en scrollist då informationen (Informationsarea 1) blir för lång. Då utseendet på denna scroll ser ut som vilken som helst gör detta att man får illusionen av att det är två sidor i en. Där scrollen börjar slutar sidan och en ny sida med en ny meny tar vid till höger om scrollen. Detta kan man undvika om man skapar en diskretare scroll som använder sig av likadana färger som på sidan vilket skulle medföra att den smälter in bättre. Ett alternativ till scroll är att använda sig av en Nästa funktion men det kan göra att den mängdöversikt som man får i en scrollist försvinner. I menyn finns det som mest två underlänkar till de länkar som syns i huvudmenyn. Denna struktur hjälper till att dölja allt som ska få plats på webbsidan samtidigt som man får chansen att läsa om precis det man är ute efter. Men resten av huvudlänkarna försvinner när man går in i strukturen vilket är väldigt förvirrande och gör att man förlorar översikten. Man måste hela tiden klicka på Till startsidan för att komma tillbaka och välja en annan huvudlänk. När man klickar på en länk blir den svart för att markera vilken länk som är aktiv. Detta ger en dubbel signal, då brödsmulorna uppe i informationsarea 2 visar exakt samma sak, men som faktiskt fungerar väldigt bra. Det finns däremot ingen åtskillnad mellan huvudlänk och - 9 -

11 nästa underlänk till denna. Båda blir svarta och båda ser likadana ut med tanke på typsnitt, storlek och färg. Däremot skiljs de åt genom en linje emellan vilket gör att det ändå fungerar. Underlänk 2 är placerad en bit in från marginalen och är markerad med ett streck framför för att markera att den är ett steg ner i strukturen. Detta är tydligt och lätt att förstå. Den återkoppling man får när man håller musen över länkarna är att en länkhand bildas men länken markeras inte på något sätt vilket hade varit bra. Syftet med bilderna på sidan är att fungera både som illustration och uppmjukning men även som förtydligande utav var man är på sidan. Som synes på bilden nedan är vi inne på huvudlänken Förälder vilket förtydligas med hjälp av bilderna på barn och en förälder. Bild 7. Forsakringkassan.se exempel på bilder och dess placering på sidan. Man bör låta användaren själv bestämma hur stor texten ska vara genom att ställa in relativa storlekar på texten. [4] Något som är väldigt positivt är att textstorleken inte är fast vilket gör att användare med synproblem kan ställa in önskad storlek på texten i sin webbläsare. All text på Forsakringskassan.se ändras om man använder den funktionen även menytexten, vilket är väldigt bra. Användaren får en bättre möjlighet att ta till sig informationen. Man bör även skriva på ett enkelt sätt, speciellt när man vänder sig till en så stor målgrupp som Försäkringskassan måste göra, så att så många som möjligt kan ta del av informationen på webbsidan. För att göra detta kan man exempelvis markera nyckelord i texten och flitigt använda sig av styckeindelning. [4] På forsakringskassan.se används inga nyckelord men däremot är texten väldigt bra indelad och luftigt upplagd. Under huvudlänken Foreign Speaking hittar man en länk som heter Lättläst svenska vilken leder till PDF-filer med lättlästa texter på svenska om vissa viktiga saker som kan vara bra att känna till såsom sjukförsäkring, bostadsbidrag och föräldraförsäkring. Frågan är dock varför denna länk Lättläst svenska inte är direkt tillgänglig för alla utan ligger

12 gömd under Foreign Speaking. Denna länk skulle vara av stor nytta även för människor utan utländsk bakgrund, exempelvis dyslektiker. 3 Några designförslag Sidan är i behov av två stora ändringar som har med navigering och visuell kommunikation att göra. 3.1 Konsekvent navigering Den största designändringen som jag skulle vilja genomföra på sidan är navigeringen. För att göra den mer intuitiv skulle jag först och främst integrera den vänstra och den högra menyn så att det blir endast en huvudmeny på sidan. Att använda ikoner är bra för tydlighet och effektivitet, men med den mängd menyval som finns kan det bli svårt att få plats med ikoner även vid en omdesign av menyn. För att strukturera menyn bättre skulle jag exempelvis vilja placera den överst på sidan med scrolldown-menyer som kommer fram när man håller musen över (innebär dock JavaScript men för de som inte har stöd för det brukar man lösa det genom att en textbaserad meny kommer fram istället). 4 En sådan meny skulle ge en bättre översikt, vara platsbesparande med tanke på att många menyval döljs utan att vara otillgängliga, samtidigt som det innebär att delar av menyn inte behöver försvinna för att ge plats åt undermenyer. 3.2 Visuell kommunikation Den nya menyraden som beskrivs ovan skulle kunna ligga under en banner med en bildkomposition av människor som mjukt går in i varandra för att göra helhetsintrycket mer välkomnande. 5 När det gäller allmän designlayout kan man försöka mjuka upp de kantiga gröna fält som bildas här och var på sidan i form av rubrikbakgrunder och reklambanners. För att bryta av lite mot den gröna färgen, utan att skapa onödig kontrastinformation, kan man, som tidigare nämnts i analysen, använda sig av färger som finns i naturen och som är harmoniserande för ögat. (Tufte, 2001) När man använder en mörkgrön färg mot en vit bakgrund blir den vita bakgrunden väldigt stark, nästan som en ljuskälla som kan bli väldigt jobbigt för ögonen. För att minska ner 1+1=3 fälten som uppkommer på diverse ställen på sidan kan man arbeta med färg i olika gröna nyanser för att ge sidan ett mer välkomnande och mjukt intryck och göra att färgen arbetar bättre med bakgrunden. Man kan även förstärka länkarna genom att använda en annan färg vid mouse-over vilket ger en bra återkoppling. Dessutom bör alla länkar ha samma färg för att signalera att det är just länkar. 4 Exempel på liknande menysystem finns på 5 Exempel på liknande banner med människor

13 4 Diskussion Det är svårt att sätta upp allmänna regler för webbdesignande då målgruppen och syftet varierar så mycket mellan två webbsidor. Mer artistiskt utformade sidor fyller ett syfte på sitt sätt, men kanske inte kan kallas användarvänliga då de är kryptiska att navigera runt på. Om Jakob Nielsen fick på sitt sätt så skulle alla sidor se ut som hans webbsidor [2], med enkla, stora, tydliga länkar och uppdelningar utan någon större tanke på estetiska värden och användarupplevelse. Forsakringskassan.se är en informerande webbsida som ska rymma mycket information och många resurser. De har delvis lyckats med föresatsen att strukturera denna information. Mycket på sidan är välorganiserat med det större undantaget navigationen som från början är relativt översiktlig men vid användning visar sig vara alldeles för komplex och minneskrävande för användaren. En slutsats jag drar av analysen är att en förändring av främst navigationen skulle göra sidan mycket mer lättillgänglig och användbar. Trots att Försäkringskassan är en myndighet ska de rikta sig till den vanliga människan med all dess betydelse bör även estetiken vävas in till en naturlig del av sidan, främst då för att förstärka informationen men även för att avparagrafisera information, dvs. för att förenkla formell information. Skulle dessa ändringar genomföras tror jag sidan skulle bli än mer tillgänglig och välkomnande för användaren än vad den för tillfället är

14 Referenser Tryckta källor Tufte, E. Envisioning Information. Cheshire, Connecticut. Graphics Press (2001). Källor på webben Försäkringskassan, , URL [1] W3C, , URL [2] Jakob Nielsen s Website, , URL [3] Jakob Nielsen, Top Ten Guidelines for Homepage Usability, , URL [4] Jakob Nielsens, Top Ten Web-Design Mistakes, , URL Businessweek, Diss my website please, , URL Interaction Design Institute Ivrea, , URL Telia.se, , URL

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

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

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

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

Projekt 1 Webb- och inform ationsdesign

Projekt 1 Webb- och inform ationsdesign IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 1 Webb- och inform ationsdesign Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma Thunström

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

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

Rapport Projekt 1 Från material till webb

Rapport Projekt 1 Från material till webb IT-Universitetet Grafiska gränssnitt, 6 p Göteborg 2003-09-19 Rapport Projekt 1 Från material till webb Grupp 1: Vilhelm Bergman Hanna Friberg Björn Nord Ulrika Olsson Marlene Sjöberg Innehållsförteckning

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

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

Omsorgen Användarhandledning

Omsorgen Användarhandledning Omsorgen Användarhandledning 2012-12-13 Steg 1: Logga in Om ditt boende/kommun är ansluten till Omsorgen har du troligtvis fått inloggningsuppgifter. Om inte, skicka ett mail till info@omsorgen.se så kontaktar

Läs mer

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

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

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

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

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

Analys av en hemsida

Analys av en hemsida Analys av en hemsida av Analys av en hemsida Jag har tittat lite närmare på utformningen av sidan http:/ / kids.earth.nasa.gov/. Sidans syfte är att utbilda och informera barn om rymdteknik och vilka spännande

Läs mer

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang DESIGNDOKUMENT 1. Idé & koncept Grundidé, syfte & innehåll Vad önskar du att du gjort mer av, när du var 20? Finns det böcker som påverkat ditt liv på något sätt? Vilka låtar ska jag lyssna på för att

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

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide Använda Internet med hjälp av Internet Explorer Nybörjarguide Av Carl Ewnert 1 Innehåll: 1. Introduktion 3 2. Utseendet 4 3. Verktygsfältet 4 4. Börja Surfa. 5 5. Att söka på Internet 5 6. Spara en sida

Läs mer

Slutrapport: Informationsvisualisering av släktträd

Slutrapport: Informationsvisualisering av släktträd Slutrapport: Informationsvisualisering av släktträd Grupp 11 Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson 2003-10-10 Göteborg, Chalmers/GU Innehåll 1. INLEDNING...3 2. SYFTE...3 3. METOD...3

Läs mer

Skolmaten. Användarhandledning 2015-05-28

Skolmaten. Användarhandledning 2015-05-28 Skolmaten Användarhandledning 2015-05-28 Steg 1: Logga in Om din skola är ansluten till Skolmaten har du fått inloggningsuppgifter. Om inte, skicka ett mail till info@dinskolmat.se så kontaktar vi dig.

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

Grafisk profil för digitala gränssnitt MAJ 2019

Grafisk profil för digitala gränssnitt MAJ 2019 Grafisk profil för digitala gränssnitt MAJ 2019 GRAFISK PROFIL FÖR DIGITALA GRÄNSSNITT Inledning Den här grafiska profilen för digitala gränssnitt innehåller riktlinjer för hur Umeå kommuns e-tjänster

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

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 5 Kom igång med PING PONG Studentmanual. Version 5 Anita Eklöf, Rune Fjelldal vid Centrum för Lärande och Undervisning, Bibliotek & lärande resurser, Högskolan

Läs mer

GRATIS FÖR PRENUMERANTER

GRATIS FÖR PRENUMERANTER GRATIS FÖR PRENUMERANTER Exempel : Exempel : Bygg en egen Journalist Mathias Alsted Lund Flinck Som prenumerant på PC-tidningen får du din egenwebbplats helt gratis. Här kan du läsa mer om hur du får ut

Läs mer

ANALYS AV EN WEBBAPPLIKATION

ANALYS AV EN WEBBAPPLIKATION ANALYS AV EN WEBBAPPLIKATION 2003-10-27 Yvonne Stenberg Grafiska Gränssnitt, 6 p MDI - Interaktionsdesign INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING 2 INTRODUKTION 3 BOSTON DISTRIBUTION OCH MÅLGRUPP 3 BEGRÄNSNINGAR

Läs mer

Webbsidekurs för nybörjare

Webbsidekurs för nybörjare Webbsidekurs för nybörjare Hörselskadades distrikt i Stockholms län (www.distriktet.info) Inledande faktaruta Alla HRF föreningar erbjuds möjligheten att kostnadsfritt publicera information på en egen

Läs mer

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 6 Kom igång med PING PONG Studentmanual. Version 6 Anita Eklöf, Sektionen för pedagogiskt arbete, Högskolan i Borås. 2015-02-16 1 ATT LOGGA IN... 1 2 STARTSIDAN...

Läs mer

LATHUND TILL GOOGLE SITES

LATHUND TILL GOOGLE SITES LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2

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

I.site Webbsidesverktyg handledning

I.site Webbsidesverktyg handledning I.site Webbsidesverktyg handledning Ingela Ek IT-pedagogisk utveckling Barn- och ungdomsförvaltningen Botkyrka kommun Senast uppdaterad 2007 Välkommen som webbredaktör till Botkyrka kommuns hemsidor Logga

Läs mer

Sociala medier för företag

Sociala medier för företag Sociala medier för företag Utbildningen ingår i projektet Helikoopter vilket är ett kompetensutvecklingsprojekt som finansieras av Europeiska socialfonden och genomförs i Coompanion Norr och Västerbottens

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

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

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

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

Hembokat Kom igång guide

Hembokat Kom igång guide Hembokat Kom igång guide Introduktion till er nya brf-hemsida... 2 För användaren... 3 Starta ditt konto... 3 Logga in... 3 Byt lösenord... 4 Anslagstavlan... 5 Bokningskalendern... 6 För styrelsen...

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

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

Projekt 2 Informationsvisualisering av släktträd

Projekt 2 Informationsvisualisering av släktträd IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 2 Informationsvisualisering av släktträd Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma

Läs mer

edwise Reviderad:

edwise Reviderad: 1 edwise Reviderad: 20171116 Guide för dig som vårdnadshavare Ägare: PMC Lärportalen edwise används i Åstorps kommun på samtliga förskolor och grundskolor. För att kunna använda edwise måste du som vårdnadshavare

Läs mer

[ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION]

[ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION] 2014 HSK Fotboll Anna Nerlich [ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION] Detta dokument hjälper hemsideansvarig att skapa innehåll till lagets lagsida på hskfotboll.se. Version 1.1 2014-04-25 Om hur

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

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

Inledning/innehållsförteckning. Hej!

Inledning/innehållsförteckning. Hej! WORDPRESS LATHUND Inledning/innehållsförteckning Hej! Det här är en lathund för dig som har en hemsida i Möcklenföreningarnas webbportal. Vi hoppas att den ska vara till hjälp. Är det något du inte förstår

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

Inledning. SPF Seniorerna Leksand Hemsida

Inledning. SPF Seniorerna Leksand Hemsida SPF Seniorerna Leksand Hemsida 2017-06-13 Rev: B Under december 2016 har SPF bytt till ett nytt medlemsregister och hemsidessystem. Detta görs samtidigt eftersom de båda systemen utbyter information. Tyvärr

Läs mer

Info från Express - så visas det på bjurfors.se

Info från Express - så visas det på bjurfors.se Info från Express - så visas det på bjurfors.se Denna manual Denna manual förutsätter att du är bekant med hur du använder Vitec Express i största allmänhet. Manualen visar endast vilka fält du behöver

Läs mer

TNM006 Kommunikation och Användargränssnitt. Uppdrag Granskning. David Kästel Campus Norrköping, LITH

TNM006 Kommunikation och Användargränssnitt. Uppdrag Granskning. David Kästel Campus Norrköping, LITH TNM006 Kommunikation och Användargränssnitt Uppdrag Granskning David Kästel davka237@student.liu.se Campus Norrköping, LITH Inledning Vår uppgift bestod i att granska olika webbsajter och hur dessa var

Läs mer

Skapa spellista i play.lnu.se Gör en samling med filmer som hör ihop

Skapa spellista i play.lnu.se Gör en samling med filmer som hör ihop Skapa spellista i play.lnu.se Gör en samling med filmer som hör ihop Vad är en spellista? En spellista är ett sätt att visa en lista över filmer (eller ljudklipp) som hör ihop med varandra. En spelare

Läs mer

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se

Läs mer

Miljön i Windows Vista

Miljön i Windows Vista 1 Miljön i Windows Vista Windows Aero Windows Aero (Aero Glass), som det nya utseendet eller gränssnittet heter i Vista, påminner mycket om glas och har en snygg genomskinlig design. Det är enklare att

Läs mer

Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5

Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5 Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5 Steg 1.1 Sammanfattningen av diskussionen är att strukturen på en sida bör vara till största del i balans, symmetrisk, reguljär, förutsägbar och

Läs mer

Utvärdering av webbplats,

Utvärdering av webbplats, Utvärdering av webbplats, www.beckers.se IT-universitetet, Chalmers Grafiska Gränssnitt, 6p Kursansvariga: Staffan Björk, Sus Lundgren 2003-10-27 Annelie Günzel, 761212- 1. INTRODUKTION... 3 2. METOD...

Läs mer

ActiveBuilder Användarmanual

ActiveBuilder Användarmanual ActiveBuilder Användarmanual Forfatter: TalkActive I/S Dato: Juli 2004 Version: R. 1.01 Sprog: Svensk Copyright 2004 - Talk Active - all rights reserved. Innehåll: 1. INLEDNING...2 2. SNABBSTART...3 3.

Läs mer

SJF LATHUND EPISERVER 7.0

SJF LATHUND EPISERVER 7.0 SJF LATHUND EPISERVER 7.0 LOgGA IN. Logga in URL: http://test.sjf.discoworks.se/epiui/cms SKAPA OCH REDIGERA SIDOR. Skapa sida Öppna trädnavigeringen genom att klicka på den mörkgrå struktursymbolen längst

Läs mer

Snabbkurs i Wordpress för IOGT-NTO

Snabbkurs i Wordpress för IOGT-NTO Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 6 Länklistor 9 Övningar 10 Repetition 11 Kortfattad repetition 9 6 Inledning Välkommen till Nyfiken

Läs mer

Projekt 1: Webb- & informationsdesign

Projekt 1: Webb- & informationsdesign IT-universitetet i Göteborg Projekt 1: Webb- & informationsdesign Annelie Günzel Jessica Göransson Anna Olvenmyr 2003-09-18 Yvonne Stenberg Grafiska Gränssnitt, 6 p Sofia Torberntsson MDI - Interaktionsdesign

Läs mer

Lathund steg för steg

Lathund steg för steg Lathund Lathund steg för steg Jessica Mattsson Administrativ assistent och Lotta Karlsson Informationsansvarig och Webbredaktör Oktober 2014 Innehållsförteckning Logga in... 1 Logga in på Insidan... 1

Läs mer

Info från Express - så visas det på bjurfors.se

Info från Express - så visas det på bjurfors.se Info från Express - så visas det på bjurfors.se Denna manual Denna manual förutsätter att du är bekant med hur du använder Vitec Express i största allmänhet. Manualen visar endast vilka fält du behöver

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

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 2 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till en länk i text 9 Lägga till länkar under

Läs mer

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03

Jenny Dafgård, Fredrik Johansson, Nils Järgenstedt, Yael Katzellenbogen och Klara Mälarberg. IT-Universitetet i Göteborg, HT03 SAMMANFATTNING Denna rapport beskriver hur Grupp 8 gick till väga för att skapa en webbplats för företaget Polyplast+. Processen påbörjades med en förstudie om Polyplast+, och fortsatte sedan med användaranalys,

Läs mer

Lathund Episerver - Skapa menyer. Innehållsförteckning Rev: C

Lathund Episerver - Skapa menyer. Innehållsförteckning Rev: C Lathund Episerver - Skapa menyer 2017-08-27 Rev: C Innehållsförteckning Skapa menyer...2 Allmänt...2 Använda kalkylark för att skapa menyer...3 Huvudmeny...4 Skapa huvudrubriker...5 Flytta huvudrubriker...7

Läs mer

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

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

Läs mer

Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser

Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser Lättläst: Myndighetsundersökningen 2011 Om lättläst information på svenska myndigheters webbplatser Internet är idag en av de viktigaste platserna där myndigheterna träffar medborgarna. Myndigheterna har

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

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge Introduktion till Blästadsgatans diskussionsforum Inledning Som en del av vår webbplats, blastadsgatan.se, finns ett diskussionsforum. Tanken med forumet är att det ska fungera som en diskussionsplats

Läs mer

Sektionsdata webb är anpassat för att du ska kunna justera, jobba i eller visa dina kalkyler för kollegor, kunder och beställare.

Sektionsdata webb är anpassat för att du ska kunna justera, jobba i eller visa dina kalkyler för kollegor, kunder och beställare. sektionsdata webb För dig som har ett aktivt abonnemang i sektionsdata, ingår även sektionsdata webb. Nu kan du ta med dig dina kalkyler vart du än är, på en surfplatta, smartphone eller dator. Sektionsdata

Läs mer

Gleerups digitala läromedel. Info till dig som vårdnadshavare

Gleerups digitala läromedel. Info till dig som vårdnadshavare Gleerups digitala läromedel Info till dig som vårdnadshavare Hej! Är det dags för ditt barn att börja använda digitala läromedel för första gången, eller har barnet varit igång ett tag, men du som vårdnadshavare

Läs mer

Välkommen till Jaguarklubben på internet

Välkommen till Jaguarklubben på internet Välkommen till Jaguarklubben på internet Menyn här ovanför tar dig snabbt till olika delar av webbplatsen. Start är förstasidan, För medlemmar innehåller länkar till bl.a. förmåner och försäkringsinformation,

Läs mer

Sektionsdata webb är anpassat för att du ska kunna justera, jobba i eller visa dina kalkyler för kollegor, kunder och beställare.

Sektionsdata webb är anpassat för att du ska kunna justera, jobba i eller visa dina kalkyler för kollegor, kunder och beställare. sektionsdata webb För dig som har ett aktivt abonnemang i sektionsdata, ingår även sektionsdata webb. Nu kan du ta med dig dina kalkyler vart du än är, på en surfplatta, smartphone eller dator. Sektionsdata

Läs mer

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 7 Kom igång med PING PONG Studentmanual. Version 7 Anita Eklöf, Sektionen för pedagogisk utveckling och forskning, Högskolan i Borås. 2016-08-31 1 ATT LOGGA

Läs mer

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

Misstag i webbdesign som gör att din hemsida ser klumpig ut Misstag i webbdesign som gör att din hemsida ser klumpig ut Föreställ dig en tegel och motor butik där entrén är delvis blockerad, produkter dåligt organiserade, utan ordentliga skyltar. Skulle detta vara

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

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

Bra konvertering Grunden till en lönsam affär för alla parter. A. Lägg grunden: Prioritera Strukturera - Fokusera

Bra konvertering Grunden till en lönsam affär för alla parter. A. Lägg grunden: Prioritera Strukturera - Fokusera Bra konvertering Grunden till en lönsam affär för alla parter. Bra konverteringsgrad är det superlim som binder ihop alla parter i en lönsam affär. Annonsörer som kan räkna hem sina kampanjer, återförsäljare

Läs mer

KLARA Lathundar för inventerare (inför versionslyft 2013) Version 2.4 (2013 11 27)

KLARA Lathundar för inventerare (inför versionslyft 2013) Version 2.4 (2013 11 27) KLARA Lathundar för inventerare (inför versionslyft 03) Version.4 (03 7) Björn Orheim Nordic, Po Första utgåva 03 Innehållsförteckning Introduktion KLARAs nya gränssnitt 3 KLARAs menyval... 3 Produktregister...

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

Grafisk profil till Dear Area

Grafisk profil till Dear Area Grafisk profil till Dear Area Av: Jenny Andersson & Josephine Persson 2008-09-26 Webbutvecklare på KY Akademien Introduktion Detta är en grafisk manual för Dear Area, ett designföretag som gör butiksinredning,

Läs mer

Hur man lägger upp och redigerar dokument i Typo3.

Hur man lägger upp och redigerar dokument i Typo3. Hur man lägger upp och redigerar dokument i Typo3. Typo3 är ett så kallat CMS, Content Management System där du enkelt och smidigt kan lägga ut kursinformation och bilder. Detta verktyg är webbaserat vilket

Läs mer

Sköt din vardagsekonomi

Sköt din vardagsekonomi Marie Norman Sköt din vardagsekonomi PÅ NÄTET Del 3 MYNDIGHETER OCH BOLAG 19. Skatteverket... 54 20. Konsumentverket... 56 21. Förälder... 60 22. Student... 63 23. Pensionär... 65 24. Om du blir sjuk...

Läs mer

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. 1 Grafisk Webbprofil http://users.du.se/~v10evawa/inlamningsuppgift_3/valkommen.html Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. Författare: Eva Wallin

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

Bädda in spellista Publicera spellistor i Mymoodle eller på webbsida

Bädda in spellista Publicera spellistor i Mymoodle eller på webbsida Bädda in spellista Publicera spellistor i Mymoodle eller på webbsida Vad är en spellista? En spellista är ett sätt att visa en lista över filmer (eller ljudklipp) som hör ihop med varandra. En spelare

Läs mer

Om Publisher Publisher är ett program som passar bra att använda när du vill sammanställa bild och text för att skapa tillexempel broshyrer,

Om Publisher Publisher är ett program som passar bra att använda när du vill sammanställa bild och text för att skapa tillexempel broshyrer, Om Publisher Publisher är ett program som passar bra att använda när du vill sammanställa bild och text för att skapa tillexempel broshyrer, affischer, nyhetsbrev eller flersidiga publikationer som en

Läs mer

Kom igång och redigera din hemsida!

Kom igång och redigera din hemsida! Kom igång och redigera din hemsida Smelink WEB l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Senast uppdaterad: 120918 Del 1 Logga in Välkommen att ta del av vårt uppdateringsverktyg,

Läs mer

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 4 Kom igång med PING PONG Studentmanual. Version 4 Producerad av Linda Borglund, Anita Eklöf vid Centrum för Lärande och Undervisning, Högskolan i Borås.

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

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

RACCOON DEVELOPMENT AB

RACCOON DEVELOPMENT AB INNEHÅLL NYHETER 2-4 ARTIKLAR 5-7 BANNERS 8-10 SIDOR 11-15 AVDELNINGAR 16-17 MENY 18-20 TIDNINGEN 21-23 MEDARBETARE 24-26 FÖRSTASIDAN 27-28 Sid 2 NYHETER Hantera nyheter För att lägga till nyheter - klicka

Läs mer