Användbara sidor för humanister?

Relevanta dokument
Tentamen på kursen Webbdesign, 7,5 hp

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

Bibliotek och ITs informationssökningswebb

Välkommen till informationssökning via webben. Tips om sökningar inför uppsatsskrivandet med klickbara länkar.

Detta dokument innehåller anvisningar för upprättande av en sökplan i kursen TDDD39 Perspektiv på informationsteknologi.

Länkar och navigering

Tillämpad programmering CASE 1: HTML. Ditt namn

Sociala medier för företag

Erfarenheter av användarfall vid utvärdering i strategisk upphandling

Innehåll. Källkritik och vetenskaplighet. Introduktion till UB

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

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

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

Sammanfattning av informationssökning VT19

Välkommen till Studiekanalen.se

Viktigt om informationssökning

So ka artiklar och annan litteratur

UB:s sö ktjä nst - Söka artiklar och annan litteratur

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN

Informations- och artikelsökning

Mer information om RefWorks, andra referenshanteringsprogram och hur man refererar hittar du på Linköpings universitetsbiblioteks webbsidor.

Användarcentrerad design Prototyper & användartest

Prototyper och användartest

Sö ka artiklar öch annan litteratur

Utseende. Lauri Watts Översättare: Stefan Asserhäll

ANVÄNDARTESTNING VID LULEÅ UB Ola Andersson Luleå universitetsbibliotek

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

IT och funk0onshinder

Kunskapscentrumcentrum för Äldres Säkerhet

Informations- och artikelsökning

Sö ka artiklar öch annan litteratur

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

Nyheter i PowerPoint 2010

WEBB OCH INFORMATIONSDESIGN

Att söka information (med betoning på Internet)

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

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Användarcentrerad systemdesign

ÅA:s bloggverktyg komplett guide

Sö ka artiklar öch annan litteratur

Språk för webben introduk4on 4ll HTML

Kunskapscentrum för Äldres Säkerhet

Allmänt beteende hos Konqueror. Burkhard Lück Översättare: Stefan Asserhäll

206 Finaluppgifter för produktion av webbsidor

Övning (X)HTML 2. Sidan 1 av

Manual HSB Webb brf

Bygga kurser för mobila enheter

Introduktion Översikt av kursen och området webbteknik

Användbarhet för webben

Användbarhet för webben

Introduktion till biblioteket och informationssökning Språk och litteraturer

Personlig uppsats - analys av webbplats

Användarcentrerad systemdesign

FUB och Klippan - Vårt webbverktyg I din webbläsare, skriv in eller klicka på Logga in längst ner på startsidan.

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem

UTBILDNING I E-PLIKT VID GÖTEBORGS UNIVERSITET

CBI-biblioteket. Presentation för CBI:s intressentförening Eva Lundgren

Föreläsning 4. CSS Stilmallar för webben

Steg-för-steg-guide så lånar du en e-ljudbok på ios- och Android-enheter!

Gemensam byggprocess, GBP. Presentation: Hitta dokument i GBP-databasen gbp.goteborg.se

Sjukhusbiblioteket i Karlstad, september 2012, Modifierad av Linköpings universitetsbibliotek tisdag den 11 december 2018

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den

1. Polopoly och webbpublicering på SU

Examensarbete på Siemens Elema AB

Stefan Andersson SVEP. Övergripande mål - SVEP. Harmonisering av metadatabeskrivningar för elektroniskt publicerade dokument

Widgetguiden Vad är Publits widgetshop?

ReKo Sjuhärads webbplats -

Främjandestrategi och Pilotstudier

Fråga bibliotekarien. Länkbiblioteket. Sökslussen. Metasökprogrammet Frank och Söksam. biblioteken.fi >

Lathund skapa och redigera sidor en projektwebb

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

Kursen handlar om. Var används datorer och andra IT-stöd? Människa-datorinteraktion 1MD016, 5hp. T ex:

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

Informationssökning - att söka och finna vetenskapliga artiklar! Linköpings Universitetsbibliotek

Bildandet av usabilitygruppen: Rapport till kvalitetsgruppen

Kursen handlar om. Var används datorer och andra IT-stöd? T ex: Människa-datorinteraktion (MDI) Inst. för informationsteknologi

Sökning, källkritik och referenshantering EITA LINA AHLGREN & OLA HEDBÄCK

Informationssökning Liberal Arts LIB40 V17

Vägledning för webbutveckling. webbriktlinjer.se

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Gränssnittsdesign Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17. Projektplan. Projektets namn

Riktlinjer och regler för Karolinska Institutets webbplatser (utan bilagor)

Att skriva för webbplatsen. Stöd för webbredaktörer

elib 2.0 Bibliotekssystem för e-böcker

Referenshantering med Zotero 1

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

Snabbguide till Cinahl

Analys av webbplatsen csn.se Personlig uppsats i kursen Interaktionsdesign Grafiska gränssnitt, hösten 2003

Föreläsning 10: Gränssnitt och webbdesign

Att göra-lappar för digital tillgänglighet

Analys av com hems startsida

Affärsmodeller och samarbete på framtidens Internet

Hämta via databaser Pröva några olika databaser. Se Hämta referenser från databaser.

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

Läsa artiklar i artikeldatabaser med kompensatoriska hjälpmedel

Guide för Innehållsleverantörer

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

Skapa blogg i ÅA:s bloggverktyg komplett guide

Transkript:

Användbara sidor för humanister? En undersökning av tio webbplatser Stefan Andersson Enheten för digital publicering

Elektroniska resurser på biblioteken Dyra Låg användning Svåröverskådliga Google

Bibliotekens webbplatser Webbplatsen fungerar som ingång till myndighetens elektroniska tjänster... Om inte webbplatsen är anpassad till användarnas olika behov och förutsättningar, kommer dessa inte att kunna utnyttja de elektroniska tjänsterna. Därmed finns en risk att utfallet av myndigheternas investeringar i elektroniska tjänster blir mindre än väntat samtidigt som alla medborgargrupper inte kan ta del av de nya tjänsterna. Riksrevisionsverket, RRV (2003)

Vad är användbarhet (usability)?...the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use. ISO 9241-11

Några metoder Enkäter, intervjuer eller samtalsgrupper med användare Tester mot fastställda standarder (heuristics - Jakob Nielsen) Kategorisering och terminologi (hur väl stämmer bibliotekariens begrepp med användarens) Studier av hur användare löser exempeluppgifter (cognitive walkthroughs)

Användbarhetstester Riktlinjer (checklista - Nielsen) Konventioner (checklista - Nielsen) Tillgänglighet (Web Accessibility Initiative) Länktest (användarundersökning) Rekommendationer (resultat) Avgränsning: ej värdering av innehåll

Urval Humanioraområdet Fem kommersiella informationstjänster Fem bibliotek

Informationstjänster Encyclopædia Britannica Online Grove Music ISI Web of Knowledge Oxford English Dictionary Project MUSE

Bibliotek Göteborgs universitetsbibliotek Kungl. biblioteket Lunds universitets bibliotek Stockholms universitetsbibliotek Uppsala universitetsbibliotek

Riktlinjer - måste de följas? these are just guidelines, not axioms. For all sites, there are surely exceptions. Nielsen & Tahir rekommendationer och råd om hur en bra webbplats ska vara utformad för att alla användargrupper ska kunna orientera sig på webbplatsen, söka och läsa information samt interagera med webbplatsen på ett enkelt och effektivt sätt. 24-timmarswebben

Riktlinjer - testresultat Encyclopædia Britannica Online Oxford English Dictionary Project MUSE Grove Music ISI Web of Knowledge Bibliotek A Bibliotek B Bibliotek C Bibliotek D Bibliotek E 89 88 84 78 78 68 68 67 63 33

Riktlinjer - skillnader Sökfunktioner Grundläggande sidlayout/grafisk design Utformning av länkar Navigering Grafik Typografi Språk

Webbplatsens syfte och startsida Startsidan skall identifiera organisationen och förmedla vad den gör samt vad användarna kan göra på webbplatsen. Speciellt viktiga funktioner skall framhävas. Den skall också ha ett utseende som är distinkt och lätt att komma ihåg så att den enkelt kan urskiljas från andra sidor på webbplatsen.

Information om tjänsten Webbplatsen skall ha tydliga avdelningar med information om tjänsten/organisationen samt kontaktinformation, helst via länkarna "Om [namn]" samt "Kontakta oss". Information av internt intresse avsedd för anställda skall inte inkluderas.

Innehåll och språk Användare läser text på ett annat sätt på webben jämfört med trycksaker. Oftast skummas texten igenom istället för att läsas noggrant. Därför måste text och innehåll anpassas efter detta.

Visa innehåll genom exempel Att demonstrera webbplatsens innehåll genom konkreta exempel är ett effektivt sätt att visa på både specifikt och allmänt innehåll samtidigt som det snabbt kan hjälpa användaren att förstå navigering och struktur.

Arkiv och äldre innehåll Att inte längre hitta sidor eller information man tidigare använt på en webbplats kan orsaka stor irritation. "Cool URIs don't change... URIs don't change: people change them."

Länkar Eftersom hemsidorna tenderar att ha fler länkar än övriga sidor på webbplatsen är det speciellt viktigt att riktlinjerna för utformning av länkar följs här: Blå och understrukna Besökta länkar byter färg till lila

Navigering Navigeringen från hemsidan skall hjälpa användaren att snabbt få en överblick över webbplatsens innehåll. Den skall också framhäva de viktigaste tjänsterna. Länkarna skall vara så lättförståeliga att man inte behöver klicka på dem för att ta reda på vad som finns bakom.

Navigering forts. Fyra likvärdiga modeller som fungerar: navigeringsmeny till vänster flikar (Google) navigeringsmeny längst upp på sidan kategorier mitt på sidan (Yahoo)

Sökfunktioner Sökning är en av de viktigaste funktionerna på en webbplats. Den skall vara enkel, tydlig och lätt att hitta. En sökruta bör finnas på alla sidor på webbplatsen.

Verktyg och genvägar Genvägar till de mest intressanta tjänsterna kan göra att användarna snabbare kan komma åt den information de söker. Webbplatserna bör inte erbjuda verktyg eller tjänster bara för att de finns om de inte är relevanta.

Grafik och animeringar Bilder kan förhöja intrycket av en hemsida men också göra den mindre överskådlig och långsam att ladda ner. Animeringar bör undvikas. Maximalt mellan 5 och 15% av utrymmet på hemsidan bör upptas av grafik.

Grafisk design Grafisk design skadar användbarheten som mest när den används som utgångspunkt för en hemsida istället för en sista finputsning av layouten.

Drop-down menyer och textrutor Dessa bör användas så sparsamt som möjligt eftersom de ofta distraherar användaren. Drop-down menyer (rullgardinsmenyer) ger dålig överblick och fungerar ofta inte utan JavaScript.

Fönstertitlar Alla sidor behöver en enkel och effektiv fönstertitel (definierad i TITLE-taggen i HTML-dokumentet) som används i listor över bokmärken och tidigare besökta sidor i webbläsaren liksom i sökverktygens träfflistor. Stockholms universitetsbibliotek (http://www.sub.su.se/visawebbindex.asp)

URL En URL till en hemsida skall vara så enkel och lätt att komma ihåg som möjligt. http://www.kb.se http://websok.libris.kb.se/websearch/servlet /se.kb.libris.websearch.form?type=simple

Nyheter och pressmeddelanden Nyheter på hemsidor måste ha effektiva rubriker och sammanfattningar som gör att användaren förstår vad det handlar om utan att behöva klicka på dem.

Pop-up fönster och splash screens Användande av ingångssidor (splash screens) skall absolut undvikas liksom pop-up fönster (ett fönster som läggs ovanpå den aktuella sidan).

Omnämnanden Omnämnanden (credits) av favoritsökverktyg eller webbläsare hör inte hemma på webbplatsen och inte heller tekniska beskrivningar av hur den fungerar. Webbplatsen har fått en ny layout, struktur och design och bygger tekniskt på en kombination av databaser och webbsidor. Även den tekniska plattformen är ny.

Omladdning Omladdning (refresh/reload) av sidor för att ändra innehållet bör undvikas.

Anpassning Personlig anpassning (customization) av en hemsida kan fungera bra om den inte kräver för mycket arbete från användarens sida.

Datum och tid Datum och tid behöver endast visas för tidskritisk information som nyheter och liknande. Datum- och tidsinformation skall formateras enligt gällande standarder.

Konventioner Ser man den statliga förvaltningen som en sammanhängande enhet, är det viktigaste användarproblemet bristen på enhetlighet. Det innebär att besökaren tvingas lära sig nya strukturer, menyer, länkplaceringar och funktioner på i stort sett varje webbplats... Riksrevisionsverket, RRV (2003)

Likriktning?

Design make something that works in the real world.

Konventioner - testresultat ISI Web of Knowledge Encyclopædia Britannica Online Oxford English Dictionary Grove Music Bibliotek C Bibliotek A Project MUSE Bibliotek B Bibliotek D Bibliotek E 91 87 85 79 71 67 65 52 51 33

Tillgänglighet (accessibility) Att använda World Wide Web Consortiums (W3C) tekniker och standarder (som de är specificerade) är det enklaste och säkraste sättet att göra webbplatserna bättre tillgängliga. Riktlinjer för utformning av innehåll på webben

W3C:s riktlinjer (urval) Använd kodning och formatmallar (style sheets) och gör det rätt Se till att sidor som använder nya tekniker kan övergå mjukt till presentation med äldre teknik.

Kodning Felaktig användning av kodning (till exempel att använda tabeller för layout, eller <H1>koden för att ändra typsnittsstorleken) gör det svårare för användare med specialiserade program att förstå hur en sida är organiserad och framför allt att navigera i den. Riktlinjer för utformning av innehåll på webben

Validering av HTML-kod Bibliotek UUB LUB GUB KB SUB Antal fel 0 2 28 44 53 (http://validator.w3.org/) Inget bibliotek har strukturerade sidor.

Ny presentation avstängd Dokument skall kunna läsas utan formatmallar (style sheets). Sidorna skall vara användbara när scriptprogram, kortprogram ("applets"), och andra program är frånslagna eller inte stöds i webbläsaren. No frames-alternativ skall erbjudas.

Exempel med och utan CSS Med Utan

Länktest För att få en uppfattning om hur väl den terminologi som används på bibliotekens hemsidor överensstämmer med användarnas uppfattning. Testpersonerna har presenterats för konkreta länkar och angett vad de intuitivt förväntar sig finna bakom respektive länk.

Överensstämmer Andra bibliotekskataloger Att söka information Bibliotekskataloger Databaser E-böcker E-tidskrifter Kurslitteratur MyLibrary Sök bok/tidskrift Sök böcker Sökguider Tidskrifter Universitetets avhandlingar och andra publikationer

Överensstämmer delvis Allm. sökguiden Digitala biblioteket DISA E-böcker, handböcker, uppslagsverk Elektroniska resurser Humaniora, Juridik, Medicin, Farmaci, Teknik och naturvetenskap, Naturvetenskap, Psykol-pedagog, Samhällsvetenskap Internetsökning LIBRIS/LIBRIS WEBBSÖK

Överensstämmer inte Bibliografiska databasen vid Uppsala universitet Informationssökning Länkar Portaler, länkar och sökverktyg Talböcker UB:s digitala kortkataloger Ämnesguider Ämnesresurser

Vet ej DoD EDC ELIN@Lund GUNDA Hjälphyllan KB:s katalog Regina Kursnätet Lovisa Rättskällan Svesök Temaguider

Rekommendationer Använd inte ramar Inkludera en funktion för enkel sökning Utforma länkar på ett standardiserat sätt Gruppera länkar och framhäv de viktigaste tjänsterna Använd ett användarorienterat språk Använd bara meningsfull grafik Använd W3C:s standarder Utforma en enkel och estetiskt layout Skapa enkla och stabila URI:er Visa informationstjänster genom konkreta exempel

Framtidsperspektiv Högre krav på statliga myndigheter att göra sina webbplatser tillgängliga. Gemensamma ingångar ("portaler") till forskningsbibliotekens elektroniska resurserna på nationell nivå. Webbläsarna utvecklas. XML/XHTML 2.0.