IBM. Chemicals & Petroleum //
SAFE SITE
PRODUCT DESIGN / UX / UI DESIGN / USER RESEARCH / USABILITY TESTING
OVERVIEW.
As a Product Designer for the iOS MobileFirst Chemicals & Petroleum team, I supported another designer and a UX Lead from concept to delivery. Designs were created for iPhone, iPad and Apple Watch.
Safe Site enables production workers to instantly document and share information about unsafe work conditions with fellow workers and supervisors. Safe Site uses powerful analytics to give recommended courses of action and potential resolutions. When incidents are reported, the app can identify risk hot spots on site. It can capture images and associated data for higher quality reporting. The built-in geo-fencing capability alerts workers when they are entering a high-risk area. Workplace injuries cost billions of dollars, but Safe Site helps companies protect the health and safety of their workers while reducing costs.
ROLE. PRODUCT DESIGNER
DURATION. 4 MONTHS
TOOLS. SKETCH, FIGMA, APPLE KEYNOTE
The Mood Assessment screen
Pain Points.
-
Site supervisors have a tough time communicating with workers due to the lack of cell/WiFi service in an underground mining scenario.
-
Workers have a tough time communicating with Supervisors about recommended courses of action for unsafe conditions/work sites.
-
Workers are unable to quickly mark a site as unsafe and inform other colleagues simultaneously.
-
Workers are unable to quickly document an unsafe site.
-
Stakeholders have a tough time tracking the health and safety of workers.
Industry Research and Pain Points Analysis.
-
Stakeholders were interested in solving this problem which lead to an assessment through user personas, journey maps, technology stack walk through and user board interviews.
-
Examining deltas/variations in stakeholder’s current process versus innovative streamlined version.
-
Extensive prerequisite technology stack assessments with engineering teams.
Empathy Map discovery via workshop
UI Patterns and Process Flow Explorations.
1. Can a short questionnaire after the login procedure be the answer? (Login>Start questionnaire>Supervisor receives worker safety confirmation>Worker proceeds to select work site)
-This pattern wasn’t conducive to the amount of time it would take a worker who was already strapped for time to complete
-Workers wouldn’t have the patience to complete a questionnaire
2. A simple one screen solution that amalgamates a worker’s overall mood\emotive state which is conducive to their performance leading to job safety
3. i-Beacon technology (Bluetooth transmitters which emit low frequency data packets) was recommended and used as a way of communicating between workers/supervisors.
4. To mark a site safe/unsafe a quick popover was introduced which allowed the worker to quickly fill in a description of the unsafe condition (i.e. foundation crack, gas leak), attach photos/media for additional clarification as well as mark a site safe or unsafe as a safety measure for their colleagues.
Work sector UI. Bottom tab bar shows current location, reports, Co-Workers
Solutions.
-
A card pattern that the worker could flick through confirming emotive safety checks
-
Emoticons that remain on one screen that Workers can select based on their mood
Hi-Fidelity Screens.
A sample of the hi-fidelity screens and decisions that drove the design shown below:
User Testing.
As our users were quite remote and unable to comply with testing scenarios. A varied group or local testers sat in and rigorously tested the UI flow.
Test Results.
Unaware about how to create a new unsafe condition report.
Solution:
A - Unsafe condition pin type colours (below) were made more prominent with pulsing effect.
B - Tapping the pins would invoke a drop down UI allowing the user to select the unsafe condition or create a new unsafe condition report.
Unsafe condition pin colours were made more prominent and given a subtle pulsing animation