Användbarhet för webben
|
|
- Sven Jonsson
- för 8 år sedan
- Visningar:
Transkript
1 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 som Wikipedia Google documents, Picasa, Last.fm. Avståndet mellan utvecklare och användare är mycket litet Tydlig ram för design Webbläsaren Webbsidor ser olika ut på olika datorer Webbplatser förändras kontinuerligt Tänk på den evolutionära vs. revolutionära utvecklingen fr. Användbarhetsföreläsningen. Teknologier HTML/XHTML Beskriver sidans innehåll CSS - Cascading Style Sheets Beskriver sidans utseende Ofta finns ytterligare underliggande strukturer Databas -> Webbserver -> XML + XSL -> XHTML -> CSS -> Färdig sida JavaScript/AJAX Sidan genereras I webbläsaren med javascript. Sidan kan kommunicera med webbservern utan att behöva laddas om. Ex. Prisjakt.se
2 Exempel - Kurslista Exempel - Utan CSS Exempel - HTML
3 Exempel - XML Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skummas - scanability Vi gör inga optimala val, vi söker något som är tillräckligt bra Användare tenderar att klicka på första bästa länk som verkar leda till det de söker, de fortsätter inte att läsa tills för att avgöra om det finns någon bättre Vi skapar mycket enköla mentala modeller Se till så att användaren hittar rätt trots sin enkla mentala modell Slå på ljuset! En väl utformad hemsida är som en väl belyst butik innehållet syns bättre! Användarens tillit, intresse mm. ökar med bättre design
4 Designprinsiper Ta bara med den info som är allra viktigast Förändring Uppdatera ofta! Sidans struktur, utseende och framtoning måste tåla kontinuerlig förändring Sidan måste vara utformad på ett sätt som gör den enkel och billig att förändra Korta nedladdningstider Ovana användare Inte alltid sant Navigering Visa var användaren befinner sig Visualisera en lämplig position i användarens mentala modell, inte sidans faktiska position på webbservern Naturligtvis viktigt att mappning mellan modell och verklighet håller En sida kan ofta nås från många olika håll Via navigeringsstruktur, via en sökmotor, via djuplänk Visa var användaren kan ta sig Sidkarta (Site map) Använd med förstånd Landing page ALLT behöver inte åskådligöras Sökning med feedback Var konsekvent Använd hierarkier Exempel Hur ska vi visa att användaren kommit till en ny sajt? Öppna ett nytt fönster Lägga till en markör på länken Enbart markera förändringen genom gen grafiska utformningen När är det viktigt?
5 Navigationsstöd Den grafiska profilen Visar vilken sajt du är på Breadcrumb trail Navigeringsmenyer Topmeny (tabbar) Högermeny Vänstermeny Kartor Site maps Fysiska kartor Sajtdesign Behåll sidhuvud, sidfot och grafisk profil genom hela sajten Notera att en sajt kan vara utspridd över många servrar och många administratörer Om förändringar i den grafiska profilen görs ska det finnas ett motiv till det Umu olika institutioner, olika färger Olika typer av sidor Hemsidan Delsidan Sidkarta (site map) Landningssida (landing page) Förstasidan Besvara frågan Vad är syftet med den här sajten? Vem står bakom sidan? Var börjar jag? Sökfält Splash screens must die
6 Site map Site map Landing page En landningssida eller landing page är en sida optimerad för att nå via sökmotor eller reklambanners Landningssidor är skapade för en specifik kundkategori besökare, som t.ex. sökt på vissa sökord Landningssidor är således en typ av sökmotoroptimering Landningssidan har till uppgift att få användaren att känna att man hamnat rätt Det finns även helt kommerciella landningssidor avsedda att locka användaren att fylla i information i ett formulär och i förlängningen köpa något
7 Landing page Typografi Typsnitt utan seriffer Tillräckligt stora bokstäver Textstorleken bör gå att anpassa Färger Mörk text på ljus botten Tvärtom endast mycket begränsat tex för att markera knappar (sourceforge.net) Text Max teckens radbredd Enkelhet och kort Ta bort onödiga ord Hälften av motsvarande tryckt text Första meningen viktigast En idé per stycke Skrollning Vid rätt tillfällen Exempel javadoc
8 Bilder Bilder högt upp på sidan bör synas åtminstone delvis utan skrollning Bildtexter läses oftare än brödtext Använd inte bilder där det går att använda text På grund av laddningstid På grund av läsbarhet (t.ex. Bilndskrift) Använd alt-taggen På grund av skalbarhet På grund av sökbarhet Rubriker Kort och bra beskrivning 2-6 ord Uteslut en och ett (the på engelska) Informativa utan sitt sammanhang plain language Första ordet informativt Instruktioner Använd inte instruktioner! Användaren läser dem inte! I gränslandet mellan instruktion och navigeringshjälpmedel faller tex. site-maps. Utforma svåra interaktioner som steg-för-steg guider Dvs, begränsa antalet möjligheter till en början Utforma gränssnittet så att det inte går att göra fel. Felaktig inmatning av personnummer kan hanteras genom alternativ tolkning och snabb feedback
9 Konventioner och Metaforer Uppfinn inte hjulet igen Var innovativ med förstånd En ny ovanlig design måste vara betydligt bättre än en gammal bekant för att vara berättigad Se till att användaren känner igen sig Ett bokningssystem ska se ut som ett bokningssystem, en e-handel som en e-handel och en sökmotor som just en sökmotor Google vs MSN Om sidan innehåller flera saker bör uppdelningen vara mycket tydlig. Länkar Understrykning Mycket stark konvention Varianter För navigation För aktion ( köp, skicka ) Associativa ( se även ) Färgkodning Detta ser ut som en länk Använd nyckelord som länk, inte klicka här Exempel Tydlig Mindre tydlig Klicka här
10 Sammanfattning Don t make me think Även namnet på en mycket bra bok av Steve Krug Less is more Gör varje sida självförklarande Var är jag? Vad kan jag göra här? Var kan jag ta mig? Webbdesign för speciella behov Speciella behov Traditionella handikapp Synnedsättning / Färgblindhet / Total blindhet Dyslexi Rörelsehinder Kognitiva handikapp så som Autism, ADHD 10-20% av befolkningen har speciella behov i någon form Speciella omständigheter Handskar gör oss klumpiga Händerna kan vara upptagna av annat Dålig / liten display (tex. mobilder)
11 Synnedsättningar Tydlig kontrast mellan text och bakgrund Gör texten skalbar Dvs, använd relativa storleksmått i css så som small, medium, large. Definiera storlekar på figurer, tabeller mm i em hällre än px. Gör en antassad stilmall för synskadade där kontraster och fonter är extremt stora CSS-mallar kan även användas för att anpassa utseendet på en sida beroende på vilken webbläsare som används. Webbsidor för blinda En sida måste gå att läsa med en punktdisplay och talsyntes Använd korrekt html-element (tex. H1 för förstarubrik) Gör sidans struktur tydlig även i html Placera innehållet i rätt ordning även i kod Tänk på att bilder inte kan läsas av tex. en talsyntes Detta gäller i viss mån även pdf-dokument, javaaplets, Flash-aplets mm. Beskrivningstaggar Alt-attributet Alt-taggen ersätter en bild som inte kan visas, tex. vid läsning med talsyntes men även vid tolkning av en sökmotor. Dekorationsbilder förses med tom ALT-tag Title-attribut Title-taggen ger möjlighet att sätta en förklarinig på alla element, tex. en länk.
12 Hörsel Ljud bör genomgående användas sparsamt på webbsidor, och när det används bör det inte vara enda källan till info. Tex. varningssignaler Videopresentation textade Kognitiva problem Särskilt fokus på Struktur Ordval Omfattning Dyslexi Tydlig indelning många rubriker Gör sidan sökbar, både med sökmotor och med webbläsarens sökverktyg. Autism / Adhd Visa inte stora textmassor Möjliggör för användaren att kontrolera vad som är synligt Referenser Don t make me think Steve Krug Designing Web Usability User-Centered Website Development User-Centered Web Design
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 merAnvä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 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 merbehövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.
1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera
Läs merFrågor och svar Gränssnittsdesign/Webbutveckling
Frågor och svar Gränssnittsdesign/Webbutveckling Bilder och optimering 1. Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi eller 96
Läs merWebbteknik. 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 merAnvä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 merUtseende. Lauri Watts Översättare: Stefan Asserhäll
Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................
Läs merWD406F - 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 merGrafisk form för användargränssnitt
Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala
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 merF15 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 merHUR MAN SKAPAR EN SÖKMOTORVÄNLIG LANDNINGSSIDA.
HUR MAN SKAPAR EN SÖKMOTORVÄNLIG LANDNINGSSIDA. Innehåll Introduktion... 2 Title... 2 Huvudrubrik... 2 Underrubriker... 3 Alt-attributet... 3 Fetstil och kursivering... 3 Brödtexten... 4 Meta Description...
Läs merGrundläggande funktioner i CMS ifrån Argonova Systems, 2011.
Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför
Läs merGuide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!
Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna
Läs merManual till publiceringsverktyg
Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten
Läs merTillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,
Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se
Läs merKunskapscentrumcentrum för Äldres Säkerhet
Kunskapscentrumcentrum för Äldres Säkerhet Kravspecifikation Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.
Läs merFrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
Läs merDon 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 merAnalys av en hemsida
Analys av en hemsida av Analys av en hemsida Jag har tittat lite närmare på utformningen av sidan http:/ / kids.earth.nasa.gov/. Sidans syfte är att utbilda och informera barn om rymdteknik och vilka spännande
Läs merAtt arbeta med. Müfit Kiper
Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.
Läs merHur 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 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 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 merLektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
Läs merOptimering av webbsidor
1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot
Läs merFöreläsning 10: Gränssnitt och webbdesign
Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar
Läs merFöreläsning 4. CSS Stilmallar för webben
Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll
Läs merPeter Hellström. PH-Digital Marketing peter.hellstrom@digitalmarketing.fi www.digitalmarketing.fi
Peter Hellström PH-Digital Marketing peter.hellstrom@digitalmarketing.fi www.digitalmarketing.fi Internet, trender och Google sökmotor Sökmotoroptimering = SEO, Search Engine Optimization Sökmotormarknadsföring
Läs merSå använder du wordmallarna i VIS
Styrande rutindokument Rutin Sida 1 (5) Så använder du wordmallarna i VIS Bakgrund Lagrum och styrande förutsättningar Grafisk profil Region Norrbotten, SFS 2001:526 Om de statliga myndigheternas ansvar
Läs merVÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP GÖTEBORGS UNIVERSITET
VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP 2019-06-03 Lättare för dig bättre för dina åhörare Den nya mallen är framtagen utifrån två olika perspektiv användbarhet
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 merSEMSEO sökmotoroptimering SEO "Google Top 10. Google SEO sökmotoroptimering Seminarier 2011
SEMSEO sökmotoroptimering SEO "Google Top 10 Google SEO sökmotoroptimering Seminarier 2011 Upplägg Presentation SEMSEO Internetmarknadsföring - SEO Begrepp - Grunder Planering Analys Exempel SEO verktyg
Läs merDiabetes.se CMS guide för föreningar. Senast uppdaterad:
Diabetes.se CMS guide för föreningar Senast uppdaterad: 2016 11 28 Innehåll Inledning... 3 Frågor... 3 Logga in... 4 Om Föreningens sidor... 6 Skapa ny sida... 7 Redigera en sida/lägg till information
Läs merInlä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 mer21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html
Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar
Läs merEvaluation Summary - CT3380 Grundläggande webbdesign HT05 Dan Levin
Evaluation Summary - CT8 Grundläggande webbdesign HT Dan Levin Antal kursutvärderingar: Q. Anser du dig ha tillräckligt med förkunskaper för att klara kursen? (=JA =NEJ) Q. a Kurslitteratur? 7 Medel:.
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 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 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 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 merFöreläsning 9: Gränssnitt och webbdesign
Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt
Läs merHemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor
Hemsida Lathund för medlemsföreningar 2015 10 13 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva
Läs merKom igång och redigera din hemsida!
Kom igång och redigera din hemsida Smelink WEB l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Senast uppdaterad: 100915 Del 1 Logga in Välkommen att ta del av vårt uppdateringsverktyg,
Läs merATT GÖRA WEBBSIDOR. Frivillig labb
Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR
Läs merNYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN
GÖTEBORGS UNIVERSTITETS NYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP, 2019-06-04 Lättare för dig bättre för dina åhörare Den nya mallen är framtagen utifrån
Läs merVägledningen för webbutveckling webbriktlinjer.se. Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom
Vägledningen för webbutveckling webbriktlinjer.se Björn Hagström bjorn.hagstrom@enterprise.ministry.se @bjornhagstrom Om mig 50% på Edelegationen. Ansvarar för psi och vägledningen för webbutveckling 50%
Läs merSEMSEO sökmotoroptimering SEO
SEMSEO sökmotoroptimering SEO Google SEO sökmotoroptimering Seminarier 2010 Upplägg Presentation SEMSEO Internetmarknadsföring - SEO Begrepp - Grunder Planering Analys Exempel SEO verktyg - Tips Målsättning:
Läs merFältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist
Fältstudier Torsdagen den 13 november 15-17 K2 Ann Lantz alz@nada.kth.se Sinna Lindqvist Sinna@nada.kth.se Fältstudier Fält Målgrupp Funktionshinder Design för alla 24-timmars myndigheten Web Accessibility
Läs merWEBB PRODUKTION. Tillgänglighet och Användbarhet. 2010 Thomas Mejtoft. Thomas Mejtoft 2010-12-13 2
WEBB 2010 PRODUKTION Tillgänglighet och Användbarhet 2010-12-13 2 1 Tillgänglighet och Användbarhet Tillgänglighet (Accessibility) Användbarhet (Usability) 2010-12-13 3 Tillgänglighet och Användbarhet
Läs merWordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Läs merHögskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér
Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5
Läs merKunskapscentrum för Äldres Säkerhet
Kunskapscentrum för Äldres Säkerhet Kravspecifikation för webbplats Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.
Läs merKom igång och redigera din hemsida!
Kom igång och redigera din hemsida Smelink WEB l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Senast uppdaterad: 120918 Del 1 Logga in Välkommen att ta del av vårt uppdateringsverktyg,
Läs merVä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 merWebbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011
Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man
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 merBild 1. Bild 2. Bild 3. Etrappa. Gävle-Dala E-marknad 2013
Bild 1 Gävle-Dala E-marknad 2013 oberoende och neutral rådgivning i IT frågor för företagare och blivande företagare i Gävleborgs- och Dalarnas län. 1 Bild 2 Etrappa Utgår från behov och kunskapsnivå 2
Läs merSökmotoroptimering. Google Search Console
Sökmotoroptimering Din site Google Search Console Du kommer att behöva arbeta parallellt i Google Search Console och WordPress. Öppna därför två olika fönster i din webläsare ett för vardera applikationen.
Läs merUppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB www.krokedil.se
Uppdateramera Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB 1 Krokedil Produktionsbyrå AB www.krokedil.se Välkommen Här har vi samlat tio grundläggande tips som hjälper dig att skapa en effektivare,
Läs mer» RSS - Bygg din egen RSS!
1 of 5 29.4.2006 18:46» RSS - Bygg din egen RSS! Sett en orange liten skylt med vita bokstäver som antingen sagt XML eller RSS nyligen utan att direkt koppla varför den finns där? Du är antagligen inte
Läs merWord-guide Introduktion
Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.
Läs merStruktur & Layout med CSS
1ME321 Webbteknik 1 Lektion 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Denna vecka Exemplet Gretas Blommor Garretts modell Structure
Läs merORDLISTA WEBBDESIGN 100P
ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.
Läs merTentamen på kursen Webbdesign, 7,5 hp
Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:
Läs mer24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den
24-timmarswebben WebPublish gör det möjligt att skapa läsvänliga sidor. Vi tycker att det är en självklarthet att informationen på en webbplats ska vara tillgänglig för och kunna läsas av så många som
Läs merLaboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem
Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem Målsättning Att bygg upp en komplett webbplats i ett publiceringssystem. Platsen ska vara snygg,
Läs merBilaga Digital profilmanual
Bilaga Digital profilmanual Version 1 Januari 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8
Läs merGrafisk profil för digitala gränssnitt MAJ 2019
Grafisk profil för digitala gränssnitt MAJ 2019 GRAFISK PROFIL FÖR DIGITALA GRÄNSSNITT Inledning Den här grafiska profilen för digitala gränssnitt innehåller riktlinjer för hur Umeå kommuns e-tjänster
Läs merHemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor
Hemsida Lathund för medlemsföreningar 2016-12-07 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva
Läs merTNMK30 - Elektronisk publicering
Webben TNMK30 - Elektronisk publicering Vad är internet? Vad är internet? Vad är internet? Internet: sammankoppling av datornätverk. Används för bl.a. epost, chat, filöverföring, webbsidor. Kommunikation
Läs merProjektplan 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 merSå 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 merAnvändarmanual för Content tool version 7.5
Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN
Läs merAtt styla webbsidor. Nivå. Uppgiften
Nivå 2 Att styla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.
Läs merHandledning och checklista för klarspråk
Handledning och checklista för klarspråk i Brottsofferjouren 2015-02-24 Innehåll Vad är klarspråk?... 2 Varför ska vi skriva klarspråk?... 2 Hur du kan använda checklistan... 2 Innan du börjar skriva...
Läs merBra hemsidor, trender och Google sökmotor
Bra hemsidor, trender och Google sökmotor Sökmotoroptimering = SEO, Search Engine Optimization Sökmotormarknadsföring = SEM, Search Engine Marketing Internet användare 06/2012 ca.2,4 miljarder Internetanvändare
Läs merLänkar och navigering
Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens
Läs merBra 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 merTillgä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 merManual Webb-admin för evenemang
Manual Webb-admin för evenemang Version: 001 Innehållsförteckning Logga in... 1 Lägg in nytt/redigera evenemang... 3 Prenumerant... 3 Evenemang eller Aktivitet... 3 Huvudtema och Tema... 3 Huvudkategori
Läs merBilaga 1. Teknisk kravspecifikation
Bilaga 1 Teknisk kravspecifikation 5.5.2014 Webbplatsen 1. Allmänt Korsholms kommun arbetar aktivt för att vara en ledande tvåspråkig landskommun i Österbotten och har drygt 19 100 invånare varav 68,9
Läs merFö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 merEn enhetlig profil är viktig för alla organisationer
En enhetlig profil är viktig för alla organisationer och ännu viktigare för en stor grupp av frivilliga. Då öppnas möjligheten för att alla känner samhörighet och vet åt vilket håll gruppen går. Det gör
Läs merGrafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer
Läs merGrafiska riktlinjer FÖR WEBB OCH WEBBUTBILDNING
Grafiska riktlinjer FÖR WEBB OCH WEBBUTBILDNING Innehåll Om riktlinjerna Typografi Färger Bilder och bildmått Ikoner/piktogram Tillgänglighet Exempel, webbutbildning Exempel, webbverktyg Exempel, webbverktyg
Läs merBilaga Digital profilmanual
Bilaga Digital profilmanual Version 3 December 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8
Läs merKursplan 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 merGör en modern släktbok för CD eller webben
Gör en modern släktbok för CD eller webben 21 Den traditionella släktboken består av ett antal tabeller och i bästa fall en grafisk stam- eller antavla, och man kan med ett register eller hänvisningar
Läs merAvancerade Webbteknologier
Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte
Läs merFör att logga in och få tillgång till Bildarkivet krävs att man är registrerad som Behörig Användare.
För att logga in och få tillgång till Bildarkivet krävs att man är registrerad som Behörig Användare. Alla betalande medlemmar i Klippans Hembygdsförening eller Åsbo Släkt- och Folklivsforskare har rätt
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 merSnabbguide för publicering i Drupal för ki.se
Senast uppdaterad 2014-04-20 av Webbteamet Version: 1.0 Snabbguide för publicering i Drupal för ki.se Den här snabbguiden tar bara upp de vanligaste momenten i Drupal. Du hittar hela manualen på webben:
Läs merWebzoo AB har idag ett tiotal anställda. Webzoo AB ägs till 100 % av anställda inom företaget och har en sund ekonomisk grund som bas.
Backoffice Manual Inledning Webzoo AB Webzoo är en webbyrå som varit med sedan internet började ta fart under mitten av 90-talet. Vi hjälper till från idé till lansering och med alla behov som det kan
Läs merChecklista Mobila applikationer fo r bank och betalning
Checklista Mobila applikationer fo r bank och betalning Checklistan nedan kan användas till att säkerställa att er mobila applikation för bank och betalning är tillgänglig för personer med funktionsnedsättning.
Läs mer«Sida 2 av 4 Till kursens framsida Sida 4 av 4»
Sida 1 av 11 Lektion 1: sida 3 av 4 «Sida 2 av 4 Till kursens framsida Sida 4 av 4» 2. Formatera text Du kan ju redan skriva in text, men nu ska vi se hur man formaterar det man skrivit in -- alltså hur
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 merManual - Introduktionskurs SiteVision
Sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 2 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till en länk i text 9 Lägga till länkar under
Läs merWordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Läs mer