Outlook Mobile
Product Design / iOS & Android / Dual Screens
Team and Culture: Over the past 2.5 years, I've been a part of the Outlook Mobile team as a Senior Product Designer. The team breathes a unique culture of operating like a startup at the scale of an enterprise.
Impact: I've had the opportunity to lead several large projects globally. I'm humbled to say that my work has contributed to increased productivity for millions of users, scaled business revenue, defined our enterprise story and improve remote collaboration.
Play My Emails: Voice & Productivity
Incubation to production: Play My Emails started off with a small group of people exploring prototypes for effective voice-based consumption of email, geared towards visually impaired users. These prototypes led to a full collaboration between Outlook, Microsoft Search & AI, and Cortana to bring this to all our users.
My Responsibilities: Spearheading the design effort to production, defining a scalable language for email consumption through voice, incorporating research, liaising with multiple teams to define the scope and driving the end-to-end design process.
Personal Challenges: While this was an exciting project for many, it came with strong opinions and tough love from senior leaders. My biggest challenges and learnings involved setting expectations, stakeholder management, transparency and teaching non-mobile designers in partner teams to design for mobile experiences.
Play My Emails: Voice & Productivity
Incubation to production: Play My Emails started off with a small group of people exploring prototypes for effective voice-based consumption of email, geared towards visually impaired users. These prototypes led to a full collaboration between Outlook, Microsoft Search & AI, and Cortana to bring this to all our users.
My Responsibilities: Spearheading the design effort to production, defining a scalable language for email consumption through voice, incorporating research, liaising with multiple teams to define the scope and driving the end-to-end design process.
Personal Challenges: While this was an exciting project for many, it came with strong opinions and tough love from senior leaders. My biggest challenges and learnings involved setting expectations, stakeholder management, transparency and teaching non-mobile designers in partner teams to design for mobile experiences.
Play My Emails: Voice & Productivity
Incubation to production: Play My Emails started off with a small group of people exploring prototypes for effective voice-based consumption of email, geared towards visually impaired users. These prototypes led to a full collaboration between Outlook, Microsoft Search & AI, and Cortana to bring this to all our users.
My Responsibilities: Spearheading the design effort to production, defining a scalable language for email consumption through voice, incorporating research, liaising with multiple teams to define the scope and driving the end-to-end design process.
Personal Challenges: While this was an exciting project for many, it came with strong opinions and tough love from senior leaders. My biggest challenges and learnings involved setting expectations, stakeholder management, transparency and teaching non-mobile designers in partner teams to design for mobile experiences.
Invocation
Invocation
Hover for Dark Mode
Press for Dark Mode
Press for Dark Mode
Flagging emails
Flagging emails
Play My Emails: Art and Motion Design
As a Product Designer at Microsoft, I had the opportunity to contribute to the end-to-end process, including how this story is shared publicly. In collaboration with brand designers, marketing teams and an external creative studio, we created minimalistic marketing material and a voice-driven video to tie it all together.
Play My Emails: Art and Motion Design
As a Product Designer at Microsoft, I had the opportunity to contribute to the end-to-end process, including how this story is shared publicly. In collaboration with brand designers, marketing teams and an external creative studio, we created minimalistic marketing material and a voice-driven video to tie it all together.
Play My Emails: Art and Motion Design
As a Product Designer at Microsoft, I had the opportunity to contribute to the end-to-end process, including how this story is shared publicly. In collaboration with brand designers, marketing teams and an external creative studio, we created minimalistic marketing material and a voice-driven video to tie it all together.
Behind the scenes
Behind the scenes
Upcoming Events in iOS and Android
Design Brief: People are often late for their meetings. When they are late, they do not know how to fail gracefully. In addition, people who turn off their notifications (with Do Not Disturb settings), see their event reminders too early or too late, or often miss them altogether. How can Outlook help them show up on time?
Current Research:
1. 1 in 5 Americans consistently arrive late to work (YouGov)
2. 37% of meetings start late (BPS Research)
3. It has a cascading negative impact on the day (Hawthorne Study)
Goal: Help people get to their meetings on time, by surfacing relevant event details where they spend most of their time, i.e. their inbox.
Upcoming Events in iOS and Android
Design Brief: People are often late for their meetings. When they are late, they do not know how to fail gracefully. In addition, people who turn off their notifications (with Do Not Disturb settings), see their event reminders too early or too late, or often miss them altogether. How can Outlook help them show up on time?
Current Research:
1. 1 in 5 Americans consistently arrive late to work (YouGov)
2. 37% of meetings start late (BPS Research)
3. It has a cascading negative impact on the day (Hawthorne Study)
Goal: Help people get to their meetings on time, by surfacing relevant event details where they spend most of their time, i.e. their inbox.
Upcoming Events in iOS and Android
Design Brief: People are often late for their meetings. When they are late, they do not know how to fail gracefully. In addition, people who turn off their notifications (with Do Not Disturb settings), see their event reminders too early or too late, or often miss them altogether. How can Outlook help them show up on time?
Current Research:
1. 1 in 5 Americans consistently arrive late to work (YouGov)
2. 37% of meetings start late (BPS Research)
3. It has a cascading negative impact on the day (Hawthorne Study)
Goal: Help people get to their meetings on time, by surfacing relevant event details where they spend most of their time, i.e. their inbox.
Hover for Dark Mode
Press for Dark Mode
Press for Dark Mode
Tap interactions
Tap interactions
Multiple events
Multiple events
Android Widgets for Outlook
Design Brief: Past Outlook Android widgets, while heavily used, lacked vital information (full meeting name, meeting location) and required the user to tap on each event to learn more. In addition the widgets weren't updated in years, impacting performance, battery consumption and usage metrics.
User Needs:
1. Calendar widget should show meeting location and room numbers
2. Need for widget settings to match their device themes
3. Calendar widget doesn't update based on current time
Goal: Help people stay on top of their day and show up for their events without having to open the Outlook app. Performance upgrades should help improve battery consumption and overall responsiveness.
Android Widgets for Outlook
Design Brief: Past Outlook Android widgets, while heavily used, lacked vital information (full meeting name, meeting location) and required the user to tap on each event to learn more. In addition the widgets weren't updated in years, impacting performance, battery consumption and usage metrics.
User Needs:
1. Calendar widget should show meeting location and room numbers
2. Need for widget settings to match their device themes
3. Calendar widget doesn't update based on current time
Goal: Help people stay on top of their day and show up for their events without having to open the Outlook app. Performance upgrades should help improve battery consumption and overall responsiveness.
Android Widgets for Outlook
Design Brief: Past Outlook Android widgets, while heavily used, lacked vital information (full meeting name, meeting location) and required the user to tap on each event to learn more. In addition the widgets weren't updated in years, impacting performance, battery consumption and usage metrics.
User Needs:
1. Calendar widget should show meeting location and room numbers
2. Need for widget settings to match their device themes
3. Calendar widget doesn't update based on current time
Goal: Help people stay on top of their day and show up for their events without having to open the Outlook app. Performance upgrades should help improve battery consumption and overall responsiveness.
Grid structures
Grid structures
Early explorations
Early explorations
Final designs
Final designs
Monetization: Native Ads
Business Need: Experiment with native ads in Outlook Mobile to increase Office's revenue. Native Ads is the only feature that our users haven't requested! How can Ads lead to increased Office 365 subscriptions without feeling invasive?
Goal: Increase app revenue while maintaining user engagement and retention rates. The churn caused due to Ads should ideally be negligible or non-existent.
Personal Challenge: This was a tricky feature where we had to balance the visuals to feel native enough but not too embedded into the message list. It was an intricate ask to adhere to the expected click-through rates (CTR) and adjust tap areas to reduce mis-clicks due to ads.
Monetization: Native Ads
Business Need: Experiment with native ads in Outlook Mobile to increase Office's revenue. Native Ads is the only feature that our users haven't requested! How can Ads lead to increased Office 365 subscriptions without feeling invasive?
Goal: Increase app revenue while maintaining user engagement and retention rates. The churn caused due to Ads should ideally be negligible or non-existent.
Personal Challenge: This was a tricky feature where we had to balance the visuals to feel native enough but not too embedded into the message list. It was an intricate ask to adhere to the expected click-through rates (CTR) and adjust tap areas to reduce mis-clicks due to ads.
Monetization: Native Ads
Business Need: Experiment with native ads in Outlook Mobile to increase Office's revenue. Native Ads is the only feature that our users haven't requested! How can Ads lead to increased Office 365 subscriptions without feeling invasive?
Goal: Increase app revenue while maintaining user engagement and retention rates. The churn caused due to Ads should ideally be negligible or non-existent.
Personal Challenge: This was a tricky feature where we had to balance the visuals to feel native enough but not too embedded into the message list. It was an intricate ask to adhere to the expected click-through rates (CTR) and adjust tap areas to reduce mis-clicks due to ads.
Final designs
Final designs
Invasiveness
Invasiveness
Dismissing ads
Dismissing ads
Enterprise Grade Security
Brief: To make Outlook Mobile viable for highly regulated industries like banking, governments and defence, we needed to build a solution that provided for 4 core security scenarios:
- Authentication via digital signatures ("Who are you?")
- Non-repudiation ("This email definitely came from you")
- Data integrity ("What you sent is what I received")
- Encryption for confidentiality ("The person I sent it to is the only one that can see it")
S/MIME (Secure Multipurpose Internet Mail) extensions is used by organizations to enforce data security on email messages. In essence, S/MIME is composed of digitally signing and encrypting emails.
Goal: Design a solution that is easy to use for mobile scenarios, responsive to encrypt and decrypt messages, and easy to troubleshoot for support.
Enterprise Grade Security
Brief: To make Outlook Mobile viable for highly regulated industries like banking, governments and defence, we needed to build a solution that provided for 4 core security scenarios:
- Authentication via digital signatures ("Who are you?")
- Non-repudiation ("This email definitely came from you")
- Data integrity ("What you sent is what I received")
- Encryption for confidentiality ("The person I sent it to is the only one that can see it")
S/MIME (Secure Multipurpose Internet Mail) extensions is used by organizations to enforce data security on email messages. In essence, S/MIME is composed of digitally signing and encrypting emails.
Goal: Design a solution that is easy to use for mobile scenarios, responsive to encrypt and decrypt messages, and easy to troubleshoot for support.
Enterprise Grade Security
Brief: To make Outlook Mobile viable for highly regulated industries like banking, governments and defence, we needed to build a solution that provided for 4 core security scenarios:
- Authentication via digital signatures ("Who are you?")
- Non-repudiation ("This email definitely came from you")
- Data integrity ("What you sent is what I received")
- Encryption for confidentiality ("The person I sent it to is the only one that can see it")
S/MIME (Secure Multipurpose Internet Mail) extensions is used by organizations to enforce data security on email messages. In essence, S/MIME is composed of digitally signing and encrypting emails.
Goal: Design a solution that is easy to use for mobile scenarios, responsive to encrypt and decrypt messages, and easy to troubleshoot for support.
Exploring motion
Exploring motion
Maintaining consistency
Maintaining consistency
Error scenarios
Error scenarios
Additional Contributions
In addition to the ones shown above, here is a non-exhaustive list of some more projects I worked on over the past 2.5 years.
- Security framework
- Classification, labelling and protection
- Shared and delegate Mailboxes
- Redesigning and optimizing onboarding funnels
- Scenarios for dual screen devices (NDA)
- Building design systems in Sketch + Abstract
- Leading and facilitating Weekly Team Reviews
- Streamlining marketing assets pipeline
None of this would be possible without a wonderful, loving, inclusive team of designers in New York, Redmond, San Francisco and Los Angeles. This picture was taken in 2018 and the team has grown since.
Additional Contributions
In addition to the ones shown above, here is a non-exhaustive list of some more projects I worked on over the past 2.5 years.
- Security framework
- Classification, labelling and protection
- Shared and delegate Mailboxes
- Redesigning and optimizing onboarding funnels
- Scenarios for dual screen devices (NDA)
- Building design systems in Sketch + Abstract
- Leading and facilitating Weekly Team Reviews
- Streamlining marketing assets pipeline
None of this would be possible without a wonderful, loving, inclusive team of designers in New York, Redmond, San Francisco and Los Angeles. This picture was taken in 2018 and the team has grown since.
Additional Contributions
In addition to the ones shown above, here is a non-exhaustive list of some more projects I worked on over the past 2.5 years.
- Security framework
- Classification, labelling and protection
- Shared and delegate Mailboxes
- Redesigning and optimizing onboarding funnels
- Scenarios for dual screen devices (NDA)
- Building design systems in Sketch + Abstract
- Leading and facilitating Weekly Team Reviews
- Streamlining marketing assets pipeline
None of this would be possible without a wonderful, loving, inclusive team of designers in New York, Redmond, San Francisco and Los Angeles. This picture was taken in 2018 and the team has grown since.
