Práce se zabývá problematikou návrhu rozhraní webových aplikací pomocí moderního přístupu Mobile first. Jsou zde popsána specifika mobilních zařízení a způsoby interakce se zařízením, které ovlivňují to, jak má aplikace vypadat a jak se má chovat. V praktické části je provedeno srovnání návrhu webové aplikace podle konceptu Mobile first a nejpoužívanějšího přístupu návrhu Desktop first.
Anotace v angličtině
The thesis is dealing with the web design difficulties by using modern approach called Mobile First. There are described some specifics of the mobile devices and ways of the interaction with the device, which affect how the application should look and how it should behave. In the practical part, web application design created by Mobile First concept and comparison that to the most used design approach Desktop First are described.
Klíčová slova
Mobile first, Desktop first, internetová stránka, mobilní zařízení
Klíčová slova v angličtině
Mobile First, Desktop First, web page, mobile device
Rozsah průvodní práce
99 s
Jazyk
CZ
Anotace
Práce se zabývá problematikou návrhu rozhraní webových aplikací pomocí moderního přístupu Mobile first. Jsou zde popsána specifika mobilních zařízení a způsoby interakce se zařízením, které ovlivňují to, jak má aplikace vypadat a jak se má chovat. V praktické části je provedeno srovnání návrhu webové aplikace podle konceptu Mobile first a nejpoužívanějšího přístupu návrhu Desktop first.
Anotace v angličtině
The thesis is dealing with the web design difficulties by using modern approach called Mobile First. There are described some specifics of the mobile devices and ways of the interaction with the device, which affect how the application should look and how it should behave. In the practical part, web application design created by Mobile First concept and comparison that to the most used design approach Desktop First are described.
Klíčová slova
Mobile first, Desktop first, internetová stránka, mobilní zařízení
Klíčová slova v angličtině
Mobile First, Desktop First, web page, mobile device
Zásady pro vypracování
Popište používané přístupy při návrhu uživatelského rozhraní webových aplikací.
Zpracujte literární rešerši ke konceptu Mobile First.
Vyberte nejpoužívanější prvky uživatelského rozhraní, popište jejich funkci a uveďte případy, kdy je použití těchto prvků nevhodné.
Proveďte přehled v oblasti softwarových nástrojů, které je možné použít k návrhu uživatelského rozhraní.
Navrhněte uživatelské rozhraní aplikace splňující koncept Mobile First pomocí některého z uvedených softwarových nástrojů.
Sestavte dotazník pro testovací skupinu lidí.
Srovnejte tento návrh s konvenčním přístupem návrhu uživatelského rozhraní.
Zásady pro vypracování
Popište používané přístupy při návrhu uživatelského rozhraní webových aplikací.
Zpracujte literární rešerši ke konceptu Mobile First.
Vyberte nejpoužívanější prvky uživatelského rozhraní, popište jejich funkci a uveďte případy, kdy je použití těchto prvků nevhodné.
Proveďte přehled v oblasti softwarových nástrojů, které je možné použít k návrhu uživatelského rozhraní.
Navrhněte uživatelské rozhraní aplikace splňující koncept Mobile First pomocí některého z uvedených softwarových nástrojů.
Sestavte dotazník pro testovací skupinu lidí.
Srovnejte tento návrh s konvenčním přístupem návrhu uživatelského rozhraní.
Seznam doporučené literatury
ŘEZÁČ, Jan. Web ostrý jako břitva: návrh fungujícího webu pro webdesignery a zadavatele projektů. Jihlava: Baroque Partners, 2014. ISBN 978-80-87923-01-6.
GASSTON, Peter. The book of CSS3: a developer's guide to the future of web design. San Francisco: No Starch Press, 2011. ISBN 9781593272869.
KRUG, Steve. Don't make me think, revisited: a common sense approach to Web usability. Third edition. ISBN 0321965515.
WROBLEWSKI, Luke. Mobile first. New York: A Book Apart, 2011. ISBN 9781937557027.
GOTHELF, Jeff a Josh SEIDEN. Lean UX: applying lean principles to improve user experience. Lean series. ISBN 1449311652.
GONZALES, Jason. Mobile First Design with HTML5 and CSS3. New Edition. Birmingham: Packt Publishing, Limited, 2013. ISBN 9781849696463.
Seznam doporučené literatury
ŘEZÁČ, Jan. Web ostrý jako břitva: návrh fungujícího webu pro webdesignery a zadavatele projektů. Jihlava: Baroque Partners, 2014. ISBN 978-80-87923-01-6.
GASSTON, Peter. The book of CSS3: a developer's guide to the future of web design. San Francisco: No Starch Press, 2011. ISBN 9781593272869.
KRUG, Steve. Don't make me think, revisited: a common sense approach to Web usability. Third edition. ISBN 0321965515.
WROBLEWSKI, Luke. Mobile first. New York: A Book Apart, 2011. ISBN 9781937557027.
GOTHELF, Jeff a Josh SEIDEN. Lean UX: applying lean principles to improve user experience. Lean series. ISBN 1449311652.
GONZALES, Jason. Mobile First Design with HTML5 and CSS3. New Edition. Birmingham: Packt Publishing, Limited, 2013. ISBN 9781849696463.
Přílohy volně vložené
1 CD ROM
Přílohy vázané v práci
ilustrace, tabulky
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Diplomant odprezentoval před komisí hlavní cíle a výsledky své diplomové práce. Prezentace jako celek působila velmi dobrým dojmem, jednotlivé snímky prezentace graficky i obsahově vyvážené. Součástí prezentace byla praktická ukázka. Následně byl student seznámen s posudky vedoucího a oponenta diplomové práce. Diplomant postupně odpověděl na otázky oponenta práce.
Komise vznesla k obhajobě následující dotazy:
1) Prof. Farana: Není výhodnější používat konceptu responzivního webu?
2) Prof. Farana: Použil jste ve vaší práci informace o poloze?
3) Ing. Šilhavý: Kde jsou uvedeny v práci výsledky z dotazníku?
Student odpověděl na položené dotazy na velmi dobré úrovni.