|
Vyučující
|
-
Poustka Michal, MgA. Mgr.
|
|
Obsah předmětu
|
1. Úvod do UX/UI a současný digitální design 2. UX proces: jak vzniká digitální produkt 3. Informační architektura a logika rozhraní 4. Principy interakčního designu 5. Vizuální jazyk UI: Typografie, barva a hierarchie 6. Design systémy a komponentové myšlení 7. Přístupnost (A11y) a inkluzivní design 8. Mobilní design a responsivita 9. AI v UX/UI: současný stav a možnosti 10. Trendy v digitálních rozhraních 11. Kritika reálných digitálních produktů 12. Základy testování a ověřování návrhu 13. Závěrečná reflexe a konzultace projektů
|
|
Studijní aktivity a metody výuky
|
Výuka podporovaná multimédii, Prezentace práce studentů, Individuální konzultace, Demonstrace dovedností, Studium metodou řešení problémů, Samostatná práce studentů, Přednáška s demonstrací, Cvičení
- Nácvik dovedností [3/10]
- 15 hodin za semestr
- Kontaktní výuka
- 39 hodin za semestr
- Příprava prezentace (referátu) [3-8]
- 10 hodin za semestr
- Vypracování seminární práce v bakalářském studijním programu [5-40]
- 35 hodin za semestr
|
| Předpoklady |
|---|
| Odborné znalosti |
|---|
| základní orientace v principech vizuální komunikace, typografie, kompozice a grafického designu, porozumět základním vztahům mezi obrazem, textem, strukturou informace a cílovým uživatelem v digitálním prostředí |
| Odborné dovednosti |
|---|
| pracovat se základními postupy vizuální analýzy, formulovat vlastní návrhové rozhodnutí a srozumitelně prezentovat jednoduchý grafický nebo digitální koncept, používat běžné digitální nástroje pro skicování, rešerši, tvorbu jednoduchých návrhů a práci s obrazovým materiálem |
| Obecné způsobilosti |
|---|
| bc. studium: efektivně využívá různé strategie učení k získání a zpracování poznatků a informací, hledá a rozvíjí účinné postupy ve svém učení, |
| bc. studium: rozpozná problém, objasní jeho podstatu, rozčlení ho na části, |
| bc. studium: je otevřený k využití různých postupů při řešení problémů, nahlíží problém z různých stran, |
| bc. studium: efektivně využívá dostupné prostředky komunikace, verbální i neverbální, včetně symbolických a grafických vyjádření informací různého typu, |
| bc. studium: používá s porozuměním odborný jazyk a symbolická a grafická vyjádření informací různého typu, |
| bc. studium: efektivně využívá moderní informační technologie, |
| bc. studium: vyjadřuje se v mluvených i psaných projevech jasně, srozumitelně a přiměřeně tomu, komu, co a jak chce sdělit, s jakým záměrem a v jaké situaci komunikuje, |
| bc. studium: prezentuje vhodným způsobem svou práci i sám sebe před známým i neznámým publikem, |
| Výsledky učení |
|---|
| Odborné znalosti |
|---|
| rozumí základním principům UX/UI návrhu, informační architektury, interakčního designu, designu systémů, typografie v rozhraních a přístupnosti digitálních produktů, dokáže vysvětlit vztah mezi vizuální podobou rozhraní, jeho strukturou, funkcí a uživatelskou zkušeností |
| Odborné dovednosti |
|---|
| dokáže analyzovat digitální rozhraní z hlediska struktury, čitelnosti, navigace, konzistence, přístupnosti a uživatelských potřeb, umí navrhnout jednoduché koncepční řešení digitálního rozhraní, formulovat jeho principy a obhájit návrhová rozhodnutí v diskusi |
| Obecné způsobilosti |
|---|
| bc. studium: samostatně a odpovědně se na základě rámcového zadání rozhodují v souvislostech jen částečně známých, |
| bc. studium: srozumitelně a přesvědčivě sdělují odborníkům i laikům informace o povaze odborných problémů a vlastním názoru na jejich řešení, |
| bc. studium: do jejich řešení zahrnují úvahu o jejich etickém rozměru, |
| bc. studium: srozumitelně shrnou názory ostatních členů týmu, |
| bc. studium: efektivně a kriticky využít nástrojů umělé inteligence a nést konečnou odpovědnost za výsledek své práce, |
| Vyučovací metody |
|---|
| Odborné znalosti |
|---|
| Seminární výuka (diskusní metody), |
| Výuka podporovaná multimédii, |
| Přednáška s demonstrací, |
| Diskuse, |
| Odborné dovednosti |
|---|
| Cvičení (praktické činnosti), |
| Řešení problémů, |
| Samostatná práce studentů, |
| Prezentace práce studentů, |
| Obecné způsobilosti |
|---|
| Diskuse, |
| Skupinová výuka, |
| Samostatná práce studentů, |
| Samostudium, |
| Hodnotící metody |
|---|
| Odborné znalosti |
|---|
| Průběžné hodnocení, |
| Kolokvium, |
| Sebehodnocení, |
| Odborné dovednosti |
|---|
| Demonstrace dovedností (praktická činnost), |
| Průběžné hodnocení, |
| Individuální prezentace, |
| Obecné způsobilosti |
|---|
| Sebehodnocení, |
| Průběžné hodnocení, |
| Vzájemné hodnocení studentů, |
|
Doporučená literatura
|
-
Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher. About Face: The Essentials of Interaction Design. Indianapolis: Wiley, 2014. ISBN 978-1-118-76657-6.
-
Garrett, Jesse James. The Elements of User Experience: User-Centered Design for the Web and Beyond. Berkeley: New Riders, 2011. ISBN 978-0-321-68368-7.
-
Kalbach, Jim. Mapping Experiences: A Complete Guide to Customer Alignment Through Journeys, Blueprints, and Diagrams. Sebastopol: O'Reilly Media, 2020. ISBN 1492076589.
-
Norman, Donald A. Design pro každý den. 1. vyd. v ÄeskĂŠm jazyce. Praha: Dokořán, 2010. ISBN 978-80-7363-314-1.
-
Rosenfeld, Louis; Morville, Peter; Arango, Jorge. Information Architecture: For the Web and Beyond. Sebastopol: O'Reilly Media, 2015. ISBN 978-1-4919-1168-6.
-
Steve Krug. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. 2013. ISBN 9780321965516.
-
Tidwell, Jenifer; Brewer, Charles; Valencia, Aynne. Designing Interfaces: Patterns for Effective Interaction Design. Sebastopol: O'Reilly Media, 2020. ISBN 978-1-492-05196-1.
|