I was asked informally by the training team to assess the UX, visual design, and information architecture of the new training app. The iPad training app was built by a vendor using Sencha Touch. After evaluating the app, I found that it was tough to use, did not adhere to platform standards, and wasn’t in line with our brand. Considering the time and resource limitations, I presented an on-brand, platform specific design to both the leadership and the vendor to convince them to implement the improvements. I delivered a redesigned app as well as a phased approach to implementing the design so that the developers at the vendor wouldn’t be overwhelmed.
Since this was a hybrid app, it was important to get the platform-specific interactions right. Along the way, I did some competitive research to scope out the alternatives. I began this project as a side project to help the training team, and at the end of the day, one of the VPs said to me that he didn’t want to proceed with the release without making my recommendations. The vendor was also extremely happy, as this redesign for both iOS and Android would greatly help them sell to future clients.
The home page includes a cleaner layout with a single, clear, call to action. The header sizes and app colors have been standardized to comply with platform and brand standards.
The segmented controls have been eliminated from the Courses section in order to reduce complexity. Courses are contained within Accreditations, and contain multiple lessons, so the less taps, the better!
We're using the iOS collections view here to display multiple columns of courses and trainings at once.
The two levels of segmented controls found above and below the content made for confusing navigation. The new UI includes segmented navigation with a filtering option to clearly narrow down content. Additionally, in the new UI, the user receives an enrollment confirmation when he or she signs up for a training.
I also presented a forward looking concept focused on a custom experience for second time users. The idea is to increase user engagement with the app by providing a customized dashboard with recommendations and a growth plan.
Sketching out the scenario helped me communicate the use case to the stakeholders.