wiki:BluePrint/SAFIRE/GUIDesign

Version 25 (modified by Nuwan Waidyanatha, 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:

  1. Dashboard
  2. 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). It can be a collection of one or more of the objects listed below.
3. Profile is a presentation of all the relevant information pertaining to a selected query record that might be presented using one or more of the objects listed below
4. Quick Nav image or container to navigate to a particular EOC function: Operations, Planning, Logistics, Communication, Admin & Finance.
5. Button Strictly for CRUD only; i.e. standard Eden buttons
6. Summary summary box with either a paragraph or list (e.g. headline, title, status, priority, date information)
7. Indicator numbers, color-coding, chart, or other dynamic indicator (e.g. number of active incident reports)
8. Table table listing or the records with selected columns (i.e. standard Eden table).
9. Map map view of the geo-tagged information on a map (i.e. standard Eden map).
Note: See TracWiki for help on using the wiki.