Industry collaboration / UX & UI
2026 — ongoing
Kunming Metro · AI-Assisted Flood Response
AI-enabled flood monitoring & response
AI-enabled flood monitoring & response
AI-enabled flood response
Industry collaboration / UX & UI
2026 — ongoing
Kunming Metro · AI-Assisted Flood Response
AI-enabled flood monitoring & response
AI-enabled flood response
Brief
An AI-enabled enterprise platform for flood monitoring, warnings and emergency response across Kunming Metro Lines 1, 2 and 6. Designed for an expected 5,000–6,000 users, it helps control-centre and station teams coordinate action and track progress.
TOOLS & TECHNOLOGIES
Web and mobile platform · AI-assisted assessment with staff review
TOOLS & TECHNOLOGIES
Web and mobile platform · AI-assisted assessment with staff review
My contribution
I co-designed web and mobile workflows and worked with the technical coordinator, front-end developers and project PM to clarify client requirements and explore where AI assistance could fit.
Brief
An AI-enabled enterprise platform for flood monitoring, warnings and emergency response across Kunming Metro Lines 1, 2 and 6. Designed for an expected 5,000–6,000 users, it helps control-centre and station teams coordinate action and track progress.
TOOLS & TECHNOLOGIES
Web and mobile platform · AI-assisted assessment with staff review
My contribution
I co-designed web and mobile workflows and worked with the technical coordinator, front-end developers and project PM to clarify client requirements and explore where AI assistance could fit.
Role
UX/UI design · Web & App
Timeline
My involvement: July–September 2026
Team
Approx. 20–30 collaborators · 2 UI, UXdesigners
Platform
Web platform & mobile App
Platform
Web platform & mobile App
Role
UX/UI design · Web & App
Timeline
My involvement: July–September 2026
Team
Approx. 20–30 collaborators · 2 UI, UXdesigners
Platform
Web platform & mobile App
Preparing for flood emergencies
01 / PROJECT BACKGROUND
Connecting monitoring with coordinated action
Extreme weather and water hazards demand a shared view of metro conditions. The platform connects monitoring, warnings and response tasks, with AI-assisted assessment and staff-confirmed decisions.
Rainfall
How intense is the rain?
Water levels
Where is water rising?
Drainage equipment
Is drainage ready?
Connecting the centre and the field
02 / USERS AND CONTEXT
Centre teams make decisions; field teams carry out the work. Both need a shared view of tasks and progress.
Control-centre teams
Web and large-screen monitoring
Assess flood conditions and resources, assign tasks and track progress across stations.
Instructions and field updates
Station and maintenance teams
Mobile field work
Confirm warnings, receive tasks and report site conditions, progress and evidence.
Safety and professional teams
Review issues
Assign
Verify work
System administrators
Permissions
Configuration
System health
Preparing for flood emergencies
01 / PROJECT BACKGROUND
Connecting monitoring with coordinated action
Extreme weather and water hazards demand a shared view of metro conditions. The platform connects monitoring, warnings and response tasks, with AI-assisted assessment and staff-confirmed decisions.
Rainfall
How intense is the rain?
Water levels
Where is water rising?
Drainage equipment
Is drainage ready?
Connecting the centre and the field
02 / USERS AND CONTEXT
Centre teams make decisions; field teams carry out the work. Both need a shared view of tasks and progress.
Control-centre teams
Web and large-screen monitoring
Assess flood conditions and resources, assign tasks and track progress across stations.
Instructions and field updates
Station and maintenance teams
Mobile field work
Confirm warnings, receive tasks and report site conditions, progress and evidence.
Safety and professional teams
Review issues
Assign
Verify work
System administrators
Permissions
Configuration
System health
Preparing for flood emergencies
01 / PROJECT BACKGROUND
Connecting monitoring with coordinated action
Extreme weather and water hazards demand a shared view of metro conditions. The platform connects monitoring, warnings and response tasks, with AI-assisted assessment and staff-confirmed decisions.
Rainfall
How intense is the rain?
Water levels
Where is water rising?
Drainage equipment
Is drainage ready?
Connecting the centre and the field
02 / USERS AND CONTEXT
Centre teams make decisions; field teams carry out the work. Both need a shared view of tasks and progress.
Control centre
Monitor conditions, assign tasks and track progress.
Tasks & updates
Station teams
Confirm warnings; report conditions, progress and evidence.
Safety teams
Review issues
Assign
Verify work
System admin
Permissions
Configuration
System health
From monitoring to coordinated response
04 / SYSTEM & RESPONSE LOOP
Connect data, assessment and action through one shared event and a feedback loop.
01 / DATA & REPORTS
Weather & sensors
Rainfall, water levels, equipment
Site reports
Photos, video, text and voice
Reference knowledge
Plans, cases and operating rules
Water accumulation
Location & time
Site evidence
Combine the report with live monitoring.
02 / ASSESS & CONFIRM
Shared event context
Location
Time
Evidence
Status
AI-assisted review
Suggest response actions from the evidence.
Severity + matching plans
Prototype; staff decide.
Staff confirmation
Review the proposal.
Adjust actions & resources
Confirm responsible teams
Confirm & dispatch
Tasks
Updates
03 / COORDINATE & VERIFY
Web / control centre
Assign tasks to responsible teams and track progress.
App / field teams
Carry out tasks and return site updates and evidence.
Assigned / acknowledged
In progress / add evidence
Completion review
Verify returned evidence, then close the record.
From monitoring to coordinated response
04 / SYSTEM & RESPONSE LOOP
Connect data, assessment and action through one shared event and a feedback loop.
01 / DATA & REPORTS
Weather & sensors
Rainfall, water levels, equipment
Site reports
Photos, video, text and voice
Reference knowledge
Plans, cases and operating rules
Water accumulation
Location & time
Site evidence
Combine the report with live monitoring.
02 / ASSESS & CONFIRM
Shared event context
Location
Time
Evidence
Status
AI-assisted review
Suggest response actions from the evidence.
Severity + matching plans
Prototype; staff decide.
Staff confirmation
Review the proposal.
Adjust actions & resources
Confirm responsible teams
Confirm & dispatch
Tasks
Updates
03 / COORDINATE & VERIFY
Web / control centre
Assign tasks to responsible teams and track progress.
App / field teams
Carry out tasks and return site updates and evidence.
Assigned / acknowledged
In progress / add evidence
Completion review
Verify returned evidence, then close the record.
From monitoring to coordinated response
04 / SYSTEM & RESPONSE LOOP
Connect data, assessment and action through one shared event and a feedback loop.
01 / DATA & REPORTS
Weather & sensors
Rainfall, water levels, equipment
Site reports
Photos, video, text and voice
Reference knowledge
Plans, cases and operating rules
Water accumulation
Location & time
Site evidence
Combine the report with live monitoring.
02 / ASSESS & CONFIRM
Shared event context
Location
Time
Evidence
Status
AI-assisted review
Suggest response actions from the evidence.
Severity + matching plans
Prototype; staff decide.
Staff confirmation
Review the proposal.
Adjust actions & resources
Confirm responsible teams
Confirm & dispatch
Tasks
Updates
03 / COORDINATE & VERIFY
Web / control centre
Assign tasks to responsible teams and track progress.
App / field teams
Carry out tasks and return site updates and evidence.
Assigned / acknowledged
In progress / add evidence
Completion review
Verify returned evidence, then close the record.
WEB / CONTROL CENTRE
Review reports · Assign responsibility · Coordinate teams
Connecting reports, decisions and response
05 / KEY INTERFACES
A report brings the response into focus
Shared report context · Choose the parallel workspace the task needs.
Dispatch
Choose who handles the report and follow the team handover.
Assessment
Review severity and confirm the responsible departments.
Coordination
Connect plans, incident tasks and team progress.
Field updates and returned evidence support progress review.
Read conditions before choosing a response
Monitoring provides context for response work. Staff can inspect a device’s history without leaving the overview.
Station environment · Read device status and related alerts.
Parallel views: station environment · slope monitoring · pump control boxes. Drone views provide another monitoring entry.
View history → device trends and records. Close → return to monitoring.
Monitoring and response are related workspaces; this example does not imply an automatic jump into a work order.
Dispatch work and review its completion
WEB
Dispatch
Assessment
Coordination
Review a report, choose who handles it and check the returned work.
Find the report that needs attention
The report list lets staff check status and open a specific record. Pending is the selected queue in this example.
Page overview · highlighted list enlarged below
1 Current state · 2 Handle opens the report; Close returns here.
Review the evidence and choose a handling action
Evidence stays beside the handling controls so staff can choose responsibility against the same report. Assign, Lead team and Push remain parallel options.
A
Report context
B
Handling controls
Handling dialog
Choose the relevant action
Assign
Name the person or team handling the report.
Lead team
Set departmental responsibility.
Push
Inspect acceptance and departmental handovers.
Push: expand the dispatch flow
Expanded dispatch flow
Lead and supporting departments can work in parallel; their updates stay attached to the report.
Review returned work before closure
After work progresses, staff use Closure review to inspect the returned record.
Separate entry: Closure / Review
Page overview · highlighted review list enlarged below
Closure review queue
1
States stay visible
This queue shows records at different stages.
2
Open the review record
Inspect returned evidence before closure.
WEB / CONTROL CENTRE
Review reports · Assign responsibility · Coordinate teams
Connecting reports, decisions and response
05 / KEY INTERFACES
A report brings the response into focus
Shared report context · Choose the parallel workspace the task needs.
Dispatch
Choose who handles the report and follow the team handover.
Assessment
Review severity and confirm the responsible departments.
Coordination
Connect plans, incident tasks and team progress.
Field updates and returned evidence support progress review.
Read conditions before choosing a response
Monitoring provides context for response work. Staff can inspect a device’s history without leaving the overview.
Station environment · Read device status and related alerts.
Parallel views: station environment · slope monitoring · pump control boxes. Drone views provide another monitoring entry.
View history → device trends and records. Close → return to monitoring.
Monitoring and response are related workspaces; this example does not imply an automatic jump into a work order.
Dispatch work and review its completion
WEB
Dispatch
Assessment
Coordination
Review a report, choose who handles it and check the returned work.
Find the report that needs attention
The report list lets staff check status and open a specific record. Pending is the selected queue in this example.
Page overview · highlighted list enlarged below
1 Current state · 2 Handle opens the report; Close returns here.
Review the evidence and choose a handling action
Evidence stays beside the handling controls so staff can choose responsibility against the same report. Assign, Lead team and Push remain parallel options.
A
Report context
B
Handling controls
Handling dialog
Choose the relevant action
Assign
Name the person or team handling the report.
Lead team
Set departmental responsibility.
Push
Inspect acceptance and departmental handovers.
Push: expanded dispatch flow
Teams follow separate branches
Lead and supporting departments retain their own acceptance, handovers and updates under the same report.
Review returned work before closure
After work progresses, staff use Closure review to inspect the returned record.
Separate entry: Closure / Review
Page overview · highlighted review list enlarged below
Closure review queue
1
States stay visible
This queue shows records at different stages.
2
Open the review record
Inspect returned evidence before closure.
WEB / CONTROL CENTRE
Review reports · Assign responsibility · Coordinate teams
Connecting reports, decisions and response
05 / KEY INTERFACES
A report brings the response into focus
Shared report context · Choose the parallel workspace the task needs.
Dispatch
Choose who handles the report and follow the team handover.
Assessment
Review severity and confirm the responsible departments.
Coordination
Connect plans, incident tasks and team progress.
Field updates and returned evidence support progress review.
Read conditions before choosing a response
Read status in the overview; open history to inspect a device’s trends.
Station environment · Read device status and related alerts.
Parallel views: station · slope · pumps · drones.
View history → device trends and records. Close → return to monitoring.
History opens within monitoring; response tasks use their own entries.
Dispatch work and review its completion
WEB
Dispatch
Assessment
Coordination
Review a report, choose who handles it and check the returned work.
Find the report that needs attention
The report list lets staff check status and open a specific record. Pending is the selected queue in this example.
Page overview · highlighted list enlarged below
1 Current state · 2 Handle opens the report; Close returns here.
Review the evidence and choose a handling action
Evidence stays beside the handling controls so staff can choose responsibility against the same report. Assign, Lead team and Push remain parallel options.
A
Report context
B
Handling controls
Handling dialog
Choose the relevant action
Assign
Name the person or team handling the report.
Lead team
Set departmental responsibility.
Push
Inspect acceptance and departmental handovers.
Push: expand the dispatch flow
Expanded dispatch flow
Lead and supporting departments can work in parallel; their updates stay attached to the report.
Review returned work before closure
After work progresses, staff use Closure review to inspect the returned record.
Separate entry: Closure / Review
Page overview · highlighted review list enlarged below
Closure review queue
1
States stay visible
This queue shows records at different stages.
2
Open the review record
Inspect returned evidence before closure.
Assess issues and confirm responsibility
WEB
Dispatch
Assessment
Coordination
When severity or ownership needs review, staff use issue assessment. AI suggestions stay inside that review.
Choose an issue for assessment
Open Assess on a pending issue to review its severity and departmental responsibility.
Assess opens the selected issue’s panel; Close returns to this list.
Menu: Issue management / Handling / Pending
Review the issue within its assessment form
AI advice sits within the assessment so staff can compare it with the issue context before deciding.
Assessment panel: staff fields and AI support
Two points within this page
1 / Review the AI proposal
2 / Apply if useful, then confirm. Staff can edit the proposal before submitting their decision.
Review
Apply if useful
Confirm
Related views · separate menu entries
Completion details
Completion evidence.
View completed work
Risk register
Parallel risk records.
Open risk register
Review warning feedback
Returned evidence opens inside the warning queue.
Pending / overdue: add a note and evidence.
Confirmed: inspect the returned media.
Close returns to the queue. Field App counterpart below.
Assess issues and confirm responsibility
WEB
Dispatch
Assessment
Coordination
When severity or ownership needs review, staff use issue assessment. AI suggestions stay inside that review.
Choose an issue for assessment
Open Assess on a pending issue to review its severity and departmental responsibility.
Assess opens the selected issue’s panel; Close returns to this list.
Menu: Issue management / Handling / Pending
Review the issue within its assessment form
AI advice sits within the assessment so staff can compare it with the issue context before deciding.
Assessment panel: staff fields and AI support
Two points within this page
1 / Review the AI proposal
2 / Apply if useful, then confirm. Staff can edit the proposal before submitting their decision.
Optional AI path
Review
Apply if useful
Staff confirm
Related views · separate menu entries
Completion details
Completion evidence.
View completed work
Risk register
Parallel risk records.
Open risk register
Review warning feedback
Returned evidence opens inside the warning queue.
Pending / overdue: add a note and evidence.
Confirmed: inspect the returned media.
Close returns to the queue. Field App counterpart below.
Assess issues and confirm responsibility
WEB
Dispatch
Assessment
Coordination
When severity or ownership needs review, staff use issue assessment. AI suggestions stay inside that review.
Choose an issue for assessment
Open Assess on a pending issue to review its severity and departmental responsibility.
Assess opens the selected issue’s panel; Close returns to this list.
Menu: Issue management / Handling / Pending
Review the issue within its assessment form
AI advice sits within the assessment so staff can compare it with the issue context before deciding.
Assessment panel: staff fields and AI support
Two points within this page
1 / Review the AI proposal
2 / Apply if useful, then confirm. Staff can edit the proposal before submitting their decision.
Review
Apply if useful
Confirm
Related views · separate menu entries
Completion details
Completion evidence.
View completed work
Risk register
Parallel risk records.
Open risk register
Review warning feedback
Returned evidence opens inside the warning queue.
Pending / overdue → Add a handling note and evidence.
Confirmed → Review returned photos, video and explanation.
Field App counterpart: the warning feedback example below.
Coordinate plans, teams and incident progress
WEB
Dispatch
Assessment
Coordination
Operations, resources and drills are parallel menu areas. Plans and Live response are sibling destinations inside Emergency operations.
Three parallel menu areas and their child entries
Emergency operations
Plans
Inspect a plan’s tasks
Live response
Coordinate one incident
Emergency resources
Equipment inventory
Equipment records for response planning.
Emergency drills
Drill plans
Practice and plan checking.
Plans → selected plan’s task overlay
View tasks opens an overlay within Plans. Close returns to the same library.
Plan library
View tasks
Close
Selected plan’s task dialog
Live response · Highlighted regions match the reading key
Live response → incident workspace
Read incident context, team responsibilities and task progress together.
Menu: Emergency operations / Live response
Three regions in the same workspace
1
Choose the incident
The selector sets the event context for this workspace.
2
Follow the team branches
Linked nodes show the responsible team and its tasks.
3
Read each task’s progress
Progress bars and percentages sit inside the task cards.
Other menu branches: resources and drills
Equipment inventory
Inspect records by department, equipment type and stock level.
Resources → Equipment inventory
Drill plan checking
Review a plan and sample AI checking results in one view.
Drill plan → AI check opens the side panel
FURTHER WEB INTERFACES
AI agent
Placeholder · Source screens pending
Training
Placeholder · Source screens pending
Coordinate plans, teams and incident progress
WEB
Dispatch
Assessment
Coordination
Operations, resources and drills are parallel menu areas. Plans and Live response are sibling destinations inside Emergency operations.
Three parallel menu areas and their child entries
Emergency operations
Plans
Inspect a plan’s tasks
Live response
Coordinate one incident
Emergency resources
Equipment inventory
Equipment records for response planning.
Emergency drills
Drill plans
Practice and plan checking.
Plans → selected plan’s task overlay
View tasks opens an overlay within Plans. Close returns to the same library.
Plan library
View tasks
Close
Selected plan’s task dialog
Live response · Highlighted regions match the reading key
Live response → incident workspace
Read incident context, team responsibilities and task progress together.
Menu: Emergency operations / Live response
Three regions in the same workspace
1
Choose the incident
The selector sets the event context for this workspace.
2
Follow the team branches
Linked nodes show the responsible team and its tasks.
3
Read each task’s progress
Progress bars and percentages sit inside the task cards.
Other menu branches: resources and drills
Equipment inventory
Inspect records by department, equipment type and stock level.
Resources → Equipment inventory
Drill plan checking
Review a plan and sample AI checking results in one view.
Drill plan → AI check opens the side panel
FURTHER WEB INTERFACES
AI agent
Placeholder · Source screens pending
Training
Placeholder · Source screens pending
Coordinate plans, teams and incident progress
WEB
Dispatch
Assessment
Coordination
Operations, resources and drills are parallel menu areas. Plans and Live response are sibling destinations inside Emergency operations.
Three parallel menu areas and their child entries
Emergency operations
Plans
Inspect a plan’s tasks
Live response
Coordinate one incident
Emergency resources
Equipment inventory
Equipment records for response planning.
Emergency drills
Drill plans
Practice and plan checking.
Plans → selected plan’s task overlay
View tasks opens an overlay within Plans. Close returns to the same library.
Plan library
View tasks
Close
Selected plan’s task dialog
Live response · Highlighted regions match the reading key
Live response → incident workspace
Read incident context, team responsibilities and task progress together.
Menu: Emergency operations / Live response
Three regions in the same workspace
1
Choose the incident
The selector sets the event context for this workspace.
2
Follow the team branches
Linked nodes show the responsible team and its tasks.
3
Read each task’s progress
Progress bars and percentages sit inside the task cards.
Other menu branches: resources and drills
Equipment inventory
Inspect records by department, equipment type and stock level.
Resources → Equipment inventory
Drill plan checking
Review a plan and sample AI checking results in one view.
Drill plan → AI check opens the side panel
FURTHER WEB INTERFACES
AI agent
Placeholder · Source screens pending
Training
Placeholder · Source screens pending
MOBILE / FIELD APP
On-site execution
Carry the response into the field
06 / MOBILE EXECUTION
Web → Field App
Assigned tasks and event context
Field App → Shared event
Site evidence, progress and updates
Receive tasks and return site evidence
Field teams open received tasks, inspect event details and return site information. Coordination, reporting and assessment have their own entries.
Tasks → event details → selected action
The example opens Assign; it is one option in the event’s action bar, rather than the next screen for every task.
Tasks
Select a task
Details
Review evidence
Assignment
Assign a team
Parallel actions in event details
Event action bar
Assign · selected example
Report
Copy recipients
Push
Review / transfer to lead team
Read before assigning
The same event retains its report and evidence across these actions.
Make ownership explicit
Assign opens the assignment page; Return brings staff back to the event.
Same parent context
Other event actions are alternatives, not later steps in the assignment path.
Emergency event → Coordination
Open team coordination from the event’s task area.
Event
Find the task area
Coordination
Check updates by team
Open coordination; Return keeps the same event.
Information reporting → New report
Create a report, then route it within the same form.
Report
Add site evidence
Routing
Route and confirm
Two sections of the same reporting form.
Let the warning’s state guide the next action
One shared list · two actions determined by confirmation state.
Pending / overdue
Add a handling note and site evidence.
Confirmed
Read the returned note, photos and video.
Handling note
Describe the handling action in the note field.
Photo & video
Add photographs and video in their upload fields.
Submit feedback
Submit from the same form. The event context and deadline remain in the full record.
Read the returned evidence
Review the handling explanation, photographs and video.
Keep the warning in context
The event information remains in the same record.
Return to the warning list
Close the detail to return to the same list.
Screen excerpts · repeated event details omitted. Open either image for the full record.
Assessment entry → AI suggestion sheet
A separate prototype route: request advice, apply it to the form, then confirm the staff decision.
Assessment form
AI suggestion
What the AI proposes
PROTOTYPE SCHEMATIC · ASSESSMENT FIELDS
Issue type
Suggested category
Severity
Proposed risk level
Rectification team
Suggested department
Control team
Suggested department
For staff review before applying.
Nested sheet, then return to the form
Form
AI sheet
Apply to form
Review the proposal
Review the proposed type, severity and departments before applying.
Apply, then confirm
Apply returns the suggestion to the form; staff confirm the final decision.
Assessment prototype; coordination chat remains a placeholder.
Routine checks and preparedness
Selected parallel tasks support prevention and review alongside incident response.
Inspection · Record an item-level result
Mark each item as pass or fail, then add photos, video and an inspection summary.
Closure spot check · Accept or return
Pass accepts the work. Reject opens an evidence form.
Learning · Make the next action visible
To learn · Start reading
In progress · Resume reading
Reading complete · Write a reflection
Example task states from the prototype; the displayed reading times are interface samples.
PROJECT TAKEAWAY
Connecting decisions across a large platform
The design work focused on keeping evidence, responsibility and status connected across web and field tasks. Cross-team discussions helped clarify client requirements and where AI assistance could fit.
NEXT ITERATION
Extend the case study with the large-screen view, dashboard and AI agent as their designs become available.
MOBILE / FIELD APP
On-site execution
Carry the response into the field
06 / MOBILE EXECUTION
Web → Field App
Assigned tasks and event context
Field App → Shared event
Site evidence, progress and updates
Receive tasks and return site evidence
Field teams open received tasks, inspect event details and return site information. Coordination, reporting and assessment have their own entries.
Tasks → event details → selected action
The example opens Assign; it is one option in the event’s action bar, rather than the next screen for every task.
Tasks
Select a task
Details
Review evidence
Assignment
Assign a team
Parallel actions in event details
Event action bar
Assign · selected example
Report
Copy recipients
Push
Review / transfer to lead team
Read before assigning
The same event retains its report and evidence across these actions.
Make ownership explicit
Assign opens the assignment page; Return brings staff back to the event.
Emergency event → Coordination
Open team coordination from the event’s task area.
Event
Find the task area
Coordination
Check updates by team
Open coordination; Return keeps the same event.
Information reporting → New report
Create a report, then route it within the same form.
Report
Add site evidence
Routing
Route and confirm
Two sections of the same reporting form.
Let the warning’s state guide the next action
State determines the relevant action. Pending warnings collect feedback, while confirmed records expose returned evidence.
Pending / overdue
Add a handling note and site evidence.
Confirmed
Read the returned note, photos and video.
Handling note
Describe the handling action in the note field.
Photo & video
Add photographs and video in their upload fields.
Submit feedback
Submit from the same form. The event context and deadline remain in the full record.
Read the returned evidence
Review the handling explanation, photographs and video.
Keep the warning in context
The event information remains in the same record.
Return to the warning list
Open the image for the complete record.
Screen excerpts · open either image for the full record.
Assessment entry → AI suggestion sheet
A separate prototype route: request advice, apply it to the form, then confirm the staff decision.
Assessment form
AI suggestion
What the AI proposes
PROTOTYPE SCHEMATIC · ASSESSMENT FIELDS
Issue type
Suggested category
Severity
Proposed risk level
Rectification team
Suggested department
Control team
Suggested department
For staff review before applying.
Nested sheet, then return to the form
Form
AI sheet
Apply to form
Review the proposal
Review the proposed type, severity and departments before applying.
Apply, then confirm
Apply returns the suggestion to the form; staff confirm the final decision.
Assessment prototype; coordination chat remains a placeholder.
Routine checks and preparedness
Selected parallel tasks support prevention and review alongside incident response.
Inspection · Record an item-level result
Mark each item as pass or fail, then add photos, video and an inspection summary.
Closure spot check · Accept or return
Pass accepts the work. Reject opens an evidence form.
Learning · Make the next action visible
To learn · Start reading
In progress · Resume reading
Reading complete · Write a reflection
Example task states from the prototype; the displayed reading times are interface samples.
PROJECT TAKEAWAY
Connecting decisions across a large platform
The design work focused on keeping evidence, responsibility and status connected across web and field tasks. Cross-team discussions helped clarify client requirements and where AI assistance could fit.
NEXT ITERATION
Extend the case study with the large-screen view, dashboard and AI agent as their designs become available.
MOBILE / FIELD APP
On-site execution
Carry the response into the field
06 / MOBILE EXECUTION
Tasks out · Evidence and progress back
Receive tasks and return site evidence
Field teams open received tasks, inspect event details and return site information. Coordination, reporting and assessment have their own entries.
Tasks → event details → selected action
The example opens Assign; it is one option in the event’s action bar, rather than the next screen for every task.
Tasks
Select a task
Details
Review evidence
Assignment
Assign a team
Parallel actions in event details
Event action bar
Assign · selected example
Report
Copy recipients
Push
Review / transfer to lead team
Read before assigning
The same event retains its report and evidence across these actions.
Make ownership explicit
Assign opens the assignment page; Return brings staff back to the event.
Same parent context
Other event actions are alternatives, not later steps in the assignment path.
Emergency event → Coordination
Open team coordination from the event’s task area.
Event
Find the task area
Coordination
Check updates by team
Open coordination; Return keeps the same event.
Information reporting → New report
Create a report, then route it within the same form.
Report
Add site evidence
Routing
Route and confirm
Two sections of the same reporting form.
Choose the action by warning state
Pending / overdue
Add a handling note and site evidence.
Confirmed
Read the returned note, photos and video.
Handling note
Describe the on-site response.
Photo & video
Add photographs and video in their upload fields.
Submit feedback
Submit from the same form. The event context and deadline remain in the full record.
Returned evidence
Review the note, photographs and video.
Keep the warning in context
The event information remains in the same record.
Return to the warning list
Open the image for the complete record.
Screen excerpts · open either image for the full record.
Assessment entry → AI suggestion sheet
A separate prototype route: request advice, apply it to the form, then confirm the staff decision.
Assessment form
AI suggestion
Nested sheet, then return to the form
Form
AI sheet
Apply to form
Review the proposal
Review the proposed type, severity and departments before applying.
Apply, then confirm
Apply returns the suggestion to the form; staff confirm the final decision.
AI review opens the sheet; Apply returns to the form.
Assessment prototype; coordination chat remains a placeholder.
Routine checks and preparedness
Parallel tasks for prevention, review and learning.
Inspection
Check each item; return the result and site evidence.
Closure spot check
Pass or Reject. Rejection requires evidence and an explanation.
Learning · Make the next action visible
To learn · Start reading
Reading complete · Write a reflection
Reading progress changes the action: start, resume, then reflect. Prototype samples.
PROJECT TAKEAWAY
Connecting decisions across a large platform
The design work focused on keeping evidence, responsibility and status connected across web and field tasks. Cross-team discussions helped clarify client requirements and where AI assistance could fit.
NEXT ITERATION
Extend the case study with the large-screen view, dashboard and AI agent as their designs become available.