Next Project: Designing for Instant Insights
Quick Summary
Problem
WorkSpan users (Partner Business Managers, Account Executives, Partner Ops) were overwhelmed by a cluttered four-column layout, forcing excessive scrolling to find critical business insights.
Business Need
Simplify the user experience, reduce cognitive load, surface key information immediately, and improve self-serve efficiency across global users.
Key issues included:
Information buried across multiple sections
Inconsistent layouts causing confusion
Long load times and excessive scrolling
Difficulty navigating between key reports and actions
Solution Highlights
Ease of comprehension: Users should quickly grasp the layout.
Effective information architecture: Serve the needs of all roles.
Findability: Users should easily locate what they need.
Seamless transition: Ensuring the layout is intuitive for existing users.
Blockers, Pivots and Constraints & How We Solved Them:
We faced two key challenges once we started:
Convincing Stakeholders to Simplify the Layout
Familiarity with the old four-column structure led to initial hesitation. Live demos and usability tests proved the two-column redesign improved usability and efficiency, helping secure alignment across teams.
Making Search Work in a Tabbed Layout
Users relied on Command + F, which initially didn’t work with tabs. To fix this, we introduced infinite auto-scrolling, ensuring seamless search while keeping the new structure intuitive.
Before vs After: A Clearer, Faster Experience
Note: All images are for illustrative purposes only and contain dummy data.
Use the slider to see the difference yourself!
Can you now find key information more easily?
Is navigation between sections simpler and faster?
Key Features
Two-Column Layout: Reduces cognitive load, making it easier to scan and find relevant details.
Infinite Scrolling & Auto-Scrolling: Ensures seamless transitions between sections while preserving search functionality.
Customizable Tab Ordering: Empowers users to arrange tabs based on their workflow.
Clear Font Differentiation: Enhances readability by distinguishing field labels from values.
Jump-to-Top Button: Simplifies navigation in long sections.
By aligning the design with user expectations, we created a cleaner, more functional overview page that improves workflow and usability.
Impact
+36.7% growth in user engagement, indicating higher platform adoption and satisfaction.
Page load time reduced by 67%, accelerating access to key insights (1.39s ➔ 0.46s).
Enhanced global user experience, empowering faster decision-making across regions.
Reduced friction across workflows, leading to smoother navigation and increased self-service.
Boosted platform stickiness, strengthening daily usage and user retention.
Full Feature Walkthrough
Note: All images are for illustrative purposes only and contain dummy data.
Role: Lead Designer
Launched: 2023
Note: All images are for illustrative purposes only and contain dummy data.