loading

Magnit Mobile

Info
  • RoleUX Design Lead
  • CompanyMagnit
  • Year2021 - 2024
Overview

The Magnit vendor management system is a configurable cloud-based SaaS solution designed to manage the end-to-end workflow of the contingent workforce. Key functions include candidate sourcing, bill rate and margin review, cost optimization, assignment management, and onboarding and offboarding processes.

My Role:

  • User Research
  • User Testing
  • UX/UI Design
Problem to Solve

Feedback from users of the desktop application highlighted the need for a mobile solution to increase productivity by enabling access to key features from smartphones and tablets. The challenge was to design a mobile version of the desktop application that maintained consistency in look and feel while delivering familiarity in experience across both environments. A critical aspect of the problem was adapting the data-driven interface of the desktop version to the limited screen real estate of mobile devices without compromising usability, functionality, or workflow efficiency.

User Research

The research phase of the desktop application provided critical insights that shaped the mobile design. Analytics revealed that certain powerful functionalities were infrequently used by most user roles, presenting opportunities to streamline workflows for the mobile experience. To further refine this approach, we conducted user surveys and interviews targeting distinct user roles, aiming to identify high-value features indispensable for users' productivity.

Focusing on Essential User Needs

Based on feedback, we prioritized integrating the top three high-priority functionalities for each user role, ensuring the mobile application met their most critical needs. For instance, task management tools, originally part of a robust project management suite on the desktop version, were simplified to include only essential actions, enhancing usability while maintaining productivity.

User Insights

Interviews with power users highlighted a recurring need for quick access to data visualization tools. While some of these tools were processor-intensive on desktop, users expressed satisfaction with simplified, static visual summaries when on the go, preferring them over fully interactive graphs due to performance constraints within the mobile environment.

Log In Process

With user feedback as a guiding principle and the project's requirements clearly defined, I began the design process by creating a user flow diagram that mapped the user's journey, starting from the login screen and progressing to the app's dashboard. This laid the groundwork for a user-centered experience, aligning the team and stakeholders while cultivating a shared understanding of the user experience objectives and overarching design strategy.

Wireframes & User Flow

Mockups

List View Screen

Users prioritized ease of searching, filtering, and managing a list of records within the mobile environment. They sought a seamless transition between desktop and mobile interfaces to maintain their workflow efficiency, with common tasks like editing, saving, and adding new records being central to their experience. To address these needs, I began by creating user flow diagrams to map out the tasks users would perform on the searchable list screen.

Wireframes & User Flow

Mockups

Usability Testing & Refinement

I conducted usability tests with a representative sample of users, focusing on key tasks essential to the application's functionality. These tasks included performing a search and applying filters, editing a record and saving changes, and adding a new record.

Key Findings & Iterations

  • Pain Point: Since the mobile layout now presents a list of data cards instead of a table grid with rows of data, users reported missing the ability to sort the data by categories in ascending or descending order, a feature available in the desktop version by clicking the table column headers.
  • Solution: I added two button components at the top of the data card list, allowing users to sort the cards by categories in ascending and descending order. To ensure quick access to these sorting options after users have scrolled to the bottom of the list, I also implemented a “Back to Top” button at the footer of the layout. This button resets the scroll position to the top when tapped.

Key Findings & Iterations

  • Pain Point: To improve the application's responsiveness when displaying a list of data cards, the first 10 cards initially load to reduce overall load time. As users scroll to the end of the list, additional cards auto-load in batches of 10. However, users reported difficulty in determining the total number of data cards available in the list. On the desktop application, users were accustomed to the flexibility of paginating to specific sections within the data list. The lack of this functionality on the mobile version made it cumbersome and restrictive for users to locate items.
  • Solution: I enhanced the data card list by adding button controller components at the end of the list. This allowed users to paginate through the data cards while also displaying the total record count, providing greater clarity and navigation flexibility.
Key Takeaways & Outcome

The final design successfully addressed user pain points and improved task efficiency, achieving:

  • Seamless Transition Across Platforms: Familiar patterns ensured users felt comfortable navigating the mobile version without extensive training.
  • Enhanced Efficiency: Simplified interactions (e.g., quick actions on record cards) reduced the time to complete tasks by 20% compared to the initial mockups.
  • Positive User Feedback: Post-testing surveys revealed an 85% satisfaction rate among users, highlighting the interface's intuitive design.

The resulting mobile application was both lightweight and efficient, prioritizing user-preferred features without overwhelming the device or the user. By leveraging data-driven insights and iterative feedback, the mobile experience aligned with user needs while respecting technical constraints.

Copyright © 2025 Sean James Interactive

Message Delivered
Successfully!