MASARYKOVA UNIVERZITA FAKULTA INFORMATIKY
Komplexní analýza systému pro podporu obchodování
DIPLOMOVÁ PRÁCE Bc. Jiří Horák Brno, jaro 2014
Prohlášení Prohlašuji, že tato práce je mým původním autorským dílem, které jsem vypracoval samostatně. Všechny zdroje, prameny a literaturu, které jsem při vypracování používal nebo z nich čerpal, v práci řádně cituji s uvedením úplného odkazu na příslušný zdroj.
Bc. Jiří Horák
Vedoucí práce: doc. RNDr. Ivan Kopeček, CSc.
Poděkování Chtěl bych tímto poděkovat vedoucímu mé práce doc. RNDr. Ivanu Kopečkovi, CSc. za ochotu při vedení této práce. Poděkovat bych taktéž chtěl Mgr. Fedorovi Tiršelovi za konzultace a cenné připomínky poskytnuté při tvorbě práce. Poděkování patří i mé rodině a přítelkyni za podporu během celého studia.
Shrnutí Diplomová práce popisuje komplexní analýzu systému pro podporu obchodování. Práce obsahuje přehled metod hodnocení použitelnosti. V práci je provedena analýza použitelnosti a audit přístupnosti systému pro podporu obchodování. Součástí práce je analýza použitelnosti konkurenčních systémů s cílem srovnání s analyzovaným systémem MySpidero.
Abstract This thesis describes a complex analysis of retail system. Thesis contains outline of usability testing methods. Usability analysis and accesibility evaluation of particular retail system is performed. One part of this thesis is also analysis of the most used proprietary and open-source retail systems focusing on their usability level.
Klíčová slova Komplexní analýza, použitelnost, přístupnost, uživatelské testování, heuristická analýza, elektronická pokladna, systém pro správu e-shopu, uživatelské rozhraní.
Keywords Complex analysis, usability, accesibility, user testing, heuristic evaluation, point of sale, online shopping cart system, user interface.
Obsah 1 ÚVOD........................................................................................................................................1 1.1 Motivace a požadavky na provedení komplexní analýzy...........................................2 1.2 Systém pro podporu obchodování.................................................................................3 2 DEFINICE ZÁKLADNÍCH POJMŮ.....................................................................................5 2.1 Elektronické podnikání....................................................................................................5 2.1.1 Definice..................................................................................................................5 2.1.2 Modely elektronického podnikání...........................................................................5 2.2 Elektronické obchodování...............................................................................................6 2.2.1 Definice..................................................................................................................6 2.2.2 Rozdíl mezi e-commerce a e-business.....................................................................7 2.2.3 Mobilní obchodování..............................................................................................7 2.2.4 Internetový obchod.................................................................................................7 2.2.5 Globální význam elektronického obchodování........................................................8 2.2.6 Význam elektronického obchodu v Evropské unii...................................................9 2.2.7 Význam elektronického obchodu v ČR..................................................................10 2.3 Vícekanálový prodej.......................................................................................................11 2.3.1 Omni-channel retailing........................................................................................11 2.4 Systém pro správu internetového obchodu.................................................................12 2.5 Elektronický terminál.....................................................................................................13 2.6 Interakce člověka s počítačem.......................................................................................13 2.6.1 HCI v kontextu diplomové práce..........................................................................14 2.7 Použitelnost webové aplikace.......................................................................................14 2.7.1 Použitelnost – Jakob Nielsen................................................................................14 2.7.2 Použitelnost – Steve Krug....................................................................................15 2.7.3 Použitelnost – ISO 9241......................................................................................15 2.8 Přístupnost webové aplikace.........................................................................................16 2.9 Analýza SWOT................................................................................................................16 2.10 Techniky utváření a hodnocení použitelnosti...........................................................17 2.10.1 Etnografický výzkum.........................................................................................17 2.10.2 Participatory design...........................................................................................17 2.10.3 Anketa................................................................................................................17 2.10.4 Procházka...........................................................................................................18 2.10.5 Prototypování.....................................................................................................18
2.10.6 A/B testování......................................................................................................18 2.10.7 Heuristická analýza............................................................................................18 2.10.8 Uživatelské testování..........................................................................................19 2.10.9 Eye tracking.......................................................................................................19 3 ANALÝZA SYSTÉMU MYSPIDERO.................................................................................20 3.1 SWOT analýza.................................................................................................................20 3.2 Obchodní model systému..............................................................................................21 3.3 Uživatelské persony........................................................................................................21 3.4 Heuristická analýza........................................................................................................23 3.4.1 Heuristická analýza webového portálu.................................................................24 3.4.2 Heuristická analýza elektronické pokladny (MySpidero POS 2.2).......................27 3.4.3 Heuristická analýza internetového obchodu.........................................................31 3.5 Uživatelské testování......................................................................................................31 3.5.1 Volba testerů.........................................................................................................31 3.5.2 Uživatelské scénáře..............................................................................................32 3.5.3 Průběh testování...................................................................................................32 3.5.4 Výsledky testů použitelnosti.................................................................................32 3.6 Analýza přístupnosti systému.......................................................................................35 3.6.1 Přístupnost webového portálu..............................................................................35 3.6.2 Přístupnost elektronické pokladny........................................................................36 3.6.3 Přístupnost internetového obchodu......................................................................36 3.7 Internetový obchod a SEO.............................................................................................38 3.8 Atraktivita a srozumitelnost obsahu portálu...............................................................38 4 ANALÝZA KONKURENCE.................................................................................................40 4.1 Výběr testovaných systémů a metriky testování........................................................40 4.2 LightSpeed.......................................................................................................................41 4.2.1 Heuristická analýza..............................................................................................41 4.2.2 Specifika systému.................................................................................................44 4.3 Shopify.............................................................................................................................45 4.3.1 Heuristická analýza použitelnosti........................................................................45 4.3.2 Specifika systému.................................................................................................50 4.4 PrestaShop 1.6.0..............................................................................................................50 4.4.1 Heuristická analýza použitelnosti........................................................................50 4.4.2 Specifika systému.................................................................................................52 4.5 Vend..................................................................................................................................52
4.5.1 Heuristická analýza použitelnosti........................................................................53 4.5.2 Specifika elektronické pokladny............................................................................54 4.6 Vyhodnocení heuristických analýz...............................................................................55 5 VÝSLEDKY A DOPORUČENÉ ÚPRAVY..........................................................................56 5.1 Doporučené úpravy pro webový portál MySpidero..................................................56 5.2 Doporučené úpravy pro elektronickou pokladnu......................................................57 5.3 Doporučené úpravy pro internetový obchod..............................................................58 5.4 Navrhovaná vylepšení systému....................................................................................60 6 ZÁVĚR.....................................................................................................................................61 7 LITERATURA A POUŽITÉ ZDROJE.................................................................................62 PŘÍLOHY....................................................................................................................................63 Příloha A: 10 heuristik použitelnosti dle J. Nielsena........................................................64 Příloha B: Scénáře uživatelského testování........................................................................66 Příloha C: Snímky obrazovek systému MySpidero..........................................................68 Příloha D: Snímky obrazovek systému Shopify................................................................74 Příloha E: Snímky obrazovky systému PrestaShop 1.6.0.................................................78 Příloha F: Snímky obrazovek systému LightSpeed..........................................................79 Příloha G: Snímky obrazovky elektronické pokladny Vend...........................................81
1 Úvod Obchodování prostřednictvím Internetu je pro uživatele zcela přirozené. Nákup oblečení, elektroniky, zájezdů či nábytku je již standardem. Prostřednictvím internetových obchodů je však možné nakoupit i potraviny, drogistické zboží či léky. Za posledních 10 let v České republice vzrostl počet nakupujících zboží či služby na Internetu na desetinásobek1. V roce 2013 použilo Internet jako nákupní kanál více než 30 % občanů České republiky. Počet internetových obchodů v České republice má posledních letech vzrůstající tendenci, což podporuje tvrzení, že dnes je možné prostřednictvím Internetu nakoupit téměř jakýkoliv druh zboží. Na českém i zahraničním trhu lze najít velmi mnoho společností zabývajících se tvorbou internetových obchodů různých velikostí. Internetové obchody jsou vyvíjeny buď přímo na míru zákazníkovi, nebo lze taktéž nalézt společnosti, vyvíjející systémy pro správu elektronického obchodu. Systémem pro správu elektronického obchodu se v této práci myslí systém, pomocí něhož může zákazník svůj internetový obchod spravovat. S rostoucími nároky na tyto systémy se společnosti snaží vyvíjet stále lepší a propracovanější aplikace pro své zákazníky. Tato diplomová práce se zabývá komplexní analýzou systému MySpidero (http://www.myspidero.com), pomocí kterého mají zákazníci možnost vytvořit a spravovat své internetové obchody bez hlubší znalosti informačních technologií. Součástí systému není pouze správa internetového obchodu, ale i plnohodnotná elektronická pokladna. Elektronické pokladny můžeme nalézt skoro v každé kamenné prodejně. Výhodou MySpidero je sloučení internetového obchodu a elektronické pokladny do jednoho informačního systému. Cílem mé diplomové práce je provedení analýzy systému pro podporu obchodování. Analýza aplikace se sestává z analýz jednotlivých částí systému. Především se jedná o internetový obchod, elektronickou pokladnu a webový portál sloužící pro správu dat. Práce je rozdělena do několika na sebe navazujících kapitol. V úvodní kapitole je čtenář uveden do problematiky obchodování na Internetu, je seznámen s tématem práce a motivací, která vedla k jeho zpracování.
1 Zpráva ČSÚ: http://www.czso.cz/csu/tz.nsf/i/nakupovani_pres_internet_je_stale_oblibenejsi_20131128
1
Druhá kapitola definuje a popisuje pojmy a termíny užívané napříč celou prací. Jedná se o popis termínů spojených s elektronickým obchodováním, elektronickými pokladnami a testováním webových aplikací. Následující kapitola se věnuje komplexní analýze systému MySpidero. Analýza je zaměřena především na uživatelskou použitelnost všech částí aplikace. Kapitola se věnuje i obchodnímu modelu aplikace. Dále je také provedeno uživatelské testování celého systému MySpidero. Čtvrtá kapitola je zaměřena především na analýzu konkurenčních řešení s cílem rozpoznat jejich silné stránky a analyzovat použitelnost. Výstupem analýzy je seznam doporučení, které by vedení společnosti mělo zvážit za účelem vylepšení interakce uživatele se systémem. Předposlední kapitola shrnuje výsledky provedených analýz a zaobírá se návrhem řešení. Součástí kapitoly je seznam doporučených úprav pro jednotlivé části systému. Závěrečná kapitola shrnuje průběh, výsledky a přínos diplomové práce a snaží se odhadnout vývoj systému v budoucím období.
1.1
Motivace a požadavky na provedení komplexní analýzy
Motivací a inspirací vytvoření diplomové práce pro mne bylo působení u projektu MySpidero v rámci předmětu PA180 Interim Project. V rámci tohoto předmětu jsem pracoval u projektu MySpidero jako konzultant a projektový manažer při spolupráci na vývoji s partnerskou společností. Náplní
mé
práce
bylo
nejen
poradenství
zákazníkům, řízení vývoje části aplikace, ale i testování. Při seznamování se s aplikací jsem několikrát narazil na problém v použitelnosti jednotlivých obrazovek, především u elektronické pokladny. V rámci pravidelného testování aplikace se na mě častokrát obraceli jiní testeři s dotazy na funkčnost testovaného modulu. Při neustále opakujících se otázkách se ukazovalo, že uživatelská přívětivost aplikace nebude na vysoké úrovni. Projekt MySpidero se ve společnosti vyvíjí agilně. Tyto skutečnosti mě vedly k sepsání diplomové práce, jejíž cílem je nalezení úzkých míst systému MySpidero především z pohledu použitelnosti pro uživatele. Návrh tématu byl kladně hodnocen i vedením společnosti, u které jsem vykonával odbornou stáž. Systém je vyvíjen dvěma partnerskými společnostmi nad rámec jejich primární činnosti. Vedení společnosti se tento projekt snaží zacílit nejen na český, ale především na zahraniční trh. Primárním trhem je trh v USA. Úspěch projektu na trhu
2
v USA je podmíněn vysokou mírou uživatelské přívětivosti. I když je velmi obtížné měřit uživatelskou přívětivost, bylo na základě mého působení u projektu i na základě požadavků vedení společnosti zřejmé, že vypracování diplomové práce má smysl a bude pro společnost přínosem. Na volbě tématu měla podíl i zkušenost s analýzou webu nabytá při psaní bakalářské práce na Fakultě informatiky Masarykovy univerzity v Brně.
1.2
Systém pro podporu obchodování
Diplomová práce se týká především systému MySpidero (obrázek 1.1), který je zaměřen
na
podporu
obchodování.
Aplikace
integruje
systém
pro
správu
internetového obchodu a systém elektronické pokladny do jednoho řešení. MySpidero je nabízeno zákazníkům jako služba. Systém je možné z hlediska funkčnosti rozdělit do tří celků, kterými jsou e-shop, elektronická pokladna a webový portál pro správu dat.
Obrázek 1.1: Ilustrativní vyobrazení systému MySpidero2
Internetový obchod nabízený systémem MySpidero 2.2, vydaný koncem roku 2013, nabízí svým zákazníkům mnoho funkcí a modulů, které jsou u obdobných systémů považovány za standard. Společně s internetovým obchodem nabízí systém plnohodnotnou elektronickou pokladnu. Elektronická pokladna je vhodná pro provoz na mobilních zařízeních, především pak na tabletech. Správa obou aplikací je centralizována do společného webového portálu, pomocí kterého je možné snadno
2 http://www.myspidero.com 3
spravovat data a nastavení obou aplikací. Tyto tři části systému jsou dále v práci analyzovány a jsou podrobeny testování. Systém je určen pro obchodníky, kteří mají zájem obchodovat prostřednictvím více obchodních kanálů – kamenná prodejna i elektronický obchod. Výhodou systému je pouze jedna databáze produktů, nezávislost na platformě, nezávislost na obchodní branži (e-shopy jsou připraveny pro různé branže – móda, hračky, jídlo, elektronika atp.), možnost připojení periferií pomocí technologie Bluetooth, nástroje pro marketing nebo export statistik prodejů.
4
2 Definice základních pojmů 2.1
Elektronické podnikání 2.1.1
Definice
Elektronické podnikání3 (z anglického e-business) je aplikace informačních a komunikačních technologií pro podporu všech aktivit podnikání daného subjektu. Obchodování v různých formách představuje jednu ze základních aktivit podnikání [1]. Termín e-business byl poprvé definován v 90. letech minulého století společností IBM. Oblast
elektronického
podnikání
nezahrnuje
pouze
obchodování
prostřednictvím Internetu či používání informačních systémů, avšak řadí se zde mnoho dalších činností, jejichž cílem je vždy podpoření či zvýšení efektivity podnikových procesů nebo cílů. Jako příklad lze uvést použití systémů pro správu dat (content management system), CRM systémů (customer relationship management), ERP systémů (enterprise resource planing), elektronické výměny dokumentů čili kooperace obchodních partnerů elektronickou formou [1].
2.1.2
Modely elektronického podnikání
Podnikání pomocí informačních technologií lze na základě vztahů subjektů obchodu rozčlenit do různých skupin [2]. Tyto skupiny nazýváme modely elektronického podnikání: •
B2B (business to business)
Koncept B2B je původně nejstarší složkou elektronického podnikání a týká se obchodních vztahů a vzájemné komunikace mezi dvěma společnostmi. Vztahy B2B fungují na principu elektronické výměny dat (objednávky, faktury), což umožňuje snížit náklady či zefektivnit firemní procesy. Jako B2B systémy lze označovat taktéž systémy sloužící k regulaci obchodních stavů. Častým řešením je taktéž přímé napojení takovýchto systémů na jiný software dodavatele, což může přinést další úspory pro zákaznickou společnost [2].
3 e-business – v českém jazyce označováno taktéž jako e-byznys
5
•
B2C (business to customer)
Business to customer je pravděpodobně nejrozšířenějším typem elektronického podnikání. Tento segment zahrnuje přímý prodej koncovým zákazníkům, či služby s tímto prodejem spojené. Koncept je možné dělit do tří úrovní dle míry poskytovaných služeb. V nejnižší úrovni hovoříme o snaze informovat o produktech či službách pomocí webové stránky, následující úroveň přidává zpětnou vazbu například pomocí interaktivního formuláře. Za nejvyšší úroveň B2C lze považovat samotný internetový obchod s jeho doplňkovými službami [2]. •
C2B (customer to business)
Spotřebitel vytváří hodnoty, jenž jsou následně společnostmi konzumovány. Jako příklad lze uvést princip co-creation4. Tento model je nejméně rozšířený typ elektronického podnikání, kdy si spotřebitelé sami vyhledávají prodejce, zjišťují informace o jejich nabídkách a sami jsou iniciátory nákupu, spotřebitelé si taktéž mohou určovat podmínky transakcí [2]. •
C2C (consumer to consumer)
C2C zahrnuje elektronicky prováděné transakce mezi zákazníky (konzumenty) prostřednictvím třetí strany. Třetími stranami jsou obvykle aukční portály, kde zákazníci své zboží nabízejí a ostatní si jej mohou zakoupit [2]. K dalším modelům a principům elektronického podnikáni lze uvést B2E (business to employee), B2G (business to government), B2R (business to reseller), G2B (government to business), G2G (government to government), G2C (government to citizen).
2.2
Elektronické obchodování 2.2.1
Definice
Pojem elektronického obchodování (anglicky e-commerce) se obecně používá ve smyslu obchodních transakcí prováděných prostřednictvím sítě Internet. Konkrétně však lze za e-commerce považovat oblast prodeje a nákupu zboží či služeb za použití Internetu (nebo i jiné počítačové sítě). E-commerce zahrnuje taktéž online platby, marketing či optimalizaci pro vyhledávače [3]. 4 Co-creation – produkt je vytvářen za aktivní účasti zákazníka, například když si zákazník může pomocí aplikace na Internetu vytvořit vlastní design oblečení
6
2.2.2
Rozdíl mezi e-commerce a e-business
S využitím předchozích definic je možné srovnat termíny elektronické podnikání (ebusiness) a elektronické obchodování (e-commerce). Termín e-business má poněkud širší záběr v prostředí informačních technologií. V některých případech lze tvrdit, že e-commerce je součástí elektronického podnikání. E-business totiž zahrnuje obchodní procesy týkající se elektronického nakupování, managementu zásobování, zákaznického servisu, systému zpracování objednávek, vztahy se zákazníky atp. (obrázek 2.1). E-commerce se primárně zaměřuje pouze na obchodování v elektronické formě [4].
Obrázek 2.1: Složky elektronického podnikání [3]
2.2.3
Mobilní obchodování
Součástí elektronického obchodování je tzv. m-commerce. Mobilní obchodování lze definovat jako každou obchodní transakci vykonávanou prostřednictvím mobilních technologií v reálném čase. Představuje využití aplikací pro mobilní zařízení k obchodním účelům. M-commerce se od e-commerce liší především v lepší dostupnosti a flexibilitě použití, jednoduchosti či nižší náročností pro zařízení [3].
2.2.4
Internetový obchod
Internetový obchod, označovaný též elektronický obchod či e-shop, je webová aplikace zprostředkující obchodní transakce v síti Internet. Obchodní transakce jsou většinou prováděny v sektoru B2C a B2B. Internetový obchod tedy označujeme jako
7
nejvýznamnější prostředek e-commerce. Základním principem je prodej produktů či služeb, které jsou zákazníkům nabízeny formou virtuálního obchodu. Produkty, neboli artikly, jsou většinou řazeny do kategorií, jenž seskupují produkty podobných vlastností. Součástí elektronického obchodu musí být dle zákonů ČR (vyhláška č. 89/2012 Sb.) další doplňující informace jako obchodní podmínky, kontaktní údaje apod.
2.2.5 Globální význam elektronického obchodování Podíl e-commerce na trzích je dnes velmi značný, každoročně má v sektoru B2C stoupající tendenci (obrázek 2.2). Význam elektronického obchodování má nyní obrovský význam, avšak díky momentálnímu velkému objemu na trhu bude elektronické obchodování narůstat pozvolna.
Obrázek 2.2: Celosvětový objem prodejů v sektoru B2C [5]
V roce 2014 se tedy očekává celosvětová suma prodejů v sektoru B2C prostřednictvím e-commerce až 1 440 miliard amerických dolarů [5]. Význam
elektronického
obchodování
bude
stále
vyšší.
Celosvětově
nejvýznamnější růst v oblasti e-commerce bude mít, dle odhadů statistického portálu www.statista.com, v roce 2014 Čína s více než 60% růstem, 31,5% růstem bude procházet Indie a dle odhadů třetí největší růst e-commerce v roce 2014 zažije Brazílie a to v hodnotě 19,1 % (obrázek 2.3).
8
Obrázek 2.3: Odhadovaný růst v oblasti e-commerce pro jednotlivé země v roce 2014 (Zdroj: http://www.statista.com/chart/1846/b2c-ecommerce-sales-growth/)
2.2.6
Význam elektronického obchodu v Evropské unii
V roce 2012 používalo v Evropské unii (EU 28) Internet 75 % populace v rozmezí věku 16-74 let. 60 % těchto uživatelů použilo síť Internet k realizaci nákupu nebo prodeje služeb a zboží. Nejvíce uživatelů obchoduje online ve Velké Británii (82 %), Dánsku (79 %), Švédsku (79 %) a Německu (77 %). Nejméně využívají elektronické obchodování uživatelé v Rumunsku (11 %), Bulharsku (17 %), Estonsku a Itálii (oba 29 %) [6]. Mezi státy EU jsou elektronické obchody prováděny především v oblasti nákupu módy, sportovního zboží, zájezdů, ubytování (32 % uživatelů použilo Internet k nákupu tohoto druhu zboží). 23 % uživatelů průzkumu nakoupilo knihy, elektronické časopisy nebo e-learningové materiály. Méně než desetina (9 %) uživatelů nakoupila v roce 2012 na Internetu potraviny [6]. Móda a sportovní oblečení je nejvíce nakupováno ve Velké Británii (49 % uživatelů zakoupilo tento druh zboží) a v Německu (49 %). Nákup zájezdů, ubytování a služeb spojených s cestováním byl v roce 2012 nejvyšší ve Švédsku (60 %) a knihy a časopisy nakupuje nejvíce uživatelů v Lucembursku (47 %) [6].
9
2.2.7
Význam elektronického obchodu v ČR
Význam a obliba elektronického obchodování i v České republice neustále pozvolna stoupá (obrázek 2.4). V roce 2013 nakoupilo v ČR prostřednictvím Internetu 34 % všech obyvatel. O pět let dříve (v roce 2008) nakoupilo na Internetu 21 % populace naší země. V roce 2012 v ČR, z celkového počtu uživatelů Internetu, nakoupilo online 44 % uživatelů, což je pod průměrem Evropské unie (průměr EU je 60 %).
Obrázek 2.4: Procentuální vyjádření nakupujících na Internetu v ČR. (Zdroj: ČSÚ http://www.czso.cz/csu/tz.nsf/i/nakupovani_pres_internet_je_stale_oblibenejsi_20131128)
Prostřednictvím sítě Internet nakupovali uživatelé v Česku v roce 2013 nejčastěji oblečení a obuv (47 %), kosmetiku a zdravotnické prostředky (25 %) a elektroniku (23 %). V oblasti nákupu služeb zakoupilo 36 % všech nakupujících vstupenky, 16 % letenky či jízdenky a 15 % uživatelů zakoupilo ubytování (obrázek 2.5).
10
Obrázek 2.5: Často nakupované zboží a služby online v roce 2013. (Zdroj: ČSÚ http://www.czso.cz/csu/tz.nsf/i/nakupovani_pres_internet_je_stale_oblibenejsi_20131128)
2.3
Vícekanálový prodej
Vícekanálový prodej (z anglického multichannel retailing) lze označit částečně za marketingovou strategii, která zákazníkům dává možnost volby při nákupu produktů. Vícekanálový prodej zahrnuje nákup prostřednictvím webové stránky, telefonní objednávky, poštovní objednávky, katalogové objednávky nebo prostřednictvím srovnávacích webových portálů [7].
2.3.1
Omni-channel retailing
Definice termínu omni-channel retailing není v literatuře pevně stanovena. Tento druh prodeje služeb (respektive marketingové strategie) se vyvinul z původního vícekanálového prodeje. Omni-channel oproti tradičnímu vícekanálovému prodeji zahrnuje využití sociálních sítí i využití mobilních technologií. Tento přístup k obchodování má zákazníkům poskytnout bohatší zkušenosti s obchodováním bez ohledu na to, který nákupní kanál aktuálně využívají. Produkty a akční zboží je tedy dostupné za stejných podmínek na jakémkoliv prodejním kanále [8]. Projekt MySpidero, na jehož analýzu je má práce zaměřena, se snaží svým zákazníkům poskytnout právě omni-channel prodej. Spojení elektronického obchodu a
11
elektronické pokladny do jednoho multiplatformního řešení dává tomuto projektu určitou unikátnost a možnost budoucího úspěchu. Popularita nástrojů umožňujících nakupování prostřednictvím mobilních zařízení taktéž stále stoupá, což lze podložit výzkumem společnosti ZOG Digital, který poukazuje, že v průběhu roku 2013 v USA více než 50 % uživatelů použilo služby Internetu pomocí různých mobilních zařízení (obrázek 2.6). Lze tedy předpokládat, že nárůst používání Internetu z více zařízení, bude v budoucnu pokračovat. Společnosti, které chtějí se svými nástroji pro podporu obchodování uspět, tedy musí brát ohled na přibývající nároky koncových zákazníků.
Obrázek 2.6: Používání Internetu v USA dle zařízení. (Zdroj: http://www.comscore.com)
2.4
Systém pro správu internetového obchodu
Systém pro správu internetového obchodu je možné definovat jako aplikaci, která umožňuje uživatelům spravovat internetový obchod (správa produktů, zákazníků nebo objednávek) pomocí administračního rozhraní. K základním vlastnostem systému je možné řadit práci s daty, správu produktů, správu textového obsahu webu atp. V prostředí e-commerce je možné nalézt celou řadu jak open-source, tak proprietárních systémů pro práci s internetovými obchody. Primárním účelem těchto systémů je možnost spravovat vlastní internetový obchod bez hlubokých znalostí informačních technologií nebo programování. Použitelnost systému pro uživatele je jednou z nejdůležitějších vlastností, kterými by takovýto systém měl disponovat.
12
Se systémem pro správu internetového obchodu souvisí i redakční systém (CMS, content management system). Obecně takovýto systém slouží ke správě obsahu webové prezentace. Je tedy možné říci, že systém pro správu internetových obchodů je CMS upravený pro použití pro e-shopy. Takovéto systémy se skládají z části front-end (část aplikace, kterou používají zákazníci) a části back-end (databáze a část aplikace, kterou používá majitel e-shopu). Hlavní výhodou těchto systémů je jejich nezávislost. Pro obsluhu většinou postačí webový prohlížeč a přístup k Internetu.
2.5
Elektronický terminál
Zkratka POS5 (z anglického point of sale) vyjadřuje v obecném pojetí jakékoliv místo, kde jsou prováděny obchodní transakce. V kontextu informačních technologií, a především e-commerce, je termínem point of sale označován prodejní terminál, respektive elektronická pokladna. Využití těchto zařízení je běžné v různých odvětvích. Lze je nalézt v bankovních institucích, restauracích, především pak v kamenných prodejnách. Elektronické pokladny nahradily v prodejnách pokladny manuální, nabízejí totiž o mnoho více funkcionality, než pokladny původní a svým konceptem značně zjednodušují prodej zboží či služeb [9].
2.6
Interakce člověka s počítačem
Interakce člověka s počítačem (HCI, z angl. human computer interaction6) je interdisciplinární obor zahrnující studium, plánování, navrhování a provádění interakce mezi uživatelem (lidský faktor) a počítačem [10]. V literatuře lze nalézt více definicí tohoto pojmu. Nejlépe však HCI vystihuje tato definice: „Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.“ [10] Pro doplnění definice HCI je vhodné uvést seznam zájmů, kterými se disciplína zabývá. HCI zkoumá společnou efektivitu provedení úkolů u lidí a zařízení, strukturu komunikace mezi člověkem a zařízením (obecně strojem), schopnosti jedince používat zařízení, použitelnost a naučitelnost rozhraní, algoritmizace a programování
5 Point of sale – někdy taktéž označováno jako POP (point of purchase) 6 V literatuře lze nalézt i pojem man-machine interaction popisující oblast, která zabývá se interakcí člověka se stroji obecně.
13
samotných rozhraní, softwarové inženýrství zaměřené na uživatelská rozhraní a proces specifikace, návrhu a implementace rozhraní [10].
2.6.1
HCI v kontextu diplomové práce
Ve své práci se zabývám především analýzou systémů, které jsou denně používány uživateli pro obchodování. Tyto komplexní systémy disponují vždy několika grafickými uživatelskými rozhraními, se kterými uživatel pracuje. Systémy, jenž jsou v práci analyzovány, používají koncoví uživatelé, prodejci zboží i majitelé prodejen. Interakce člověka s počítačem v kontextu systémů pro podporu obchodování probíhá výhradně prostřednictvím grafického uživatelského rozhraní (GUI). V některých případech se jedná o desktopové nebo dotykové verze rozhraní. U takto definovaných aplikací je kritickým faktorem úspěchu použitelnost, intuitivnost řešení, odezva a snadná naučitelnost práce se systémem. Třetí a čtvrtá kapitola práce se věnuje analýze použitelnosti vybraných systémů.
2.7
Použitelnost webové aplikace
V literatuře lze nalézt více definicí termínu použitelnost. Pro účely mé práce bych chtěl představit definice Jakoba Nielsena, Steva Kruga a definici dle standardu ISO 9241 7.
2.7.1
Použitelnost – Jakob Nielsen
Definice termínu použitelnost v kontextu webů či webových aplikací (anglicky web usability) je dle Jakoba Nielsena složena z více složek, které je vhodné definovat zvlášť. K těmto složkám se řadí naučitelnost, zapamatovatelnost, výkonnost, chybovost a uspokojivost [11]. •
naučitelnost (learnability) – vyjadřuje, do jaké míry je uživatel schopen vykonat základní úkon při první návštěvě webové stránky
•
zapamatovatelnost (memorability) – vyjadřuje míru zapamatování struktury a chování webu při provádění úkonu po jeho delším nepoužívání
•
výkonnost (efficiency) – výkonnost webu ukazuje, jak rychle je uživatel schopný začít pracovat s webem poté, co se seznámil se základním designem webu
•
chybovost (errors) – udává počet chyb, na které uživatel při práci s webem narazí, jejich závažnost a možnost nápravy
7 ISO 9241 – více informací na URL http://www.userfocus.co.uk/resources/iso9241/intro.html 14
•
uspokojivost (satisfaction) – vyjadřuje míru uspokojení uživatele při používání webu Každá z těchto složek má pro výslednou míru použitelnosti webové aplikace
svůj význam a je vhodné se na každou složku zaměřovat.
2.7.2
Použitelnost – Steve Krug
Odborník na použitelnost webů, Steve Krug, definuje termín pomocí tří zákonů použitelnosti [12]: •
„Nenuťte mě přemýšlet.“
•
„Nezáleží na tom, kolikrát musím kliknout, pokud se jedná o bezmyšlenkovitou a jednoznačnou volbu.“
•
„Zbavte se poloviny slov na každé stránce a poté se zbavte poloviny toho, co zbylo.“ Krugovy zákony použitelnosti vyjadřují snahu o maximální intuitivnost
webového řešení. Cílem je, aby již při prvním pohledu na danou stránku či aplikaci, byl uživatel schopen odhalit, k čemu jednotlivé části stránky slouží. Taktéž je důležité dodržet správnou míru předávaných informací, které jsou uživateli sdělovány. Příliš mnoho informací může na uživatele působit až negativně.
2.7.3
Použitelnost – ISO 9241
Použitelnost je obecně definována i standardem ISO 9241 (ergonomics of human-system interaction) a skládá se ze tří složek pomocí kterých dosahují uživatelé daných cílů v určitých prostředích [13]: •
efektivita (effectivness) – vyjadřuje přesnost a schopnost dokončení úkolů v určitých prostředích
•
výkonnost (efficiency) – definuje zdroje použité ve vztahu k přesnosti a schopnosti dokončení dosažených cílů
•
uspokojení (satisfaction) – vyjadřuje uspokojení a komfort fungování produktu, jenž uživatelé nabývají jeho používáním
Pokud například zákazník narazí na nepoužitelný web nebo aplikaci a na trhu je k dispozici obdobná nabídka služeb či řešení, tak obvykle volí odchod z webu a následně využije služeb konkurence. Použitelnost je tedy jednou z nejdůležitějších vlastností, na kterou by se vývojáři aplikací měli zaměřovat.
15
2.8
Přístupnost webové aplikace
Webová prezentace nebo aplikace lze označit jako přístupná, pokud umožňuje všem uživatelům její efektivní používání, což obecně znamená, že samotný produkt neklade uživatelům překážky, které by znemožnily jeho využití [14]. V prostředí Internetu se nachází i uživatelé se specifickými nároky. Tato skupina uživatelů nepoužívá web standardním
způsobem
a
bývá
označována
jako
hendikepovaní
uživatelé.
U hendikepovaného uživatele Internetu je možné předpokládat, že mu nevhodně vytvořená webová prezentace bude při používání činit určité problémy [15]. Pro evaluaci přístupnosti webu slouží tzv. pravidla přístupnosti. Existuje více druhů těchto pravidel, jenž závisí na použité metodice a na konkrétním hendikepu uživatelů. Existují rozdílná pravidla, například pro zrakově či pohybově postižené uživatele. Vyhláška č. 64/2008 Sb.8 obsahuje pravidla přístupnosti definované Ministerstvem vnitra ČR. V globálním měřítku lze zmínit Web Content Accessibility Guidelines
(WCAG
2.09)
konsorcia
W3C,
které
jsou
považovány
za
jedny
z nejrespektovanějších pravidel přístupného webu či pravidla označovaná jako Section 50810.
2.9
Analýza SWOT
SWOT analýza je jedním ze základních nástrojů strategického managementu. Jedná se o akronym složený z počátečních písmen anglických slov Strengths (silné stránky), Weaknesses (slabé stránky), Opportunities (příležitosti) a Threats (hrozby). Analýza je používaná převážně v marketingu pro vyhodnocování silných a slabých stránek společnosti, jejich příležitostí a hrozeb v tržním prostředí, ve kterém se firma či projekt nachází. SWOT umožňuje zhodnotit sílu vlastního prostředí firmy či projektu vzhledem k prostředí vnějšímu (tržnímu). Analýza je taktéž používána pro ohodnocení strategického plánování, konkurence, marketingu, vývoje produktu nebo výzkumné zprávy. Interpretací tohoto nástroje je velmi často matice 2×2, kde silné a slabé stránky jsou označovány jako interní faktory a příležitosti a hrozby jako faktory externí [16].
8 Vyhláška č. 64/2008 Sb. – http://blindfriendly.cz/download/doc/vyhlaska-64_2008.pdf 9 WCAG 2.0 – http://www.w3.org/TR/WCAG20/ 10 SECTION 508 – http://www.section508.gov/
16
2.10 Techniky utváření a hodnocení použitelnosti Obecně lze o použitelnosti hovořit v kontextu i jiných produktů než webových stránek. Existují techniky, pomocí kterých je možné použitelnost nejen testovat a hodnotit, ale v některých případech je možné s pomocí vhodných technik použitelnost produktu utvářet.
2.10.1
Etnografický výzkum
Etnografický výzkum je technika vycházející původně z antropologie. Zahrnuje pozorování uživatele v prostředí, ve kterém by za normálních okolností produkt používal. Účelem pozorování je shromažďování dat o cílových uživatelích, jejich hlavní úkony a cíle při práci s produktem či kontext, ve kterém daný produkt používají. Z tohoto kvalitativního výzkumu je možné vytvořit profily budoucích uživatelů, persony11, scénáře a popisy úkonů na jejichž základě je možné v průběhu vývoje produktu provádět rozhodnutí při návrhu. Výsledky výzkumu je možné použít téměř ve všech částech vývojového cyklu produktu [17].
2.10.2
Participatory design
Technika v angličtině označovaná jako participatory design zaměstnává jednoho čí více reprezentativních uživatelů pro samotný návrhový tým. Tato metoda přináší do vývojového či návrhového týmu znalosti, schopnosti a názory na samotný návrh produktu. Částečnou nevýhodou postupu může být přílišné sblížení reprezentativního uživatele s vývojovým týmem, což může vyústit ve společný návrh, který již nebude tak objektivní jako na začátku spolupráce. Za variantu této metody lze považovat krátká individuální setkání, kde uživatelé, návrháři a vývojáři pracují společně na konkrétním aspektu designu [17].
2.10.3
Anketa
Prováděním anket (anglicky surveys) lze pochopit preference uživatelů pro používání existujícího nebo potenciálního produktu. Metoda anket je využívána pro zobecnění názoru populace na daný produkt. Ankety je možné používat pro hodnocení použitelnosti ve všech životních cyklech vývoje produktu, avšak nejvhodnější uplatnění nacházejí v dřívějších životních cyklech, kdy je možné lépe poznat potenciálního uživatele produktu. Důležitým aspektem takovýchto anket je velmi přesně použitý jazyk, jehož pomocí se na produkt informujeme. Technika anket je
11 Persona – shrnutí společných charakteristik, potřeb a prostředí cílových uživatelů konkrétní webové stránky
17
částečně podobná uživatelskému testování, kde uživatele pozorujeme při práci s produktem. Pomocí anket je tedy možné metodou otázek získat cenné informace od uživatelů [17].
2.10.4
Procházka
K dalším metodám provádějících se v raných etapách životního cyklu vývoje produktu je testování procházením (anglicky walk-through). Cílem metody je poznat chování uživatelů při práci s produktem (například webovou aplikací). Testuje se v týmu formou procházek, kdy tým zaměřuje trasu, kterou uživatel zvolil při provádění úkonů. Při testování je jeden člen týmu zodpovědný za moderaci, úkolem ostatních je pozorovat a zaznamenávat práci testerů. Problémy v použitelnosti jsou pak analyzovány a prototyp produktu nadále upravován [17].
2.10.5
Prototypování
Pro testování produktu (především aplikací či webů) je často použito papírových prototypů. Výhodou tohoto řešení jsou nízké počáteční náklady a možnost získat cenné informace o navrhovaném uživatelském rozhraní aplikace. Papírovými modely uživatelských rozhraní je možné snadno zjistit jak na uživatele působí bloky rozhraní či jednotlivé obrazovky a jejich vzájemná návaznost. Při použití prototypů pak testerům taktéž pokládáme otázky týkající se použitelnosti a funkčnosti jednotlivých částí aplikace. Velkými výhodami papírového prototypu jsou levná opakovatelnost a nízké náklady [17].
2.10.6
A/B testování
Pomocí A/B testování je možné testovat úspěšnost dvou či více typů příslušné části webové stránky. Návštěvníkům se poté s danou pravděpodobností zobrazují tyto různé verze. Nástroje používané pro A/B testování měří, která verze webové stránky vykazuje lepší výsledky z hlediska návštěvnosti či konverzního poměru 12. Nástroje umožňují volit pravděpodobnost zobrazení konkrétních stránek, takže uživatel má možnost nastavit pravděpodobnost zobrazení dané stránky dle jeho preferencí. Výhodou této metody je testování na reálných uživatelích webové stránky [18].
2.10.7
Heuristická analýza
Heuristická analýza (někdy též označovaná jako expertní) je technologie vyžadující experta v oblasti použitelnosti produktu či systému, který nemá s daným projektem
12 Konverzní poměr – poměr uživatelů, kteří dokonči požadovanou akci ke všem návštěvníkům webu (typicky se jedná o provedení objednávky, vyplnění dotazníku)
18
obvykle žádné předchozí zkušenosti. Specialista provede zhodnocení použitelnosti produktu či systému na základě svých zkušeností a dle pravidel určité metriky hodnocení použitelnosti. Analýza bývá prováděna s přihlédnutím k cílové skupině uživatelů testovaného produktu. Pokud heuristickou analýzu provádí specialista se zkušenostmi z dané domény (zdravotnictví, finanční služby apod.), může být heuristická analýza kvalitnější i efektivnější [17].
2.10.8 Při
uživatelském
Uživatelské testování testování
použitelnosti
jsou
pozorováni
samotní
uživatelé
vykonávající předem stanovené úkony v prostředí webu. Testování je možné rozdělit do dvou hlavních druhů. První druh testování zahrnuje formální testy vykonané jako experimenty za účelem potvrzení či vyvrácení předem stanovených hypotéz. Druhý typ testování, méně formální, zahrnuje iterativní testování produktu pomocí uživatelských testů, kdy na základě pozorování uživatele je snahou nalezení špatně použitelných míst produktu. Pomocí tohoto iterativního druhu testování je možné odhalit a následně vylepšit použitelnost testovaného produktu. Pro tento druh testování použitelnosti je důležitým faktorem výběr testerů. Jejich zkušenosti a znalosti by měly odpovídat cílovým koncovým uživatelům, na které je daný produkt zacílen. Na výsledku testů se taktéž velmi významně podílí kvalita připravených scénářů, dle kterých testeři úkony provádějí [17].
2.10.9
Eye tracking
Eye tracking je technika vyhodnocování použitelnosti webových stránek, kdy se pomocí zařízení zvaného oční kamera snímají detailně pohyby oka na webové stránce. Při testování často tester prochází webovou stránku a plní úkoly dle testovacích scénářů. U každého úkolu je poté vyhodnoceno, jak se oko po webové stránce pohybovalo. Výstupem testování je mapa (anglicky heat map) zobrazující pohyb oka během prohlížení webu. Na základě sběru těchto dat je pak možné vyhodnotit, které části designu webu jsou uživateli přehlížené a které naopak upoutají jeho pozornost. Tento druh testování se obvykle provádí za účelem zlepšení použitelnosti hotového webu, čili v pozdních fázích vývoje webové prezentace [19].
19
3 Analýza systému MySpidero 3.1
SWOT analýza
Součástí komplexní analýzy webového systému MySpidero je taktéž analýza SWOT, která popisuje slabé a silné stránky, příležitosti a hrozby. Silné stránky •
unikátnost a univerzálnost vyvíjeného systému
•
dlouholeté zkušenosti s vývojem systémů pro e-shopy i s elektronickými pokladnami
•
udržitelné financování start-up projektu díky ostatním obchodním činnostem
•
potenciál systému a jeho možná rozšíření
•
možnost realizace jako B2C i jako B2B systém
Slabé stránky •
nedostatek kvalifikovaných pracovníků v blízkosti vývojového centra
•
nižší intuitivnost některých částí systému
•
občasné technické problémy systému
•
možnosti vývoje omezeny v rámci malé společnosti
•
nedostatečné pokrytí rozdílu v legislativě zahraničních států
Příležitosti •
možnost migrace stávajících zákazníků společnosti na nové řešení
•
možnost proniknutí na zahraniční trhy (velké množství potenciálních zákazníků)
•
rozšíření vývojového centra do jiných měst
•
možnost rozšíření branží, pro které je systém nabízen
Hrozby •
ztráta zákazníků způsobená nižší kvalitou nabízeného řešení
•
znemožnění práce se systémem způsobené uživatelským rozhraním
20
•
3.2
nepoužitelnost pro zahraniční trh kvůli nepřizpůsobení se dané legislativě
Obchodní model systému
Primárním cílem systému je poskytnout zákazníkům nástroj pro správu internetového obchodu a zároveň systém elektronické pokladny pro prodej stejného zboží na kamenné prodejně. Systém je určen i pro zákazníky poptávající pouze internetový obchod nebo pouze elektronickou pokladnu. Systém je tedy cílen na majitele internetových obchodů, kamenných prodejen nebo obchodních řetězců. Použití systému je optimalizováno pro několik obchodních odvětví (oblečení, knihy, elektronika, potraviny atp.) S pomocí omni-channel prodeje, mohou zákazníci lépe prodat a zviditelnit své zboží. Zákazníci, kteří si systém pořídí, mají k dispozici technickou a zákaznickou podporu. Internetové obchody vyžadují různorodé šablony jejich vzhledu, což vede k zapojení externích designérů do životního cyklu systému. Systém je zákazníkům distribuován pomocí Internetu. Používání systému je účtováno měsíčně, výše poplatku se odvíjí od aktuálně zakoupené verze systému (k dispozici jsou úrovně start, bronze a silver) a od počtu elektronických pokladen, na kterých je systém pokladny provozován. Klíčovými partnery společnosti vlastnící systém jsou hostingová společnost nebo zahraniční obchodní zástupce (tzv. reseller).
3.3
Uživatelské persony
Persona označuje typizovaného uživatele aplikace či webu. Jedná se o detailní popis fiktivní osoby (zákazníka). Může se jednat jak o osoby, tak i o profily společností. Popis persony neobsahuje pouze statistické údaje, ale při jejich tvorbě se obvykle využívá taktéž chování, preference, motivace a vlastnosti. Persony jsou tedy velmi cenným pomocníkem při rozhodování o tom, jak by se daná služba měla chovat či jak ji konfigurovat s ohledem na potřeby daných osob [20]. Pro projekt MySpidero zde uvádím výčet person využívající tento systém na základě zkušeností s typickými uživateli systému. Přestože vytváření person se obvykle provádí na začátku vývoje projektu, může popis cílových uživatelů start-up projektu pomoci vývojovému týmu lépe pochopit preference uživatelů. Tvorba person je většinou taktéž součástí etnografického výzkumu.
21
3.3.1
Persona 1: Petr Nový, vlastník kamenné prodejny s obuví
Základní informace: muž, 45 let, bydlí v Praze, ženatý, dvě děti, zajímá se o módu a sport Profesní zkušenost: vystudoval VŠE v Praze, dříve pracoval jako ekonomický konzultant, zakladatel rodinného obchodního řetězce se značkovou obuví, hraje tenis, volný čas tráví s rodinou Technická zkušenost: Internet používá každý den především pro pracovní účely, dále k nakupování, k rezervaci letenek, či jako zdroj informací, nejčastěji používá notebook a chytrý telefon (preference produktů značky Apple), středně pokročilá zkušenost s kancelářským SW a operačními systémy Business cíle: snaha o prodej produktů své společnosti v prostředí Internetu i v kamenných prodejnách zároveň, cílem je vytvoření konkurenceschopného řetězce i pro zahraniční prodej Potřeby a motivace: potřeba rozšířit kanály prodeje společnosti, snaha nalezení jednotného systému pro správu kamenné prodejny i prodeje online, při výběru produktu klade důraz na uživatelskou i cenovou přívětivost
3.3.2
Persona 2: Dominika Černá, absolventka SŠ
Základní informace: žena, 22 let, svobodná, absolventka střední školy marketingu, bydlí v Ostravě, zajímá se o hudbu, módní trendy a cyklistiku Profesní zkušenost: vlastník internetového obchodu s kosmetikou a drogistickým zbožím, vystudovala
střední
školu
marketingu,
díky
rodinnému
dodavateli
otevřela internetovou prodejnu kosmetiky Technická zkušenost: základní znalost práce s kancelářským SW; denně používá Internet pro práci, nákupy, sociální sítě, komunikaci a zábavu; používá převážně mobilní
22
zařízení (tablet a chytrý telefon), znalost informačních technologií je na uživatelské úrovni Business cíle: rozšíření internetového obchodu s kosmetikou Potřeby a motivace: potřeba jednoduchého a ihned fungujícího systému pro správu internetového obchodu, který bude vhodný pro začínající e-shop, nízké pořizovací náklady, intuitivnost řešení i pro méně zkušeného uživatele
3.3.3
Persona 3: Karel Beneš, CEO v řetězci prodejen potravin
Základní informace: 53 let, rozvedený, 3 děti, bydlí v Praze, zajímá se o novinky v informačních technologiích, kulturu a rybaření Profesní zkušenost: absolvent střední potravinářské školy, 20 let praxe ve vedení řetězce menších prodejen potravin Technická zkušenost: pokročilá zkušenost s IT, Internet využívá pro komunikaci, práci, nakupování a jako zdroj informací, Internet používá výhradně prostřednictvím notebooku, dlouholetá zkušenost s elektronickým pokladnami na prodejnách Business cíle: vytvoření nového druhu prodeje potravin – online prodej, snaha o pozvednutí prodeje potravin na vyšší úroveň, zajištění nákupu potravin pro každého z pohodlí domova Potřeby a motivace: potřeba vhodného řešení na internetový prodej potravin, možnost propojení s kamennými prodejnami, snaha o úspěch na trhu pomocí inovativní služby
3.4
Heuristická analýza
Z metod hodnocení použitelnosti, uvedených v kapitole 2.10, jsem s ohledem na fázi životního cyklu, ve kterém se vývoj systému MySpidero nachází, zařadil do komplexní
23
analýzy systému taktéž heuristickou analýzu. Za metriku heuristické analýzy jsem zvolil 10 nejdůležitějších heuristik dle Jakoba Nielsena13. Každý z deseti bodů je doplněn komentářem a je ohodnocen stupnicí 0-5, kde hodnota pět znamená maximální splnění dané heuristiky. Stejné metriky je použito v kapitole 4 při heuristické analýze konkurenčních řešení. Evaluace těchto doporučení byla provedena na portálu a elektronické pokladně služby MySpidero. Detailní popis heuristik použitelnosti je uveden v příloze A.
3.4.1
Heuristická analýza webového portálu
1 Viditelnost stavu systému (5 bodů) Při práci s portálem je uživatel vždy správně informován o stavu systému – při exportu a importu dat, ukládání údajů či importu loga (obrázek 3.1). Taktéž uživatel přehledně vidí na které stránce se nachází díky drobečkové navigaci v záhlaví a vhodně zvoleném grafickém vyznačení aktuálně navštívené podstránky v navigaci (příloha C2).
Obrázek 3.1: Přehledné zobrazení stavu exportu dat z portálu
2 Shoda systému a reálného světa (5 bodů) Text na portálu je psán srozumitelnou formou odpovídající svou náročností cílové skupině uživatelů (česká i anglická verze). Je tedy i pro uživatele se základní znalostí informační technologie možné určit a pochopit jeho účel. Grafické prvky webu, jenž doplňují odkazy na jednotlivé agendy systému, napomáhají orientaci uživatele na portálu. 3 Uživatelská kontrola a svoboda (5 bodů) Díky vhodně umístěné drobečkové navigaci je možné na každé straně portálu přehledně vidět strukturu webových stránek. Jelikož je navigace tvořena formou odkazů, může uživatel snadno přejít na stránku vyšší úrovně. Toto pravidlo plně nerespektuje část portálu, která odkazuje přímo do elektronické pokladny a slouží pro 13 http://www.nngroup.com/articles/ten-usability-heuristics
24
správu dat. Odkazy, které směřují z portálu do pokladny a zpět mohou být pro uživatele matoucí. 4 Standardizace a konzistence (3 body) Napříč portálem se uživatel setkává s několika typy odkazů. Odkazy hlavní navigace, odkazy směřující mimo portál a do systému pokladny jsou rozdílně graficky zpracovány, což na první pohled může být pro uživatele nepřehledné, jelikož očekává konzistentní formátování (některé odkazy jsou podtrženy, jiné mají tučný font nebo jiné pozadí). Rozdílné grafické zpracování odkazů uživateli pomáhá při následné orientaci na portálu. Odkazy však nejsou vždy konzistentní. 5 Prevence chyb (4 body) Při správě informací na webovém portálu je uživatel upozorněn, pokud se vyskytne nějaká chyba. Většinou se jedná o upozornění spojená s prací s daty. Chybové hlášky uživatele upozorní při pokusu o import souboru nesprávného formátu. Pokud nastane chyba s importem či exportem datového souboru, není uživatel informován o možném řešení, ani se na dané obrazovce nenabízí žádná forma nápovědy 6 Rozpoznání namísto vzpomínání (5 body) Při práci s portálem jsou jednotlivé obsahové celky od sebe logicky odděleny a uživatel vždy pracuje s informacemi, které jsou potřebné pro danou obrazovku. Uživatel není nucen při přepínání obrazovek přemýšlet nad obsahem předchozí či následující obrazovky. 7 Flexibilní a efektivní použití (3 body) Tato heuristika je pro webový portál jednou z nejvýznamnějších. Pro úspěch služby na trhu musí být nový uživatel schopen se systémem pracovat efektivně i bez předchozí hlubší zkušenosti. Po přihlášení se uživatel dostane na hlavní rozcestník. Pouze z popisu odkazů a grafiky není u některých položek zřejmý význam. Jedná se například o odkaz „Moje data“ s popisem „Upravte Vaše data“ jehož popis není pro uživatele zcela vysvětlující (příloha C1.3). Jednotlivé moduly portálu jsou snadno rozpoznatelné. Výjimku tvoří modul „Prodejny“, jehož význam není úplně zřejmý. V modulu nakupování prodejen uživatel nemá k dispozici žádný vysvětlující text nebo nápovědu. Jelikož je nákup prodejen (resp. zařízení, které je možné v kamenných prodejnách provozovat) základním
25
prvkem služby MySpidero, považuji toto za jeden z největších problémů použitelnosti webového portálu. 8 Estetický a minimalistický design (4 body) Po grafické stránce je portál zpracován moderně a vkusně. Portál obsahuje množství drobných grafických ikon doplňující tematický význam odkazů, u kterých jsou použity. Z grafického hlediska lze negativně hodnotit pouze nedostatečný kontrast textu a pozadí především na statických stránkách vysvětlujících použití systému (obrázek 3.2). Jinak je grafické zpracování portálu v pořádku.
Obrázek 3.2: Ukázka nedostatečného kontrastu písma a pozadí webového portálu
9 Rozpoznání a řešení problémů (4 body) Pokud při práci s portálem nastane chybový stav, uživatel je přesně informován o povaze chyby a zda je možné ji nějakým způsobem vyřešit. Tento fakt je důležitý zejména při práci s daty. Pokud se uživatel dostane omylem na neexistující podstránku, zobrazí se mu stránka identifikující chybu 404, Dokument nenalezen (obrázek 3.3). Pro lepší zotavení takovéhoto problému by bylo vhodné doplnit stránku s chybou o odkaz na předcházející stranu nebo domovskou stranu. Chybová stránka by mohla obsahovat i pole pro vyhledávání a měla by být opatřena dovysvětlujícím textem.
26
Obrázek 3.3: Stránka zobrazující chybu 404, Dokument nenalezen
10 Nápověda a návody (3 body) Portál nedisponuje uceleným systémem nápovědy pro uživatele. U modulů zprostředkujících manuální správu dat či nastavení e-shopu jsou uvedeny textové nápovědy doplněné o snímky obrazovek. Nápověda je uvedena pouze u části agend. Webový portál postrádá vhodný systém nápovědy, ve kterém by uživatel mohl snadno najít požadované informace. Celkové hodnocení použitelnosti portálu je 41 bodů z 50 možných.
3.4.2 Heuristická analýza elektronické pokladny (MySpidero POS 2.2) Heuristická analýza elektronické pokladny byla provedena na systému MySpidero POS 2.2 (obrázek 3.4). Uživatelské rozhraní elektronické pokladny je vytvořeno ve verzi pro desktop a ve verzi pro zařízení s dotykovým displejem. Testování probíhalo na mobilním zařízení iPad druhé generace. 1 Viditelnost stavu systému (5 bodů) Pokud systém pracuje na pozadí, je o tom uživatel informován textovým dialogem. Stejnou formou je uživatel informován o úspěšném či neúspěšném dokončení každé operace. 2 Shoda systému a reálného světa (2 body) V systému elektronické pokladny je možné nalézt několik termínů, které na uživatele mohou působit zmatečně. V českém jazyce se jedná o termín „zaknihované doklady“, který je používán u většiny modulů pokladny. V anglickém jazyce je možné nalézt více termínů, jejichž využité neodpovídá skutečnému významu. Na tento problém bylo upozorněno i při konzultaci a testování systému anglicky hovořícím rodilým mluvčím. Odbornost ostatních termínů použitých v systému odpovídá cílové skupině uživatelů, na něž je systém cílen.
27
Obrázek 3.4: Základní obrazovka rozhraní MySpidero POS 2.2
3 Uživatelská kontrola a svoboda (3 body) Na každé obrazovce systému je uživatel informován o sekci pokladny, ve které se nachází. Rozhraní zároveň vždy nabízí možnost vrácení se na předchozí obrazovku či na domovskou stránku pokladny. Nevýhodou rozhraní je v tomto bodě chybějící drobečková navigace či jiná část zobrazující strukturu aplikace pro uživatele. Uživatel tedy nemá možnost vrátit se na jinou obrazovku než domovskou stránku či předchozí dialog. 4 Standardizace a konzistence (4 body) Konzistenci uživatelského rozhraní pokladny je možné považovat za ucházející. Tlačítka mající stejný význam jsou vykreslena stejnou grafikou a nacházející se v rámci rozhraní na obdobných pozicích. I v tomto bodě je možné označit za nevýhodu významově nesprávné popisy, které jsou nejvíce viditelné v anglické verzi systému. 5 Prevence chyb (4 body) Systém se snaží předcházet chybám způsobeným uživatelem potvrzujícími dialogy. Jedná se především o prevenci chyb při manipulaci s prodejními doklady a daty.
28
6 Rozpoznání namísto vzpomínání (2 body) Sled obrazovek zobrazující se při prodeji artiklu je z hlediska uživatelské přívětivosti nejproblémovější částí systému. Jednotlivé obrazovky na sebe nenavazují a logika uspořádání prvků rozhraní není zvolena optimálně. Při prvním prodeji zboží musí uživatel obvykle velmi přemýšlet, než se mu podaří produkt prodat. Jelikož je prodej zboží primární funkcí systému, je vhodné tomuto problému přiřadit nejvyšší prioritu. 7 Flexibilní a efektivní použití (3 body) Efektivitu prodeje zboží na elektronické pokladně zvyšuje modul pojmenovaný „quick keys“, který v pokladně umožňuje mapování nejčastěji prodávaných položek na hlavní stránku prodeje (příloha C6). Naopak provedení celého procesu prodeje na pokladně je poněkud komplikované. Uživatel musí projít sledem obrazovek, jenž se každý prodej opakují, což při prodejích v řádu desítek za den je problematické. Z jednotlivých obrazovek, jenž jsou součástí prodeje, není možné na první pohled poznat jejich účel. Efektivitu prodeje na pokladně snižuje nutnost registrace každého nového zákazníka či výběr stávajícího (obrázek 3.5).
29
Obrázek 3.5: Obrazovka výběru zákazníka
8 Estetický a minimalistický design (3 body) Rozhraní pokladny obsahuje několik tlačítek sloužících k přechodu mezi obrazovkami. Pro zjednodušení by bylo vhodné zobrazovat tlačítek méně, zato výraznějšího designu. Barevně je rozhraní pokladny vykresleno dobře. Kontrast písma je ve většině případů dostačující. U některých tlačítek neodpovídá grafické zpracování jejich významu. Jedná se například o tlačítko „Platba“ na obrazovce prodeje pokladny, které je příliš malé a nevýrazné. Dle osvědčených metod návrhu uživatelských rozhraní, by na každé obrazovce by mělo být právě jedno výraznější tlačítko (tzv. call to action). 9 Rozpoznání a řešení problémů (2 body) Problémy a chyby, se kterými se uživatel setkává, nejsou vždy řešeny správně s ohledem na použitelnost systému. Uživateli se zobrazují chybová hlášení mající pouze technický charakter, typicky se jedná o části kódu. Zotavení se z takovýchto chyb je problematické a uživatel je mnohokrát nucen danou akci (prodej artiklu) celou zopakovat, což vede k jeho frustraci.
30
10 Nápověda a návody (3 body) Rozhraní pokladny má k dispozici nápovědu pro uživatele pouze na obrazovkách prodeje (příloha C6.4). Nápověda není obsáhlá a obsahuje minimum vysvětlujících fotografií. Při práci s obrazovkami, jenž slouží k manipulaci s daty, nápověda chybí. Ani umístění odkazu nápovědy není v rámci pokladního systému konzistentní. K práci s elektronickou pokladnou existují video návody popisující základní operace, které jsou dostupné z portálu avšak žádný uživatel je při uživatelském testování nenalezl. Celkové hodnocení použitelnosti pokladny je 31 bodů z 50 možných.
3.4.3 Heuristická analýza internetového obchodu Internetový obchod nebyl podroben heuristické analýze jako předchozí části systému. Vzhled webových stránek, respektive jejich uživatelských rozhraní, se výrazně liší v závislosti na zvolené grafické šabloně a vyplněném obsahu. Použitelnost internetového obchodu je hodnocena v kapitole 3.5 Uživatelské testování.
3.5
Uživatelské testování 3.5.1
Volba testerů
Jednou ze součástí komplexní analýzy systému je provedení uživatelského testování na vybraném vzorku testerů. Testeři byli voleni takovým způsobem, aby jejich zkušenosti s prodejními systémy či s informačními technologiemi byly podobné jako u person vytvořených v kapitole 3.3. Dle studie14 Jakoba Nielsena odhalí pět testerů, se kterými je provedeno uživatelské testování aplikace až 85 % veškerých chyb v použitelnosti systému, což lze považovat za velmi vysokou míru nalezení problémů. Dle Steva Kruga je však dostačující testování pomocí tří testerů. Tři uživatelé totiž objeví ty nejzávažnější problémy, což může být vhodné při testování komplexních webových stránek či aplikací, kdy je nutné provádět více testů. Jelikož se uživatelské testování neprovádělo v rámci práce opakovaně, bylo vybráno pro uživatelské testování systému právě pět testerů (tabulka 1).
14 Why you only need to test with five users – http://www.nngroup.com/articles/why-you-onlyneed-to-test-with-5-users/
31
Profily
Zkušenost s
testerů
Pracovní pozice
Pohlaví
Zkušenost s IT
Věk
Tester 1
absolvent VUT
muž
expert
25
průměrná
Tester 2
marketing manager
žena
pokročilá
33
pokročilá
Tester 3
operátor výroby
žena
běžný uživatel
22
pokročilá
Tester 4
řidič
muž
běžný uživatel
52
základní
Tester 5
prodejce obuvi
muž
běžný uživatel
47
pokročilá
e-shopy
Tabulka 1: Profily testerů uživatelského testování
3.5.2
Uživatelské scénáře
Pro potřeby testování byly vytvořeny testovací scénáře (příloha B) na základě zkušeností a dle doporučení knihy Nenuťte uživatele přemýšlet! od Steva Kruga [21]. Testování probíhalo ve třech fázích, kde pro každou fázi jsou zvoleny úkoly, které s aplikací provádí typický uživatel. Úspěch či neúspěch při plnění těchto úkolů do jisté míry určuje, zda je uživatel schopný systém používat pro účely, pro které je zamýšlen. Úkoly ve scénářích se rovnoměrně dělí mezi webový portál, pokladnu a internetový obchod.
3.5.3
Průběh testování
Testování použitelnosti probíhalo na zařízeních uživatele. Podmínky pro testování tudíž nebyly stejné. Testovací prostředí se lišila v rozlišení obrazovky či ve výkonu použitého zařízení. Taktéž volba prohlížeče byla na testerovi samotném, jelikož je uživatel na své vybavení zvyklý a může se lépe zaměřit na testování. Před zahájením samotného testování byly každému z testerů položeny otázky týkající se zkušeností s Internetem a informačními technologiemi obecně. Na začátku každého testu byli testeři seznámeni s účelem testování a byl jim vysvětlen účel a princip testů použitelnosti. Následně byly testerům předány testovací scénáře (pro každý úkol jeden scénář), kde nalezli, jaký úkol mají vykonat. Při testování byl přítomen moderátor provázející testování a zaznamenávající všechny připomínky a problémy, se kterými se testeři setkali.
3.5.4
Výsledky testů použitelnosti
Uživatelské testování ukázalo na některá slabá místa systému z hlediska použitelnosti. Výsledky testování pro jednotlivé části systému shrnují jak nejzávažnější problémy, na
32
které uživatelé narazili, tak i poznatky týkající se dobře použitelných částí systému. Řešení problémů jsou navrhnuta v kapitole 5. Webový portál MySpidero •
hlavní strana portálu obsahuje velmi dobrý popis zaměření systému
•
portál má viditelnou navigaci a velmi kladně byla z informačního hlediska hodnocena sekce „Jak na to“
•
ceník systému je zobrazen přehledně a informace v něm jsou srozumitelné
•
registrace do systému je pro uživatele bezproblémová a velmi intuitivní
•
úvodní obrazovka po přihlášení na portál obsahuje velké množství různých odkazů, jedná se o dvě horizontální navigace, obrázkovou navigaci a grafické odkazy, jejichž textový popis není plně vysvětlující (příloha C1)
•
v záhlaví webu se nachází dva odkazy „Můj profil“ a „Můj účet“ – rozdíl mezi těmito odkazy není pro uživatele úplně zřejmý (příloha C2.3, C2.4)
•
obrazovka přehledu plateb je pro uživatele dobře pochopitelná společně se systémem předplácení kreditu
•
změna loga internetového obchodu nebyla pro uživatele problémem
•
pro uživatele je neintuitivní sekce „Prodejny“, uživatel navíc nemá možnost zjistit co konkrétně znamená dokoupení pokladny nebo POS zařízení, protože se na této obrazovce nenachází žádná nápověda či návod (příloha C2.1, C2.2)
•
sekce objednávky vede mimo portál do systému elektronické pokladny, o tomto by uživatel měl být informován, i většina odkazů ze sekce „Moje data“ vede mimo portál
•
stáhnutí tabulky pro import dat do systému je pro uživatele pochopitelné, avšak při zadávání dat nemají k dispozici potřebné dovysvětlující informace
•
správa statických stránek obsažená v sekci „Eshop admin“ je pro uživatele velmi složitá na pochopení, z popisu u odkazu není jasné, k čemu modul slouží (příloha C2.1, C2.2)
•
správa reklamních obrázků je taktéž komplikovanějším modulem, který není zcela intuitivní, návod uvedený u této sekce uživateli pomáhá při práci s rozhraním, avšak není možné nazvat tuto část systému dobře použitelnou
33
•
pro uživatele bylo náročnější nalézt modul vytváření nových produktů pro eshop a pokladnu
•
nápověda na portálu je vytvořena doplňujícími dialogy, jenž jsou umístěny u odkazů sloužících pro správu dat, celkově však systém nápovědy není ideální, jelikož se jedná o poměrně komplikovaný systém
Elektronická pokladna MySpidero POS 2.2 •
základní obrazovka pokladny (obrázek 3.4) je vhodně rozdělena do sekcí, každá sekce je doplněna odpovídajícím grafickým vyobrazením
•
při prodeji na pokladně dělalo většině uživatelů problém pochopit strukturu a návaznost obrazovek, nejčastěji uživatelé nevěděli jak pokračovat z obrazovky výběru zákazníka
•
uživateli bylo kladně hodnoceno zobrazení často prodávaného zboží (tzv. quick keys, příloha C6.5)
•
při prodeji je nutné každého zákazníka registrovat, není možný nákup bez registrace, což může být neefektivní (obrázek 3.5)
•
obrazovka prodeje obsahuje tlačítko „Platba“, které slouží k dokončení prodeje avšak graficky není úplně výrazné (příloha C6.1)
•
ne zcela jasné bylo pro uživatele vytvoření nového druhu dopravy či platby, respektive spárování druhu dopravy a platby v jiné datové tabulce
•
pokladní systém postrádá propracovanější systém nápovědy pro uživatele
•
při práci s pokladnou byli uživatelé vystaveni několika chybám v systému, které byly technického charakteru, běžný uživatel není schopen se z chyby takovéto povahy zotavit (např. chyba o porušení omezení databáze při pokusu o provedení příkazu UPDATE)
•
tlačítka určená pro procházení obrazovek jsou na mobilní verzi příliš malá pro použití (příloha C6.1)
•
v české verzi systému jsou zamíchány anglické termíny, pro které existuje vhodný český ekvivalent
•
české textové popisy některých odkazů či tabulek nejsou vhodně zvoleny (např. „zaknihované doklady“, rozdíl mezi „objednávka“ a „správa e-shop objednávek“)
•
v anglické verzi pokladny lze možné nalézt mnoho špatných překladů, což při testování anglické verze značně snižovalo použitelnost systému
34
•
při práci s pokladnou byla viditelná vyšší odezva systému v porovnání s ostatními systémy
Testovaný internetový obchod Šablony vzhledu e-shopu jsou různě použitelné, koncept a funkcionalita se však v zásadě neliší. Níže jsou uvedeny hlavní poznatky z testování (příloha C.4): •
v rámci testovaného e-shopu byla navigace pro uživatele logická a pochopitelná (systém umožňuje vytvoření libovolně strukturované navigace)
•
při dokončení objednávky není vykresleno, které položky v objednávce jsou povinné (příloha C5)
•
3.6
e-shop je plně funkční při používání na mobilním zařízení
Analýza přístupnosti systému
Dle definice přístupnosti uvedené v kapitole 2.8 můžeme za přístupnou webovou stránku označit takovou, která svým uživatelům neklade překážky v používání. David Špinar ve své knize o přístupnosti webů [15] popisuje čtyři druhy hendikepovaných uživatelů. Jedná se o uživatele se zdravotními dispozicemi, nezkušené uživatele, uživatele s omezujícím technickým vybavením a s omezujícím softwarovým vybavením. Do cílové skupiny uživatelů webového portálu a pokladny patří hendikepovaní uživatelé, které může omezovat technické a softwarové vybavení. Do cílové skupiny uživatelů internetového obchodu pak patří všechny výše uvedené skupiny uživatelů. Proto se analýza přístupnosti liší pro jednotlivé částí systému. Internetový obchod je ale používán právě koncovými uživateli, kteří pomocí systému MySpidero nakupují produkty či služby. V tomto případě má smysl se přístupnosti věnovat detailněji, jelikož lepší přístupnost internetového obchodu by měla znamenat efektivnější prodej. Čím více je možné podpořit prodej, tím se systém stává kvalitnějším a konkurenceschopnějším. Audit přístupnosti byl tedy proveden na testovacím e-shopu, jenž nabízí stejnou funkcionalitu jako jeho plná komerční verze.
3.6.1
Přístupnost webového portálu
Pro používání webového portálu není nutné žádné specifické technické vybavení zařízení, ze kterého je portál používán. Pro plnohodnotné využívání portálu postačí zařízení, které zvládá webový prohlížeč podporující minimálně HTML 4, CSS 2.1 a AJAX. Kompatibilita systému byla testována na platformách Windows a MacOS,
35
konkrétně pak v prohlížečích15 Internet Explorer (verze 9, 10, 11), Google Chrome (verze 34), Opera (verze 18, 19), Firefox (verze 29) a Safari (5.1.10). Při testování napříč různými prohlížeči byly nalezeny pouze odchylky v některých grafických detailech. Jednalo se o nestejné zarovnání nebo obtékání textů, či přesah obrázků mimo jejich rodičovské prvky. Všechny tyto problémy lze označit jako minimalistické, a proto je webový portál z tohoto hlediska konzistentní. Pří vývoji byly použity odlišné styly pro uživatele, kteří stále používají zastaralé prohlížeče nepodporující některé technologie tvorby webu. Je tak ošetřena situace, kdyby uživateli portál nefungoval korektně kvůli starší verzi prohlížeče.
3.6.2
Přístupnost elektronické pokladny
Obdobně jako u webového portálu, taktéž přístupnost elektronické pokladny je vhodné měřit na úrovní technických a softwarových omezení. Jelikož se jedná o webovou aplikaci, je pokladna plně spustitelná na všech zařízeních, podporujících prohlížeče Internet Explorer, Firefox, Google Chrome, Safari a Opera. Provoz pokladny byl testována na obdobných prohlížečích jako webový portál v kapitole 3.6.1. Rozhraní pokladny je optimalizováno především pro provoz na mobilních zařízeních, primárně pak pro použití na tabletech, který má předpoklad se stát primární periferií. Pokladnu je však možné bez problémů používat na klasickém zařízení typu PC.
3.6.3
Přístupnost internetového obchodu
V rovině technických a softwarových omezení lze internetový obchod vytvořený systémem MySpidero označit jako přístupný. Design webové stránky je responsivní, což znamená, že dokáže přizpůsobit obsah zařízení, které jej zobrazuje. Vývojáři taktéž brali ohled na starší verze prohlížečů nepodporující některé vlastnosti jazyka HTML5 či CSS3, pro které vytvořili zvláštní kaskádové styly. Pro internetový obchod je velmi důležitá přístupnost pro koncové uživatele, protože právě mezi takovýmito uživateli se mohou objevit uživatelé hendikepovaní. Pro audit přístupnosti byla zvolena metodika WCA 2.0 16, která je globálně používána a je tedy vhodná pro projekt snažící se uspět na mezinárodním trhu. Jako nástroj pro testování byl použit aChecker17. Nástroj je schopen vyhodnotit 3 úrovně chyb – jisté
15 Statistika použití prohlížeče – http://www.w3schools.com/browsers/browsers_stats.asp 16 http://www.w3.org/TR/WCAG20/ 17 http://www.achecker.ca
36
problémy, pravděpodobné problémy a potenciální problémy. Jisté problémy porušují některé z pravidel metodiky přístupnosti, pravděpodobné a potenciální problémy vyžadují lidský úsudek pro rozhodnutí, zdali se jedná o chybu. Nástroj nalezl na webové stránce internetového obchodu 4 jisté chyby (obrázek 3.6). Jedná se o dva problémy na webu: •
chybějící atribut alt v ikoně sloužící jako odkaz na sociální síť Facebook
•
chybějící atribut label pro formulářový prvek hledání na webu (následující 2 chyby jsou spojeny s touto chybou) Systém identifikoval mnoho potenciálních problémů, z nich se u většiny případů
nejednalo o porušení metodiky WCAG 2.0. Nástroj označil například jako problémový kontrast u některých obrázků produktů, kdy je na produktu uveden nějaký text. Za nedostupné označil interní odkazy v rámci webu, či hlásil problémy se skriptem vykreslujícím reklamní obrázky. Z nalezených potenciálních problémů lze následující body považovat za chyby v přístupnosti: •
elementy h1 a h2 jsou použity pro formátování stránky
•
popisek (atribut alt) obrázku zobrazujícího logo systému nenese stejnou textovou informaci jako logo samotné
Obrázek 3.6: Ukázka hodnocení přístupnosti - nástroj Achecker.
37
Výše uvedené nedostatky nemají zcela zásadní vliv na celkovou přístupnost webu, avšak bez jejich odstranění nebude internetový obchod plně vyhovovat metodice WCAG 2.0.
3.7
Internetový obchod a SEO
Pro úspěch vytvořeného internetového obchodu na trhu je důležitá i optimalizace pro vyhledávače (SEO, anglicky search engine oprimization). Oblast optimalizace pro fulltextové vyhledávače se dynamicky mění v závislosti na změnách probíhajících na straně samotných vyhledávačů. Je tedy nutné, aby systém nabízející vytvoření internetového obchodu dynamicky reagoval na změny požadavků. Z hlediska SEO disponuje systém MySpidero moduly, které zákazníkovi pomohou internetovou prezentaci zviditelnit. Systém však obsahuje nedostatky, které by z hlediska SEO měly být upraveny. Z hlediska SEO byly možnosti systému analyzovány na základě doporučení knihy Michala Kubíčka – Velký průvodce SEO [16]. Po obsahové stránce je pomocí webového portálu možné kompletně upravit a přizpůsobit obsah i jednotlivé navigace pro uživatele. Uživatel má možnost editovat atribut title a atribut description. Struktura vytvářeného obsahu je konzistentní, každá webová stránka obsahuje právě jeden nadpis h1. Názvy URL produktů jsou vhodné, obsahují i název kategorie, ve které se produkt nachází. Jako vlastnosti negativně ovlivňující SEO je možné zmínit nemožnost vyplnění klíčových slov e-shopu (atribut keywords) a nevalidní kód některých grafických šablon e-shopu. Pro uživatele by bylo velmi vhodné vytvořit formou dokumentace přehled metod a doporučení, jak vylepšit optimalizaci pro vyhledávače. Uživatelé by pak měli možnost lépe přizpůsobit internetový obchod požadavkům vyhledávačů.
3.8
Atraktivita a srozumitelnost obsahu portálu
Provedení obsahové analýzy projektu MySpidero je vhodné pouze u webového portálu. Elektronická pokladna slouží zaměstnancům k prodeji v kamenné prodejně. Obsah internetového obchodu si každý uživatel naplňuje sám a je tedy pro každý obchod jedinečný. Úvodní strana portálu obsahuje několik informačních bloků, jejichž úkolem je seznámení zákazníka se zaměřením projektu. Z hlediska informovanosti zákazníka je popis systému proveden pečlivě a zákazník má k dispozici mnoho vysvětlujících obrázků či video návodů, jak se systémem pracovat.
38
Forma zobrazovaných informací se v jednotlivých podstránkách liší a celkově na uživatele působí nekonzistentně. Informace stejného druhu jsou na různých stránkách rozmístěny odlišně, což může ubírat obsahu na srozumitelnosti. Na portálu se vyskytuje značné množství marketingových termínů, jejichž snahou je zaujmout zákazníka. Portál obsahuje všechny informace, které jsou pro zákazníka nutné k pochopení systému. Až na drobné nedostatky odpovídá srozumitelnost obsahu předpokládané úrovni znalostí a zkušeností cílové skupiny zákazníků. Jazyková úroveň anglické verze portálu je velmi vysoká.
39
4 Analýza konkurence 4.1
Výběr testovaných systémů a metriky testování
Trh se systémy pro e-commerce obsahuje velmi mnoho systémů sloužících k vytvoření a správě internetového obchodu. Taktéž elektronické pokladny jsou na trhu zastoupeny ve vysokém počtu. Nalézt je možné kompletní systémy pokladny, kdy společnost nabízí do kamenné prodejny i hardware zařízení, avšak lze nalézt i systémy tzv. mobilních pokladen, které jsou určeny především pro provoz na mobilních zařízeních. Mezi vyhledávané18 systémy lze zařadit systém Shopify (více než 100 000 uživatelů) a PrestaShop jako oblíbený zástupce open-source systémů. Do srovnání je záměrně zařazen i systém LightSpeed (více než 18 000 uživatelů), který kromě ecommerce systému obsahuje i systém elektronické pokladny a svým zaměřením se podobá analyzovanému systému MySpidero. Tato kapitola obsahuje i analýzu mobilní elektronické pokladny Vend, která je globálně používána na více než 10 000 kamenných prodejnách. V kapitole jsou tedy analyzovány tři systémy pro správu internetového obchodu (Shopify, PrestaShop, LightSpeedRetail) a tři systémy elektronických pokladen (ShopifyPOS, LightSpeedPOS a Vend). Vhodné je zmínit i existenci mnoha rozšíření klasických CMS systémů, které umožňují prodej v rámci Internetu. Pro příklad lze uvést WooCommerce (rozšíření pro WordPress19) nebo VirtueMart (rozšíření pro Joomla!20). Srovnání těchto rozšíření pro CMS systémy není v práci obsaženo. Analýza konkurenčních systémů má za úkol zhodnotit aplikace z hlediska použitelnosti a nalézt možná vylepšení pro systém MySpidero. Použitelnost systémů je hodnocena heuristickou analýzou dle Nielsenových heuristik. Každý systém je hodnocen stejným způsobem jako u analýzy v kapitolách 3.4.1 a 3.4.2. Provedeno je i uživatelské testování základních funkcí systémů.
18 Počet aktivních uživatelů systémů v březnu 2014 19 http://wordpress.org/ 20 http://www.joomla.org/ 40
4.2
LightSpeed
Systém LightSpeed (http://www.lightspeedretail.com) vyvíjený kanadskou společností Light Speed Retail Inc. sídlící v Montrealu nabízí systém pro omni-channel prodej. Uživatelé mohou pro obchodní účely používat e-commerce systém pro správu e-shopů a zároveň nabízí elektronickou pokladnu LightSpeed POS. Systém je používán ve 30 zemích po celém světě a je nabízen ve dvou verzích (LightSpeed CLOUD a LightSpeed PRO). Pro analýzu a srovnání se systémem MySpidero byla zvolena verze CLOUD, která více odpovídá systému MySpidero.
4.2.1
Heuristická analýza
Webový portál LightSpeed 1 Viditelnost stavu systému (5 bodů) Uživatelské rozhraní portálu pro správu e-shopu dává uživateli zpětnou vazbu o své činnosti především při složitějších úkonech. Při registraci je uživatel informován o právě probíhajícím procesu registrace patřičnou textovou informací. Administrace eshopu umožňuje pouze nastavení týkající se vzhledu a funkčnosti e-shopu, data je nutno spravovat přes administraci elektronické pokladny. 2 Shoda systému a reálného světa (5 bodů) Použitá jazyková úroveň i termíny použité pro webový portál odpovídají běžným termínům z reálného světa, názvy agend jsou intuitivní a pochopitelné. 3 Uživatelská kontrola a svoboda (5 bodů) Webový portál je zpracován z hlediska použitelnosti jednoduše. Nabízí hlavní horizontální navigaci a vertikální navigaci nižší úrovně (příloha F1). Všechny agendy jsou rovnoměrně obsáhlé a není problém se systémem pracovat. Uživatel má plnou kontrolu nad systémem a vždy má k dispozici informaci o aktuálně procházené stránce (záhlaví portálu) i o aktuálně navštívené sekci (grafické zvýraznění v navigaci). 4 Standardizace a konzistence (5 bodů) Webový portál je konzistentní a obsahuje minimum obrazovek, u kterých by uživatel musel váhat nad jejich účelem nebo smyslem. Například tlačítka pro uložení formulářů jsou vždy umístěna stejně a taktéž mají stejné grafické vyobrazení.
41
5 Prevence chyb (4 body) U formulářových prvků vyžadujících vložení číselného typu dat systém akceptuje i data ve formě textu. Příslušný formulářový prvek si pamatuje pouze data správného formátu, avšak uživatel není o chybně zadaném vstupu informován. 6 Rozpoznání namísto vzpomínání (5 bodů) Každá sekce portálu obsahuje informace potřebné pro aktuální obrazovku, uživatel není nucen pamatovat si jakékoliv informace z ostatních obrazovek či jiných částí systému. 7 Flexibilní a efektivní použití (5 bodů) Práce se systémem je velmi intuitivní a naučitelná. Agendy jsou přehledně a logicky rozděleny. Pochopení práce se systémem netrvá uživateli dlouhou dobu. Efektivitu použití může lehce snižovat komplikovanější počáteční nastavení celého systému, kdy uživatel má možnost konfigurace základních agend systému. 8 Estetický a minimalistický design (5 bodů) Vzhled portálu je moderní a úhledný. Portál neobsahuje žádné přebytečné obrázky, či jiné grafické prvky. Některé popisy navigace mají nižší kontrast textu a pozadí. 9 Rozpoznání a řešení problémů (5 bodů) Po každé akci je uživatel informován potvrzením, či upozorněním vyjadřující aktuální stav systému. Pokud nastane problém, uživatel je plně informován o jeho příčině (obrázek 4.1).
Obrázek 4.1: Ukázka upozornění webového portálu pro uživatele
10 Nápověda a návody (4 body) Systém uživatelům nenabízí přímý odkaz do dokumentace, avšak agendy jsou dostatečně popsány na obrazovkách použití. U formulářových prvků pro zadání dat jsou uvedeny pomocné popisy dovysvětlující účel příslušných vstupních dat. Celkové hodnocení použitelnosti je 48 bodů z 50 možných.
42
Elektronická pokladna LightSpeed POS 1 Viditelnost stavu systému (5 bodů) Systém elektronické pokladny podává uživateli zpětnou vazbu při každé jeho akci v záhlaví uživatelského rozhraní (obrázek 4.2). Zpětná vazba je uživateli k dispozici pro každou akci prováděnou na pokladně. Uživatel je tedy maximálně informován o stavu systému.
Obrázek 4.2: Informace o aktuálním stavu systému
2 Shoda systému a reálného světa (5 bodů) Elektronická pokladna neobsahuje žádné části systému, či jeho popisy, které by na uživatele působily zmatečně nebo byly špatně pochopitelné. Jednotlivé agendy mají odpovídající logiku. 3 Uživatelská kontrola a svoboda (5 bodů) Uživatel má možnost plně ovládat elektronickou pokladnu. Každá obrazovka nabízí možnost návratu na obrazovku předchozí a odkaz na hlavní stranu systému. 4 Standardizace a konzistence (5 bodů) Uživatelské rozhraní aplikace je plně konzistentní. Tlačítka, mající stejný význam, jsou vyobrazena stejnou grafikou a nacházejí se vždy na stejných místech obrazovky. Grafické zpracování jednotlivých agend je standardizováno z hlediska grafického zpracování a použití. Pouze domovská stránka elektronické pokladny je v jiném grafickém provedení než zbytek systému. 5 Prevence chyb (5 bodů) Systém je navržen takovým způsobem, aby eliminoval výskyt chyb. Při vkládání dat do systému jsou uživateli nabízena vzorová data ve formě předvyplněných formulářových polí. 6 Rozpoznání namísto vzpomínání (5 bodů) Informace zobrazované elektronickou pokladnou jsou vždy přehledně zpracovány na příslušné obrazovce, uživatel není nucen si pamatovat informace z obrazovek předchozích.
43
7 Flexibilní a efektivní použití (4 body) Uživatelské rozhraní pokladny je jednoduché na porozumění. Systém prodeje je navrhnut způsobem, který je efektivní a intuitivní již při prvním používání. Nevýhodou systému je poměrně komplikovanější iniciální nastavení. Uživatel musí vyplnit několik obrazovek, u kterých není vždy zřetelné jak přejít na následující krok. Po úvodním nastavení systému však práce s pokladnou je velmi intuitivní. Pro ovládání pokladny je možné namapovat operace na klávesové zkratky. 8 Estetický a minimalistický design (5 bodů) Vzhled pokladny odpovídá požadavkům na moderní uživatelské rozhraní. Použito je několika vhodných barev. Kontrast většiny textu systému odpovídá standardu WCAG 2.0. Důležitá tlačítka jsou vyobrazena zvláštní barvou, která podtrhuje jejich důležitost. 9 Rozpoznání a řešení problémů (5 bodů) Pokud při práci se systémem nastane chybový stav, uživatel je vždy informován. Informace o chybě obsahuje popis konkrétní chyby a případné řešení (obrázek 4.3).
Obrázek 4.3: Ukázka řešení problémů při práci se systémem
10.Nápověda a návody (4 body) Nápověda systému je dostupná pouze z domovské stránky pokladny. Formulářové prvky obsahují popisky upřesňující jejich význam a užití. Dokumentace systému je velmi podrobná a je doplněna o vhodné obrázky. Pokud si uživatel neví rady s určitou agendou pokladny, musí se pro vstup do nápovědy vrátit na úvodní stranu systému, což lze označit za nevýhodu systému. Celkové hodnocení použitelnosti je 48 bodů z 50 možných.
4.2.2
Specifika systému
Registrace systému je v porovnání s registrací do systému MySpidero poněkud komplikovanější. Uživatel musí vyplnit data a nastavení u několika obrazovek. Celkově působí systém při prvním spuštění složitěji než ostatní testované systémy. Proces registrace uživateli nabízí možnost výběru odvětví, ve které chce obchodovat a taktéž si uživatel ihned volí doménu třetího řádu, na které bude obchod provozovat. Není mu tedy přiřazena doména automaticky.
44
Administrace e-shopu (tzv. control panel) umožňuje pouze nastavení a správu tykající se fungování a vzhledu e-shopu. Pokud uživatel chce upravovat data (produkty, kategorie, slevy atp.) musí využít systému elektronické pokladny. Šablony internetového obchodu je možné upravovat na úrovni kaskádových stylů s možností importu vlastních obrázků. Zajímavostí je volba vzhledu elektronické pokladny, uživatel má standardně na výběr pět různých grafických šablon. Systém je možné doplnit o moduly, které rozšiřují jeho funkcionalitu. Při prvním použití může systém působit komplikovaněji, protože nabízí detailní konfiguraci všech jeho částí. Výhodou pokladny je jednoduchý proces prodeje, který lze dokonči bez registrace zákazníka.
4.3
Shopify
Společnost Shopify Inc. (http://www.shopify.com) byla založena v roce 2005 a sídlí v kanadské Ottawě. Od svého vzniku prošlo portfolio nabízených služeb značnou proměnou a nyní společnost nabízí systém pro správu internetového obchodu. Společnost v roce 2013 začala nabízet k tomuto systému také elektronickou pokladnu Shopify POS. Díky nasazení elektronické pokladny a působení na americkém trhu, je možné systém označit za přímého konkurenta systému MySpidero. Kromě amerického trhu je možné jejich e-commerce systémy nalézt ve Velké Británii či Austrálii.
4.3.1
Heuristická analýza použitelnosti
Webový portál Shopify 1
Viditelnost stavu systému (5 bodů)
Pokud systém pracuje na pozadí, je o tom uživatel vždy informován patřičnou hláškou v záhlaví webové stránky. Umístění informace je konzistentní (obrázek 4.4). Systém uživatele například informuje o průběžném stavu importu dat.
Obrázek 4.4: Informace o aktuálním stavu systému Shopify
45
2
Shoda systému a reálného světa (5 bodů)
Všechny informace dostupné na webovém portálu jsou na jazykové úrovni, která je vhodná pro běžného uživatele. Především hlavní navigace portálu je označena takovými termíny, které po prvním přečtení jasně vyjadřují svůj obsah. Každý z modulů portálu (např. správa zákazníků) je opatřen krátkým a výstižným popisem, jenž uživateli blíže specifikuje jeho účel. 3
Uživatelská kontrola a svoboda (4 body)
Uživatel je vždy informován o aktuálně procházené stránce. Aktuální stránka je graficky zvýrazněna v hlavní navigaci a taktéž v záhlaví webu. Web nedisponuje drobečkovou navigací, avšak v tomto případě by její zobrazení nemělo zvláštní význam, jelikož jednotlivé moduly webu se zobrazují pouze ve dvou úrovních. Obrazovky editace dat (zákazníci, produkty, slevy) postrádají tlačítko návratu na předchozí obrazovku. Zde je možné danou entitu pouze uložit či smazat. Pro návrat do přehledu je nutné využít odkazu z hlavní navigace. 4
Standardizace a konzistence (5 bodů)
Uživatelské rozhraní jednotlivých obrazovek lze hodnotit jako velmi konzistentní. Odkazy vždy přesně odpovídají jejich významu. Tlačítka jsou rozdělena na dva druhy dle jejich významu (obrázek 4.5). Pro přidávání a ukládání dat je určeno tmavé provedení, pro jinou manipulaci s daty pak provedení světlé.
Obrázek 4.5: Ukázka graficky odlišených tlačítek v závislosti na jejich významu
5
Prevence chyb (5 bodů)
Pro minimalizaci výskytu chyby systém uživatele upozorňuje například na použité jednotky (měna, váha), předvyplňuje vzorová data u většiny formulářových prvků či nabízí doplňující informace týkající se vkládání dat do systému. 6
Rozpoznání namísto vzpomínání (5 bodů)
Každá obrazovka systému uživateli nabízí všechny potřebné informace pro práci s touto obrazovkou, uživatel tedy není nucen se pro danou informaci vracet na předešlou stranu. Doplňující informace jsou dostupné z manuálu systému.
46
7
Flexibilní a efektivní použití (5 bodů)
Efektivní použití uživateli s různými zkušenostmi bylo hodnoceno při uživatelském testování, jehož součástí bylo základní seznámení se se systémem. Běžný uživatel byl již při prvním seznámení schopen provádět základní manipulaci s daty (přidávání produktu, dárkových poukazů, koncových uživatelů). 8
Estetický a minimalistický design (4 body)
Grafické zpracování portálu je na velmi vysoké úrovni. Všechny agendy jsou vyobrazeny s důrazem na barevný kontrast. U jednotlivých sekcí webu nalezneme graficky zpracované doplnění odkazů, které působí jednoduše a výstižně. Portál neobsahuje zbytečnou grafiku ani zbytečně vysoký počet obrázků. Drobnou výtkou jsou málo kontrastní nadpisy v sekci „Reports“ (obrázek 4.6). Kontrast prvku neodpovídá, dle nástroje WCAG Contrast Checker21, pravidlům 1.4.3 a 1.4.6 WCAG 2.0.
Obrázek 4.6: Ukázka nedostatečného kontrastu nadpisu „Products“.
9
Rozpoznání a řešení problémů (5 bodů)
Problémy a chyby rozpoznané systémem při práci s uživatelským rozhraním jsou přesně popsány (obrázek 4.7). Při snaze o návštěvu neexistující URL systém zobrazí vlastní chybovou stránku, která kromě oznámení o chybě nabídne uživateli odkaz na domovskou stránku webu.
21 http://www.constrastchecker.ca 47
Obrázek 4.7: Ukázka informativní chybové hlášky webového portálu
10 Nápověda a návody (5 bodů) Nápověda systému Shopify je zpracována jako samostatný portál obsahující uživatelskou dokumentaci k většině modulů. Obsah dokumentace je zaměřen na uživatelské úkony, kdy je popis jednotlivých úkonů doplněn obrazovou přílohou. Domovská stránka manuálu je dostupná z každé strany portálu a navíc jsou problematické agendy doplněny o přímý odkaz na dokumentaci, což plně odpovídá požadavku této heuristiky. Celkové hodnocení použitelnosti webového portálu je 48 bodů z 50 možných. Elektronická pokladna Shopify POS 1
Viditelnost stavu systému
Při práci s pokladnou systém uživatele upozorňuje na stav aktuální operace informativním dialogem (obrázek 4.8, příloha D3), případně animací vyjadřující práci systému na pozadí.
Obrázek 4.8: Ukázka zpětné vazby systému
2
Shoda systému a reálného světa (5 bodů)
Informace a texty obsažené v systému pokladny odpovídají jejich významu, při testování nebyl nalezen žádný problém při srovnání s reálně používanými termíny.
48
3
Uživatelská kontrola a svoboda (5 bodů)
Uživatel má vždy možnost návratu na předchozí obrazovku pokladny. Rozhraní je velmi jednoduché a nenabízí žádné zbytečné obrazovky, či složitou navigaci. 4
Standardizace a konzistence (5 bodů)
Rozhraní je konzistentní. Každá obrazovka obsahuje právě jedno tzv. call to action tlačítko (příloha D4, D5). Tlačítko návratu na předchozí obrazovku i tlačítko pro zrušení vyvolaného dialogu jsou konzistentní a standardizované. 5
Prevence chyb (5 body)
Prevence chyb je zajištěna jednoduchostí uživatelských obrazovek. Pokladna nabízí velmi málo obrazovek, na kterých by bylo možné objevení chyby. 6
Rozpoznání namísto vzpomínání (5 bodů)
U takto jednoduché aplikace je každý běžný uživatel schopen pokladnu používat na základně informací dané obrazovky. K dokončení prodeje nejsou nutné informace z ostatních obrazovek. 7
Flexibilní a efektivní použití (5 bodů)
Proces prodeje na pokladně je možné provést v rámci dvou obrazovek, což lze považovat za efektivní. Všechny agendy jsou dostupné z hlavní obrazovky pokladny. Pokladna nabízí pouze základní nastavení aplikace (příloha D4). 8
Estetický a minimalistický design (5 bodů)
Vzhled rozhraní je stylisticky na dobré úrovni. Kontrast všech agend je odpovídající. Systém neobsahuje zbytečné obrázky. Design splňuje požadavky na pokladní systém (příloha D4). 9
Rozpoznání a řešení problémů (5 bodů)
Pokud nastane při práci s rozhraním problém, je uživatel upozorněn příslušným dialogem obsahujícím návrh řešení této situace. 10 Nápověda a návody (4 body) Při prvním použití systému je uživatel o funkcionalitě informován pomocí průvodce systému. Rozhraní pokladny nenabízí žádnou formu nápovědy. Nápověda je dostupná z webového portálu systému Shopify. Celkové hodnocení použitelnosti pokladny je 49 bodů z 50 možných.
49
4.3.2
Specifika systému
Systém Shopify disponuje oproti systému MySpidero několika výhodami, které je možné zmínit. Průvodce pro iniciální nastavení e-shopu pomáhá uživatelům efektivně vložit na e-shop data a nastavit patřičné vlastnosti internetového obchodu. Úvodní strana administrace portálu zobrazuje základní statistiky prodejů, kdy uživatel má ihned k dispozici celkové prodeje a prodeje za poslední dny (příloha D1). Pomocí modulu správy šablon vzhledů e-shopu je možné konkrétní šablonu překódovat (soubory HTML nebo CSS ). Pomocí portálu s aplikacemi má uživatel možnost si do svého systému přidat různá vylepšení. Většina vylepšení je za měsíční poplatek a jedná se například o vícejazyčný e-shop, modul pro správu účetnictví, SEO, modul pro integraci e-shopu se sociální sítí Facebook atp. Možnost použití elektronické pokladny Shopify POS pouze na zařízení iPad je možné považovat za drobnou nevýhodu oproti systémům, které umožňují využití další platformy. Pro společnost je však primární americký trh, kde jsou tato zařízení velmi oblíbenou volbou. Aplikaci elektronické pokladny je nutné nejprve stáhnout, není možné prodávat prostřednictvím webového prohlížeče. Pokladnu není možné spravovat z webového portálu (back-end systému). Elektronická pokladna postrádá zobrazení statistik v grafickém vyjádření. Systém disponuje základní možností konfigurace platebních karet, připojeného HW nebo automatického zamykání pokladny při neaktivitě obsluhy.
4.4
PrestaShop 1.6.0
Zástupcem open-source systémů analyzovaných v této práci je systém PrestaShop 1.6.0 22 (http://www.prestashop.com). První e-commerce systém PrestaShop byl vydán roku 2007, od té doby byl přeložen do většiny světových jazyků a zákazníkům nabízí propracovaný systém správy internetového obchodu. PrestaShop nabízí pouze systém pro správu internetového obchodu.
4.4.1
Heuristická analýza použitelnosti
1 Viditelnost stavu systému (4 body) Systém uživateli poskytuje informace o každé provedené akci ve formě grafického potvrzení příslušné akce (obrázek 4.9). Pokud systém pracuje na pozadí, nemá uživatel dostatečnou zpětnou vazbu k prováděné operaci.
22 Licence OSL v3.0 – http://opensource.org/licenses/OSL-3.0 50
Obrázek 4.9: Ukázka potvrzení operací systému PrestaShop
2 Shoda systému a reálného světa (5 bodů) Jazyková úroveň systému plně odpovídá úrovni cílených uživatelů. Příslušné agendy jsou vhodně označeny a uspořádání webové stránky odpovídá účelu systému (příloha G). 3 Uživatelská kontrola a svoboda (5 bodů) Rozhraní administrační části systému nabízí uživatelům drobečkovou navigaci v záhlaví webu, dle které možné rychle procházet jednotlivé obrazovky. Rozhraní disponuje tlačítky pro návrat na předešlou obrazovku a proto je uživatel schopen snadno kontrolovat sled obrazovek systému. 4 Standardizace a konzistence (5 bodů) Uživatelské rozhraní je standardizováno, pro elementy mající stejný význam je použito vždy shodné grafické vyjádření. Taktéž logické umístění navigace i odkazů pro práci s daty je konzistentní. 5 Prevence chyb (5 bodů) Práce s daty je kontrolována po uložení příslušného formuláře. Uživatel je při problému vždy informován výpisem chyb (obrázek 4.10). U jednotlivých datových vstupů je uveden popisek popisující typ a smysl zadávaných dat.
Obrázek 4.10: Ukázka prevence chyb systému PrestaShop
6 Rozpoznání namísto vzpomínání (4 body) Každá obrazovka zobrazuje uživateli informace potřebné pro práci s příslušnou částí systému. Uživatel není nucen pamatovat si data či smysl použití z jiných obrazovek.
51
7 Flexibilní a efektivní použití (4 body) Základní funkcionalita systému je velmi intuitivně zpracována, pokročilejší správa systému vyžaduje delší seznámení uživatele s administrací. Systém obsahuje více agend, pro jejichž pochopení je vhodná zkušenost s e-commerce systémy obecně. 8 Estetický a minimalistický design (5 bodů) Vzhled systému je decentní a vkusný. Rozhraní je doplněno drobnými grafickými prvky zvýrazňující elementy webové stránky (například ikony pro uložení dat). Po grafické stránce splňuje systému tuto heuristiku bez výhrad. 9 Rozpoznání a řešení problémů (5 bodů) Popis problémů při práci se systémem je stručný a jasný. Uživatel z chybových zpráv má dostatek informací pro jejich nápravu. Při návštěvě neexistující URL systém nabídne návrat na předchozí stránku či na domovskou stránku administrace. 10 Nápověda a návody (4 body) Rozhraní nabízí pro uživatele nápovědu prostřednictvím konzistentně umístěné ikony Help v pravém rohu každé obrazovky. Uživateli se vždy zobrazí dokumentace k příslušnému modulu či sekci systému, se kterým aktuálně pracuje. Systém však na první pohled nenabízí možnost zobrazení kompletní dokumentace, pokud tedy uživatel chce získat informace o jiné agendě, je nucen nápovědu vyvolat z příslušné agendy. Celkové hodnocení použitelnosti systému je 46 bodů z 50 možných.
4.4.2
Specifika systému
Systém PrestaShop je modulární, je tedy možné do značné míry ovlivnit funkčnost systému instalovanými moduly. Pro systém je nabízeno množství modulů týkajících se vylepšení příslušných agend (statistiky, marketing, SEO). Systém nabízí přehledně zpracovaný modul statistických dat prodejů, který je vhodně doplněn o grafy, které uživateli usnadňují orientaci v zobrazovaných datech. Obecnou výhodou otevřených systémů je možnost úprav a přizpůsobení systému potřebám konkrétního uživatele nebo velmi silná podpora komunity.
4.5
Vend
Elektronická pokladna společnosti Vend byla poprvé představena roku 2010 na Novém Zélandu. Dnes, v roce 2014, společnost má zastoupení především ve Spojených státech amerických a Kanadě. Pokladna je používána zákazníky i v Evropě, Africe a Asii.
52
Systém Vend je použitelný na různých zařízeních a platformách pouze pomocí webového prohlížeče. Jedná se tedy o mobilní elektronickou pokladnu.
4.5.1
Heuristická analýza použitelnosti
1 Viditelnost stavu systému (5 bodů) Uživatel je vždy informován o akci prováděné na pozadí textovou informací vyjadřující povahu a smysl dané akce (obrázek 4.11).
Obrázek 4.11: Ukázka viditelnost stavu systému Vend
2 Shoda systému a reálného světa (5 bodů) Pokladna zobrazuje informace v logickém sledu a správném jazykovém vyjádření odpovídající termínům reálného světa. Především pro málo zkušené uživatele je tedy práce se systémem maximálně intuitivní. 3 Uživatelská kontrola a svoboda (5 bodů) Práce s pokladním systémem je zjednodušená. Proces prodeje je prováděn na jedné obrazovce, takže systém nepotřebuje složité ovládací prvky. Uživatel vždy na základě popisů pozná sekci, ve které se nachází. Systém však neobsahuje tlačítko pro návrat na předchozí stranu. Tlačítko by se dalo využít v administraci při práci s daty. 4 Standardizace a konzistence (5 bodů) Rozhraní je plně konzistentní. Obrazovka prodeje obsahuje právě jedno výrazné tlačítko používané pro dokončení nákupu (příloha G1.2). 5 Prevence chyb (5 bodů) Systém je navržen takovým způsobem, aby minimalizoval výskyt chyby. Části rozhraní pracující s daty (typicky import a export dat) jsou doplněny o textové popisy definující způsob a typ příslušných dat. 6 Rozpoznání namísto vzpomínání (5 bodů) Uživatelé pro práci s příslušnou obrazovkou mají vždy k dispozici všechny informace. Pro efektivní práci s pokladnou tedy není nutné si žádné informace pamatovat.
53
7 Flexibilní a efektivní použití (5 bodů) Systém nabízí možnost prodeje, přidání slev či poznámky jedním kliknutím. Taktéž proces registrace či volby zákazníka je velmi intuitivní (příloha G1.1). Prodej je možné dokončit bez registrace zákazníka. Pro ovládání pokladny je možné použití klávesových zkratek, což může značně urychlit reálný proces prodeje. 8 Estetický a minimalistický design (4 body) Design pokladny odpovídá jejímu využití a je estetický. Důležitá tlačítka jsou vždy dostatečně zvýrazněna. Nevýhodou designu systému je nedostatečný kontrast sekundární navigace administrace (příloha G2.1). 9 Rozpoznání a řešení problémů (5 bodů) Uživatel je o chybách a problémech informován formou označení na dané obrazovce. Například při chybném datovém vstupu jsou příslušné formulářové prvky graficky zvýrazněny a doplněny o popisek určující druh chyby (obrázek 4.12).
Obrázek 4.12: Ukázka zvýraznění chybně zadaného vstupu
10 Nápověda a návody (5 bodů) Kompletní dokumentace je u systému dostupná z administrace. Uživatel má přístup do nápovědy obsahující taktéž videonahrávky vysvětlující funkčnost a principy jednotlivých agend. Nápověda je zpracována přehledně a je zaměřena na úkony. Celkové hodnocení použitelnosti je 49 bodů z 50 možných.
4.5.2
Specifika elektronické pokladny
Elektronická pokladna Vend nabízí základní operace spojené s prodejem jakými jsou samotný prodej zboží, správu produktů a obchodních značek, správu zákazníků, přehledné vyjádřené statistiky prodeje či historii akcí provedených na pokladně. I když
54
je systém velmi jednoduchý, splňuje všechny požadavky na plnohodnotný systém elektronické pokladny.
4.6
Vyhodnocení heuristických analýz
Úroveň použitelnosti systémů testovaných v rámci této kapitoly je možné označit za podobnou (tabulka 2). Z hlediska použitelnosti systémy splňují heuristiky J. Nielsena. Při uživatelském testování byl pro nezkušené uživatele nejvhodnější systém Shopify. Nejvíce možností konfigurace však nabízí systém LightSpeed. Výhodou systému PrestaShop je jeho otevřenost a podpora ze strany komunity. Elektronická pokladna Vend nabízí pouze základní funkce mobilní elektronické pokladny, její uživatelské rozhraní je však zaměřeno na jednoduchost použití. U každého systému lze nalézt vlastnosti a chyby, dle kterých by se společnost vlastnící systém MySpidero mohla inspirovat. Návrh těchto vylepšení je uveden v kapitole 5.2. Systém
Hodnocení použitelnosti
MySpidero portál
41 bodů
LightSpeedRetail
48 bodů
Shopify
48 bodů
PrestaShop 1.6.0
46 bodů
MySpidero POS 2.2
31 bodů
LightSpeed POS
48 bodů
Shopify POS
48 bodů
Vend
49 bodů
Tabulka 2: Výsledky heuristické analýzy
55
5 Výsledky a doporučené úpravy Analýzy systému MySpidero, provedené v kapitole 3, odhalily úzká místa systému z hlediska použitelnosti a intuitivnosti pro uživatele. Na základě provedených analýz jsou popsána problémová místa především webového portálu a elektronické pokladny. Vytvořený internetový obchod byl po otestování shledán jako dobře použitelný, což do jisté míry ovlivňuje zvolená grafická šablona. Z hlediska přístupnosti v rovině technických omezení jsou webový portál i elektronická pokladna dobře přístupné dle analýz uvedených v kapitolách 3.6.1 a 3.6.2. Internetový obchod nesplňuje všechna pravidla přístupnosti dle metodiky WCAG 2.0. Po odstranění problémů v přístupnosti uvedených v kapitole 3.6.3 je možné MySpidero e-shop označit jako plně přístupný. Koncový uživatel systému však může přístupnost e-shopu ovlivnit vkládanou grafikou či vyplněním potřebných atributů. Součástí manuálu k systému by měla být kapitola týkající se přístupnosti e-shopu a možnostmi jak výslednou přístupnost e-shop ovlivnit z uživatelského hlediska.
5.1
Doporučené úpravy pro webový portál MySpidero
PROBLÉM:
Sekce Prodejny na portálu je pro uživatele velmi neintuitivní (příloha C2.1).
ŘEŠENÍ:
Přidat základní popis nákupu zařízení přímo do této webové stránky, zároveň detailně popsat práci se zařízeními v dokumentaci k systému.
PROBLÉM:
Komplikovaná správa statických stránek a kategorií (příloha C3.1).
ŘEŠENÍ:
Správa statických stránek je jedním z posledních modulů, které byly v systému vyvinuty. Pomocí této sekce je možné spravovat a vytvářet obsah webu, modelovat příslušné navigace (víceúrovňové) atp. Pro zvýšení použitelnosti této poměrně náročnější agendy bude vhodné vytvoření video návodů, které přesně ukáží jak s agendou pracovat.
PROBLÉM:
Nedostatečný systém nápovědy na portálu.
ŘEŠENÍ:
Vhodným vylepšením stávající nápovědy webového portálu je vytvoření kompletní dokumentace k systému, která bude uživatelům dostupná z každé obrazovky webového portálu. Dokumentace by měla být zaměřena na úkony a měla by být doplněna o snímky obrazovek charakterizující každou akci. Složitější moduly systému by mohly být
56
opatřeny komentovanými videonahrávkami práce se systémem. Velmi dobře zpracovaný manuál má systém Shopify (příloha D2). PROBLÉM:
Efektivita práce se systémem po registraci.
ŘEŠENÍ:
Po registraci systému by uživatel měl mít k dispozici volitelně spustitelného původce, který uživatele provede iniciálním nastavením systému a který ho seznámí se základní funkcionalitou webu. Průvodce by se měl zabývat základní prací se systémem, měl by projít agendy vkládání produktů, nastavení vzhledu e-shopu, správu reklamních obrázků, správu statických stránek a nastavení dopravy a platby. Pozornost by v rámci průvodce měla věnována i hromadnému importu dat.
PROBLÉM:
Nedostatečné textové popisy agend na hlavní straně (příloha C1.3).
ŘEŠENÍ:
Revidovat veškeré textové informace webového portálu s cílem vytvořit stručné a výstižné popisy. Uživatelé měli problémy především s hlavní stranou portálu.
PROBLÉM:
Nejasnosti v popisech odkazů Můj účet a Můj profil resp. My account a My profile (příloha C1.1).
ŘEŠENÍ:
Pro uživatele je zprvu matoucí rozdělení těchto dvou agend. Vhodným řešením je revize pojmenování těchto agend.
Použitelnost webového portálu je na velmi dobré úrovni (41 bodů z 50 možných při heuristické analýze), což potvrdily uživatelské testy, kdy i nezkušený uživatel základní práci s portálem zvládá. Po zpracování navržených řešení by bylo vhodné provedení dalšího kola uživatelského testování s cílem zhodnocení správnosti provedených úprav.
5.2
Doporučené úpravy pro elektronickou pokladnu
PROBLÉM:
Funkčnost základních modulů elektronické pokladny.
ŘEŠENÍ:
Testování a analýza elektronické pokladny odhalily kromě problémů v použitelnosti taktéž problémy ve funkčnosti. Při sledování testerů se objevovala různá chybová hlášení a neočekávané chování pokladny. Prioritně by měly být opraveny tyto drobné problémy ve funkčnosti, které zákazníka placeného systému jistě odradí.
PROBLÉM:
Úroveň jazyka anglické verze elektronické pokladny.
57
ŘEŠENÍ:
V prostředí anglické verze elektronické pokladny bylo nalezeno velké množství termínů, které neodpovídají reálnému světu. Na základě testování konkurenčních systémů je možné označit textové popisy anglické verze pokladny za významově nesprávné.
PROBLÉM:
Nižší efektivita procesu prodeje.
ŘEŠENÍ:
Proces prodeje se skládá ze tří, po sobě následujících, obrazovek. Odstraněním obrazovky výběru zákazníka, kdy je uživatel nucen každého nového zákazníka registrovat se proces výrazně zjednoduší (příloha C6.3). Na pokladnách probíhají desítky až stovky prodejů denně. Obrazovka samotného prodeje se skládá z několika částí (příloha C6). Inspirací zjednodušení prodeje na elektronické pokladně může být elektronická
pokladna
Vend,
jež
dosáhla
nejvyššího hodnocení
použitelnosti (obrázek 17). Na základě analýzy konkurence byl vytvořen prototyp uživatelského rozhraní pokladny pro mobilní zařízení, který zachovává požadovanou funkcionalitu systému, avšak je vytvořen s ohledem na jednoduchost použití (obrázek 5.1). PROBLÉM:
Konzistence a nevýrazné grafické zpracování důležitých odkazů (příloha C6.1 a C6.2).
ŘEŠENÍ:
Uživatelské rozhraní je možné procházet navigačními prvky, které nejsou pro mobilní zařízení dostatečně velké a výrazné. Navigační prvky by v rámci pokladny měl být zvětšeny a zvýrazněny. Taktéž bude vhodné zvýraznění tlačítka pro platbu, které je malé a nevýrazné.
PROBLÉM:
Nedostatečný systém nápovědy.
ŘEŠENÍ:
Stejně jako u webového portálu, i elektronická pokladna postrádá odpovídající nápovědu a dokumentaci. Dokumentace k elektronické pokladně by měla být dostupná z každé obrazovky a měla by jednoduše popisovat provedení daného úkonu. Všechny aktuálně vytvořené dokumenty nápovědy by měly pro uživatele být vždy dostupné.
5.3
Doporučené úpravy pro internetový obchod
PROBLÉM:
Při vyplňování kontaktních údajů pro dokončení objednávky uživatel nepozná, které formulářové prvky jsou povinné (příloha C5).
58
ŘEŠENÍ:
U formulářových polí, které jsou pro koncového uživatele pro dokončení objednávky povinné, je vhodné příslušně označit, aby uživatele nebyli nuceni vyplňovat všechny údaje.
Obrázek 5.1: Prototyp obrazovky prodeje elektronické pokladny (použitý nástroj Balsamiq Mockups, http://www.balsamiq.com)
59
5.4
Navrhovaná vylepšení systému
Na základě analýzy konkurence by se systém MySpidero mohl v budoucnu rozšířit o tyto moduly: •
vylepšená integrace sociálních sítí
Prezentace e-shopu prostřednictvím sociální sítě Facebook by mohla být vhodným rozšířením stávající funkčnosti systému. Systém sice nabízí možnost odkazování, čí sdílení internetového obchodu na této sociální síti, avšak jako vhodné se jeví možnost sdílení jednotlivých produktů či integrace dalších sociálních sítí (Twitter, LinkedIn, Google+ apod.). •
úprava grafických šablon na uživatelské úrovni
Pro pokročilé uživatele se znalostí kódování by systém mohl nabídnout editaci připravených šablon. V cílové skupině zákazníků se budou nacházet právě i zákazníci se znalostí informačních technologií. Toto vylepšení by však nemělo mít zvláštní prioritu, jelikož je možné nalézt vylepšeni důležitější. •
více grafických šablon pro uživatele
Nabídka grafických šablon je v porovnání konkurenčních poměrně malá (dvacet šablon), avšak společnost zamýšlí do budoucna vytvoření šablon i placených, čímž portfolio nabízených šablon výrazně vzroste a umožní spolupráci více externích kodérů a grafiků. •
lepší prezentace statistik prodejů na webovém portále
Systém umožňuje zobrazení dat o prodejích na internetovém obchodu pouze prostřednictvím systému elektronické pokladny a to v textové formě. Zákazník, resp. majitel e-shopu, by kladně hodnotil zobrazení manažerských dat přímo na portále. Data by mohla být vyjádřena i graficky, dobře zpracované statistiky prodejů má například administrace systému PrestaShop 1.6.0 (příloha E1). •
rozšíření statistik prodejů pokladny o grafické znázornění
I u systému elektronické pokladny by stálo za zvážení doplnit statistiky prodeje na pokladně o grafické vyjádření obdobně jako je tomu u systému Vend (příloha G2).
60
6 Závěr Cílem diplomové práce bylo odhalení úzkých míst v použitelnosti systému pro podporu obchodování MySpidero a návrh jejich odpovídajících řešení. Provedením heuristické analýzy, uživatelského testování a analýzy přístupnosti byly odhaleny problémové části systému. Největší důraz byl kladen na uživatelské testování, kdy je možné pozorovat reálného uživatele při práci se systémem. Pro zlepšení interakce člověka se systémem byla pro každý nalezený problém navrhnuta náprava, jejíž realizací se zlepší použitelnost příslušné obrazovky či části systému. Součástí práce je taktéž analýza konkurence, která měla za úkol srovnat systém MySpidero s oblíbenými komerčními i otevřenými systémy pro správu internetového obchodu a elektronické pokladny. Analýza poukázala na některé zajímavé vlastnosti a funkce, o které by mohl systém MySpidero být do budoucna rozšířen. Výsledky analýzy konkurence budou předloženy vedení společnosti a bude navrhnuto jejich postupné zapracování. Přestože srovnávané konkurenční systémy jsou vyvíjeny většinou již několik let a vývojové týmy zahraničních společností se skládají někdy i ze stovek pracovníků, bude možné systém MySpidero považovat za konkurenceschopný, pokud se společnosti podaří upravit či odstranit problémy popsané v kapitole 4. Analýzy provedené v této práci mohou taktéž sloužit uživatelům, kteří mají zájem o využívání systémů pro podporu obchodování. Jelikož obliba prodeje prostřednictvím Internetu stále roste, je možné odhadnout, že i poptávka po systémech zajišťujících správu internetového obchodu v budoucnu poroste. Stále více obchodníků se bude snažit využit omni-channel prodeje a m-commerce, což může být pro systém cesta k úspěšnému udržení se na trhu. Pro úspěch je však nutné vylepšit a následně udržet vysokou míru uživatelského prožitku především pro úspěch na zahraničních trzích.
61
7 Literatura a použité zdroje [1]
IBM. IBM iSeries e-business Handbook. [online]. 2001. [cit. 2013-10-12]. Dostupné na URL
.
[2]
MANUCCI, Justin. Different types of e-business models. [online]. 2010. [cit. 2013-1012]. Dostupné na URL .
[3]
CADDEN.L., LUEDER. S. Modern management of small businesses. [online]. 2012. [cit. 2013-10-13]. Dostupné z URL .
[4]
E-business. [online]. [cit. 2013-11-10]. Dostupné na URL .
[5]
Worldwide B2C Ecommerce: 2013 Forecast and Comparative Estimates. [online]. [cit. 2014-03-01]. Dostupné na URL .
[6]
Nearly 60 % of EU internet users shop online. [online]. 2013. [cit. 2014-03-02]. Dostupné na URL .
[7]
LINTON, Ian, The Definition of Multi-Channel Retailing. [online]. [cit. 2014-04-02]. Dostupné na URL .
[8]
Defining omnichannel and the value of the omniscient customer experience. [online]. [cit. 2014-04-04]. Dostupné na URL .
[9]
Point of Sale (POS) system. [online]. [cit. 2014-04-02]. Dostupné na URL .
[10]
ACM SIGCHI CURRICULUM DEVELOPMENT GROUP. ACM SIGCHI Curricula for Human-Comupter Interaction. New York: ACM, 1992. ISBN 0-89791474-0. Dostupné na URL .
62
[11]
NIELSEN, Jakob. Usability 101: Introduction to Usability. [online]. 2012. [cit. 201404-04]. Dostupné na URL .
[12]
KRUG, Steve. Web design – Nenuťte uživatele přemýšlet!. Brno: Computer Press 2006, ISBN 80-251-1291-8.
[13]
W3C. Usability – ISO 9241 definition. [online]. 2002. [cit. 2014-04-04]. Dostupné na URL .
[14]
ŠPINAR, David. Charakteristika a výhody přístupnosti. [online]. [cit. 2014-04-10]. Dostupné na URL .
[15]
ŠPINAR, David. Tvoříme přístupné webové stránky. Brno: Zoner Press, 2004. 360 s. ISBN 80-86815-11-0.
[16]
KUBÍČEK, Michal. Velký průvodce SEO. Brno: Computer Press, 2011. 456 s. ISBN 978-80-251-2195-5.
[17]
RUBIN, J., CHISNELL, D. Handbook of Usability Testing: Howto Plan, Design, and Conduct Effective Tests, 2nd Edition. Indianapolis: Wiley Publishing, 2008. 384 s. ISBN 978-0-470-18548-3.
[18]
What is A/B testing? [online]. [cit. 2014-04-20]. Dostupné na URL .
[19]
POOLE, A., BALL, L. Eye Tracking in Human-computer Interaction and Usability research: Current Status and Future Prospects. [online]. 2010. [cit. 2014-05-04]. Dostupné na URL .
[20]
Personas. [online]. [cit. 2014-04-26]. Dostupné z URL .
[21]
KRUG, Steve., Nenuťte uživatele přemýšlet! Praktické průvodce testováním a opravou chyb použitelnosti webu. Brno: Computer Press, 2010. 168 s. ISBN 978-80-2512923-4.
63
Přílohy Příloha A: 10 heuristik použitelnosti dle J. Nielsena 1 Viditelnost stavu systému Systém by měl uživatele vždy informovat o dění na aktuální obrazovce prostřednictvím vhodné zpětné vazby v adekvátním čase. 2 Shoda systému a reálného světa Systém by měl komunikovat s uživatelem přirozeným jazykem. Převažovat by měly slova, fráze a koncepty známé z reálného světa nad systémově orientovanými termíny. Systém musí informace zobrazovat vždy v přirozeném a logickém sledu. 3 Uživatelská kontrola a svoboda Uživatel často využije funkcionalitu systému omylem. Systém by měl nabízet zřetelnou možnost vrácení se do původního stavu bez nutnosti využití dalších dialogů. 4 Standardizace a konzistence Systém by měl být pro uživatele konzistentní. Stejná slova nebo situace by měly mít vždy stejný význam. 5 Prevence chyb Systém by měl minimalizovat možnost výskytu chyby. 6 Rozpoznání namísto vzpomínání Uživatel by neměl být nucen si pamatovat informace v práci s různými dialogy. Instrukce pro práci se systémem by měly být dostupné vždy, když jsou zapotřebí. 7 Flexibilní a efektivní použití Systém může efektivně využívat i uživatel, který s ním nemá významnou zkušenost. Rozhraní by mělo být navrhnuto za účelem snadného použití pro různé uživatele. 8 Estetický a minimalistický design Design systému by měl být minimalistický, což praxi znamená, že systém by měl zobrazovat vše potřebné bez dalších zbytečností. Informace by měly být zobrazeny čistě a účelově.
64
9 Rozpoznání a řešení problémů Chybové zprávy musí být vyjádřeny slovně bez použití kódu. Musí přesně identifikovat problém a navrhnout uživateli jeho konstruktivní řešení. Webové aplikace mají disponovat vlastní chybovou stránkou zobrazující chybu 404, Dokument nenalezen. 10 Nápověda a návody Pokud je pro použití systému nutná dokumentace, musí být vždy pro uživatele k dispozici, měla by být zaměřená na uživatelské úkony a neměla by být příliš rozsáhlá.
65
Příloha B: Scénáře uživatelského testování ÚKOL 1:
Zaregistrujte se do služby MySpidero (http://www.myspidero.cz).
SCÉNÁŘ:
Nacházíte se v roli potenciálního zákazníka pro systém na správu eshopu a elektronické pokladny. Na webové prezentaci služby si ji pokuste zdarma zaregistrovat.
ÚKOL 2:
Na portálu vytvořte první testovací produkt pro e-shop (například tričko).
SCÉNÁŘ:
Po zaregistrování a prvním seznámení se s projektem potřebujete na svůj internetový obchod začít vkládat produkty. Založte s použitím portálu první produkt a vyplňte u něj různá data (popis, akční cena, obrázek atp.).
ÚKOL 3:
Na portálu zjistěte, kolik bude zákazník platit za provoz řešení na dvou prodejnách (na každé prodejně jedna pokladna).
SCÉNÁŘ:
Zjistěte informaci o ceně za službu, pokud budete chtít provozovat jeden internetový obchod a dvě elektronické pokladny. Každá pokladna bude fungovat v jiné prodejně.
ÚKOL 4:
Změňte šablonu vzhledu e-shopu a následně vložte na e-shop své vlastní logo.
SCÉNÁŘ:
Při úpravě svého internetového obchodu potřebujete změnit jeho vzhled, protože původní Vám nevyhovuje. Na portálu změňte nejprve šablonu vzhledu e-shopu. Poté změňte logo e-shopu.
ÚKOL 5:
Proveďte na předloženém e-shopu kompletní objednávku.
SCÉNÁŘ:
Nyní se nacházíte v roli koncového zákazníka na e-shopu. Proveďte kompletní objednávku zboží, jako by se jednalo o reálný obchod. Vyberte si dva druhy produktů a nakupte je standardním způsobem.
66
ÚKOL 6:
Na portálu založte do databáze nový druh dopravy.
SCÉNÁŘ:
Jako majitel e-shopu potřebujete nabízet svým zákazníkům nový druh dopravy (zásilková služba). Založte na portálu tento nový druh dopravy do databáze a otestujte, zdali je možné tento typ dopravy v e-shopu reálně využívat.
ÚKOL 7:
Editujte pomocí portálu textový obsah stránky O nás na e-shopu.
SCÉNÁŘ:
V roli majitele e-shopu máte povinnost udržovat kontaktní údaje a údaje o Vaší společnosti aktuální. S pomocí portálu upravte obsah stránky O nás, která se zobrazuje na e-shopu zákazníkům.
ÚKOL 8:
Na elektronické pokladně simulujte kompletní prodej.
SCÉNÁŘ:
Nyní se nacházíte v roli prodejce na elektronické pokladně (MySpidero POS 2.2). Na tomto zařízení simulujte prodej 2 produktů až do finálního vytištění účtenky za prodej.
ÚKOL 9:
Zobrazte na pokladně, kolik prodejů se uskutečnilo za poslední měsíc.
SCÉNÁŘ:
V rámci pravidelného zjišťování statistik o prodejích zobrazte na elektronické pokladně sumu prodejů za poslední kalendářní měsíc.
ÚKOL 10:
Vložte do pokladny záznam o přijetí 200 ks triček.
SCÉNÁŘ:
Na prodejnu Vám dodavatel doručil 200 ks produktu vytvořeného v úkolu 2. Založte do pokladny záznam o přijetí tohoto množství produktů.
67
Příloha C: Snímky obrazovek systému MySpidero C1: Domovská stránka webového portálu po přihlášení
68
C2: Obrazovka nákupu pokladen a zařízení
69
C3: Vytváření a úprava navigace internetového obchodu
70
C4: Úvodní strana testovaného internetového obchodu
71
C5: Obrazovka zadávání údajů při provádění objednávky na e-shopu
72
C6: Obrazovka skenování a výběru artiklů
73
Příloha D: Snímky obrazovek systému Shopify D1: Úvodní strana administrace systému (tzv. dashboard)
74
D2: Úvodní stránka manuálu k systému Shopify
75
D3: Průvodce prvním použití elektronické pokladny
D4: Ukázka obrazovky prodeje
76
D5: Obrazovka výběru platby za zboží
77
Příloha E: Snímky obrazovky systému PrestaShop 1.6.0 E1: Domovská stránka administrace internetového obchodu
78
Příloha F: Snímky obrazovek systému LightSpeed F1: Uživatelské rozhraní administrace e-shopu (tzv. control panel)
79
F2: Uživatelské rozhraní elektronické pokladny LightSpeed
80
Příloha G: Snímky obrazovky elektronické pokladny Vend G1: Obrazovka prodeje elektronické pokladny Vend
G2: Obrazovka administrace pokladního systému Vend
81