Návrh uživatelských rozhraní D3 NOV-WEB Web pro stránky předmětů Jakub Bartoš, Pavel Dvořák, Jakub Motyčka, Kamil Procházka
Prototyp - Prototyp je vytvořen formou webové stránky. Výchozí stránka prototypu je uložena v adresáři normal/index.html, z této stránky je možné se přesunout na všechny ostatní podstránky. - Prototyp byl vytvořen pomocí jazyka html a kaskádových stylů css, dále byl použit systém, který momentálně používám pro web předmětu NUR. Tento systém zajistil funkci základních vlastností systému, jako je přihlášení, přídávání článků a přidávání komentářů. - Vytvořený prototyp zahrnuje veškeré scénáře případu užití, ale funkčnost některých je omezena. Mezi omezené funkce prototypu patří například vyhledávání, při jehož použití je zobrazen pouze statický obsah. - Prototyp je přiložen v souboru prototyp.zip, jedná se o offline verzi testovaného prototypu, který je dostupný na adrese http://demo317282.knowledgebase.divine.cz. Na on-line prototypu bylo také provedeno testování s uživateli. Přihlašovací údaje jsou jakubonty@gmail.com a heslo nurnurnur. Testování Cíl testu Byl testován elektronický prototyp aplikace (respektive vzhledové šablony) pro interaktivní web předmětu. Veškerý obsah webu se vkládá pomocí článků, jednotlivé články jsou označeny tagy pro snazší vyhledávání. Články je možné také upravovat a mazat. Cílem testu bylo ověřit reakce uživatelů na umístění menu doprava, jejich chování v okamžiku, kdy chtějí vložit článek a nejsou přihlášeni, dále ověřit výskyt UI problémů při editaci a mazání článku. V neposlední řadě bylo testováno přidávání komentářů ke článkům. Obrázek 1: prototyp
Popis testu Test proběhl na notebooku Asus P50IJ se dvoujádrovým procesorem Intel o souhrnné frekvenci 4,2 GHz, 4 GB RAM paměti a rozlišením 15 palcového displeje 1366 768 pixelů. Počítač byl připojen k internetu. Pro test byl využit internetový prohlížeč Opera ve verzi 12. Zadání testu Úkol 1 - Zjisti plán na 7. cvičení a vrať se na start Úkol 2 - Vlož článek s libovolným obsahem a s přílohou (obrázek i_know.jpg na ploše PC) - Nadpis kimi - Klíčová slova kimi a practise - Poté se vrať se na úvodní stránku Úkol 3: - Uprav článek vložený v bodě 2 - Libovolně změň text článku Úkol 4: - Okomentuj článek vložený v bodě 2 - Odstraň článek z bodu 2 Pokud bude vyžadováno přihlášení, pak je login: jakubonty@gmail.com a heslo nurnurnur. Průběh testu Bylo testováno se třemi participanty, kteří jsou studenty FEL ČVUT, a tak spadají do cílové skupiny. Mezi testovanými byla jedna žena. Každý z nich má rozdílné zkušenosti s používáním systému: P1 jej nevyužívala vůbec, P2 jej využívá nyní v předmětu NUR pro získávání informací o předmětu i odevzdávání prací a P3 jej využívá jen pro odevzdávání prací. Participant 1 - V menu nemůže najít plán cvičení, hledá přes celou stránku a matou ji odkazy Cvičení a články se cvičeními - Nelíbí se jí menu vpravo - Chybí ji informace, jak vložit článek, pokud není přihlášená - Pokud je na indexu a dá upravit, dostane se do úpravy indexu (co to je?), je nutné nejprve otevřít článek
Obrázek 2: Hledání programu cvičení Obrázek 3: Komentování článku
Participant 2 - Má problém s oddíly cvičení a plán cvičení v menu - Napadlo ho, že se pro přidání článku musí přihlásit. - Otevřel článek před úpravou, krátce hledal tlačítko upravit. Obrázek 4: Vkládání článku Obrázek 5: Komentování článku
Participant 3 - Chvilku přemýšlí, jak se vrací na úvodní stránku - V menu se cvičeními (a obecně při testu) neměl žádný problém Obrázek 6: Prototyp, myš ukazuje na problémové místo
Obrázek 7: Na úvodní stránce před 3. úkolem Závěry z testu Participant 1 - Položky textu a menu nejsou v prototypu správně asociované. Menu obsahuje obsah k termínům, avšak ten je poměrně vzdálený od začátku/konce bloku tvořící menu a také příliš vzdálen od položky cvičení ke které tématicky patří. - Národy používající písmo zleva-doprava často preferují důležitý obsah nalevo, jelikož od této strany čtou. Pro participanta 1 je důležité mít rychlý přístup k ovládání. - Při skrytí některých ovládacích funkcí pro nepřihlášeného uživatele je poveden kompromis mezi přehledností pro masové uživatele a jednoduchostí použítí stránky pro spravující menšinu. Toto je ale vlastnost systému, kterou nemáme možnost změnit. Participant 2 - Viz P1. Participant 3 - Nic. Doporučení - Reorganizace menu sloučit položky menu podle své relevance a zajistit hiearchii. Položka cvičení by měla obsahovat sobě podřazené články, a sloužit také jako úvod v menu pro ostatní relevantní položky v stromové struktuře.
- Reorganizace ovládacích prvků pomocí uživatelské preference. Ačkoliv jazyk upřednostňuje důležité prvky nalevo, důležitost prvků se liší podle uživatele. Samotný výčet článků může být používán dostatečně často tak, aby menu nebylo důležité. - Ovládací lišta zobrazená po přihlášení by mohla být viditelná i pro nepřihlášeného uživatele a vyzývat k přihlášení pro funkce, které přihlášení vyžadují. Popřípadě stačí alespoň zajistit dostatečné zvýraznění přihlašovacích prvků od menu za pomocí nějaké grafické úpravy. - Nástroj pro úpravu článku by měl být u článku samotného u nadpisu a/nebo pod článkem. - K nabídkám provázející stránku by bylo možné přidat i grafické zvýraznění, například ikonu návratové šipky, či ikonu domova.