Graham Slick

Every project UX

McGraw Hill Financial

An iPhone app for the company’s yearly Code of Business Ethics certification.

The finished app on two phones: the home screen with a video on business ethics, and a section of the handbook, 83 percent read
When
Between 2015 and 2018
Role
Design lead: features, wireframes, information architecture, interaction and visual design
At
Cinomadic, with Madzik Agency
With
Evolvinx (development)

Every McGraw Hill Financial employee had to read the company’s Code of Business Ethics each year and pass a test on it. Madzik Agency, which was making a video series for the company, brought Graham in to design an iPhone app for the certification, working with developers from Evolvinx.

Nobody looks forward to an ethics test, so his first rule was to make getting started, and getting certified, take as little thought as possible: downloading the app, signing up, reading and testing. He cut the long document into short sections and sub-sections and designed a simple testing system around them, within the company’s brand and style guidelines.

In Graham’s words, everyone was happy with the results, “even the test takers.”

Roles iPhone app design · UI and UX · Interactive design · Information architecture · User personas

Wireframes for the home screen and the navigation
Home and navigation
Wireframes for videos and articles
Videos and articles
Wireframes for the introduction and sign-in screens
Introduction and sign-in
The app’s user flow, screen by screen
User flow
The app’s information architecture, from sign-up to the test
Information architecture