WEBB PRODUKTION. Tillgänglighet och Användbarhet Thomas Mejtoft. Thomas Mejtoft
|
|
- Johan Eklund
- för 2 år sedan
- Visningar:
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.
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
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
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
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"
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
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
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
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
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
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
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
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)
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)
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
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-
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
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
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 /
Ö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
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
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
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 +
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
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
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?
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
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
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
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
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
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
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
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
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
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
GRUNDEN STRUKTURELLA DEFINITIONER FORMELLA DEKORATIONER. Dokumenttyp (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
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,
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
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
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
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
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:
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
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
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
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
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
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
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
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...
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
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
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
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
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
Att 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
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
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
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
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
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
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
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
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
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
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
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
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")
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.
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
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
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
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
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
- - - 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
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
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
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
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
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,
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
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
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
- 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/
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
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
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
Ö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
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
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
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
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
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
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
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
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
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
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
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
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