So how can your creative team anticipate the way users will move through an array of both digital and physical contexts, including the distractions, interruptions, and detours in these environments?
“I'm a huge proponent of user journey mapping,” says Ramel. “To get this stuff right you’ve got to understand the critical junctures, the real moments of conversion. Once you understand where the journey is and what it looks like for your varying audiences and segments, you can start to highlight those critical junctures and then let that guide your actual experience design.”
Using data to provide a clear picture of user behavior is an important first step. “As you start to attach different channels and touchpoints to customer data and track user preferences and patterns, you're really creating that connective tissue that will inform design decisions,” Ramel says.
From there, it’s important to layer in components and plugins — and ensure both internal and external stakeholders understand the journey and the user experience as a whole.
“By using components and component states, you can build your knowledge, your top and bottom navigation, your buttons, everything — like Legos,” says Mickael Denie, a mobile user experience (UX) designer at Adobe. “With Adobe XD, you can create a prototype and people can review and comment on the design and UX. They can ask questions, click through everything, and understand what we’re building.”
With feedback in place, mobile designers can then generate specs instead of sending a JPEG to the development team. Providing specs gives the engineers precise insights into the mobile experience — everything from button height to font size to specific colors.
“Now engineers can see exactly what we were envisioning, as well as the margins,” Denie says. “Everything can be very consistent and precise."