Mobile Experience

Accessibility Certified with Responsive & Native Mobile - 2019

Native iOS & Android

Health care - ZOLL Data

2020

Discovery

During discovery and research it was discovered that our primary users really did not have access to desktop computers nor did they tend to own their own. The EMS workforce is a younger one and generation Z tend to do most of their computing on personal phones. The majority of our users (as confirmed with analytics for our products) were using iOS mobile products. Android usage was present but was out numbered by 3 to 1.

UX Research

UX research also showed that hybrid mobile interactions (interactions that blend human interface guidelines - Apple and material design - Google interaction patterns) can cause delays in interpretation and at times confusion, if introducing a new mobile design pattern not familiar to the user. For an EMS product, we needed recognition and interpretation of mobile patterns to happen quickly and without doubt. Since ePCR documentation can be time consuming and detailed, the need for users to be able to quickly enter in call details was essential in providing a good user experience. To do this, UX made the recommendation to go with Native pattern designs. Designs used specific HIG patterns for iOS products and specific Material Design patterns for Android.

Patient Medical History_selected past pt hx @2x.png

Patient Info_Patient Physician_Added Physician_protomock.png

Native iOS Light and Dark Mode (Tests)

Health care - ZOLL Data

2019

Part of Native mobile UX development is the inclusion and understanding of the need of dark and light modes. Through user feedback tools and research we knew that the ability for the application to have a dark mode was high and a frequent request due to the constant changing environments our users were using our applications (at night in the back of an ambulance for example). These proof of concepts show how HIG can be used with our current design system to allow for such a feature.

Responsive Web Applications

Manufacturing - Johns Manville

2018

The Johns Manville mobile web application was built using AEM (Adobe Experience Manager) which is a content management system designed for updates by content administrators like marketing professionals. The design used hybrid interaction patterns (both Apple and Android).

I developed a mobile responsive application for the Building Insulation business group within Johns Manville. This is a Submittal Builder for building contractors working with insulation. The tool allows insulation contractors to build a package of products with technical and LEED documentation. Once the package is built in the app, the user can send it on to architects for proposals for contracted work. This is a new application with Johns Manville and nothing exists like it today in the market.

Initial wireframes and pre-build designs shown.

The Process

The research started with stakeholder interviews and a competitive analysis of what type of tools like this exist today in the market. Next, I began story mapping the user process with user stories, activities and tasks with stakeholders in the marketing and product management areas. I built out a Building Insulation Contractor Persona and used the stories to map out a user journey. Using the journey and the persona, I created a wireframe of the process needed for the application.

Once reviewed with stakeholders, I built out a working prototype that was used to get vender build estimates and get capital funding approvals from VPs in the organization. I also used the prototype to conduct usability testing with Johns Manville customers.

The design tested well with positive feedback. Using the feedback, minor updates were made to scale down original asked for features to make it more streamlined and what users wanted.