4. Informační systémy – uživatelské rozhraní (27.10.2026)

Obsah hodiny

• Připomněli jsme si pojem Informační systém.
• Bavili jsme se o uživatelském rozhraní – jak uživatel pracuje se systémem
  • Uživatelské rozhraní (UI) je část informačního systému, pomocí které s ním uživatel komunikuje. Mělo by být přehledné, srozumitelné a umožnit uživateli snadno najít potřebné informace a provést požadovanou činnost.
  • Dobře navržené uživatelské rozhraní by mělo uživateli napovědět, kde se nachází, co může udělat a co se právě v systému děje.
• Uživatelské rozhraní
  • webové
  • desktopové
  • mobilní
  • dotykové
  • hlasové
  • API jako rozhraní mezi systémy
• Pojmy související s uživatelským rozhraním:
  • menu – umožňuje přecházet mezi jednotlivými částmi systému. Může být hlavní, postranní nebo rozbalovací.
  • hlavní stránka – výchozí obrazovka systému, ze které se uživatel dostává k nejdůležitějším funkcím a informacím.
  • breadcrumbs (drobečková navigace) – ukazují, kde se uživatel právě nachází a jaká je cesta k aktuální stránce. Například: Účet → Objednávky → Objednávka č. 125.
  • vyhledávání – umožňuje rychle najít konkrétní informaci nebo záznam, například produkt, dokument nebo uživatele.
  • filtry – umožňují omezit množství zobrazených výsledků podle zvolených podmínek, například podle data, kategorie nebo stavu. Např. žáci jedné třídy
  • formuláře – umožňují uživateli zadávat nebo upravovat údaje. Mohou obsahovat textová pole, seznamy, zaškrtávací políčka nebo přepínače.
  • stavové informace – informují uživatele o aktuálním stavu systému nebo prováděné činnosti. Například Probíhá ukládání, Objednávka zaplacena, Chyba při načítání
• Přístupnost – přizpůsobení pro lidi se specifickými potřebami, např. zrakově postižení:
  • dostatečný kontrast
  • velikost písma
  • alternativní text obrázků
  • ovládání klávesnicí
  • srozumitelné formuláře
  • nevyužívat pouze barvu jako jediný indikátor
  • čitelnost
  • titulky u videa
• Informační systémy mohou být mezinárodní, takže musí řešit problémy spojené s jinými jazyky a místními specifiky
  • překlad textů,
  • formát data,
  • měna,
  • desetinná čárka/tečka,
  • jednotky,
  • směr psaní a různá písma.
• Zkusili jste navrhnout rozhraní informačního systému školy

Úkoly

• Představ si, že bys mohl přetvořit Edookit k obrazu svému. Na papír propiskou, na tabletu nebo elektronicky v grafickém programu. Inspirace: 1, 2, 3