Knihovna jako zadavatel tvorby vlastních webových stránek

1. Knihovna jako zadavatel tvorby vlastních webových stránek Co byste měli požadovat od dodavatele vaší nové webové prezentace Martin Kuna martin.kuna@seznam.cz

2. Obsah • Proč vytvářet web knihovny? Důvody, cíle a jak jich dosáhnout • Specifikace zadání nových www stránek • Výběr dodavatele a upřesnění specifikace • Grafická podoba nového webu • Funkčnost • Obsah • Cena • Časté chyby

3. Proč vytvářet web knihovny? • Zlepšení komunikace se širokou veřejností, především však se stávajícími klienty • Zvýšení komfortu klientů díky on-line službám • Úspory na straně knihovny • Získání nových čtenářů • Protože lidé internet využívají dnes a denně a existence kvalitního webu knihovny je pro ně samozřejmostí

4. 1. Proč vytvářet web knihovny? 2 hlavní pojetí webu knihovny: • Komunikační kanál • Levný, rychlý, efektivní, populární • Umožňuje obousměrnou komunikaci (newsletter, ankety) • Centrum on-line služeb • Katalog, správa čtenářského účtu (provádění některých úkonů on-line, detailní info), zpřístupnění e-materiálů, diskusní fórum, FAQ, on-line databáze, seznam nových titulů v nabídce knihovny …

5. 1.1. Cíle (1) • Poskytnout elementární informace o knihovně • Seznam služeb, ceny, otevírací doba, kontaktní informace, … • V dnešní době samozřejmost • Propagovat akce pořádané knihovnou • Plakát a leták dnes už nestačí • Možnost zveřejnění velmi podrobných informací (i těch, které se na plakát nevejdou) o akcích, on-line registrací, vystavení fotek po jejich skončení

6. 1.1. Cíle (2) • Umožnit klientovi provádět běžné úkony rychle, odkudkoliv a kdykoliv • Díky využití on-line služeb se zvýší atraktivita knihovny pro mladé či zaneprázdněné lidi a částečně klesne i zatížení zaměstnanců knihovny • Zajímavou paralelou je např. e-banking – zamyslete se, kolik času Vám ušetří; do banky pak už chodíte řešit pouze záležitosti, které nelze provést on-line

7. 1.1. Cíle (3) • Získat nové čtenáře • Kvalitní web může vytvořit knihovně dobrou image v očích potenciálního klienta, pro nějž tak získá na atraktivitě a důvěryhodnosti • Špatný web naopak odradí, zvláště pokud jsou stránky prvním místem styku obou stran • Možnost provádět úkony on-line může hrát klíčovou roli při rozhodování, zda se zaregistrovat

8. 1.1. Cíle (4) • Zlepšit komunikaci s klienty • Vytvořit knihovně dobrou image jako instituce, která má své místo v moderní informační společnosti • Prostřednictvím webu můžete oslovovat veřejnost velmi snadno, často a s minimálními náklady • Cílem je, aby se lidé na web vraceli pravidelně (a co nejčastěji) • Web je velmi vhodná podpora nejrůznějších komunikačních aktivit knihovny; výhodou je cena, rychlost, interaktivita a téměř neomezený objem informací, které lze na webu publikovat

9. 1.2. Prostředky k dosažení cílů (1) • Marketingový přístup při návrhu a tvorbě webu! • Příjemný design • Nemusí jít o umělecké dílo, podstatná je funkčnost • Neprofesionální zpracování každý pozná • Zlepšuje orientaci návštěvníka na webu • Hodnotný obsah • Přehledný, strukturovaný, umístěný na správném místě

10. 1.2. Prostředky k dosažení cílů (2) • Aktualizace, vylepšování, rozšiřování, testování • Lidé musí vidět, že web „žije“, jinak o něj ztratí zájem • Důležité je získat a udržet pravidelné návštěvníky • Přehlednost, správná struktura webu • Nenajdu-li to co hledám rychle, odcházím • Informace, které na webu jsou, ale je těžké je najít, jako by nebyly • Bezchybné a spolehlivé fungování • 100% dostupnost, uživatelské testování a monitorování služeb

11. 1.2. Prostředky k dosažení cílů (3) • Komunikovat srozumitelně i pro „nováčky“ • Používat srozumitelnou terminologii (katalogy, knihovní řád) • Prezentovat web i mimo prostředí internetu • Seznamte veřejnost s tím, co všechno jim vaše stránky nabízí – třeba o tom vůbec neví • Zajistit maximální přístupnost webu • Nejen hendikepovaní lidé to ocení

12. 2. Specifikace zadání nových www stránek (1) VELMI důležitá část! • To co by měl web umět, jaké jsou jeho cíle, cílová skupina a jak by zhruba měl vypadat, musí vědět knihovna, dodavatel zajišťuje na základě těchto informací pouze technickou realizaci a konzultace • Obsah je vždy věcí zadavatele - knihovny • Vše je nutno na začátku pořádně promyslet, platí zde „dvakrát měř a jednou řež“ 

13. 2. Specifikace zadání nových www stránek (2) • Nebojte se inspirovat jinde • Víc hlav víc ví • Sbírejte nápady, ze kterých pak vyberete ty nejlepší • Zjistěte si požadavky cílové skupiny • Nezapomeňte, že stránky budou sloužit různým lidem, kteří mohou mít zcela odlišné preference než vy • Administrační systém musí být jednoduchý i pro laika

14. 2. Specifikace zadání nových www stránek (3) • Návrhy na obsah a služby seřaďte dle priorit (z pohledu návštěvníka) • Dodavatel i vy zjistíte, na čem je potřeba „zapracovat“ nejvíce • Sestavte si na papíře mapu webu • Musí být logická a vycházet ze standardů, na které jsou lidé na internetu zvyklí • Určete základní časový a finanční rámec, ve kterém se chcete pohybovat

15. 3. Výběr dodavatele a upřesnění specifikace (1) • Firmu vybírejte na základě referencí • Z webových stránek, které kandidátská firma vytvořila pro jiné klienty, nejlépe poznáte, zda je vhodné zařadit ji do užšího výběru • Cena by měla být až na druhém místě • Jako všude jinde platí to, že kvalita a dobré jméno stojí peníze

16. 3. Výběr dodavatele a upřesnění specifikace (2) • Máte-li vybraného dodavatele, dejte mu maximum informací • Aby byl výsledek dle vašich představ, musí je firma podrobně znát • Pro koho je web určen, jaký je jeho cíl, co bude obsahovat, jak by měl zhruba vypadat (alespoň základní barvy), kdy by měl být hotov, kdo se o něj bude starat, atd.

17. 3. Výběr dodavatele a upřesnění specifikace (3) • Čím lépe zná dodavatel vaše požadavky, tím je menší riziko, že „se něco pokazí“ • Nedorozumění či nedostatečná komunikace může být příčinou neshod, zpoždění, prodražení projektu, … • Obecně platí: víte-li dobře co chcete, bude pro obě strany jednodušší dokončit vše k oboustranné spokojenosti

18. 4. Grafický návrh (1) • První návrh nemusí být ten pravý… • Vybírejte opatrně, dodatečné změny v grafice mohou být velmi drahé • Vždy si nechejte navrhnout úvodní stránku a alespoň jednu další • „Úvodka“ je většinou od ostatních stránek odlišná • Zamyslete se, zda je rozvržení stránek dostatečně flexibilní

19. 4. Grafický návrh (2) • Hezký design je prostředek, nikoliv cíl • Jde především o obsah, grafika na webu není uměleckým dílem • Neprofesionální design se pozná • Důležité prvky musí být dostatečně výrazné • Menu, vyhledávací pole on-line katalogu, …

20. 4. Grafický návrh (3) • Zaměřte se na přehlednost a jednoduchost • V „přeplácaných“ stránkách se návštěvník často ztrácí – méně je někdy více • Dbejte zejména na obsah a vzhled úvodní stránky • Barvy volte raději pastelové a příjemné pro oko, než křiklavé • Pozadí a písmo musí být dostatečně kontrastní

21. Nejčastější chyby: Příliš mnoho grafiky, pohyblivé a extrémně výrazné prvky Snižuje přehlednost, odvádí pozornost od samotného obsahu Nevhodné pozadí a barvy Text musí být snadno čitelný, nepoužívat křiklavé barvy Špatně a málo strukturované texty Nadpisy, řezy písma (normální, tučné, kurzíva, tučná kurzíva), vytváření a oddělování odstavců = vyšší přehlednost 4. Grafický návrh (4)

22. 4. Grafický návrh (5) • KAŽDÁ stránka by měla obsahovat: • Odkaz na úvodku, menu, vyhledávání • Logo, odkaz na mapu webu, odkaz nebo přihlašovací formulář • Přepínání jazykových mutací, velikostí písma, barevných schémat • Navigace, formátování a rozložení prvků musí být konzistentní napříč celým webem • Vyberte 2-3 základní barvy

23. 4. Grafický návrh (6) • Pokud možno, i vzhled katalogu co nejvíce přizpůsobit celkovému vzhledu webu • Měl by obsahovat menu a základní prvky jako každá jiná stránka • http://www.dcknihovna.cz/index.php/online-katalog/ vs. http://aleph16.lib.vutbr.cz/F • Grafický návrh by měl být koncipován tak, aby byl použitelný i v případě, že v budoucnu dojde k nějakým změnám • Mělo by být např. místo pro další položky v menu do budoucna, atd.

24. 5. Funkčnost (1) • Web musí být jednoduchý, přehledný a uživatel se na něm musí bez problémů orientovat = tzv. POUŽITELNÝ WEB • Použitelnost = ergonomie webu • Orientují se uživatelé na webu? Prochází stránkami bez obtíží? • Držte se standardů, lidé jsou na ně zvyklí • Základem je konzistentní navigace napříč webem • On-line služby je nutno uživatelsky testovat a monitorovat jejich funkčnost

25. 5. Funkčnost (2) • Používejte srozumitelný jazyk – lidé vám musí rozumět • Nechtějte po čtenářích, aby se učili knihovnickou terminologii – nabídněte jim nápovědu, nebo použijte srozumitelné synonymum • Ze strany knihovny je důležité mít administrační systém, se kterým se jednoduše pracuje • Vyzkoušejte si předem publikační systém, který vám dodavatel nabízí

26. 5. Funkčnost (3) Struktura webu • Rozdělte web na jednotlivé logické celky • Sekce a podsekce - struktura webu v podobě tzv. stromu • Většinou je lepší rozdělit obsah na více stran, než vytvořit jednu velice dlouhou stranu • Logická a jasná struktura webu je pro orientaci návštěvníka klíčovým faktorem • Vizuální podobou struktury webu je tzv. mapa webu (site map) • http://www.knihovna-ostrov.cz/sitemap.php, http://www.factum.cz/struktura.html

27. 5. Funkčnost (4) Navigace • Navigace je základním stavebním kamenem každé webové prezentace • Je-li dobrá, návštěvník se dobře a rychle orientuje a nachází hledané informace • Je-li špatná, návštěvník se ztrácí a často rovnou z webu odchází • Navigace musí být stálá a pružná • Je stále na svém místě • Aktuální pozice je v menu vyznačena (přizpůsobení aktuálnímu stavu)

28. 5. Funkčnost (5) Použitelnost • Je třeba si položit základní otázky • Je logická struktura webu jasná a přehledná, nebude uživatel hledat informace jinde, než opravdu jsou? • Jsou ovládací prvky v souladu se standardy? Používají se jednoduše, jsou konzistentní? • Jsou obsah a pozadí vzájemně dostatečně kontrastní? • Je grafika příjemná, nerozptyluje uživatele?

29. 5. Funkčnost (6) Přístupnost • Přístupnost = web bez bariér • Lidé používají různé technické vybavení a omezují je jejich fyziologické vlastnosti • Neomezujme handicapované uživatele (až 20%! návštěvníků) • Optimalizovat pouze pro svůj oblíbený prohlížeč a rozlišení znamená NEoptimalizovat vůbec • Pozor na barvy, velikost písma, roletková menu, validitu kódu, JavaScript • Užitečné informace: www.blindfriendly.cz

30. 6. Obsah (1) • Obsah je to, proč lidé na web (ne)chodí • Jen aktuální a užitečné informace a fungující on-line služby dokáží přilákat nové návštěvníky a těm stávajícím dávají důvod zase se vrátit • Aktualizujte, aktualizujte, aktualizujte • Na svých stránkách nabízejte co nejvíce aktuálních informací – na „mrtvý“ web, který nemá co nabídnout, lidé pravidelně chodit nebudou • Využijte web k propagaci svých aktivit • Tato forma reklamy je rychlá, efektivní a v podstatě zdarma

31. 6. Obsah (2) Hlavní témata (1): • Základní údaje o knihovně • Otvírací doba, kontaktní údaje, mapka, historie, … • Přehled služeb • Ceny, detailní popis • On-line služby (webová samoobsluha) • Katalog (rezervace, kontrola dostupnosti), správa čtenářského účtu (přehled výpůjček, ročních poplatků, kontaktní údaje čtenáře, …), on-line databáze

32. 6. Obsah (3) Hlavní témata (2): • Aktuality • Informujte čtenáře o nových titulech, službách, změnách ve fungování knihovny • Akce – pozvánky a zhodnocení • Pozvěte čtenáře na své akce prostřednictvím webu a po akci nabídněte veřejnosti popis akce či fotky • U akcí s omezenou kapacitou je velmi vhodná elektronická registrace

33. 6. Obsah (3) Hlavní témata (3): • Často kladené otázky (FAQ) • Nápověda pro „nováčky“ – pomůže oběma stranám • Sekce pro média, komerční partnery • Komunikace, která nic nestojí a může knihovně přinést další publicitu

34. 6. Obsah (4) • Newsletter • Připomeňte se čtenářům a „vypíchněte“ to nejzajímavější z dění v knihovně • Velmi často používaný prostředek přímé komunikace • Stále je co vylepšovat • Zjistěte si, co návštěvníci na webu postrádají • Sledujte průběžně statistiky návštěvnosti – řeknou vám, kolik lidí váš web používá, odkud na něj přicházejí, co je nejvíce zajímá

35. 7. Cena (1) • Vždy závisí na rozsahu webu a dodavateli • Nákladnější je především zprovoznění on-line služeb napojených na IS knihovny • Každý systém vytvořený na míru je dražší, ale o to kvalitnější • Komerční produkty vs. Open Source • Větší firmy většinou používají vlastní systémy, za které je ale nutno platit • Open Source může být alternativou především pro menší knihovny, které mají velmi omezený rozpočet na tvorbu webu

36. 7. Cena (2) • Nechejte si zpracovat cenovou kalkulaci od více dodavatelů • Již po vytvoření základní specifikace si můžete udělat obrázek o tom, kolik bude nový web zhruba stát • Velmi orientačně: • Základní prezentaci „na úrovni“ pořídíte od cca 15 000 Kč • Cena za velmi rozsáhlý web s mnoha on-line službami ušitý na míru se bude pohybovat v řádech desetitisíců Kč

37. 8. Nejčastější chyby (1) • Vstupní stránka obsahující např. velký obrázek a text „vítejte na našich WWW stránkách“ nenese žádné důležité informace • Znamená to zbytečné kliknutí navíc • Použití nevhodných barev a grafických prvků • Animované ikonky, ozdobné nadpisy • Reklamní bannery • Snižují přehlednost, obtěžují, odvádějí pozornost od vlastního obsahu

38. 8. Nejčastější chyby (2) • Hláška „Optimalizováno pro prohlížeč XY a rozlišení YZ“ • Základní prohřešek proti pravidlům tvorby přístupného webu • Zapomíná se, že stránky se prohlížejí i přes mobily, PDA, atd. • Nejednotné formátování textů v rámci webu • Nedodržování základních pravidel přístupnosti • Velmi nízká informační hodnota pro návštěvníka • Neaktuální informace, nevzhledné on-line katalogy

39. Několik postřehů na závěr • Roste trend vyřizování běžných záležitostí přes web • Lidé neradi ztrácejí čas ve frontách nebo chodí někam zbytečně • WWW stránky spoluvytvářejí image knihovny • Web knihovny bývá někdy dokonce prvním místem styku knihovny a potenciálního klienta • Mladí lidé uvítají, pokud bude vše na webu • Do knihovny si chci jít pro knihu, CD či na internet, ne čekat ve frontě, abych si zamluvil titul, který je vypůjčený a já kvůli tomu musím přijít příště

40. Několik postřehů na závěr • Lidé si velmi rychle zvykají, že téměř vše je možné vyřídit přes internet • Podávání daňových přiznání, nakupování přes internet, e-banking, … • Weby knihoven jsou často mnoho let staré, málo aktualizované, nenabízejí zajímavý obsah, který by lidi motivoval opakovaně se vracet • Po grafické stránce málokteré stránky dosahují současného průměru • Každý web má určitou životnost

41. Několik postřehů na závěr • Zajímavé weby knihoven • MK Dačice: www.mkdac.cz (celkově kvalitně zpracováno) • MK Praha: www.mlp.cz (celkově kvalitně zpracováno) • MK Hodonín: www.knihovna-hod.cz (možnost přepnout web do verze pro zrakově postižené) • Ministerstvo práce a sociálních věcí: www.mpsv.cz (možnost zvětšení písma) • UK Ostravské university: http://knihovna.osu.cz (soudobý design) • Ministerstvo informatiky – doporučení týkající se přístupnosti webů veřejné správy: http://www.micr.cz/scripts/detail.php?id=1548

42. Děkuji za pozornost.Máte-li nějaké dotazy, rád se na ně pokusím odpovědět. Martin Kuna martin.kuna@seznam.cz