Summary
This mobile update focuses on enhancing the Slack Huddle experience by targeting users who frequently engage in project discussions, calls and daily conversations. Seamless team communication is essential for productivity, and Slack’s Huddle feature serves as a powerful tool for quick, real-time collaboration.
This mobile update focuses on enhancing the Slack Huddle experience by targeting users who frequently engage in project discussions, calls and daily conversations. Seamless team communication is essential for productivity, and Slack’s Huddle feature serves as a powerful tool for quick, real-time collaboration.
My Role
UX Design
UX Research
Methods
Qualitative Research
Data Synthesis
Prototyping
Usability Testing
Project Timeline
5 weeks
My Role
Branding
Product Research
UX/UI Design
Methods
Qualitative Research
Data Synthesis
Competitor Analysis
Usability Testing
Project TImeline
5 weeks
The Problem
How can we improve Slack so that it becomes the primary platform for team meetings and huddles? Effectively eliminating the need to leave the app and disrupt workflow.
How can we improve Slack so that it becomes the primary platform for team meetings and huddles? Effectively eliminating the need to leave the app and disrupt workflow.
How can we improve Slack so that it becomes the primary platform for team meetings and huddles? Effectively eliminating the need to leave the app and disrupt workflow.
“My company uses Zoom whenever we need to have a meeting, regardless of how in depth it is.”
“My company uses Zoom whenever we need to have a meeting, regardless of how in depth it is.”
“My company uses Zoom whenever we need to have a meeting, regardless of how in depth it is.”
“Why not use Slack Huddles?”
“Why not use Slack Huddles?”
“Why not use Slack Huddles?”
“Uhm… I honestly don't know the answer to that. We just never have.”
“Uhm… I honestly don't know the answer to that. We just never have.”
“Uhm… I honestly don't know the answer to that. We just never have.”
The Solution
Our solution is to introduce a calendar and scheduling component to Slack, making it the go-to platform for both quick and lengthy team syncs.
Our solution is to introduce a calendar and scheduling component to Slack, making it the go-to platform for both quick and lengthy team syncs.
Our solution is to introduce a calendar and scheduling component to Slack, making it the go-to platform for both quick and lengthy team syncs.
Summary
This mobile update focuses on enhancing the Slack Huddle experience by targeting users who frequently engage in project discussions, calls and daily conversations. Seamless team communication is essential for productivity, and Slack’s Huddle feature serves as a powerful tool for quick, real-time collaboration.
My Role
Branding
Product Research
UX/UI Design
Methods
Qualitative Research
Data Synthesis
Prototyping
Usability Testing
Project Timeline
5 weeks
Research
The goal of this survey and data synthesis was to gather and highlight key insights about users’ experiences with Slack Huddles.
The goal of this survey and data synthesis was to gather and highlight key insights about users’ experiences with Slack Huddles.
The goal of this survey and data synthesis was to gather and highlight key insights about users’ experiences with Slack Huddles.
Key Takeaways
Huddle scheduling being introduced was a constant and emphasized response from our survey.
Huddle scheduling being introduced was a constant and emphasized response from our survey.
Huddle scheduling being introduced was a constant and emphasized response from our survey.
With the introduction of huddle scheduling, the ability to localize, find, and access all meetings and weekly activities within a built-in calendar would become a necessity.
With the introduction of huddle scheduling, the ability to localize, find, and access all meetings and weekly activities within a built-in calendar would become a necessity.
With the introduction of huddle scheduling, the ability to localize, find, and access all meetings and weekly activities within a built-in calendar would become a necessity.
Competitor Analyses, Mind Mapping and User Flows
Recognizing the primary outcomes gave us insight into the design options we pursued for Slack. This drove us to conducting a very specific competitor analysis. We identified Discord and Microsoft Teams as direct competitors, while Zoom and Monday remained indirect.
Recognizing the primary outcomes gave us insight into the design options we pursued for Slack. This drove us to conducting a very specific competitor analysis. We identified Discord and Microsoft Teams as direct competitors, while Zoom and Monday remained indirect.
Recognizing the primary outcomes gave us insight into the design options we pursued for Slack. This drove us to conducting a very specific competitor analysis. We identified Discord and Microsoft Teams as direct competitors, while Zoom and Monday remained indirect.
Research Thoughts
"At this point in the project, we began to establish a solid foundation for what the Slack updates will look like. The competitor analyses and IA were pivotal when we began laying out our users journey."
"At this point in the project, we began to establish a solid foundation for what the Slack updates will look like. The competitor analyses and IA were pivotal when we began laying out our users journey."
"At this point in the project, we began to establish a solid foundation for what the Slack updates will look like. The competitor analyses and IA were pivotal when we began laying out our users journey."
Wireframes
With all of the prior research and ideation done, the wireframes you see below were quite easy to lay down. We focused primarily on the calendar and scheduling components of our update.
With all of the prior research and ideation done, the wireframes you see below were quite easy to lay down. We focused primarily on the calendar and scheduling components of our update.
With all of the prior research and ideation done, the wireframes you see below were quite easy to lay down. We focused primarily on the calendar and scheduling components of our update.
The Design System
The primary goal when working with Slack's design system was to incorporate elements that meshed well with the pre-existing components in the program but also signified our upadates.
The primary goal when working with Slack's design system was to incorporate elements that meshed well with the pre-existing components in the program but also signified our upadates.
The primary goal when working with Slack's design system was to incorporate elements that meshed well with the pre-existing components in the program but also signified our upadates.
New Feature Signifiers
We wanted to ensure that introducing any new feautre did not disrupt a company's pre existing workflow. To do this, we added noticeable, but non distracting, signifiers for all new features.
1. A Calendar quick action button
2. The addition of a create/start huddle FAB
3. New Feature and Live Alerts
We wanted to ensure that introducing any new feautre did not disrupt a company's pre existing workflow. To do this, we added noticeable, but non distracting, signifiers for all new features.
1. A Calendar quick action button
2. The addition of a create/start huddle FAB
3. New Feature and Live Alerts
We wanted to ensure that introducing any new feautre did not disrupt a company's pre existing workflow. To do this, we added noticeable, but non distracting, signifiers for all new features.
1. A Calendar quick action button
2. The addition of a create/start huddle FAB
3. New Feature and Live Alerts
Schedule an Event
This scheduling flow was built to be seamless and time efficient. The entire process can be completed in a matter of minutes and could be considered easy to use for individuals of all technical capabilities.
This scheduling flow was built to be seamless and time efficient. The entire process can be completed in a matter of minutes and could be considered easy to use for individuals of all technical capabilities.
This scheduling flow was built to be seamless and time efficient. The entire process can be completed in a matter of minutes and could be considered easy to use for individuals of all technical capabilities.
Slack Calendar Onboarding
Introducing a feature as complex as a work related calendar can cause some disruption. To ensure this didn't happen, a small onboarding flow was added to help familiarize users with the feature. Below are a few of the necessary screens
Introducing a feature as complex as a work related calendar can cause some disruption. To ensure this didn't happen, a small onboarding flow was added to help familiarize users with the feature. Below are a few of the necessary screens
Introducing a feature as complex as a work related calendar can cause some disruption. To ensure this didn't happen, a small onboarding flow was added to help familiarize users with the feature. Below are a few of the necessary screens
Navigating the Calendar
We wanted the mobile version of Slack's calendar to be extremely easy to navigate and understand. Below are a couple of the primary calendar features.
1. A daily card with color coded dots (based on department) indicating the number of meetings.
2. A color coded tag system set up for each department.
We wanted the mobile version of Slack's calendar to be extremely easy to navigate and understand. Below are a couple of the primary calendar features.
1. A daily card with color coded dots (based on department) indicating the number of meetings.
2. A color coded tag system set up for each department.
We wanted the mobile version of Slack's calendar to be extremely easy to navigate and understand. Below are a couple of the primary calendar features.
1. A daily card with color coded dots (based on department) indicating the number of meetings.
2. A color coded tag system set up for each department.
Usability Testing
Usability testing was highly beneficial in validating our design choices, particularly related to event scheduling and the calendar function. Our goal was to confirm that this was a task manageable by all users.
Usability testing was highly beneficial in validating our design choices, particularly related to event scheduling and the calendar function. Our goal was to confirm that this was a task manageable by all users.
Usability testing was highly beneficial in validating our design choices, particularly related to event scheduling and the calendar function. Our goal was to confirm that this was a task manageable by all users.
Outcome
Based on input and usability testing, this Slack update is anticipated to enhance huddle usage. The function to coordinate events within the same ecosystem provides a mental advantage for an organization, decreasing workflow interruptions and the necessity for third party platforms.
Based on input and usability testing, this Slack update is anticipated to enhance huddle usage. The function to coordinate events within the same ecosystem provides a mental advantage for an organization, decreasing workflow interruptions and the necessity for third party platforms.
Based on input and usability testing, this Slack update is anticipated to enhance huddle usage. The function to coordinate events within the same ecosystem provides a mental advantage for an organization, decreasing workflow interruptions and the necessity for third party platforms.
100%
100% of users tested had direct or indirect success completing the "schedule a huddle" task.
100% of users tested had direct or indirect success completing the "schedule a huddle" task.
100% of users tested had direct or indirect success completing the "schedule a huddle" task.
63.9s
63.9 seconds was the average duration of time users spent completing this task. We can estimate this will fluctuate base on the amount of information a user will put in for an event.
63.9 seconds was the average duration of time users spent completing this task. We can estimate this will fluctuate base on the amount of information a user will put in for an event.
63.9 seconds was the average duration of time users spent completing this task. We can estimate this will fluctuate base on the amount of information a user will put in for an event.
92% of users tested had a positive reaction when interacting with the new slack calendar.
92% of users tested had a positive reaction when interacting with the new slack calendar.
92% of users tested had a positive reaction when interacting with the new slack calendar.
My Final Thoughts
My Final Thoughts
My Final Thoughts
"Researching and designing for this Slack update gave me quality experience in designing for productivity by ensuring that what you do does not disrupt the vital work of a company. Throughout the process, I found myself constantly thinking about how someone will perceive these updates as they are rolled out, and what disruptions they could lead to in terms of workflow."
"Researching and designing for this Slack update gave me quality experience in designing for productivity by ensuring that what you do does not disrupt the vital work of a company. Throughout the process, I found myself constantly thinking about how someone will perceive these updates as they are rolled out, and what disruptions they could lead to in terms of workflow."
"Researching and designing for this Slack update gave me quality experience in designing for productivity by ensuring that what you do does not disrupt the vital work of a company. Throughout the process, I found myself constantly thinking about how someone will perceive these updates as they are rolled out, and what disruptions they could lead to in terms of workflow."
What's next?
What's next?
UX Design, Graphic Design, Branding & Identity
UX Design, Graphic Design, Branding & Identity
©2024 to ∞
Built by Trevor Ballard
UX Design, Graphic Design, Branding & Identity
©2024 to ∞
Built by Trevor Ballard