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

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

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!

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.

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.

News Highlight

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.