03. UI design

Interaktivní prezentace pro univerzitní IS

Uživatelské rozhraní interaktivní prezentace Informačního systému Masarykovy univerzity.

Skrolujte dolů
na ukázky
 

Informace o projektu

Interaktivní prezentace Informačního systému MU, koncipována jako dotyková aplikace s komiksovými příběhy v hlavní roli s fiktivní postavou studentky Kláry. Prezentace umožňuje interaktivním způsobem a zároveň zábavnou formou nahlédnout do studentského života na Masarykově univerzitě a na to, jak Informační systém studentům usnadňuje studium. Celá prezentace se primárně realizovala pro dotykovou obrazovku, která byla následně k dispozici pro použití kolemjdoucími.

Na realizaci prezentace jsem se podílel spolu s dalšími členy Servisního střediska pro e-learning na MU, které je součástí vývojového týmu Informačního systému MU. Mým úkolem byla spolupráce na tvorbě konceptu a obsahu prezentace a návrh uživatelského rozhraní (vzhled a rozložení grafických prvků). Další členové týmu se postarali o zpracování komiksových postav a příběhů a dále o převod grafických podkladů do Flash verze.

Skrolujte dále
na ukázky
Pokračovat

Moje práce zahrnovala

Spolupráci na tvorbě konceptu a obsahu prezentace.

Návrh grafického uživatelského rozhraní prezentace.

01.
Na úvodní obrazovce interaktivní prezentace má uživatel na výběr z několika různých způsobů, jak si prezentaci projít. Může se tak například seznámit se studentkou Klárou nebo si spustit interaktivní komiksové příběhy Kláry v různých situacích, ve kterých se během studia ocitne. Úvodní obrazovka také obsahuje malou hru s kostkou, při které se uživatel dozví zajímavé poznatky o Informačním systému. Ať už si uživatel zvolí jakoukoliv cestu prezentací, vždy na něj čeká zajimává podívávaná.

Přejít na online verzi prezentace


Ukázka 01 - Interaktivní prezentace pro univerzitní IS

02.
Seznámení se studentkou Klárou, která postupně uživatele provádí svým profilem v Informačním systému a zároveň komentuje, co vše je v takovém profilu studenta k dispozici.

Ukázka 02 - Interaktivní prezentace pro univerzitní IS

03.
Ukázka z jednoho komiksového příběhu, ve kterém Klára diskutuje se svou kamarádkou o možnosti učit se lehce cizí slovíčka pomocí speciální aplikace v Informačním systému. Příběhy jsou rozděleny do několika částí a některé obsahují také interaktivní prvky, pomocí kterých může uživatel ovlivnit vývoj daného příběhu.

Ukázka 03 - Interaktivní prezentace pro univerzitní IS

04.
Na konci každého příbehu je k dispozici formou infografiky a doplňujících informací shrnutí toho, na jaké téma daný příběh byl a jaké funkce a možnosti přináší samotný Informační systém.

Ukázka 04 - Interaktivní prezentace pro univerzitní IS

Máte zájem o mou spolupráci?

Jestliže se Vám ukázky mých prací líbí a měli byste zájem o mou spolupráci,
neváhejte mě kontaktovat, obratem Vám odpovím.

↑ Nahoru