Version 23 (modified by 7 years ago) ( diff ) | ,
---|
SAFIRE GUI DESIGN
Design Norms
Design norms are set to simplify the GUI design with a standard set of objects and navigation for the user to:
- interact with the system with zero complexity
- know where they are at every step of each function
- present the information using a standard set of objects
Each of the GUI objects will comprise the following design and functional characteristics:
- Dashboard
- Table
Dashboard
Upon login the user will be presented with the dashboard
First <div> container
A row with status Indicators that also serve as a Quick Nav control. They would vary for each of the EOC role specific dashboards:
Role dashboard | incidents | resource request | dispatch | planning | logistics | admin & finance |
---|---|---|---|---|---|---|
Commander | Y | Y | Y | Y | Y | Y |
Operations | Y | Y | Y | |||
Planning | Y | Y | Y | Y | Y | |
Logistics | Y | Y | ||||
Communication | Y |
Second <div> container
This container that is static below the first <div> container has two tabs: (1) Table view and (2) Map view.
- Table view is a listing of all the records with attribute specific filtering
- Map view is spatial representation of the records with zoom in & out functions for filtering
- The table and map view records synchronize during the filtering processed used by wither tab
- When a record is selected, it triggers navigation to a Profile representation of the record
GUI Objects
The GUI design comprises the following objects
Object | Description |
---|---|
1. Menu items | role specific navbar menu items and the submenu hierarchy; typically itemized in the nav-bar |
2. Dashboard | role specific landing page (i.e. upon login direct user to the page) |
3. Quick Nav | image or container to navigate to a particular EOC function: Operations, Planning, Logistics, Communication, Admin & Finance. |
4. Button | Strictly for CRUD only; i.e. standard Eden buttons |
5. Summary | summary box with either a paragraph or list (e.g. headline, title, status, priority, date information) |
6. Indicator | numbers, color-coding, chart, or other dynamic indicator (e.g. number of active incident reports) |
7. Table | table listing or the records with selected columns (i.e. standard Eden table). The key function is to serve as a list search to filter records |
8. Map | map view of the geo-tagged information on a map (i.e. standard Eden map). The key function is to serve as a spatial search to filer records |
Note:
See TracWiki
for help on using the wiki.