UI Flows - xrese/shared-mental-health GitHub Wiki

UI Flows

The following diagrams show the UI flows based on user actions. The ovals represent a page or main view of the app. Each arrow then is a transition from one view to another, based on some user action, which labels the arrow. Actions in square brackets represent the press of button. Arrow colors have no significance and exists only to differentiate parts of the diagram.

Phase 1 UI Flow

UI Phase 01 Flow

Phase 2 UI Flow

UI Phase 02 Flow

Phase 3 UI Flow

UI Phase 03 Flow

App Drawer UI Flow

UI Drawer Flow