The team was tasked with creating a mobile version of DEL that matched the established design and functionality of the desktop version. The key challenge was to adapt the interface without compromising the user experience or essential features.
Understanding the importance of user experience continuity and the limitations of mobile screens, I organized a workshop with conversational design specialists and engineers. This UX-led exercise was the first step in evaluating the situation and aligning the team’s efforts.
After the launch, user and stakeholder feedback started coming in. I recommended creating a backlog to document and prioritize this feedback, enabling us to address it in future tests and updates, ensuring the mobile experience evolved with user needs.
As the Sr. UX Architect, I led the UX design, overseeing a Jr. UX Designer while collaborating with copywriters, product designers, and engineers.
Initial Research was conducted on the current desktop experience using cognitive walkthroughs and stakeholder interviews to gather insights that will shape the mobile design strategy.
During the Define stage, a feature prioritization exercise was conducted to identify the primary features, which helped to scope the project work and finalize the brief for the client’s review.
Understanding the importance of user experience continuity and the limitations of mobile screens, I organized a workshop with conversational design specialists and engineers.
I asked them to identify the five most crucial features that users need to control their experience. The result was a feature prioritization matrix, which served as a foundation for the mobile design strategy.
I then tested our assumptions with users to ensure the mobile experience matched their mental models and expectations of how it should work.
During the Design stage, wireframes were created to map out the navigation, information architecture and functionality of the mobile experience, followed by usability testing and multiple iterations based on user and client feedback.
After key features were identified, I created low-fidelity wireframes to map out key functionalities. These included:
Due to a tight timeline, I conducted remote unmoderated rapid usability testing using Lyssna platform. The goal was to test the control panel on the mobile screen, focusing on user interaction with key features. I conducted a first-click test where users were asked to complete five tasks.
By observing where users clicked first, we could gauge their instinctive reactions and identify any areas of confusion or hesitation. The insights gained from this test allowed us to make informed design adjustments as follows:
After the First-Click Test, a series of subsequent usability tests and layout iterations were conducted based on user feedback. Each iteration focused on refining the design, addressing user-identified issues, and improving the overall user experience.
In the Deliver stage, the focus shifts to preparing the layout and functional specifications document for development. The outcome is a polished, user-validated product, with post-launch evaluation and feedback guiding future improvements.
During the Deliver phase, key steps were taken to ensure the successful implementation and launch of the mobile experience:
