Ako vznikal prvý eShop na priestorové dáta na Slovensku pre Geodetický a kartografický ústav v Bratislave, s akými problémami sme sa stretli a čo by sme spravili inak. Moja prezentácia na používateľskej konferencii Geoforum CS 2013 v Mikulove

1. Portál Produktov a služieb GKÚ
Skúsenosti s návrhom a tvorbou eShopu
Tomáš Sasko
Analyst & Designer

2. Dôvod vzniku
• Elektronický prístup k údajom
• Znížiť administratívu pri
poskytovaní údajov
• Zvýšiť komfort zákazníkov

3. Registrácia/
prihlásenie
Prehliadať
produkty
Získať
licenciu
Objednať
produkty
Prezerať
objednávky
Stiahnuť
produkty
Definovať
záujmovú oblasť
Používateľ

4. Technologický základ
• GeoMedia WebMap
• Oracle databáza
• Service Oriented Architecture
• Proxy
• Klienti

5. Úloha G-BASE
• Klient administrátora
• Databázová časť
• Geoprocesing
• Analýza
• Verejný klient
• Proxy

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

14. ?
?
i

16. Logika zliav
Minimalizovanie kombinácií
(200 až 300) x 18 x 8 = 28,800 až 43,200 kombinácií

17. 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

18. Rozlíšenie obrazoviek
Vyššie
1024x768
800x600
640x480
Iné
Január 2012

19. 1366 px
15,6 palca
768 px

20. Bezpečná zóna

21. Blokový model

22. 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)

23. Model interakcií obrazoviek

24. Model rozloženia obrazoviek

25. Dokumentácia používateľského rozhrania
• 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

26. Použité štandardy

27. HiDPI displeje

28. Mobilné zariadenia
•Responzívny dizajn
•Mobile first

29. Ukážka