Upload
tomas-sasko
View
189
Download
3
Embed Size (px)
DESCRIPTION
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
Citation preview
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