Teams on iOS & Android

Designing for mobile

Designing for mobile

When I first joined Microsoft out of college, I worked on building out the mobile experience for Teams Enterprise. At that time, the team was trying to improve the mobile product so that it's functionality in parity to desktop while maintaining a simple, user-friendly experience. It was a fast paced collaborative environment where I learned to leverage native iOS & Android patterns to deliver a high quality mobile experience. From a systems design level, I took part in the creation of the design library as we transitioned from Sketch to Figma.

Impact

Impact

The team was highly focused highly on craft, usability and addressing customer needs through feedback. Our efforts were rewarded with over 100 million daily users, topping app store charts and becoming Microsoft's highest rated mobile product.

During my time on the team, I released a new translation tool that detects non-native languages and encourages in-line translation. Within 30 days of the release, we saw 800% increase in translation usage and the tool was later shipped on mobile with a similar design pattern.

I worked on improving the people picker, settings page and iPad screens so that the experience is more modernized and aligns with current interaction patterns.

Being part of the time while transitioning from Sketch to Figma, I took part in standardizing the design system for the in-calls experience for Teams. I also collaborated closely with Engineers to standardize GroupMe's color tokens in code and on Figma to improve cross functional collaboration.

↘ Shipped Experiences

In line translation

Improving communication between people

I led the design for in-line translation and translation suggestion in Teams Mobile. The feature detects non-native languages and uses a prompt to suggest users to translate. It also gives the option for users to always translate messages in that language.

App modernization

Modernizing the app experience

From a standard To line to supporting multi-selection via a radial selector

Design systems & framework

Making Teams accessible across screen sizes

I led the reflow effort in the meeting and calling space by providing detailed specs that passed accessibility tests and collaborating closely with engineers to make sure that we were pixel perfect. The close collaboration across discipline allowed us to the first area to hit ship quality in the entire product team.

Happy to chat more!

Happy to chat more!

If you want to learn more about my projects or just chat about design in general, feel free to reach out and connect!

Copyright © 2024

Copyright © 2024

Copyright © 2024