Background and challenges: iOS native mobile app for incident report at workplace, mainly for a film and theatre industries. Collects and collates the information relating to near misses, accidents and incidents. The main challenge was that the app asks for complex information via a rich feature set, but this complexity shouldn’t bleed into the UX/UI. It should be unequivocally clear, clean and beautifully presented. Client wanted to create the app that has never existed before, therefore I had to do extensive amounts of research to identify the market, including interviewing people at workplaces. I was running stakeholder workshops and leading the UX and UI. Another challenge was to create the brand identity for the app including logo, colour palette, typography, visuals and more.
Brief: The key objective of the app was give users the easiest and best tool possible to report workplace incident. My job was to re-design the main UX, resulting in more intuitive experience across the board and one that’s efficient for incidents of any size and nature, making the experience a lot simpler and time efficient as possible. As well as to create the look and feel for the app.
Outcome: Client was extremely happy with the finished product, we created the app that gave users a unique value, great usability, and good performance and accessibility.
What we offered our users:
Well-thought-out UI & UX
Beautiful and clear design
Covered key expectations & needs based on how people would like to use the app
Stable, reliable workflow
Easily collect more accurate data: e-signatures, GPS location, images…
Custom reporting: individual incident reports
Role: User Experience, UI, Design, Branding
Dashboards
Initially I created two options for the report dashboard. The far left iteration is more intuitive approach, while the middle visual shows a progress tracker bar for each section.
‘Near miss dashboard’ reflects similar style to ‘injury report’ keeping with a structure for seamless journey experience.
Above is the dashboard designs for the app. The shapes in the background are based on animated circles that move very slowly which would provide a calming feel. The colour palette and overall look and feel is distinctive, with a calming feel to aid a pleasant journey.
Adding witness
In this section, a progressive system gives user feedback when fields are completed (with tick marks) and the next relevant field will animate in, to make it more user friendly and visually engaging. Also all data will be collected using a single screen within the app.
Original UX mapping below - detailed each sections off the app and functionality
