Návrh uživatelského rozhraní

autor: Adam J. Sporka

Úvod

Rozhraní internetového obchodu lze rozdělit do dvou hlavních funkčních celků. Jednak je to rozhraní procházení elektronickým obchodem, které slouží redaktorům pro definici obsahu katalogu zboží, majiteli obchodu pro sledování nejrůznějších statistických sestav a samozřejmě zákazníkům samotným. A dále je to uživatelské rozhraní pro ostatní uživatelské role, t.j. formuláře pro správce systému, zákaznický servis, expeditora a účetního.

První obrázek obsahuje diagram, který zobrazuje relace mezi jednotlivými formuláři elektronického obchodu. Každý obdélník s textem uprostřed představuje jeden formulář. Text odpovídá stručnému popisu obsahu tohoto formuláře. Existuje-li orientovaná hrana mezi dvěma obdélníky, existuje odkaz z jednoho formuláře na druhý. Tento odkaz je buď statický, např. Intro –> Dotaz, a nebo vytvářen dynamicky, např. Seznam zboží –> popis položky. Barva obdélníku odpovídá uživatelské roli, kterou musí uživatel hrát, aby měl právo přístupu do příslušného formuláře. Barvy a jejich významy jsou shrnuty vpravo dole.

Je důležité si uvědomit, že se jedná o jisté zjednodušení, tedy že jsou zachyceny jen ty hrany, které hrají podstatnou roli v rámci daného formuláře. Nezachycujeme např. hrany, které by vyjádřily, že odkudkoliv je možný návrat zpět na Intro etc.

Při implementaci uživatelského prostředí jsme vycházeli ze zažitých zvyklostí internetových stránek. Velmi časté je uspořádat stránky do těchto hlavních částí: Titulní lišta (s reklamním bannerem), nabídkový sloupec s navigačními tlačítky vlevo a informační stránka ve zbývající části okna prohlížeče. Zobrazování obsahu nákupního koše jsme umístili pod navigační tlačítka v nabídkovém sloupci. Náš systém však není omezen jen na toto uspořádání, ale popsané považujeme za optimální.

Množství zobrazovaných navigačních tlačítek závisí na přístupových uživatele, který s obchodem pracuje. Tlačítka v příkladech v tomto dokumentu jsou relevantní pro anonymního zákazníka.

Rozhraní procházení elektronickým obchodem

Zákazníci vstupují do internetového obchodu přímo na stránku Intro. Tato bude umístěna na hlavním URL elektronického obchodu (např. http://www.eo.cz). Pro zaměstnance bude určen formulář Login, jehož URL nebude veřejný (např. http://www.eo.cz/employees). Nemusí být tajný vzhledem k systému hesel a uživatelských práv, skrze který musí projít každý uživatel kromě zákazníků, kteří mohou vstoupit do obchodu anonymně. Pro registrované zákazníky může existovat další formulář (např. http://www.eo.cz/registered), který bude totožný s formulářem pro zaměstnance a který tak umožní neanonýmní vstup do obchodu, který může mít vliv na výši zobrazovaných cen (které pro ně určuje zákaznický servis) etc.

Z úvodní obrazovky Intro je možné přejít do formuláře Seznam oddělení, který bude obsahovat seznam existujících oddělení elektronického obchodu. Každé oddělení zde bude zastoupeno řádkem v tabulce, ve kterém může být např. název oddělení, relevantní obrázek a pár slov popisu. Redaktor může z této stránky vyvolat formulář pro přidávání nebo editaci oddělení. Obsah této stránky bude záviset např. na tom, jaké informace budou požadovány k zobrazení v seznamu oddělení. Majitel může zde přejít do režimu statistiky zvoleného oddělení.

Dalším formulářem, který je přímo přístupný z Intra, je formulář Dotaz. Zde může uživatel specifikovat, o jaké konkrétní produkty má zájem a spustí jejich vyhledávání. Vhodná kritéria jsou např. typ výrobku, výrobce, cena etc.

Z obou předchozích formulářů přicházejí uživatelé na stránku Seznam zboží, která obsahuje buď seznam zboží ve zvoleném oddělení a nebo výsledek dotazu. U každého vypsaného produktu se nalézá vstupní řádek, do kterého zákazník uvede požadovaný počet kusů tohoto zboží. Po kliknutí na odkaz Vložit zboží do koše se vybrané zboží vloží do zákazníkova virtuálního koše. Tento formulář bude pochopitelně podporovat listování mnoha položkami, jak je tomu zvykem např. ve vyhledávacích službách. Redaktoři mohou vyvolat formuláře Přidat novou položku a Úpravu položky, kde mění text a obrázky katalogu zboží. Majitel má k dispozici statistiku zboží v aktuálním výběru. Formulář Zpřesnit dotaz slouží pro omezení počtu vypsaných položek podle dalších kritérií.

Formulář Popis položky bude obsahovat detailní popis vybrané položky. Ten může obsahovat např. barevné fotografie nabízeného zboží, jeho detailní specifikaci, jednalo-li by se o realitní kancelář, může zde být i VRML model nabízených nemovitostí. Redaktoři mají možnost upravit obsah položky a majitelé zobrazení statistiky prodeje položky. Do tohoto formuláře mohou zákazníci ihned kliknutím na libovolnou položku v nákupním koši.

Je-li zákazník spokojen se svým výběrem zboží, má možnost provést jeho objednávku. Vstoupí proto do formuláře Zobrazení objednávky, kde je souhrn toho, co objednává, t.j. obsah nákupního koše, a výzva k zadání osobních údajů jako např. jméno, adresa etc. Pokud do obchodu vstoupil zákazník jako registrovaný, nebudou tyto údaje již vyžadovány. V každém případě je poté zákazník vyzván, aby potvrdil svojí objednávku, např. stisknutím tlačítka Potvrdit etc.

Rozhraní pro ostatní uživatele

Nyní se věnujme popisu ostatních částí uživatelského rozhraní.

Rozhraní pro správce systému a zákaznický servis jsou dvě obdoby téhož. V každém případě se jedná o seznam entit, kde každá položka v seznamu tvoří odkaz k formuláři její editace. Jako příklad uvádíme editaci uživatelských kont, tedy formulář pro správce systému. Formulář obsahuje seznam uživatelů. Kliknutím na uživatelské jméno se objeví detaily uživatele – kdy byl vytvořen, pravé jméno, je možné změnit jeho heslo etc. Přímo v tomto formuláři je možné pozměnit uživatelské role vypsaných uživatelů provedením přenastavení zaškrtávátek a stisknutím tlačítka Potvrdit změny.

Další podporovanou uživatelskou rolí je expeditor, který má k dispozici Výpis ze seznamu objednávek, ze kterého se může dozvědět detaily existujících objednávek a měnit jejich stav z nové na vyřízenou. Vzhledem k jejich množství musí být implementováno listování mnoha položkami a formulář Změnit rozsah výpisu, jehož funkce je zřejmá z jeho názvu.

Poslední rolí je účetní, který přistupuje k Výpisu vyřízených objednávek, kde vidí, jaké objednávky byly expeditorem vyřízeny. Má odsud dále přístup k formuláři Tisk faktury a Potvrdit zaplacení faktury. Další funkce podporované formulářem Výpis vyřízených objednávek mohou být např. tisk upomínek plátcům etc. V každém případě bude i zde implementováno listování mnoha položkami a formulář Změnit rozsah výpisu.