Portál Produktov a služieb GKÚSkúsenosti s návrhom a tvorbou eShopu

Tomáš Sasko Analyst & Designer

Dôvod vzniku

• Elektronický prístup k údajom

• Znížiť administratívu pri poskytovaní údajov

• Zvýšiť komfort zákazníkov

Registrácia/ prihlásenie

Prehliadať produkty

Získať licenciu

Objednať produkty

Prezerať objednávky

Stiahnuť produkty

Definovať záujmovú oblasť

Používateľ

Technologický základ

• GeoMedia WebMap

• Oracle databáza

• Service Oriented Architecture

• Proxy

• Klienti

Úloha G-BASE

• Klient administrátora

• Databázová časť

• Geoprocesing

• Analýza

• Verejný klient

• Proxy

• Verejný klient

?

?

Keep good Trash bad - rozhodnutie zaoberať sa UI a UX

?

?i

Logika zliav

28,800 až 43,200 kombinácií(200 až 300) x 18 x 8 =

Minimalizovanie kombinácií

Definovanie plochy používateľského rozhrania

Dátum Vyššie 1024x768 800x600 640x480 Iné

Január 2012 85 % 13 % 1 % 0 % 1 %

Január 2011 85 % 14 % 0 % 0 % 1 %

Január 2010 76 % 20 % 1 % 0 % 3 %

Január 2009 57 % 36 % 4 % 0 % 3 %

Zdroj: http://www.w3schools.com

Vyššie1024x768800x600640x480Iné

Rozlíšenie obrazoviekJanuár 2012

1366 px

15,6 palca768 px

Bezpečná zóna

Blokový model

Model interakcií obrazoviek

• vzťahy medzi jednotlivými stránkami

• prepojenia stránok

• podmienky prechodu na stránky

•využitie frameworku pri tvorbe prototypu (bootstrap)

Model interakcií obrazoviek

Model rozloženia obrazoviek

• Model interakcií obrazoviek

• Blokový model

• Model rozloženia obrazoviek

• Detailnejší popis používateľského rozhrania

• Vyšší dôraz na reflektovanie zmien v návrhových dokumentoch

Dokumentácia používateľského rozhrania

Použité štandardy

HiDPI displeje

Mobilné zariadenia

•Responzívny dizajn •Mobile first

Ukážka