Mock-Up of Kiosk 6.0 In-Situ

Mock-Up of Kiosk 6.0 In-Situ

McDonald's Kiosk

Design new, large-scale touchscreen food ordering kiosk experience for implementation across McDonald's global markets. MVP release planned for late 2017 in France.

The Ask — Develop a design system that coordinates within cross-channel approach. Considerations include usability testing insights, business requirements, and variability across global markets.

How might we enable diverse customers to order on the kiosk with a sense of confidence and ease, according to their individual budget, taste, and dietary preferences?

My role: Work within cross-disciplinary team — Visual Designers, Interaction Designers, and Creative Technologist Lead — to clarify questions, strategize approach and POV, and gain buy-in from client; Write user stories, sketch, create pattern library, create wireframes, flows, conduct usability testing with working prototype, iterate, and more.

Deliverables: POV documents, screen anatomies, wireframes, flows, sketches

Success looks like: Working in the tension between legacy design and IT and re-envisioning Kiosk using UX process and systems thinking with eye toward simplicity. Advocating for design-led solutions and processes. Leading cross-channel design by through Kiosk sprints and testing.


Process — snapshots from Sprint 6: Payment

Brainstorming with my design partner, Eli, to define the problems and exploring the possible directions for design exploration.

Brainstorming with my design partner, Eli, to define the problems and exploring the possible directions for design exploration.

Eli documenting whiteboard of one design exploration.

Eli documenting whiteboard of one design exploration.

We sketched and thought further around one design exploration...

We sketched and thought further around one design exploration...

We added fidelity before gaining buy-in from client.

We added fidelity before gaining buy-in from client.

We also worked out how this design would integrate within high-level frameworks of complex market-configurable fulfillment "modes." Shown here is one of three market-configurable fulfillment "modes," and its variations. The design exploration adds an alternate path from the Pull-In screen and anticipates future implementations yet to be designed.

We also worked out how this design would integrate within high-level frameworks of complex market-configurable fulfillment "modes."

Shown here is one of three market-configurable fulfillment "modes," and its variations. The design exploration adds an alternate path from the Pull-In screen and anticipates future implementations yet to be designed.


Flows — a few examples

Accessibility Flows for Wheelchair ("Reach") Mode — based on research into anthropometrics and best practices, ADA requirements, and principles of respect through simplicity and parity with non-wheelchair mode


Testing

We test regularly with a working, tappable prototype. Here's one testing session with a participant and moderator. You can see the creative technologists that created the prototype through the window on the left—at the moment, they're fixing a bug!

We test regularly with a working, tappable prototype. Here's one testing session with a participant and moderator. You can see the creative technologists that created the prototype through the window on the left—at the moment, they're fixing a bug!

Click above to view click-through of prototype (coded in react). password: ocean.

The viewing room holds team members, clients, and observers from the rest of the studio.

The viewing room holds team members, clients, and observers from the rest of the studio.

Kiosk_worksheet 1.png
After a round of testing, my visual design partner, Eli, and I work through our observations to ID problems and prioritize possible areas for iteration.

After a round of testing, my visual design partner, Eli, and I work through our observations to ID problems and prioritize possible areas for iteration.

Ethnographic Research

We conducted guerilla ethnographic research. On this day at the local McDonald's on Canal Street, I observed a family ordering as a group on the current Kiosk 5.X build.

We conducted guerilla ethnographic research. On this day at the local McDonald's on Canal Street, I observed a family ordering as a group on the current Kiosk 5.X build.

We also go through the Kiosk 5.X ordering experience to understand and analyze the current build's features and transactional flow. On this day, we were checking out the ADA features and how the credit card reader coordinated with the kiosk's payment flow screens.

We also go through the Kiosk 5.X ordering experience to understand and analyze the current build's features and transactional flow. On this day, we were checking out the ADA features and how the credit card reader coordinated with the kiosk's payment flow screens.

Documentation — Pattern Library

News Highlight — Prototype Restaurant

The Kiosk was presented to investors in a "Gallery Walk" at McDonald's operational prototyping restaurant.

The Kiosk was presented to investors in a "Gallery Walk" at McDonald's operational prototyping restaurant.