7.12.2010 - Analýza grafického uživatelského rozhraní z verze Space Traffic 2009/2010
Zpět na HomePage
Anylýza
Důležité zásady
| Zásady | Je důležité? |
| Intuitivnost | Vzít v úvahu |
| Jednoznačnost | Vzít v úvahu |
| Konzistence | Vzít v úvahu |
| Tři kroky | Vzít v úvahu |
| Více cest | Vzít v úvahu |
| Okamžitá nápověda | Vzít v úvahu |
Návrh UI vyžaduje se musí řídit následujícími zásadami:
- Intuitivnost - Hráč očekává určité chování objektů a voleb ve hře. Je třeba toto očekávání naplnit a
dělat věci tak, jak je u her tohoto typu obvyklé. Stejně tak je třeba vážit formu poskytovaných informací tak, aby vyhovovali účelu, pro který je hráč chce získat.
- Jednoznačnost - Všechny volby jsou od sebe jasně odlišitelné a jejich účel je zřejmý. Související volby jsou sdružovány do logických skupin.
- Konzistence - Veškeré chování UI musí být konzistentní v rámci celku. Pokud se určitý prvek UI
chová na jednom místě jako odkaz, bude se tak chovat vždy a bude odkazovat na stejnou věc (např.: jméno planety nebo pozice tlačítka Ok na pravé straně dialogu vlevo od Storno).
- Tři kroky - Každá informace nebo volba je dostupná po maximálně třech krocích.
- Více cest - Pokud v daném místě existuje relevantní akce, měla by být dostupná přímo z místa.(např.: Jméno planety jako odkaz na systém kde se nachází.)
- Okamžitá nápověda - Nápověda k jednotlivým prvkům a objektům musí být dostupná přímou u těchto objektů (ne hledáním v manuálu).
GUI nová implementace -bez grafiky 
GUI stará implementace 
Základní rozvržení
| Základní zobrazení | Více info |
| Přihlášení | Více o přihlášení |
| Registrace | Více o registraci |
| Hra | Více o hře |
| Chybí | Chybějící herní zobrazení |
Hra bude využívat následující základní zobrazení.
- Přihlášení
- Registrace
- Hra
- Wiki nápověda (Průvodce hrou)
- Nastavení
Tyto základní zobrazení představují samostatné stránky.
Přihlášení
Samotný přihlašovací formulář beze změn.
Doplnit
Doplnění volby automatického přihlášení. Doplnění úvodních textů.
Nekritické změny
Úvodní texty by nemuseli být v záložkách ale jako normální text pod sebou. Vyžaduje předělání grafiky.
Registrace
Aktuální implementace registrace je pouze provizorní. Skládá se z jediného formuláře, který obsahuje následující položky:
- Login
- Heslo
- Heslo znovu
- Přezdívka
- Adresa
- Věk
Výběr zadávaných údajů při registraci
V prvé řadě by bylo vhodné minimalizovat počet potřebných položek k registraci. Pro jednoznačné určení uživatele je nejvhodnější e-mail adresa, která je unikátní pro každého hráče. Při použití e-mailu jako přihlašovacího jména by pak bylo nutné ještě zadat přezdívku pro identifikace hráče ve hře. Tato přezdívka však může být i víceslovná, což by umožnilo větší variabilitu jmen (je zde možnost vyžadovat minimálně dvouslovné jméno). Login v tomto systému nemá význam. Adresa ani Věk nejsou relevantní údaje pro potřeby hry. Nejedná se o komerční projekt, proto je nutné zvážit, jaké údaje se budou shromažďovat a za jakým účelem. Možné volitelné údaje jsou např.: celé jméno, adresa, rok narození. Pro potřeby prokázání identity hráče při případných problémech s účtem by zde mohla být jedna otázka na konkrétní údaj (výběr tohoto údaje by provedl hráč).
Pro shromažďování statistik je vhodnější použít konkrétních dotazníků ve hře, jejichž vyplnění by bylo odměňováno.
Podmínky poskytování a užívání služby
Při registraci by měl každý uživatel potvrdit podmínky poskytování a užívání služby. Tento blíže nespecifikovaný právní dokument by měl obsahovat právní vymezení služby – webové hry Space Traffic a pravidla jejího užívání. Je nezbytné, aby byl tento dokument krátký a jasný. Celý dokument by měl být viditelný při normálním zobrazení registračního formuláře bez scrolování. Předpokládá se, že hru budou hrát nezletilí.
Podoba formuláře
Registrační formulář by měl být složen z více kroků. V levé části by mělo být nápovědní okno, zobrazující nápovědu k aktuálnímu kroku registrace a zároveň osnovu registrace a pozici v ní. Grafické ztvárnění by mělo být ve stejném duchu jako zbytek hry, aby registrace působila jako součást hry.
Přechod k tutoriálu
Proces registrace bude zakončen úvodem do hry, který bude hráče seznamovat s herním světem, herními cíli a základními mechanismy. Tomuto úvodu může předcházet customizace uživatelova profilu (nahrání profilového obrázku, volba back-story). Po tomto úvodu se hráč dostává přímo do hry, kde začíná tutoriál.
Technická poznámka - ověření registrace
Aby byl přechod od registrace do hry plynulý, nelze použít klasický model ověřování registrace ověřující e-mail adresu. Zároveň by tento způsob ověřování nebyl vhodný pro prezentační účely. Na druhou stranu je nutné ověřit e-mail, pokud by byl použit jako uživatelské jméno. Z toho důvodu navrhuji systém, který by umožnil ověření e-mailu se spožděním, např ve lhůtě 1 týdne. Hráči bez ověřeného e-mail budou ve hře omezeni tak, aby mohli absolvovat tutoriál a základní rozehrání. Po určité době pak budou zablokování a následně smazáni. Na nutnost ověřit e-mail budou hráči upozorněni na formuláři s jeho zadáním a pak v průběhu tutoriálu, který za ověření e-mailu hráče odmění.
Hra
Hlavní zobrazení reprezentuje hru samotnou. Je rozděleno na následující oblasti:
- Stavový panel
- Menu panel
- Hlavní panel
- Kontextový panel
- Panel událostí
Stavový panel
Umístění v horní části stránky. Zahrnuje „Logo“, „Hlavní info o hráčském účtu“ a „Nastavení“ z původního návrhu UI.
Stav po V. Iteraci 2009/2010
Implementováno v
L – logo Logo, statické.
A – lodě Informace o celkovém počtu hráčových lodí (všech typů). Ikona a text zobrazit reaguje otevřením Přiřazení obranných lodí v hlavním panelu.
B – základny 11 Informace o celkovém počtu základen (doků ??). Není implementována žádná reakce.
C – zprávy Informace o počtu nových zpráv/celkovém počtu zpráv. Ikona a text zobrazit reaguje otevřením Příchozí zprávy v hlavním panelu. Poznámka: undefined variable messageId a reciever v responder.php na 441
D – vztah k pirátům Grafický ukazatel zobrazující vztah k pirátům pozicí šipky na baru. Neaktivní.
E – licence Informace o počtu využitých licencí / celkovém počtu zakoupených. Neaktivní.
F – aliance Informace o názvu aliance, jejíž je hráč členem. Stav kdy hráč není v alianci nezjištěn.
H – peníze Informace o finanční hotovosti hráče. Neaktivní.
I – umístění Informace o umístění v pořadí hráčů/cekovém počtu hráčů. Neinteraktivní.
U – jméno přihlášeného uživatele
K – volby uživatele Volba Profil otevře novou stránku Editace hráče. Nefunkční volba Nastavení.
Volba Odhlásit odhlásí uživatele a načte stránku přihlášení. Z – panel změny jazyka
Stávající implementace
View\ HeaderPanel.incViews\LoginPanel.inc, metoda RenderLoggedContent()
Nutné změny
Základním účelem tohoto panelu by mělo být poskytnutí informací o stavu hry a o hráči. Volby související s hraním hry musí být dostupné i z hlavního menu. Bylo by vhodné snížit výšku panelu. Ikony A, B, C jsou celkem účelné, ale text zobrazit je zde zbytečný. Počet lodí (A) není příliš užitečný údaj, je to jen celkové množství všech lodí. Bylo by vhodné indikovat:
- Počet obchodních lodí (skupin lodí) na cestě.
- Počet obchodních lodí bez práce.
- Počet rezervních bojových lodí.
Počet základen (B) je pravděpodobně podobný případ. Také tooltip u všech tří ikon zobrazuje slovo „zobrazit“, je třeba nahradit odpovídajícím popisem.
Vztah k pirátům (D) je indikován pouze barvou a pozicí šipky. Barevné rozlišení není příliš výrazné. Bylo by vhodné doplnit jej slovním hodnocením.
Také umístění textu „vztah k pirátům“ uvnitř baru není konzistentní se zbytkem panelu a v neposlední řadě je také špatně čitelný.
Bylo by vhodné tento text umístit nad indikátor a dát mu stejnou barvu, jakou mají ostatní popisy – zelená.
Umístění (I) je zbytečný údaj na tomto místě, nemá žádný vztah k herním rozhodnutím. Pokud by zde takový údaj měl být, bylo by lepší použít pevný systém hodnocení.
Údaj o počtu licencí (E) je závislý na správě lodí. Je zbytečné ho uvádět na této pozici. Aliance (F) je statický údaj, který by bylo vhodné uvádět pod uživatelským jménem.
Text voleb (K) a (U) je hůře čitelný, zelená na zeleném pozadí. Volby Profil a Nastavení lze sloučit do jedné.
Panel přepínání jazyků neindikuje aktivní jazyk. Je třeba, aby byl aktivní jazyk zvýrazněn, např. žlutou barvou.
Dále by bylo vhodné panel přepínání jazyků skrýt, pokud nebudou alespoň dva jazyky implementovány.
Hlavní menu
Umístění v levé části. Slouží pro výběr zobrazení v hlavním panelu hry.
Stav po V.iteraci
Obsahuje následující volby:
- Koupit loď
- Koupit licenci
- Management lodi
- Pořadí hráčů
- Aliance
- Mapa galaxie
Koupit loď
Otevře Nákup nové lodě v hlavním panelu.
Koupit licenci
Otevře dialogové okno nad s dotazem, zda chce hráč zakoupit licenci.
Management lodí
Otevře Přiřazení obranných lodí v hlavním panelu.
Pořadí hráčů
Otevře Pořadí hráčů v hlavním panelu.
Aliance
Otevře Diplomacie v hlavním panelu. Poznámka: Není implementován případ, kdy hráč není součástí aliance. Opuštění aliance mělo za následek Exception Invalid ID value.
Mapa galaxie
Otevře Mapa galaxie v hlavním panelu.
Nápověda
Volba není funkční.
Stávající implementace
View\LeftMenuPanel.inc
Nutné změny
Hlavní menu neplní svůj účel.
Jednotlivé volby nejsou systematicky uspořádány a jsou implementovány různým způsobem.
Dále jsou některé volby pojmenovány příliš dlouze. Zbytečně zabírají místo.
Navíc dvojice voleb začíná stejným slovem. To zbytečně komplikuje orientaci.
Menu je nutné kompletně předělat.
Každá volba menu bude otevírat okno do Hlavního panelu. Žádná z voleb nebude přímo vykonávat akci.
Volby:
- Události
- Lodě
- Základny
- Zprávy
- Diplomacie
- Mapa
- Hodnocení
- Nápověda
Šířka panelu se upraví odpovídajícím způsobem. Možným dalším zlepšením by bylo nahrazení textových voleb ikonami.
Kontextový panel
Tento panel by měl poskytovat informace o vybraných objektech a volby (příkazy) k manipulaci s nimi.
Například při vybrání lodi by měl poskytnout informaci o jejích úkolech a stavu a volby ovládající její činnost.
Stav po V.iteraci
Panel v klidovém stavu zobrazuje:
- informace o hráčově společnosti duplikuje údaje z horního panelu (Hlavní info
o hráčském účtu)
- úroveň ambasády
- Volbu zvýšit úroveň ambasády
- Přehled o doručovaných zásilkách - Elektronika($4429)
Zobrazuje kontextové informace o vybraných objektech.
Chybějící herní zobrazení
Následující zobrazení ve hře chybí nebo jsou implementována způsobem, který nelze využít.
Jsou to:
- Přehled událostí
- Přehled lodí
- Detaily lodi
- Detaily flotily
- Přehled základen
- Detaily základny
- Detaily planety
Přehled událostí
Přehled událostí v herním světě, týkající se hráče.
Tento přehled by měl obsahovat krátké zprávy, rozlišené ikonami a barvou, které informují hráče o událostech.
Seznam událostí bude rozdělen na dvě části – nové a staré. Nové události jsou ty, které přibyli od posledního zobrazení přehledu události.
Dále budou události seskupeny podle jednotlivých dnů. Další časové intervaly lze zvážit.
Některé události mohou být spojeny se zprávou.
Přehled lodí
Jedná se o několik záložek.
- Lety
- Seznam lodí
- Seznam flotil
- Nákup
- Správa licencí
Seznam letů
Zobrazuje aktivní lety lodí a letek.
Jeho smyslem je poskytnout hráči informace o lodích a letkách, které jsou momentálně na cestě a k tomu odpovídající volby.
Zobrazení by mělo být formou tabulky, která by informovala o stavu probíhajících letů.
Podstatné jsou zejména údaje: stav (život), náklad, cíl letu, doba na cestě, zbývající doba k cíli, případně další relevantní údaje, které vyplynou z dalšího herního designu.
Dále by mělo být na první pohled zjevné, které lety prodělali útok od poslední kontroly hráčem a zničené lety.
V kontextovém panelu se budou zobrazovat podrobnosti o vybraném letu (výběr celé řádky tabulky).
Dále by mohly být řádky tabulky rozbalovacími oblastmi a po kliknutí zobrazit podrobnosti o jednotlivých lodích v letu, pokud jde o flotilu.
Detaily lodí a letek jsou součástí jiného zobrazení, kterého bude možné pro každou z položek otevřít.
Dostupné akce
- Detaily lodi
- Detaily flotilu
- Kontextové příkazy pro konkrétní loď/letku
Seznam lodí
Zobrazuje kompletní seznam všech lodí v tabulce, podobné předcházející.
O každé lodi jsou dostupné následující údaje:
- název
- typ
- model
- level
- stav
- hodnota (pořizovací nebo tržní, podle ekonomického
modelu hry)
- aktuální poloha
- rozkazy/letový plán.
Měl by umožňovat seskupování podle různých kriterií (flotila, typ), řazení a vyhledávání.
Zobrazení podrobností o lodi v kontextovém panelu. Podrobnosti se týkají zejména nákladu a cíli letu, nedávných událostech a dalších údajů.
Detaily lodi jsou součástí jiného zobrazení, které bude možné pro každou loď otevřít.
Dostupné akce
- Detaily lodi
- Prodat loď/lodě
- Darovat loď/lodě (pirátům, případně pokud bude možnost darovat loď hráči)
- Vytvořit z lodí flotilu
- Kontextové příkazy pro konkrétní loď
Seznam flotil
Seznam hráčových flotil.
Podobný principielně přehledu lodí. Jednotlivé řádky tabulky by měli umožňovat zobrazit podrobnosti jednotlivých flotil a zejména umožnit manipulaci s jejich loděmi.
Dostupné akce:
- Detaily flotily
- Sloučit flotily
- Rozdělit flotilu
- Vytvořit novou flotilu
- Vytvořit flotilu z vybraných lodí
- Zrušit flotilu/flotily
- Darovat flotilu
- Doplnit flotilu (o ztracené lodě z rezerv)
Nákup
Zobrazuje seznam lodí k nákupu a jejich ceny.
Seznam je možné třídit podle typu lodi a seřadit podle ceny. Pozn.: Pro případ prodeje lodí v omezených množství je třeba indikovat zbývající množství k prodeji.
Pozn.: Nákup licencí je možné zahrnout v rámci nákupu lodi a dodatečně v detailech lodi a flotily.
Dostupné akce
- Koupit loď/lodě
- Detaily o typu lodi
Správa licencí
Zatím není jasné, jakým způsobem budou licence fungovat, je třeba dořešit jejich jejich funkci.
V případě, že by reprezentovali skutečně programy, vytvořené hráči, umožňovalo by toto zobrazení sledovat využití zakoupených licencí.
Detaily lodi
Detaily lodi poskytují veškeré informace o lodi a její historii. Obsahují kompletní uživatelský seznam vlastností a akcí dostupných pro loď.
Některé vlastností:
- Jméno lodi
- Druh lodi (podle druhu nákladu pro přepravu)
- Typ lodi, Model (pokud budou použity)
- Datum nákupu
- Cena
- Příslušnost k letce
- Poškození
- Náklad
- Rozkazy
- Poslední události lodi
Akce lodi:
- Všechno co lze dělat s lodí.
Detaily flotily
Detaily jedné flotily, poskytující především seznam lodí, jejich stav a rozkazy flotily.
Nepředpokládá se, že by v rámci jedné flotily mohli mít lodě různé příkazy. Seznam lodí musí být rozdělen podle role lodi ve flotile.
Poskytované údaje:
- Jméno flotily
- Rozkazy
- Celkový stav
- Celkový náklad
- Seznam lodí
Dostupné akce:
- Akce pro práci s flotilou
- Kontextové akce k jednotlivým lodím.
Zpět na HomePage