WEBB PRODUKTION. Tillgänglighet och Användbarhet Thomas Mejtoft. Thomas Mejtoft

Storlek: px
Starta visningen från sidan:

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

Transkript

1 WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet

2 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) Tillgänglighet och Användbarhet W3C Web Accessibility Initiative(WAI) Jakob Nielsen's Alertbox

3 Tillgänglighet och Användbarhet Skapa en korrekt struktur av olika nivåer i koden <h1>, <h2>, <p>... etc Beskrivningar av bilder <h1>produkter</h1> <p>här finns en lista på de produkter som vi erbjuder</p> <h2>verktyg</h2> <p>hammare, såg, skruvmejsel</p> <h2>förbrukningsmaterial</h2> <p>spik, skruv, gipsskivor</p> <img src="bilder/umu_logo.jpg" alt="umeå Universitet (logo)" /> Skapa listor Tillgänglighet och Användbarhet Unordered lists(<ul>, <li>) Ordered lists(<ol>, <li>) Definition lists (<dl>, <dt>, <dt>) Kortkomandon accesskey <div id="meny"> <ul> <li><a accesskey="s" href="introduktion.html">startsida</a></li> <li><a accesskey="p" href="produkter.html">produkter</a></li> <li><a accesskey="t" href="tjanster.html">tjänster</a></li> <li><a accesskey="k" href="kontakt.html">kontaktinformation</a></li> </ul> </div>

4 Tillgänglighet och Användbarhet Tangentbordsnavigering tabindex <form method="get" action="/search_local" id="local"> <input type="text" name="q" size="45" maxlength="100" tabindex="1" /> <input type="submit" name="submit" value="sök lokalt" tabindex="3" /> </form> <form method="get" action="/search_web" id="web"> <input type="text" name="q" size="45" maxlength="100" tabindex="2" /> <input type="submit" name="submit" value="sök på webben" tabindex="4" /> </form> Tillgänglighet Validator

5 Användbarhet (Usability) Definition Lärbarhet(Learnability): Hur lätt är det att utföra grundläggande uppgifter första gången man möter designen? Effektivitet(Efficiency): När användare har lärt sig designen, hur snabbt utför de uppgifter? Minne(Memorability): När användarna återvänder till designen, efter att inte använt den på ett tag, hur lätt kan de få tillbaka den skicklighet de hade? Fel(Errors): Hur många fel gör användarna, hur allvarliga är dessa fel och hur lätt de kan komma förbi de fel som de gör? Tillfredställelse(Satisfaction): Hur trevligt är det att använda designen? (Nielsen, 2003) Användbarhet (Usability) Användbarhetstest Ett snabbt och enkelt sätt att hitta svårigheter i en webbplats Kan vara strukturerade intervjuer fokuserade på specifika egenskaper i en prototyp eller existerande webb Deltagare ur målgruppen utför en serie uppgifter Anteckningar/ljudupptagningar/skärminspelningar hjälper sedan till att identifiera missförstånd, misstag och åsikter Många försöksobjekt ger en bättre bild över hur webbplatsen kommer att uppfattas Keeping testing simple so you do enough of it. (Krug, 2000, p. 138)

6 Användbarhet (Usability) Utvärdera användbarhet genom användartester Representativa användare (t.ex. World ofwarcraftoch Lantbrukarnas Riksförbund har olika typer av målgrupper) Utföra uppgifter som är vanliga och viktiga för webbplatsen Registrera och utvärdera (t.ex. direkt observation, användarlabb eller screen recorder) (Nielsen, 2003) (Krug, 2000, p. 144)

7 Användbarhet (Usability) Vanliga misstag i användbarhet Dåliga sökfunktioner (accepterar inte fel från användaren) PDF-dokument för skärmläsning Inte visa vilka länkar som redan besökta (ändrar inte färg) Stora textmängder som är svåra att överblicka Inte möjligt att andra typsnittsstorlek (t.ex. genom CSS) Titel som gör det svårt att förstå innehållet på sidan genom sökmotorer Viktiga budskap som är utformade som reklam (användare är bra på att ignorera reklam) Inkonsekvent design eller design som inte följer konventioner Pop-up fönster (upplevs irriterande och idag har de flesta webbläsare funktioner som gör att detta inte fungerar) Inte besvara det som användaren vill ha svar på!! (Nielsen, 2007) Vanliga krav på användbarhet (1) Bra navigationen för att öka användarvänligheten och tillgängligheten (Duckett, 2005) Grundmeny som alltid finns tillgänglig på webbplatsen (Krug, 2006) Breadcrumbs, för att skapa medvetenhet om var man befinner sig i sidstrukturen (E-Nämnden, 2004; Krug, 2006) Möjligt att komma tillbaka till första sidan från alla sidor på webbplatsen (E-Nämnden, 2004) Logisk tabbordningför att möjliggöra navigering utan pekverktyg för funktionshindrade (E-Nämnden, 2004)

8 Vanliga krav på användbarhet (2) Understrukna länkar för att visa vad som är länkar för de som har problem med att se färg (E-Nämnden, 2004) Information om inte är länkar bör inte strykas under på webbplatsen (E-Nämnden, 2004) Länkar som öppnas i ett egna fönster kommer att markeras med information om detta (E-Nämnden, 2004) Rörelser, blinkningar och andra störande moment elimineras på webbplatsen för att öka tillgängligheten (E-Nämnden, 2004) Länkar Riktlinjer Andvändbarhetstest Validator

9 Referenser Duckett, J. (2005). Accessible XHTML and CSS Web Sites, Problem Design Solution. Indianapolis, IN: Wiley Publishing. E-Nämnden. (2004). Vägledning 24-timmarswebben 2.0. Retrieved November 4, 2010, from e pdf Krug, S. (2000). Don tmake MeThink! A Common SenceApproach toweb Usability. Indianapolis, IN: New Riders. Krug, S. (2006). Don tmake MeThink! A Common SenceApproach toweb Usability (2nd ed.). Indianapolis, IN: New Riders. Nielsen, J. (2003) Usability 101: Introduction to Usability. Jakob Nielsen's Alertbox. Retrieved October21, 2010, from Nielsen, J. (2007) Top Ten Mistakes in Web Design. Jakob Nielsen'sAlertbox. Retrieved October 21, 2010, from

1 Se till att dokumentet C:\Webbkurs\html\pronto\index4.html är öppet i Anteckningar.

1 Se till att dokumentet C:\Webbkurs\html\pronto\index4.html är öppet i Anteckningar. Grundläggande HTML 9 Listor Listor kan komma väl till pass när kortfattad information ska presenteras på ett lättöverskådligt sätt. I HTML kan du skapa flera olika typer av listor; numrerade listor och

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

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2 WEBB 2010 PRODUKTION Publicering av stora webbplatser 1210-12-13 2 1 Publicering av stora webbplatser Juridiska och etiska riktlinjer Domännamn Webbservrar Webbhotell Sökmotorer CMS 1210-12-13 3 Juridiska

Läs mer

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

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

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

Läs mer

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

CHECKLISTA. För dig som vill göra information och kommunikation tillgänglig

CHECKLISTA. För dig som vill göra information och kommunikation tillgänglig CHECKLISTA För dig som vill göra information och kommunikation tillgänglig 2 Handisam Titel: Checklista för dig som vill göra information och kommunikation tillgänglig Handisam, Myndigheten för handikappolitisk

Läs mer

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov Webbtillgänglighet Tillgänglighet på webben Att göra webbsidor så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra sidor tillgängliga oavsett vilken inoch utmatningsutrustning

Läs mer

Användbarhet för webben

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

Läs mer

Användbarhet för webben

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

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

Läs mer

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R)

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R) Innehåll Webbproduktion Produktion och publicering av större webbplatser Produktion Användbarhet/Användbarhetstest Publicering Underhåll Arbetsgång (R) 1) Utred mål och syfte (verksamhets- och målgruppsanalyser)

Läs mer

Utvärdering av Länsstyrelsen i Västerbottens webbplats

Utvärdering av Länsstyrelsen i Västerbottens webbplats Umeå Universitet Sociologiska instutitionen Påbyggnadsutbildning i Biblioteks- och informationsvetenskap Utvärdering av informationstjänster, 30 hp Självständigt uppsatsarbete, 15 hp Ht- 2008 Utvärdering

Läs mer

Olle Olsson. December 2006

Olle Olsson. December 2006 Olle Olsson World Wide Web Consortium: olleo@w3.org Swedish Institute of Computer Science: olleo@sics.se December 2006 2006-12-14 Webb - tillgänglighet, användbarhet 1 World Wide Web Consortium (1994-

Läs mer

Don t make me think Steve Krug

Don t make me think Steve Krug Don t make me think Steve Krug Martin Lindqvist Användbarhet och tillgänglighetsbegreppet Användbarhet -förmåga hos en produkt att kunna användas för ett visst syfte eng. usability Verkningsfullhet (Mål)

Läs mer

F15 Tillgänglighet/Accessibility Dagens agenda

F15 Tillgänglighet/Accessibility Dagens agenda F15 Tillgänglighet/Accessibility Dagens agenda Varför bry sig? Vad tjänar jag? WAI Funka Nu WCAG 1, 2 Hjälpmedel Prolog Varför bry sig? En stor del av Sveriges befolkning lider av funktionsnedsättningar

Läs mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

Läs mer

Nämnden för elektronisk förvaltning

Nämnden för elektronisk förvaltning Nämnden för elektronisk förvaltning fastställer gemensamma standarder för myndigheters elektroniska kommunikation med varandra och med medborgare och företag Inrättades 1 januari 2004 13 ledamöter Statskontoret

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Ö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 mer

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

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

Läs mer

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13 Här följer min reflektion över innehållet i Jonathan Lazars bok Web Usability, kapitel 1 2, 6 7. Webbanvändbarhet För att infrastrukturen ska fungera behövs system som på ett enkelt och effektivt sätt

Läs mer

Svenska kommuners webbplatser 31 + och deras tillgänglighet. Webbtillgänglighet, kommuner, Verva, 24-timmarssamhället

Svenska kommuners webbplatser 31 + och deras tillgänglighet. Webbtillgänglighet, kommuner, Verva, 24-timmarssamhället Institutionen för data- och systemvetenskap Kandidatuppsats Slutseminariedatum 11 maj 2007.................. Författare Uppsatsnummer Johan Bergman Titel Antal sidor Svenska kommuners webbplatser 31 +

Läs mer

Separation av innehåll och presentation i ett CMS med WYSIWYG-gränssnitt

Separation av innehåll och presentation i ett CMS med WYSIWYG-gränssnitt Utkast FORSKNINGSPLAN Datum: 12.4.2005 Respondent: Simon Rönnqvist Opponent: Pia Rönnberg Handledare: Johnny Biström Separation av innehåll och presentation i ett CMS med WYSIWYG-gränssnitt Utgångspunkter

Läs mer

Användbar navigering i mobila gränssnitt

Användbar navigering i mobila gränssnitt ! Examensarbete i Medieteknik Användbar navigering i mobila gränssnitt En studie med fokus på faktorer som kan underlätta navigeringen för oerfarna användare av mobila applikationer Författare: Sandra

Läs mer

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Användbarhet och Webbutveckling för mobila enheter. Användbarhetstester

Användbarhet och Webbutveckling för mobila enheter. Användbarhetstester Användbarhet och Webbutveckling för mobila enheter Dokumentation/Inlämningar Nästa vecka: Planeringsdokument (Scrum) - Projekt Behovsanalys - Projekt Persona - Projekt Korta punkter FM: EM: Workshop Behovsanalys/Persona

Läs mer

Prototyper används för att

Prototyper används för att Skapa en prototyp Prototyper används för att Demonstrera ett koncept i ett tidigt stadium Testa detaljer i ett senare stadium Som en specifikation för den färdiga produkten Lo-fi Prototyp: pappers prototyp

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

2I1073 Föreläsning 1. HTML och XHTML XHTML

2I1073 Föreläsning 1. HTML och XHTML XHTML 2I1073 Föreläsning 1 XHTML, stilmallar och Javascript 1 KTH-MI Peter Mozelius HTML och XHTML HyperText Markup Language Element = taggar + taggarnas innehåll innehåller lite text taggarna kan

Läs mer

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

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Att använda laget.se

Att använda laget.se 2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du

Läs mer

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ Tillgänglighetskrav på teknik 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 DATUM: 2009-04-03

Läs mer

Lathund. Skriva artiklar på http://kalmar.regionbiblioteket.se 2014-12-04

Lathund. Skriva artiklar på http://kalmar.regionbiblioteket.se 2014-12-04 2014-12-04 Lathund Skriva artiklar på http://kalmar.regionbiblioteket.se Introduktion Denna lathund beskriver hur du ska göra för att skriva artiklar på regionbibliotekets egna sidor i den gemensamma

Läs mer

Användarcentrerad design Structure plane (tredje nivån)

Användarcentrerad design Structure plane (tredje nivån) Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope

Läs mer

GRUNDEN STRUKTURELLA DEFINITIONER FORMELLA DEKORATIONER. Dokumenttyp (start och slut på fil)

GRUNDEN STRUKTURELLA DEFINITIONER FORMELLA DEKORATIONER. Dokumenttyp <HTML></HTML> (start och slut på fil) HTML-TAGGAR Grunden sida 1 Strukturella definitioner sida 1 Formella dekorationer sida 1 Länkar och grafik sida 2 Textindelning sida 3 Listor sida 3 Bakgrunder och färger sida 4 Särskilda tecken sida 4

Läs mer

Teknisk tillgänglighet

Teknisk tillgänglighet Teknisk tillgänglighet Vervas checklista för grundläggande tillgänglighet (Se bifogad fil) Nedan följer resultatet av test av grundläggande tillgänglighet enligt VERVA. Skärmdumpar på OPAC från BOOK-IT,

Läs mer

Vården på webben Bidrag till God Vård

Vården på webben Bidrag till God Vård Vården på webben Bidrag till God Vård patient- fokuserad säker kunskaps- baserad God vårdv jämlik i rimlig tid Forum för Verksamhetsutveckling Burgården, 16 oktober 2008 effektiv 1 2 jämlik Webbplatsen

Läs mer

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS)

2000-talet tillgänglighet på webben. Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) Ivan Herman 2000-talet tillgänglighet på webben Olle Olsson Swedish W3C Office Swedish Institute of Computer Science (SICS) EpiServer-dagen 11 mars 2009 SICS Swedish Institute of Computer

Läs mer

Grafisk webbpresentation

Grafisk webbpresentation FG0044 Självständigt arbete i musik 15 hp Lärarexamen med inriktning musik 2012/13 Institutionen för musik, pedagogik och samhälle Handledare: Ronny Lindeborg Per Holmgren Grafisk webbpresentation Skapandet

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

Läs mer

Viktigt! Glöm inte att skriva tentamenskod på alla blad du lämnar in.

Viktigt! Glöm inte att skriva tentamenskod på alla blad du lämnar in. Webbdesign Provmoment: Ladokkod: Tentamen ges för: TentamensKod: TEN NWD011 SV15 7,5 högskolepoäng Tentamensdatum: 1 nov 2016 Tid: 9-13 Hjälpmedel: Färgpennor är tillåtna. Totalt antal poäng på tentamen:

Läs mer

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Laborationsanvisning HTML5 Laboration 6 Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Inledning I denna avslutande laboration ska du testa att märka upp en sida med de nya taggarna i HTML5. Mikroformat

Läs mer

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

Läs mer

Tillgänglig turism den snabbast växande marknaden. Lilian Müller Mariehamn, januari 2013

Tillgänglig turism den snabbast växande marknaden. Lilian Müller Mariehamn, januari 2013 Tillgänglig turism den snabbast växande marknaden Lilian Müller Mariehamn, januari 2013 1 Översikt Tillgänglig turism en växande global trend Faktorer som påverkar Tillgänglighet som kvalitetsfaktor i

Läs mer

Projektplan för Website Project Japan

Projektplan för Website Project Japan HT11 Mediateknik A Södertörns högskola 2011-12-15 Projektplan för Website Project Japan Publicering via Internet Interaktiva medier Belsam Djehiche Carina Johansson Kim Olsson Johansson Innehåll Projektet

Läs mer

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

Analys av Försäkringskassans webbplats forsakringskassan.se, fk.se Analys av Försäkringskassans webbplats forsakringskassan.se, fk.se Personlig uppsats i kursen Grafiska gränssnitt Magisterprogrammet MDI/ID 2003 10 26 Mattias Ludvigsson it3luma@ituniv.se Innehållsförteckning

Läs mer

Skapa en webbplats med WordPress

Skapa en webbplats med WordPress Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast

Läs mer

Tillgänglighet och användbarhet på webb-tv för synskadade

Tillgänglighet och användbarhet på webb-tv för synskadade Södertörns högskola Institutionen för Naturvetenskap, miljö & teknik Kandidatuppsats 15 hp Medieteknik C Höstterminen 2013 Tillgänglighet och användbarhet på webb-tv för synskadade En studie om vilka problem

Läs mer

ANVISNING FÖR FUNKTIONER PÅ STADENS WEBBPLATSER OCH E-TJÄNSTER

ANVISNING FÖR FUNKTIONER PÅ STADENS WEBBPLATSER OCH E-TJÄNSTER Dokumentet beslutat: 2007-04-17 ANVISNING FÖR FUNKTIONER PÅ STADENS WEBBPLATSER OCH E-TJÄNSTER v. 1.1 Hanna Brogren, Kommunikationsstaben 1 Innehållsförteckning 1. Om dokumentet 5 1.1 Syfte och användning...

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation. CSS, layoutproblem med float och boxar CSS, layoutproblem

Läs mer

Webbdesign Process till produkt

Webbdesign Process till produkt Webbdesign Process till produkt Umeå Universitet Mediaproduktion för www II 7,5hp Isak Madoun Introduktion; VÅR-KOKBOK Är en kokbok som i sin första upplgaga kom ut på 50-talet. Boken innehåller mer av

Läs mer

Labora&on 2 HTML och validering övningar/uppgi:er

Labora&on 2 HTML och validering övningar/uppgi:er Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det

Läs mer

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 1. Introduktion till webbprogrammering Webbprogrammering består av ett antal

Läs mer

Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster

Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster Martin Heilborn Tillgängliga e-tjänster - svenska kommuners arbete med tillgänglighet vid utveckling av e-tjänster Available E-services Swedish Municipalities Work with Availability in the Development

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006

Läs mer

www.skillspartner.com

www.skillspartner.com Mål Deltagarna ska förstå: Vad XML är Hur XML fungerar Vilka problem XML löser Hur XML används Känna till begrepp: DTD, DOM, XSL etc. Känna till verktyg Innehåll Vad är XML XML i relation till HTML XML

Läs mer

Förord. Umeå i april 2006. Anders Hanberger Projektledare för utvärderingen UCER, Umeå universitet

Förord. Umeå i april 2006. Anders Hanberger Projektledare för utvärderingen UCER, Umeå universitet Förord Centrum för utvärderingsforskning (UCER) har Myndigheten för Nätverk och samarbete inom högre utbildnings uppdrag att utvärdera Studentnyttan av Nätuniversitetet och ITstödd distansutbildning. Mer

Läs mer

Dina surfvanor kartläggs och lämnas ut

Dina surfvanor kartläggs och lämnas ut Dina surfvanor kartläggs och lämnas ut måndag 28 mars 2016 Utländska bolag kartlägger besökare på svenska sjukhus och myndigheters webbplatser. När du läser om till exempel sexuell läggning rapporteras

Läs mer

En stiligare portal Laboration 3

En stiligare portal Laboration 3 Laborationsanvisning En stiligare portal Laboration 3 Författare: Johan Leitet Version: 1 Datum: 2011-09-09 Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt

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

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

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

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

F12 Mobila enheter Dagens agenda

F12 Mobila enheter Dagens agenda F12 Mobila enheter Dagens agenda Tekniker för mobil surfning Möjligheter och fallgropar Statistik Opera Sidor för smartphones Testning Responsiv webbdesign... Olika tekniker Det finns/fanns många olika

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

Läs mer

Utvärdering av prototyp: Frågedatabas av Mårten Cronander. Innehållsförteckning

Utvärdering av prototyp: Frågedatabas av Mårten Cronander. Innehållsförteckning 1 (6) Mottagare: Åsa Cajander Mårten Cronander Utvärdering av prototyp: Frågedatabas av Mårten Cronander Innehållsförteckning 1 Inledning 2 1.1 Ten usability heuristics 2 1.2 Severity ratings for usability

Läs mer

Policy för kakor. Inledning Om kakor

Policy för kakor. Inledning Om kakor Inledning Om kakor Policy för kakor De flesta webbplatser använder kakor för att förbättra användningen av webbplatsen så att webbplatsen "kommer ihåg" dig, antingen under ett besök (med en "sessionskaka")

Läs mer

Web Service Index 2014. Information & Service. www.fysioterapeuterna.se

Web Service Index 2014. Information & Service. www.fysioterapeuterna.se Web Service Index 2014 Information & Service www.fysioterapeuterna.se Om undersökningen Här kommer Ditt Web Service Index. Med Web Service Index får Du insyn i vad just Dina besökare tycker om Din Webbplats.

Läs mer

Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet

Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet Tillgänglighet som en naturlig del i våra projekt Sid 1 Mars 2016 Tillgänglighet Sid 2 Mars 2016 Tillgänglighet Responsiv webb Projektet Responsiv webb 28 nov 2015 Responsiva produkten v 1.0 Maj 2016 Responsiva

Läs mer

Koppla ihop intern och extern kommunikation med sociala medier Damra Muminovic och Johanna Snickars

Koppla ihop intern och extern kommunikation med sociala medier Damra Muminovic och Johanna Snickars Koppla ihop intern och extern kommunikation med sociala medier Damra Muminovic och Johanna Snickars Om Europeiska privat och tjänstereseförsäkringar 2 miljoner privatresenärer 1,5 miljoner tjänstereseresenärer

Läs mer

Mentala modeller. Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se

Mentala modeller. Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se Mentala modeller Maria Söderberg Kungliga Tekniska Högskolan Götgatan 78, 118 30 Stockholm mariso@kth.se ABSTRACT Denna artikel fokuserar på begreppet mentala modeller, hur de skapas, när de används och

Läs mer

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva Vägledningen 24-timmarswebben få fler att använda er webbplats Magnus Burell, Verva Källa: Skrotbil: Håll Sverige rent, www.hsr.se Källa: The Design of Everyday Things, Donald Norman SAS Coffee Pot: www.ergonomidesign.se

Läs mer

GYMKEEPER ANDREAS SÖDERSTRÖM

GYMKEEPER ANDREAS SÖDERSTRÖM GYMKEEPER ANDREAS SÖDERSTRÖM 20120529 ABSTRAKT En post mortem på mitt ios-projekt. Utmaningen låg i att under 10 veckors tid sätta sig in i en plattform och programspråk jag aldrig använt förut. Jag har

Läs mer

- - - W e b d e s i g n s k o l a n - - - B i l d e r

- - - W e b d e s i g n s k o l a n - - - B i l d e r skriv ut» B i l d e r Att använda bilder kan vara ett sätt att lyfta fram ett skrivet budskap eller helt enkelt för att göra webplatsen mer attraktiv och lättnavigerad. Bilder skapar du själv i ett bildbehandlingsprogram

Läs mer

HTML & Projektstrategi

HTML & Projektstrategi 1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 38 HTML UppgiG U1 U1=L1+L2+L3 UppgiG U3 Läsanvisningar

Läs mer

Enkla texter passar alla

Enkla texter passar alla WEBBPLATSER Enkla texter passar alla HELENA ENGLUND & MARIA SUNDIN Tillgängliga webbplatser! Nedsatt syn, darrhänthet eller lässvårigheter ska inte hindra medborgarna att hämta information på webben. Språkkonsulterna

Läs mer

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling - Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Campuskurs Distanskurs Annan. Examinator Remigijus Gustas

Campuskurs Distanskurs Annan. Examinator Remigijus Gustas Dnr HS 2013/180 Fakulteten för humaniora och samhällsvetenskap Sammanställning av kursvärdering (blanketten används inte för lärarutbildningskurser) Sammanställning av vårterminens kurser ska vara underskriven,

Läs mer

Sabrinalle. WordPress v4.3.1, Bootstrap 3, 2015.

Sabrinalle. WordPress v4.3.1, Bootstrap 3, 2015. Sabrinalle WordPress v4.3.1, Bootstrap 3, 2015. 1 Innehåll 1.a - Wordpress och du.... 3 1.b - Uppdatera!... 3 1.c - Uppdatera Kontaktsidan?... 3 2.a - Skapa ett inlägg.... 4 2.b - Skriv en rubrik.... 4

Läs mer

Design av en webbutiks-prototyp med hjälp av användbarhetsprinciper

Design av en webbutiks-prototyp med hjälp av användbarhetsprinciper Design av en webbutiks-prototyp med hjälp av användbarhetsprinciper ESRA ARASTA KTH Information and Communication Technology Bachelor of Science Thesis Stockholm, Sweden 2013 TRITA-ICT-EX-2013:286 Design

Läs mer

Användbar webbdesign.

Användbar webbdesign. Examensarbete Användbar webbdesign. Vilka faktorer som är avgörande för att en användare ska uppleva användbarhet på en webbplats. Författare: Ellinor Grönfors Handledare: Peter Adiels Examinator: Patrik

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

Bildandet av usabilitygruppen: Rapport till kvalitetsgruppen

Bildandet av usabilitygruppen: Rapport till kvalitetsgruppen Bildandet av usabilitygruppen: Rapport till kvalitetsgruppen Bakgrund I maj 2007 beslutades att UB skulle satsa på att skaffa egen kompetens inom området usability. Ärendet hamnade på kvalitetsgruppens

Läs mer

Funktionshinderspolitisk policy inklusive handlingsplan

Funktionshinderspolitisk policy inklusive handlingsplan Funktionshinderspolitisk policy inklusive handlingsplan 2016-2019 Antagen av kommunfullmäktige 2015-11-30, 99 Innehållsförteckning Bakgrund... 1 Definition... 1 FN:s konvention om rättigheter för personer

Läs mer

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende: Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både

Läs mer

Modul 8 Hantering av indata

Modul 8 Hantering av indata Modul 8 Hantering av indata Indata De flesta webbplatser idag tillåter användare att mata in data Utan denna möjlighet hade inte webben varit vad den är idag Tyvärr innebär detta stora säkerhetsrisker

Läs mer

3/2015. PDF Accessibility Days, Köpenhamn. 12-13 november 2015. PDF/UA - den rekommenderade ISO-standarden för tillgänglig PDF.

3/2015. PDF Accessibility Days, Köpenhamn. 12-13 november 2015. PDF/UA - den rekommenderade ISO-standarden för tillgänglig PDF. OpenFormat är nyhetsbrevet för alla verksamheter som hanterar information och dokument i digital form där krav finns på att informationen är tillgänglig, sökbar, läsbar och återanvändbar för framtiden

Läs mer

Fem enkla iakttagelser om nästa generations användare. En liten tidsresa

Fem enkla iakttagelser om nästa generations användare. En liten tidsresa Fem enkla iakttagelser om nästa generations användare Nicklas Lundblad Stockholms Handelskammare En liten tidsresa Observera förändringar Vilken tycker du bäst om? Vilken förändring är bäst? Sämst? 1996

Läs mer

Skeleton plane & Responsiv webbdesign med CSS

Skeleton plane & Responsiv webbdesign med CSS 1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor

Läs mer

Labora&on 3 HTML och struktur övningar/uppgi:er

Labora&on 3 HTML och struktur övningar/uppgi:er Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som

Läs mer

Lab 5: ASP.NET 2.0 Site Navigation

Lab 5: ASP.NET 2.0 Site Navigation Lab 5: ASP.NET 2.0 Site Navigation Enkel navigering är en viktig del av en modern webbapplikation. Eftersom en stor del av utvecklingstiden för en site används för att bygga meyer, trädstrukturer och andra

Läs mer

Laboration 2: Xhtml och CSS.

Laboration 2: Xhtml och CSS. Laboration 2: Xhtml och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en webbplats med layout, bakgrundsbilder, minst en meny och

Läs mer

Trafikregler och trafikföreskrifter digitalt (RDT) Alkolås transportslagsövergripande Fordonsplattform med öppen arkitektur 2011-03-31 1

Trafikregler och trafikföreskrifter digitalt (RDT) Alkolås transportslagsövergripande Fordonsplattform med öppen arkitektur 2011-03-31 1 Om Trafikregler och trafikföreskrifter digitalt (RDT) Alkolås transportslagsövergripande Fordonsplattform med öppen arkitektur 1 RDT databasen för att tillgängliggöra trafikregler och trafikföreskrifter

Läs mer

SICS Swedish Institute of Computer Science

SICS Swedish Institute of Computer Science Ivan Herman !"# #"$%#&''( 2008 W3C SICS Swedish Institute of Computer Science (2) Nationellt forskningsinstitut FoU inom informations- och kommunikationsteknologier (IKT) Mål: Bedriva avancerad

Läs mer

Richard Du Rietz - Web Service Award

Richard Du Rietz - Web Service Award Allt högre krav på service via webben! Slutsatser från flera års webbundersökning gällande servicegraden på svenska webbplatser. Richard Du Rietz - Web Service Award Bakgrund Erfarenhet från hundratalet

Läs mer

Participatory Design III

Participatory Design III Participatory Design III Participatory Design & Språkmönster Vecka 3 Summering av förra veckan Participatory Design Utgår från artikelseminariet Framtidsverkstad Språkmönster Binda ihop SUMMERING AV VECKA

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

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter

Läs mer