Turning fragmented workflows into seamless dashboards that boost productivity and focus.
User Research
Design System
User Interface
Felicia’s design story • 6 min read
Overview
Designed a centralized dashboard that seamlessly integrates Microsoft’s productivity tools, offering users a clear, comprehensive view of everything they need in one place.
My Role
Conducted user research to identify pain points with Microsoft tools.
Designed the dashboard's user interface and crafted high-fidelity prototypes.
Iterated based on feedback to refine functionality and user satisfaction.
Timeline
June - November 2024
Tools
Figma, Adobe Creative Suite
No more clutter, no more friction — just seamless productivity and intuitive collaboration.
My Strategy for Creating a Unified Dashboard for Microsoft
Aligning User + Business Needs
Learned to balance user feedback and business goals, ensuring the dashboard addressed user pain points while driving productivity improvements
Applying Existing Design Systems
Gained expertise in leveraging Microsoft's design guidelines to create a cohesive and intuitive user experience while maintaining brand consistency.
UNREVEAL MICROSOFT
Productivity is a key priority for Microsoft Teams.
From Microsoft's vision and mission, it's clear they focus on empowering people and organizations with intuitive and accessible tools to boost productivity and foster meaningful connections.
SWOT
Microsoft Teams thrives on integration but faces complexity challenges.
While Microsoft Teams excels in integration and task management, its complexity and ecosystem dependency pose hurdles, even as remote work and emerging technologies offer growth potential.
INTERVIEW & SURVEY
Teams delivers collaboration wins but struggles with usability.
Users appreciate Microsoft Teams' collaboration features for remote work but find the platform overwhelming and difficult to master due to its complexity and steep learning curve.
UNDERSTAND USER BEHAVIOUR
Users of Microsoft products are often driven by: a need for productivity, efficiency, and seamless integration in their work.
Microsoft’s core audience—tech-savvy professionals and corporate employees—rely on its tools to achieve reliable, innovative, and integrated solutions that streamline both work and personal tasks.
Looking into 2025 Trends: redefining how we collaborate, stay productive, and maintain a healthy workplace culture.
As we move towards 2025, workplace dynamics continue to evolve. Microsoft Teams supports this transformation by enabling flexible remote work environments, promoting employee well-being through work-life balance features, and driving efficiency with AI, automation, and data analytics.
MARKET RESEARCH
By analyzing competitors like Slack and Google Workspace, I aimed to identify strengths, weaknesses, and opportunities. This research helps pinpoint areas where Teams can enhance usability, address user challenges, and stay competitive in an evolving market.
Microsoft Teams offers robust features but struggles with user experience compared to competitors
Users appreciate Microsoft Teams for its strong integration, file sharing, and security. However, competitors like Slack and Google Workspace provide a smoother user experience with easier learning curves, better video conferencing, and higher satisfaction, making usability a key challenge for Teams.
Improving Microsoft Teams’ user satisfaction through enhanced usability and well-being features
To boost user satisfaction, Microsoft Teams needs a more intuitive interface and greater emphasis on employee well-being and DEI. By addressing these areas, Teams can complement its strong integration capabilities and better meet user expectations.
INTERVIEW & SURVEY
We first want to organize and synthesize the data collected from our research. By clustering related ideas and insights, we aimed to identify patterns and themes that would inform the design and development of Microsoft Teams, ensuring that features and improvements align closely with user needs and preferences.
Key takeaways:
Simplified Navigation
Users need a streamlined experience that allows easy access to key features, helping them quickly locate tasks, documents, and tools without feeling overwhelmed by excessive options.
Self-Management Center
Providing an organized environment where users can manage their tasks and documents efficiently will improve productivity and reduce cognitive load, allowing them to focus on high-priority work.
Promoting Mental Well-being
Offering features that encourage breaks, focus, and stress management can help reduce burnout and enhance productivity. This ensures users maintain a healthy work-life balance while staying engaged in their tasks.
Enhanced Collaboration Without Clutter
By focusing on essential collaboration tools and minimizing unnecessary features, users can work more effectively with their teams, improving communication and project outcomes without distractions.
Problem Statement
How might we simplify Microsoft Teams' learning curve to enable seamless navigation of its complex environment?
IDEATION
By analyzing competitors like Slack and Google Workspace, I aimed to identify strengths, weaknesses, and opportunities. This research helps pinpoint areas where Teams can enhance usability, address user challenges, and stay competitive in an evolving market.
Prioritizing features to enhance Microsoft Teams while avoiding common pitfalls
Each feature idea was evaluated based on its feasibility, potential impact on user engagement, and alignment with Micrsoft’s core values of authenticity and community support. User feedback sessions and prototype testing will further inform which features are most effective and appreciated by our users.
Solution Statement
Create a centralized dashboard within Microsoft Teams that consolidates tasks, documents, and collaboration tools in a single view.
MARKET RESEARCH
The existing flow overwhelms users with notifications, emails, and chats, leading to confusion and stress. The improved flow introduces a simplified widget-board for prioritization, allowing users to focus on key tasks and achieve better organization and productivity throughout the day.
From overwhelmed to focused: simplifying the user workflow for better productivity
By meticulously designing and refining these flows, we can ensure a user-friendly experience that meets the needs of our diverse user base, ultimately leading to higher satisfaction and retention rates.
EXPLORATION
Unlocking the Benefit of Bento Layout Design
Inspired by Japanese bento boxes, the bento grid provides a structured and elegant way to organize content. This layout trend, often seen in SaaS dashboards and websites, simplifies navigation, showcases product features clearly, and enhances user experience by making information easy to digest.
Visual Balance and Hierarchy: The grid structure naturally provides a balanced layout, organizing information into digestible, modular blocks, enhancing readability and navigation.
Customization and Flexibility: It supports varying block sizes, allowing designers to highlight important content or adapt layouts to different screen sizes, making it mobile-responsive.
User Engagement: The visually appealing design encourages users to explore content interactively, creating a dynamic user experience.
Content Clarity: By segmenting information into well-defined sections, it reduces cognitive load and helps users quickly locate what they need.
Scalability: The modular approach allows for easy updates or expansions without disrupting the overall design, ideal for growing SaaS platforms.
WIREFRAMING
Users prioritize widgets that streamline daily tasks, with calendars, notifications, chats, and Teams channels ranking highest.
Based on my survey, features like emails, to-do lists, and documents are also essential but secondary. Lower-priority widgets include quick calls, status updates, and company announcements. This insight helps focus design efforts on the most valuable widgets for productivity and efficiency.
We started with low-fidelity wireframes to quickly translate the feature ideas generated during the ideation phase into tangible, visual drafts that can be easily understood and iterated upon. This approach allows us to explore the usability and effectiveness of different design concepts before investing in more detailed development. It also facilitates rapid changes and enables quick feedback cycles with team members. During this phase, key interface elements and user flows are outlined to represent the app's functionality without detailed aesthetic design elements.
DESIGN SYSTEM
By leveraging insights from Microsoft Fluent UI, the Teams UI Kit, and the Windows 11 UI Kit, I developed a comprehensive approach to branding, layout design, and widget creation. This unified strategy ensures consistency, usability, and a modern experience that meets user needs and expectations.
Microsoft Fluent UI provided the foundation for consistent iconography and branding.
Its design principles helped ensure visual clarity, cohesion, and a modern aesthetic that aligns with Microsoft's brand identity.
The Microsoft Teams UI Kit guided the organization and structure of content.
It offered valuable insights on creating intuitive, user-friendly layouts that support collaboration and streamline navigation.
Overall Understanding of Widgets with Microsoft Windows 11 UI Kit.
The Windows 11 UI Kit served as inspiration for designing widgets. It demonstrated how to build engaging, functional widgets that enhance productivity and seamlessly integrate into the user interface.
No more clutter, no more friction — just seamless productivity and intuitive collaboration.
MOVING FORWARD
Create customizable dashboards
Allow users to personalize their workspace for easier access to essential tools and information.
Enhance widget functionality
Develop widgets that provide real-time insights and streamline task management.
Want to learn more about the projects I worked on?
Schedule a talk with me at feliciasugiartaa@gmail.com to talk more in depth on how to make the complex, simple.
-1.png)
-1.png)
-1.png)
