Måldriven, informationscentrerad webbdesign
|
|
- Charlotta Danielsson
- för 8 år sedan
- Visningar:
Transkript
1 Måldriven, informationscentrerad webbdesign Linus Forsell Digitala Distributionsformer vid Högskolan Väst, Trollhättan, Sverige 1
2 Abstrakt I den här essän kommer måldriven och informationscentrerad design att tas upp för att visa på att denna typ av design kan vara bättre lämpad än traditionell design för att på ett bättre sätt låta användaren ta del av det hemsidan har att delge. Designmetoden som diskuteras kommer att delvis baseras på en modell kallad AWARE+ för att ge substans till resultatet. Inledning Det finns en ofantlig mängd olika webbsidor, en stor del av de sidor som finns att ta del av på webben har unika och eget framtagna designer och innehåll. Det finns otaliga former av upplägg, färgkombinationer och typografiska lösningar, men samtidigt delar många av webbsidorna en genom tiderna väl beprövad grunddesign med fokus på användares upplevelse av informationsupptagning, navigering och övrig interaktion: Menyer, headers, innehåll och sökfält är några av de element som ofta, eller mycket ofta, finns att ta del av på webbsidor. Den form av webbsidor som kommer att diskuteras i denna essä kommer dock att vara inom ett område där den generella typen webbdesign inte riktigt behöver passa in; informationswebbsidor som har i huvuduppgift att informera besökare om ett särskilt område. Det är med andra ord inte webbsidor i samma klass som exempelvis Wikipedia (även om diskuterade element även till viss del går att applicera på sådana webbplatser) som kommer att tas upp, utan enklare webbsidor med smalare inriktning och mål. Mål och process En webbsida finns på webben av en anledning, den har på något sätt en funktion att fylla antingen för besökaren eller för den som lagt upp den, vare sig den funktionen är otroligt irrelevant till omvärlden eller en mycket bra lösning på ett behov som kan finnas; Webbsidor finns helt enkelt där för att någon eller något lagt upp den. En del webbsidor har som mål att underhålla, andra att dela nyheter och ytterligare andra att delge information om annat, den flexibilitet som rör webbsidors funktionalitet gör att det nästan enbart är skaparen av en webbsida (och dess användares programvara) som sätter gränserna för vad den kan användas till. Fokus i denna essä kommer dock att vara informationscentrerade webbsidor och med hjälp av AWARE+ kommer en modell för denna typ av webbsidor att diskuteras och prestenteras. AWARE+ är en modell eller metod som kan appliceras på design-, undersöknings- och utvecklingsfasen av webbapplikationer (Bolchini et al. 2008, s.748) för att få resultat som matchar målanvändaren på ett bra sätt. AWARE+ är en uppföljare till och baseras på AWARE (Analysis of Web Application REquirements (Bolchini & Paolini 2004, s.747)) (Bolchini et al. 2008, s.86) som även den var en modell för hur webbapplikationer kan designas för att bättre möta sina mål. AWARE fokuserade mer på att introducera ett kommunikationsorienterat perspektiv vid framtagning av webbsidor jämfört med AWARE+ som lägger till flertalet andra aspekter för att på så vis täcka ett bredare omfång och öka antalet användningsområden för metoden (Bolchini et al. 2008, s.747). Genom att applicera en del av de metoder som presenteras i AWARE+ finns det möjligheter till att ta fram en ny form av informationsbaserade webbsidor där just information och informationsupphämtning hamnar i fokus men också samtidigt ge användaren en bättre upplevelse i sitt informationssökande. Den förbättrade upplevelsen kommer att nås genom att besvara de mål en användare har när denne söker efter information på nätet och genom att se till att webbsidan fyller den funktion den var ämnad för väl. 2
3 Funktion, förväntningar och layout Genom att fokusera på användarens upplevelse, eller snarare dess förväntningar om hur deras interaktion med en webbplats bör fungera kan man vinna värdefull insikt i hur en användare uppfattar och tar del av information på nätet. AWARE+ lägger inte väldigt stor vikt vid användarcentrerad design, men poängterar fortfarande vikten av att använda sig av denna typ av vetskap eller information för att validera funktioner och designbeslut (Bolchini & Paolini 2008, s.752). Istället för att lägga fokus på just användaren pekar AWARE+ istället på att man bör designa utifrån värdet av funktionen och dess mål (i likhet med AWARE) (Bolchini et al. 2008, s.747), detta kommer att spela en mycket central roll i hur den modell för informationswebbplatser som presenteras i denna essä kommer att designas. En informationscentrerad webbsida med fokus på funktion och mål men även med tanke på användarens generella upplevelse är alltså, kort beskrivet, en modell som kan användas för att bygga informationswebbsidor med fokus på användaren. Men för att kunna ta fram en generell modell för informationsbaserade webbplatser krävs det också att man ser över hur en användare kan komma att behöva använda webbplatsen för att ta del av information: "Varför är användaren där?", "Hur hittar användaren information?", "Vad hittar användaren för information?", "Varför hittar användaren informationen?" Är alla viktiga och nödvändiga frågor för att veta hur innehåll och funktioner ska presenteras och vara åtkomligt för användaren. Den första frågan kan besvaras enkelt, men svaret behöver samtidigt inte vara korrekt i alla scenarion; Användaren söker information om ämnet webbsidan delger. Webbsidan bör alltså presentera vad den gör där och vad den har att erbjuda om ämnet användaren vill veta mer om. Genom att ta del av studier om hur användare läser webbsidor kan vi avgöra hur dess upplägg bör se ut, och då också hur funktioner bör placeras i relation till innehåll. Jakob Nielsen (2006) delar med sig av heatmaps ("En heatmap är ett sätt att grafiskt representera data på en bild genom att använda sig av en färgskala" (Klich & Tidén 2011, s.5)) över hur användare tar del av den information som presenteras på en webbsida, denna data har samlats in genom att registrera försökspersoners ögonrörelser. Med hjälp av dessa kan man alltså försöka skapa en bättre och relevantare layout för vår informationssite. Det är sedan webbsidans jobb, i samarbete med användaren, att ta fram den information användaren söker. Webbsidan bör kunna tillgodose användaren med de funktioner och instruktioner som behövs för att kunna navigera webbsidan på ett sätt som låter den ta del av den information som finns att hämta. Det kan samtidigt vara viktigt att ta reda på varför användaren hittar viss information, men inte annan. Om en användare får ta del av information som inte är relevant till dennes mål kommer det sannoligt att påverka användarens ställning till att återkomma till webbplatsen och även chansen att användaren rekommenderar andra att använda den negativt. När användaren misslyckas, eller kanske har misslyckats med att hitta den information som sökts bör man således försöka ge fler alternativ och förslag till hur den information som söks kan nås, om en alls finns att finna där. 3
4 Enkelt och koncist Det som framkommit i genomgången av vad som kan komma att krävas av en webbsida som riktar sig först och främst åt att delge information på ett bra sätt, är att den bör ta vara på hur användare kommer att försöka använda webbsidan och därifrån utgå från webbsidans funktion och mål för att ge den ett bra värde och en orsak till användaren att möjligen återkomma eller eventuellt sprida webbsidan vidare. Enkelthet behöver inte betyda att sidan bör sakna avancerade funktioner, snarare tvärt om - webbsidan bör ge tillgång till sofistikerade verktyg som kan hjälpa användaren att hitta det den söker. Att söka är också ett stort nyckelord när det gäller att låta användaren finna den information som önskas, därför är det viktigt att det finns avancerade sökmetoder för användaren att använda sig av, speciellt om materialet bara presenteras i form av en sida med text. Genom att använda den information som hittils framkommit i denna essä kan man fastställa att en webbsida som fokuserar på att sprida information bör vara rak på sak och undvika allt som kan leda bort från att användaren inte enkelt kan ta del av det den kom till webbsidan för. Allt onödigt som är irrelevant till ämnet bör därför plockas bort eller gömmas för att gynna användaren och istället kan man lyfta fram de funktioner som kan hjälpa till. Med hjälp av Nielsens data kan ett upplägg för hur sidans layout tas fram som baseras på användares generella avläsningsmetoder och således kan man placera element på ett sätt som gynnar läsbarhet och funktionalitet. En viktigt detalj man kan hitta i Nielsens data är att ju mer text det finns på sidan, desto kortare tid spenderar användaren på texten allt eftersom blicken rör sig nedåt på sidan. Detta visar på att man bör behålla sidorna ganska korta, åtminstone inte allt för långa, och då istället ge användaren möjlighet till att bläddra frammåt och tillbaka mellan sidor. Man kan också i hans data se att användare har en tendens att oftare notera element som ligger fritt till höger om brödtexten än de element som ligger till vänster. Detta innebär att man troligtvis bör placera diverse verktyg och annan information till höger om brödtexten för att användaren enklare ska upptäcka dem. Slutsats En webbsida som har information som huvudmål bör ha, förutom lättillgänglighet och relevant innehåll, relevanta verktyg; så som sök och kapitelvy för att låta användaren enkelt hitta den information den är på webbsidan för. Man bör alltså tänka på användarens mål, varför den är där och vad den vill hitta, för att sedan bygga funktioner runt dessa mål och på så sätt ge användaren en bra upplevelse på webbsidan. För att visa på hur en webbsida som följer den metod som diskuterats i denna essä följer nu ett par bilder där den applicerats. 4
5 Titeln på sidan skiljs från resten av innehåller för att användaren ska lägga mindre fokus på det, istället hamnar brödtexten i fokus men också den högra spalten kommer att få ta del av användarens uppmärksamhet. Texten på sidan är kort och har istället delats upp i 30 kortare sidor. I orginalvyn så finns hela innehållsförtäckningen till artikeln i högerspalten och illustrerar var användaren är och låter också användaren navigera artikeln via detta träd. 5
6 För att underlätta för användaren finns möjligheten till att söka på den sida man står på och man får förslag på populära sökord från sökningar andra användare gjort tidigare. Sökningens resultat illustreras med en pil och området där din sök träffar markeras i brödtexten. 6
7 Om användaren inte finner informationen den söker efter på sidan den står på kan den expandera sökningen till hela dokumentet och får en annan typ av sökning där webbsidan placerar sökningarna i sin kontext så mycket det går för att låta användaren snabbt få ett gräpp om vad mer det står om det. Från denna vy kan användaren sen gå direkt till den sida där sökningen träffat för att läsa vidare. Webbsidans innehåll kan även taggas för att ge snabblänkar till sidor där intressant innehåll har hittats förut. 7
8 Men trots att sidans enkelthet och design följer delar av AWARE+ och tar hjälp Nielsens beteende information faller den fortfarande kort i scenarion där innehåll inte är formaterat på samma vis som enligt exemplet. Resultatet håller sig med andra ord starkast när materialet som ska presenteras är i form av längre texter så som artiklar, uppsatser eller längre informationsblad. Men det exempel som presenterats ovan skulle även kunna fungera som en läsare för böcker, likt de många e-boks-läsare som finns idag, fast i en lättare version. Att dela upp materialet i flera sidor är också något man kan diskutera, för många kan det vara jobbigare att behöva bläddra genom flertalet sidor för att hitta dit man vill (om man inte vill söka, det vill säga). Då skulle ett alternativ till att expandera materialet till färre, eller inga sidor kanske vara något att överväga - Och med användarens mål i fokus blir den punkten än starkare. En annan funktion som skulle kunna tillkomma utan att störa modellen, utan snarare göra den bättre, är möjlighet till att bokmärka sidor för senare läsning. Men som en webbplats för att delge information om ett ämne; eller för att sprida en artikel finner jag att resultatet, baserat på de metoder om design, mål och funktion samt studien om användarbeteende, bör fungera bra och snabbt förse användaren med den information den önskar hitta. Referenser Bolchini, D. & Paolini, P. (2004). Goal-driven requirements analysis for hypermedia-intensive Web applications. Requirements Engineering. 9, s Bolchini, D., Garzotto, F. & Paolini, P. (2008). Value-Driven Design for Infosuasive Web Applications. Proceeding of the 17th international conference on World Wide Web. 17, s Nielsen, J. (2006). F-Shaped Pattern For Reading Web Content. [Elektronisk]. Tillgänglig: < alertbox/reading_pattern.html> ( ). Klich, M. & Tidén, J. (2010). Visualisering av eyetrackingdata. [Elektronisk]. Tillgänglig < utbildning/kth/kurser/dd143x/dkand11/group1mads/johan.tiden.matteus.klich.report.pdf> ( ). 8
Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18
Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Innehåll Inledning... 3 Fakta... 4 Innehåll... 4 Texthantering... 4 Granskning och versionshantering...
Läs merLathund 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 merVad säger lagen om cookies och andra frågor och svar
Vad säger lagen om cookies och andra frågor och svar Vad är en cookie? En cookie är en liten textfil som webbplatsen du besöker begär att spara på din dator. Cookies används på många webbplatser för att
Läs merKällkritisk metod stora lathunden
Källkritisk metod stora lathunden Tryckt material, t ex böcker och tidningar, granskas noga innan det publiceras. På internet kan däremot alla enkelt publicera vad de önskar. Därför är det extra viktigt
Läs merBloggar - Som marknadsföring och varumärkesbyggande. Calle Johansson Essä i Digitala Distributionsformer Högskolan Väst - 23 maj 2011
Bloggar - Som marknadsföring och varumärkesbyggande Calle Johansson Essä i Digitala Distributionsformer Högskolan Väst - 23 maj 2011 INNEHÅLLSFÖRTECKNING Sammanfattning 2 Inledning 3 Beskrivning 3 Diskussion
Läs merKom 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 merWireframe när, vad, hur och varför?
Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.
Läs merWebbdesign. 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 merManual 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 merSociala medier och Flickr som marknadsföring Essä i kursen Digitala Distributionsformer Högskolan Väst Av: Nicklas Johansson
Sociala medier och Flickr som marknadsföring Essä i kursen Digitala Distributionsformer Högskolan Väst Av: Nicklas Johansson Innehåll Sammanfattning..s.1 Inledning.s.2 Beskrivning.s.2,3 Diskussion...s.4,5
Läs mer12 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 merSociala 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 merFår jag använda Wikipedia?
Får jag använda Wikipedia? Wikipedia är ett unikt uppslagsverk som skapas av sina läsare. Det innebär att vem som helst kan skriva och redigera artiklar. Informationen på Wikipedia kan vara vinklad eller
Läs merHär är några tips om hur du kommer igång med vanliga uppgifter. Komma igång -serien
Här är några tips om hur du kommer igång med vanliga uppgifter. Komma igång -serien 2 Microsoft Dynamics CRM 2013 och Microsoft Dynamics CRM Online hösten 2013 Först ska du välja rätt arbetsområde försäljning,
Läs merGö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 merKort om World Wide Web (webben)
KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.
Läs merATT SKRIVA FÖR WEBBEN
ATT SKRIVA FÖR WEBBEN Det kan vara svårt att skriva en text till en hemsida. Här följer en guide som kan hjälpa dig att få till texten. Vi börjar med att skapa en bastext som sedan ligger till grund för
Läs merLathund 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 merFrågor och svar - Diagnostisk prov ht14 - Webbutveckling 1
Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi
Läs merLathund för att hantera kongresshandlingar
Lathund för att hantera kongresshandlingar Läsplatta - ipad Inför och under kongressen 2013 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 merKristian Almgren Artificiell Intelligens Linköpings Universitet 2011. Talstyrning
Talstyrning Abstrakt Talstyrning är en teknik som gör det möjligt för oss människor att mer eller mindre verbalt kommunicera med en dator eller ett system. Det här är ett tillvägagångssätt inom AI och
Läs merInternets historia Tillämpningar
1 Internets historia Redan i slutet på 1960-talet utvecklade amerikanska försvaret, det program som ligger till grund för Internet. Syftet var att skapa ett decentraliserat kommunikationssystem som skulle
Läs merHitta en artikel som använt samma teoretiker i samma sammanhang som du. Viktor Öman, bibliotekarie viktor.oman@mdh.se
Hitta en artikel som använt samma teoretiker i samma sammanhang som du Viktor Öman, bibliotekarie viktor.oman@mdh.se Stora Tänkare i tillämpad form Alla ämnen har sina Stora Tänkare, men inom vissa är
Läs merAnalys 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Ä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 merGö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- LATHUND MED Tips och exempel för dig som ska skriva en källförteckning
1(5) - LATHUND MED Tips och exempel för dig som ska skriva en källförteckning 2(5) ALLMÄNT OM KÄLLFÖRTECKNINGAR När du skriver en uppsats eller något annat skolarbete måste du redovisa vilka källor du
Läs merLathund för webbpublicering på Vi Ungas distriktswebbplatser
Lathund för webbpublicering på Vi Ungas distriktswebbplatser 1 1. Introduktion 3 2. Inloggning 3 3. Publicering av nyheter 4 4. Hantera nyheter 7 5. Snabblänkar 7 6. Sidor 8 7. Händelser 8 8. Distriktets
Läs merAtt köpa webb En guide till en värld i daglig förändring.
Att köpa webb En guide till en värld i daglig förändring. Denna guide vänder sig till dig som kommer köpa kompetens inom webbområdet. Guiden är främst tänkt som en hjälp till dig. Med denna hjälp kan du
Läs merTillä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 merhttp://office.microsoft.com/sv-se/word/ha100444731053.aspx
1. Öppna Word 2007 i 97-2003 2. Vilken Explorer har jag 3. Inloggning med Explorer 8 4. Sökväg till sidan 5. Ha två fönster öppna 6. Stilar 7. Storleksändra 8. Inklistring av text 9. Bilder till startsidan
Läs merLathund för att publicera på SAKs webbplats för användare i lokalföreningar.
Lathund för att publicera på SAKs webbplats för användare i lokalföreningar. Logga in Fyll i dina inloggningsuppgifter på sak.se/user. Har du glömt bort lösenordet klickar du på länken Forgot password.
Läs merKryssarklubbens Webbprojekt. Informationsnämnden 2011-02-12
Kryssarklubbens Webbprojekt Informationsnämnden 2011-02-12 Insikter till grund för webbarbetet 1. Vi stärker lusten för långfärder till sjöss men inte på webben. 2. Vi har 6000 medlemmar under 25 år men
Läs merMiljö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 merqwertyuiopasdfghjklzxcvbnmq ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyui opasdfghjklzxcvbnmqwertyuiop
qwertyuiopasdfghjklzxcvbnmq wertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty Mina favoritrecept uiopasdfghjklzxcvbnmqwertyui En samling Carina Backsell opasdfghjklzxcvbnmqwertyuiop
Läs merManual för administratör
Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera
Läs merLathund 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 merWEBBKLUSTRING SLUTRAPPORT
Arne Jönsson 2014-01-09 WEBBKLUSTRING SLUTRAPPORT 1. Inledning Inom projektet har vi utvecklat teknik som gör det möjligt att identifiera webbsidors innehåll och därefter klustra (gruppera) dem så att
Läs merVad är ArcGIS.com? På ArcGIS.com hittar du:
Vad är ArcGIS.com? ArcGIS.com är en webbplats ESRI Inc tillhandahåller där du kostnadsfritt kan arbeta med kartor och geografisk information. På webbplatsen kan du skapa kartor, hitta kartor och webbaserade
Läs merManual HSB Webb brf 2004 03 23
TERMINOLOGI I Polopoly används ett antal grundläggande begrepp för publicering och hantering av information, eller innehåll som det också benämns. Nedan följer en kort genomgång av denna grundläggande
Läs merFormulä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 mer1. 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 merSnabbguide till EpiServer 6. Begrepp
Snabbguide till EpiServer 6 Svensk innebandy har en gemensam webbplattform som heter EpiServer 6. För att få en så effektiv och bra webbplats som möjligt krävs en insats av Dig som redaktör i form av arbetssätt
Läs merWebbskribent @ Tjörn. Handläggare: Peter Olausson, webbmaster Datum: 2015-03-19. Tjörn Möjligheternas ö
Webbskribent @ Tjörn Handläggare: Peter Olausson, webbmaster Datum: 2015-03-19 Tjörn Möjligheternas ö Grundutbildning för skribenter på hemsidan och/eller intranätet Upplägg: Vi tar en titt på hur hemsidan
Läs merQR-kodernas intåg för nytta och nöje!
QR-kodernas intåg för nytta och nöje! Föredrag av Stig Ottosson om smarta "självlänkande" streckkoder som vi kommer att se alltmer i framtiden. 2012-05-04 Webbvärlden ur exponeringssynpunkt till ca 2010
Läs mer3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare
3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,
Läs merVisma Proceedo Version 8.15 2014-05-12. Visma Proceedo Användarhandbok Lokala administratör Administrera
Visma Proceedo Version 8.5 204-05-2 Visma Proceedo Användarhandbok Lokala administratör Administrera. Innehållsförteckning SNABBGUIDE... 3 2 INLOGGNING... 5 3 STARTSIDA... 8 4 INKÖP... 9 4. Allmänt Inköp...
Läs merHandbok Hogia PBM - Personal Business Manager
Handbok - Personal Business Manager Innehållsförteckning Vad är?... 2 Portalens uppbyggnad... 3 Övre meny... 3 pråk (Tilläggsmodul )... 3 Visningsläge... 6 Vänster meny... 6 PBM Portalyta... 6 Nyheter
Läs merLathund för att hantera kongresshandlingar. Läsplatta - ANDROID
Lathund för att hantera kongresshandlingar Läsplatta - ANDROID Inför och under kongressen 2013 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 mer2007-03-28. Manual för Typo3 version 4.04
2007-03-28 Manual för Typo3 version 4.04 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.2 Redigera
Läs merversion 2.5 CONTENTO SVENSKA AB Introduktion till Kursbyggarverktyg
version 2.5 CONTENTO SVENSKA AB Introduktion till Kursbyggarverktyg Introduktion till kursbyggarverktyg Contento Svenska AB Hornsgatan 103 117 28 Stocholm Table of Contents KAPITEL 1 Introduktion 2 Begrepp
Läs merFÖA110 Informationssökningsövningar facit
FÖA110 Informationssökningsövningar facit Övningar i boksökning 1. Sök någon av böckerna i din kurslitteraturlista i bibliotekets katalog. Tips: Sök på ISBN-numret eller sök på något eller några ord t.ex.
Läs merLitteraturstudie. Utarbetat av Johan Korhonen, Kajsa Lindström, Tanja Östman och Anna Widlund
Litteraturstudie Utarbetat av Johan Korhonen, Kajsa Lindström, Tanja Östman och Anna Widlund Vad är en litteraturstudie? Till skillnad från empiriska studier söker man i litteraturstudier svar på syftet
Läs mer2009-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 merSkillnader mellan design för tryck och webbdesign
Vad är en webbtext? Webbtexter är inte en specifik texttyp i likhet med protokoll, rapporter eller artiklar. Istället kan webbtexter vara precis vilken texttyp som helst, och det enda som förenar dem är
Läs merFöreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?
Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt
Läs merInternet. En enkel introduktion. Innehåll:
Internet En enkel introduktion Innehåll: Datorns olika delar Starta datorn Så gör du om du kan webbadressen Så gör du om du inte kan webbadressen Kortfattad repetition Alingsås bibliotek, 2012 2 3 4 6
Läs merGRATIS SEO, SÖK- OPTIMERING? JA, DETTA KAN DU GÖRA SJÄLV!
GRATIS SEO, SÖK- OPTIMERING? JA, DETTA KAN DU GÖRA SJÄLV! GRATIS SEO, SÖKOPTIMERING? JA, DETTA KAN DU GÖRA SJÄLV! INNEHÅLL Introduktion 3 Varför det är nödvändigt att tänka på SEO 4 SEO-tips för planering
Läs merMappar 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 merUB: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 merLÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR
UPPDRAGSGIVARE: IT-CENTER VÅR REFERENS: STEFAN JOHANSSON TEL.: 0708-23 10 64 E-POST: stefan.johansson@funkanu.se INNEHÅLL: LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR _ Funka Nu AB Finnbodavägen 2, 131 31
Läs merGymnasiearbetets titel (huvudrubrik)
Risbergska skolan Program Gymnasiearbetets titel (huvudrubrik) Underrubrik Titeln på rapporten måste givetvis motsvara innehållet. En kort överrubrik kan förtydligas med en underrubrik. Knut Knutsson BetvetA10
Läs merManual för administratör
Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera
Läs merI den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.
Sida 1 av 23 Editor, Avancerad I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Detta dokument syftar till att hjälpa dig som vill jobba mer aktivt
Läs merDokumentation. 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 merEllibot 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 merSteg-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 merManual för hantering av lagsida inom BSK HFO
Manual för hantering av lagsida inom BSK HFO Denna manual innehåller följande ämnen: Strukturen för en lagsida Roller i IdrottOnline Logga in på IdrottOnline Publicera en nyhet Använda en bild (ladda upp
Läs merDu hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd
Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd 1 Petter Kolseth Högskolan Dalarna, Grafisk Teknologi pkl@du.se och nsieme consulting, Norra Järnvägsgatan 7 petter@nsieme.se 79135
Läs merSökexempel Arbetsterapeuter T3
Sökexempel Arbetsterapeuter T3 En repetition om hur man söker i olika databaser och hur man (i bästa fall) kan få ut den aktuella artikeln i fulltext. Som exempel har vi valt en sökning om arbetsterapi
Läs merVilken 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 merSöka, värdera, referera
KTH ROYAL INSTITUTE OF TECHNOLOGY Söka, värdera, referera Ika Jorum, jorum@kth.se Definiera Vad behöver jag veta? Kommunicera Citera och argumentera korrekt Hitta Var och hur kan jag hitta information?
Läs merTabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.
Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition
Läs merE-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.
E-post A. Windows Mail Öppna alternativ Klicka på startknappen Startmenyn öppnas Klicka på Alla Program Leta reda på Windows Mail Dubbelklicka Windows Mail öppnas. Om ikonen ligger i Start-menyn Klicka
Läs merSkriftlig och muntlig presentation
Skriftlig och muntlig presentation FoU-enheten för närsjukvården i Östergötland 2015-03-18, Peter Garvin Innehåll Skriftlig presentation av FoU-projekt Rapportskrivning Posterpresentation (Artikel) Muntlig
Läs merInfomaker-appar med epaper-modulen Funktion och design, grundutförande
Infomaker-appar med epaper-modulen Funktion och design, grundutförande Mock-ups för att visa hur apparna ser ut och vad utgångspunkten är för vad som ingår i en Infomaker standard-app med epaper. Visar
Läs merSo 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Övning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Läs merSö 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 merWidgetguiden Vad är Publits widgetshop?
Widgetguiden Den här guiden är till för dig som vill använda Publits widgetshop för att enkelt sälja böcker direkt på din egen hemsida, blog eller Facebook. Här går vi steg för steg igenom processen för
Läs merEget arbete 15 Poäng. Rubrik Underrubrik
Säbyholms montessoriskola Årskurs 6 Plats för bild som har med arbetet att göra Eget arbete 15 Poäng Rubrik Underrubrik Förnamn Efternamn Examinator: Förnamn Efternamn Handledare: Förnamn Efternamn 1 Sammanfattning
Läs merIMS-manual för Netpub
IMS-manual för Netpub * IMS = image management system = på klar och (nästan) redig svenska bildhanteringssystem för Svenska Yles webbpubliceringsverktyg Netpub Innehåll: Sidan: 1. För vem är manualen?
Läs merLathund 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 merArtiklar via UB:s sö ktja nst
1 Artiklar via UB:s sö ktja nst UBs startsida har fått ett nytt utseende. I centrum finns nu UBs söktjänst. Istället för tre sökrutor möts du nu som användare av en sökruta där det är meningen att du kan
Läs merPensionärsföreningens webbplats GUIDE FÖR NYA WEBBANSVARIGA
Pensionärsföreningens webbplats GUIDE FÖR NYA WEBBANSVARIGA 1- Adress till webbplatsen Alla föreningar har tillgång till en webbplats (webbsajt) gratis via förbundet Webbplatsen är en undersida till www.spfpension.fi,
Läs merBevaka vetenskapliga tidskrifter med hjälp av RSS
Bevaka vetenskapliga tidskrifter med hjälp av RSS Vad ska jag lära mig? Att använda en RSS-läsare, t ex Google Reader Bevaka nya tidskriftsartiklar inom ditt ämne Prenumerera på innehållsförteckningar
Läs merhttp://www.sm.luth.se/~andreas/info/howtosearch/index.html
& ' ( ( ) * +, ', -. / ' 0! 1 " 2 # 3 / /! 1 $ 4, % 5 # 3, http://www.sm.luth.se/~andreas/info/howtosearch/index.html Andreas Tips och trix till sökningar i Cyberrymnden Här försöker jag att gå igenom
Läs merSnabbguide till Polopoly
Snabbguide till Polopoly Följande handledning är en snabbintroduktion till Polopolysystemet och hjälper dig att fort komma igång med att skapa, redigera och ta bort innehåll. Utförligare orientering ges
Läs merDetta dokument presenterar publiceringsverktyget EPiServer CMS. Exempelvis grundläggande funktioner och navigering.
Lär känna EPiserver Detta dokument presenterar publiceringsverktyget EPiServer CMS. Exempelvis grundläggande funktioner och navigering. EPiServer CMS EPiServer CMS är en plattform för innehållshantering
Läs merResponsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1
Responsiv webbplats Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 1 Vad är responsivt? Det betyder att webbplatsen känner av vilken skärmstorlek användaren surfar
Läs merTES Mobil. Användarmanual. Användarmanual TES Mobil Dok.nr. 32-019-03-02 v8
1 TES Mobil Användarmanual 2 Innehållsförteckning 1 Introduktion... 3 1.1 Vad kan man göra med TES Mobil?... 3 1.2 Vad är en RFID-tag?... 3 1.3 Olika hantering på olika mobiltelefoner... 3 1.4 Rekommendationer
Läs merUsability 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 merAtt göra-lappar för digital tillgänglighet
Att göra-lappar för digital tillgänglighet 18 konkreta åtgärder för att: - Göra digitala tjänster enklare, tryggare och mer effektiva - Uppfylla nya lagkrav - Nå fler användare webbriktlinjer.se Vad är
Läs merMarknadsföring med hjälp av Flickr
Marknadsföring med hjälp av Flickr Essä i kursen Digitala Distributionsformer på Högskolan Väst Av: Emma Malmkjell Innehållsförteckning Sammanfattning 2 Inledning 3 Beskrivning 3 Diskussion 4 Slutsats
Läs merFacebook Twitter Instagram Pinterest Google+ Bloggar Forum sociala medier för butiker och företag
Facebook Twitter Instagram Pinterest Google+ Bloggar Forum sociala medier för butiker och företag Sociala medier Facebook Twitter Instagram Pinterest Avenyn, Peter Tilling 2013 www.semseo.se MÅLSÄTTNING
Läs merKommunala Mediacentralen våren 2006. Lathund. för beställning av läromedel. via Svenska Läromedel på Internet (SLI) Läromedel Böcker
Lathund för beställning av läromedel via Svenska Läromedel på Internet (SLI) Läromedel Böcker Kommunala Mediacentralen KMC Hur hittar jag till Läromedel via SLI: Gå till KMC:s hemsida www.kmc.sodertalje.se.
Läs merWebbtillgä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 merNyheter i PowerPoint 2010
Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.
Läs merDenna 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 merAXIELL ARENA Det digitala biblioteket
AXIELL ARENA Det digitala biblioteket Axiell Arena Med Axiell Arena möter vi framtidens digitala utmaningar Johan Brinck, koordinator för biblioteken i Skåne Nordväst. Idag är webben den moderna människans
Läs mer