CRI projekt
Z MiS
(Rozdíly mezi verzemi)
(Přidány technické požadavky a časté chyby.) |
m (→Časté chyby: Nadpis úrovně 3) |
||
| Řádka 94: | Řádka 94: | ||
* Pokud uvádíte odkaz na stránky, měl by být opravdu aktivní (mělo by na něj jít kliknout a měl by fungovat). | * Pokud uvádíte odkaz na stránky, měl by být opravdu aktivní (mělo by na něj jít kliknout a měl by fungovat). | ||
| − | == Časté chyby == | + | === Časté chyby === |
* Nepřiměřené použití elementu <code><br /></code>. | * Nepřiměřené použití elementu <code><br /></code>. | ||
* Odsazování odstavců prázdnými řádky místo pomocí stylů. | * Odsazování odstavců prázdnými řádky místo pomocí stylů. | ||
* Jen velmi triviální použití kaskádových stylů, „ruční“ formátování přímo ve stránce. | * Jen velmi triviální použití kaskádových stylů, „ruční“ formátování přímo ve stránce. | ||
Aktuální verze z 2. 12. 2013, 15:18
Nadřazené stránky: CRI
Obsah |
Cíle projektu:
- náznak hodnocení použitelnosti webu
- praktické cvičení na psaní HTML
Zadání
- proveďte zestručněnou verzi hodnocení použitelnosti náhodně zvolených webů
- zpracujte protokol o hodnocení formou ručně psané HTML stránky
Postup
Připravte si protokol
- Nachystejte si hlavičku webové stránky.
- Titulek stránky bude: Projekt CRI: Jméno Příjemní
- Hlavní nadpis: CRI: hodnocení použitelnosti webu
- Dále bude uvedena tabulka:
| Autor: | Jméno Příjmení |
|---|---|
| Datum zpracování: | Datum |
| Škola: | Škola |
- Protokol naformátujte pomocí kaskádových stylů
- Styly umístěte do samostatného souboru.
Zvolte stránky k hodnocení
- Vyberte dvě stránky, které budete hodnotit
- Stránky byste neměli znát
- Do protokolu zapište zvolené adresy stránek: jako klikací odkaz
- Vytvořte snímek (screenshot) zvolené stránky a vložte ho do protokolu:
- pomocí kláves <Alt>-<PrintScreen> vložte snímek okna prohlížete do schránky
- vložte obrázek do grafického editoru (například Malování)
- Snímek obrazovky uložte (ve formátu PNG nebo JPG) a vložte do protokolu
- Jak si vybrat stránky? Například
- zvolte si nějaké slovo
- zvolené slovo zapište do vyhledávacího okénka Google
- ve vyskakovacím okně najeďte na zvolené okno myší a zvolte „Zkusím štěstí“
Poznáte účel webu?
- Letmo se podívejte na zvolenou webovou stránku.
- Zapište do protokolu svůj názor na to, k jakému účelu web slouží.
- Později web prozkoumáte podrobněji a zhodnotíte, jestli jste účel webu odhadli při letmém prozkoumání správně.
- Pokuste se identifikovat základní navigační prvky webu:
- Logo webu a motivační slogan
- Název konkrétní stránky webu, na které se právě nacházíte
- Hlavní nabídku akcí (menu)/sekce webu
- Lokální nabídka akcí (menu)/pohyb v rámci této sekce
- Informaci o tom, na které stránce v rámci webové prezentace se právě nacházíte (drobky/drops)
- Okénko pro vyhledávání
- Vlastní obsah stránky
- Označte na snímku obrazovky v grafickém editoru jednotlivé součásti stránky.
- Bylo jejich nalezení na webu snadné?
Poznáte, kam kliknout?
- Letmým pohledem vyberte pět položek, na které lze kliknout.
- kolik procent z nich bylo opravdu klikacích a v kolika případech byl váš odhad mylný?
Kam jít dál?
- podle účelu webu se vžijte do role zákazníka webu
- vyberte si informaci, kterou byste na webu mohli chtít získat jako zákazník
- vyzkoušejte, zda odhadnutý postup opravdu fungoval
Je web dostatečně stručný?
- stačí k pochopení obsahu stručné přelétnutí stránky očima, nebo je třeba číst dlouhý text?
- zhodnoťte, zda by bylo možné text smysluplně zestručnit.
Který web je použitelnější?
- Zhodnoťte do protokolu, který ze dvou zvolených webů považujete na základě výše uvedených zkoumání za snáze pochopitelný/použitelnější.
Technické požadavky na protokol
- Předveďte, co jste se naučili z jazyka HTML. Technické zpracování projektu by mělo odpovídat získaným dovednostem!
- Použijte alespoň jednou vlastní (pojmenovaný) kaskádový styl.
- Pokud uvádíte odkaz na stránky, měl by být opravdu aktivní (mělo by na něj jít kliknout a měl by fungovat).
Časté chyby
- Nepřiměřené použití elementu
<br />. - Odsazování odstavců prázdnými řádky místo pomocí stylů.
- Jen velmi triviální použití kaskádových stylů, „ruční“ formátování přímo ve stránce.
