připomenutí předchozí hodiny a uvedení problému „Uživatelský test a iterace“. 5–12 min: stručná teorie – test použitelnosti, úkol, pozorování, problém, iterace. 12–18 min: společná ukázka prvního kroku a kontrolních kritérií. 18–36 min: samostatná práce nebo práce ve dvojici – Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu. 36–41 min: vzájemná kontrola podle zadání a oprava zjištěné chyby. 41–45 min: uložení výstupu (Záznam testu a upravená verze), krátký exit ticket a pojmenování dalšího kroku.
Návrh uživatelského rozhraní · 45 minut
Uživatelský test a iterace
Žák pozoruje uživatele při plnění úkolu a upraví návrh podle zjištění.
00
ČASOVÁ OSA
Struktura 45minutové hodiny
01
VIDEO LEKCE
Ukázka a vysvětlení postupu
▶
Video je připravené k doplnění
Video ukáže princip, první kroky, kontrolu a typickou chybu. Nebude obsahovat celý hotový upravitelný úkol.
provider: youtube · youtubeId: ""02
STUDIJNÍ MATERIÁL
Výklad: z čeho se učíš
Dobré rozhraní vychází z potřeb uživatele, jasné navigace a ověřování prototypu, nikoli pouze z dekorativního vzhledu.
V hodině „Uživatelský test a iterace“ je hlavním cílem: Žák pozoruje uživatele při plnění úkolu a upraví návrh podle zjištění. Nejde pouze o dokončení jednotlivých kliknutí nebo příkazů; důležité je umět vysvětlit, proč zvolený krok vede k cíli a co se v průběhu práce mění.
Klíčové pojmy test použitelnosti, úkol, pozorování, problém, iterace tvoří společný jazyk pro popis řešení. Při praktické práci v prostředí „Klikací prototyp“ sleduj vstup, jednotlivé kroky, mezivýsledek a způsob kontroly. Pokud některý krok nelze popsat nebo zopakovat, postup ještě není dostatečně přesný.
Praktická část vychází ze zadání: Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu. Výsledkem musí být „Záznam testu a upravená verze“. Hotový výstup nestačí pouze ukázat; musí být možné doložit, že vznikl z pracovních podkladů a že splňuje uvedená hodnoticí kritéria.
Před odevzdáním ověř zejména: Neutrální pozorování a účelná úprava. U programů nebo modelů použij více vstupů, u diagramů zkontroluj vztahy a popisky, u dokumentace ověř úplnost. Chybu nejprve přesně popiš, potom změň jen jednu věc a znovu výsledek otestuj.
Slovníček pojmů
test použitelnosti
Řízené ověření řešení na zvoleném vstupu s předem stanoveným očekávaným výsledkem.
úkol
Konkrétní cíl, který má uživatel nebo tým pomocí systému splnit.
pozorování
Faktický záznam toho, co uživatel udělal nebo co se stalo, oddělený od interpretace a hodnocení.
problém
Situace, ve které současný stav neodpovídá požadovanému cíli a je potřeba najít řešení.
iterace
Jedno provedení těla cyklu nebo jeden krok opakovaného procesu.
03
ŘÍZENÁ PRÁCE
Postup krok za krokem
- 01
Ve studentské lekci si přečti cíl a otevři pracovní podklady. Připrav prostředí: Klikací prototyp. Originální podklady ponech beze změny a pracuj s kopií ve vlastní složce.
- 02
Pojmenuj pracovní složku ve tvaru „58_uzivatelsky-test-a-iterace_prijmeni“. Uvnitř odděl zdrojové soubory, vlastní práci a výsledný export.
- 03
Rozděl zadání na menší ověřitelné kroky: Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu. Nejprve vytvoř nejjednodušší funkční nebo srozumitelnou variantu.
- 04
Po každém významném kroku výsledek spusť, otevři nebo jinak zkontroluj. Zapisuj testovací vstup, skutečný výsledek a případnou opravu; neměň více nezávislých věcí najednou.
- 05
Porovnej práci s kritérii „Neutrální pozorování a účelná úprava“. Oprav alespoň jednu konkrétní slabinu zjištěnou vlastní nebo vrstevnickou kontrolou.
- 06
Ulož zdrojovou i výslednou podobu. Odevzdej „Záznam testu a upravená verze“ v požadovaném formátu a přidej krátké zdůvodnění, jak jsi správnost ověřil/a.
04
PRACOVNÍ PODKLADY
Stáhni si soubory, se kterými budeš pracovat
Náhled ukazuje pouze strukturu a typ výsledku. Hotové upravitelné řešení ve studentské části není.
.TXT
58 Podklady Readme
↓Pracovní podklad určený k samostatnému zpracování.
58_PODKLADY_README.txt · 1 kB.TXT
58 Pozadavky Uzivatele
↓Pracovní podklad určený k samostatnému zpracování.
58_pozadavky_uzivatele.txt · 1 kB
.SVG
58 Prazdny Wireframe
↓Pracovní podklad určený k samostatnému zpracování.
58_prazdny_wireframe.svg · 2 kBDůležité: Podklady jsou vstupy k práci, nikoli kompletní řešení. Vlastní výsledek musí vzniknout podle zadání, testu a reflexe.
05
OTEVŘENÉ ODPOVĚDI
Pracovní list
1. Startovací otázkaStačí 2–3 věty; důležitý je konkrétní výchozí příklad.
Co už o tématu „Uživatelský test a iterace“ víš? Uveď konkrétní příklad nebo situaci.
2. Práce s pojmyDefinici spoj s konkrétním krokem, hodnotou nebo částí výstupu.
Vysvětli vlastními slovy alespoň tři pojmy: test použitelnosti, úkol, pozorování, problém, iterace. Ke každému přidej použití v dnešní úloze.
3. Rozhodnutí a zdůvodněníUveď nejméně dvě možné varianty a kritérium volby.
Které rozhodnutí je při řešení úkolu „Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu.“ nejdůležitější a podle čeho je uděláš?
4. Plán praktické prácePostup má mít vstup, očíslované kroky, kontrolu a očekávaný výstup.
Rozepiš vlastní postup k zadání: Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu.
5. SebekontrolaKaždou otázku musí být možné zodpovědět důkazem z práce.
Převeď hodnoticí kritéria na kontrolní otázky: Neutrální pozorování, účelná úprava.
6. Exit ticketOdpověď musí být konkrétní a vztahovat se k dnešní práci.
Napiš jeden pochopený princip, jednu provedenou opravu a jeden další krok.
06
PRAKTICKÁ PRÁCE
Uživatelský test a iterace
Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu. 1. Pojmenuj pracovní složku ve tvaru „58_uzivatelsky-test-a-iterace_prijmeni“. Uvnitř odděl zdrojové soubory, vlastní práci a výsledný export. 2. Rozděl zadání na menší ověřitelné kroky: Nechat spolužáka splnit dva úkoly bez nápovědy, zaznamenat potíže a provést změnu. Nejprve vytvoř nejjednodušší funkční nebo srozumitelnou variantu. 3. Po každém významném kroku výsledek spusť, otevři nebo jinak zkontroluj. Zapisuj testovací vstup, skutečný výsledek a případnou opravu; neměň více nezávislých věcí najednou. 4. Porovnej práci s kritérii „Neutrální pozorování a účelná úprava“. Oprav alespoň jednu konkrétní slabinu zjištěnou vlastní nebo vrstevnickou kontrolou.
Očekávaný výstup
Záznam testu a upravená verze
07
DŮKAZ O UČENÍ
Odevzdání praktického úkolu
Soubor a krátká odpověď
Záznam testu a upravená verze
Dokonči praktickou práci a odevzdej důkaz: Záznam testu a upravená verze. Použij studentské podklady, zpracuj je samostatně a před odevzdáním projdi kontrolní kritéria. Hotové řešení je dostupné pouze v učitelské části.
Zatím nebyl vybrán žádný soubor.
V samostatném HTML se ukládají odpovědi a názvy vybraných souborů pouze do tohoto prohlížeče. Skutečný upload provede aplikace Kurzy/Studio.
08
ZÁVĚREČNÁ KONTROLA
Test
09
REFLEXE
Co si z lekce odnášíš
Dokončeno neznamená pouze vytvořeno. Po dokončení lekce prokážeš cíl odevzdáním výstupu: Záznam testu a upravená verze. Výsledek zkontroluj podle kritérií: Neutrální pozorování a účelná úprava.