Microsoft Translate

Stakeholder

Personal Project

Location

Remote, UK

Year

2023

Introduction

The Microsoft Translator Redesign was undertaken with the aim of modernising the app by transitioning its outdated Metro design to Microsoft’s more contemporary Fluent design system. This redesign project placed a strong emphasis on enhancing the overall user experience, ensuring the app not only appeared more visually appealing but also offered a more intuitive and seamless interaction for users. By doing so, aimed to attract more users, increase engagement, and improve the app’s overall usability and functionality, ultimately driving higher usage and adoption rates if a redesign was to go to market.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

APPROACH & UNDERSTANDING THE PROBLEM

/// Goal

The objective was to refine the Microsoft Translator app’s user experience, making it simpler and more efficient for users to manage its features and functions.

/// Planning and Requirements Gathering

I began with a thorough planning phase, brainstorming innovative features and improvements for the app. This was followed by competitor analysis to understand market trends and key design elements. Developing personas and user journeys helped me envision the needs and behaviours of the target audience. Additionally, I explored the Fluent design system to see how it could best enhance the app.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DISCOVERY

The discovery phase involved several key activities to set a strong foundation for the redesign:

  • Brainstorming Sessions: Generated ideas for new features and improvements.

  • Competitor Analysis: Reviewed leading translation apps to identify trends and areas for improvement.

  • Personas and User Journeys: Created based on existing product insights to guide the design.

  • Exploring Fluent Design: Investigated how Fluent design could be applied effectively to the app.

/// Data Collection and Analysis

To inform the redesign, I collected and analysed various types of data:

  • Usage Analytics: Provided insights into how users interacted with the existing app, highlighting common actions and pain points.

  • User Feedback: Helped understand user needs and frustrations.

  • Industry Reports: Guided design choices and compared the app’s features with competitors to identify opportunities for enhancement.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DESIGN ITERATION & DECISIONS

/// Design Process and Decisions

  • Wireframe Development: Created wireframes to plan the app’s layout and interactions, aiming for a more intuitive user experience.

  • Content Architecture: Structured the app’s information and navigation to enhance usability and clarity.

  • Branding: Developed new branding using Fluent design components, including light and dark themes to meet user preferences.

  • Feature Development: Selected and refined key features based on user needs and technical feasibility.

  • Prototype Construction: Built high-fidelity prototypes for iterative testing and refinement.

/// Challenges and Solutions

One of the main challenges was integrating advanced translation technology with a user-friendly design while ensuring accessibility for a global audience. I addressed this by continuously testing and refining the interface based on user feedback, striving to keep the app intuitive and easy to use.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DEVELOPMENT & DELIVERY

/// Prototyping

  • High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.

  • Iterative Refinement: Made continuous improvements to the prototypes based on user testing, focusing on usability, visual appeal, and alignment with the Fluent design system.

/// Development

  • Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.

  • Quality Assurance: Performed thorough testing of the redesigned app to ensure all features worked as intended and the user experience met high standards. Addressed any issues that arose during testing to ensure a polished final product.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Growth & THoughts

/// Outcome

The redesign successfully modernised the app, improving its usability and aligning it with current design trends. The introduction of new features and enhancements has made the app more user-friendly and appealing, leading to increased user satisfaction.

/// Learning & Growth

Designing this project alone provided valuable experience in applying modern design systems and methodologies. It enhanced my ability to integrate advanced features into a user-centric design and improved my skills in managing complex design challenges.

/// Takeaway

The Microsoft Translator redesign project was both challenging and rewarding. It offered deep insights into combining contemporary design trends with practical functionality, demonstrating the effectiveness of agile methodologies. This project marked a significant step in my professional development, broadening my expertise in UI/UX design and enhancing my ability to address diverse user needs

Microsoft Translate

Stakeholder

Personal Project

Location

Remote, UK

Year

2023

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Introduction

The Microsoft Translator Redesign was undertaken with the aim of modernising the app by transitioning its outdated Metro design to Microsoft’s more contemporary Fluent design system. This redesign project placed a strong emphasis on enhancing the overall user experience, ensuring the app not only appeared more visually appealing but also offered a more intuitive and seamless interaction for users. By doing so, aimed to attract more users, increase engagement, and improve the app’s overall usability and functionality, ultimately driving higher usage and adoption rates if a redesign was to go to market.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

APPROACH & UNDERSTANDING THE PROBLEM

/// Goal

The objective was to refine the Microsoft Translator app’s user experience, making it simpler and more efficient for users to manage its features and functions.

/// Planning and Requirements Gathering

I began with a thorough planning phase, brainstorming innovative features and improvements for the app. This was followed by competitor analysis to understand market trends and key design elements. Developing personas and user journeys helped me envision the needs and behaviours of the target audience. Additionally, I explored the Fluent design system to see how it could best enhance the app.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DISCOVERY

The discovery phase involved several key activities to set a strong foundation for the redesign:

  • Brainstorming Sessions: Generated ideas for new features and improvements.

  • Competitor Analysis: Reviewed leading translation apps to identify trends and areas for improvement.

  • Personas and User Journeys: Created based on existing product insights to guide the design.

  • Exploring Fluent Design: Investigated how Fluent design could be applied effectively to the app.

/// Data Collection and Analysis

To inform the redesign, I collected and analysed various types of data:

  • Usage Analytics: Provided insights into how users interacted with the existing app, highlighting common actions and pain points.

  • User Feedback: Helped understand user needs and frustrations.

  • Industry Reports: Guided design choices and compared the app’s features with competitors to identify opportunities for enhancement.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DESIGN ITERATION & DECISIONS

/// Design Process and Decisions

  • Wireframe Development: Created wireframes to plan the app’s layout and interactions, aiming for a more intuitive user experience.

  • Content Architecture: Structured the app’s information and navigation to enhance usability and clarity.

  • Branding: Developed new branding using Fluent design components, including light and dark themes to meet user preferences.

  • Feature Development: Selected and refined key features based on user needs and technical feasibility.

  • Prototype Construction: Built high-fidelity prototypes for iterative testing and refinement.

/// Challenges and Solutions

One of the main challenges was integrating advanced translation technology with a user-friendly design while ensuring accessibility for a global audience. I addressed this by continuously testing and refining the interface based on user feedback, striving to keep the app intuitive and easy to use.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DEVELOPMENT & DELIVERY

/// Prototyping

  • High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.

  • Iterative Refinement: Made continuous improvements to the prototypes based on user testing, focusing on usability, visual appeal, and alignment with the Fluent design system.

/// Development

  • Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.

  • Quality Assurance: Performed thorough testing of the redesigned app to ensure all features worked as intended and the user experience met high standards. Addressed any issues that arose during testing to ensure a polished final product.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Growth & Thoughts

/// Outcome

The redesign successfully modernised the app, improving its usability and aligning it with current design trends. The introduction of new features and enhancements has made the app more user-friendly and appealing, leading to increased user satisfaction.

/// Learning & Growth

Designing this project alone provided valuable experience in applying modern design systems and methodologies. It enhanced my ability to integrate advanced features into a user-centric design and improved my skills in managing complex design challenges.

/// Takeaway

The Microsoft Translator redesign project was both challenging and rewarding. It offered deep insights into combining contemporary design trends with practical functionality, demonstrating the effectiveness of agile methodologies. This project marked a significant step in my professional development, broadening my expertise in UI/UX design and enhancing my ability to address diverse user needs

Microsoft Translate

Stakeholder

Personal Project

Location

Remote, UK

Year

2023

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Introduction

The Microsoft Translator Redesign was undertaken with the aim of modernising the app by transitioning its outdated Metro design to Microsoft’s more contemporary Fluent design system. This redesign project placed a strong emphasis on enhancing the overall user experience, ensuring the app not only appeared more visually appealing but also offered a more intuitive and seamless interaction for users. By doing so, aimed to attract more users, increase engagement, and improve the app’s overall usability and functionality, ultimately driving higher usage and adoption rates if a redesign was to go to market.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

APPROACH & UNDERSTANDING THE PROBLEM

/// Goal

The objective was to refine the Microsoft Translator app’s user experience, making it simpler and more efficient for users to manage its features and functions.

/// Planning and Requirements Gathering

I began with a thorough planning phase, brainstorming innovative features and improvements for the app. This was followed by competitor analysis to understand market trends and key design elements. Developing personas and user journeys helped me envision the needs and behaviours of the target audience. Additionally, I explored the Fluent design system to see how it could best enhance the app.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DISCOVERY

The discovery phase involved several key activities to set a strong foundation for the redesign:

  • Brainstorming Sessions: Generated ideas for new features and improvements.

  • Competitor Analysis: Reviewed leading translation apps to identify trends and areas for improvement.

  • Personas and User Journeys: Created based on existing product insights to guide the design.

  • Exploring Fluent Design: Investigated how Fluent design could be applied effectively to the app.

/// Data Collection and Analysis

To inform the redesign, I collected and analysed various types of data:

  • Usage Analytics: Provided insights into how users interacted with the existing app, highlighting common actions and pain points.

  • User Feedback: Helped understand user needs and frustrations.

  • Industry Reports: Guided design choices and compared the app’s features with competitors to identify opportunities for enhancement.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DESIGN ITERATION & DECISIONS

/// Design Process and Decisions

  • Wireframe Development: Created wireframes to plan the app’s layout and interactions, aiming for a more intuitive user experience.

  • Content Architecture: Structured the app’s information and navigation to enhance usability and clarity.

  • Branding: Developed new branding using Fluent design components, including light and dark themes to meet user preferences.

  • Feature Development: Selected and refined key features based on user needs and technical feasibility.

  • Prototype Construction: Built high-fidelity prototypes for iterative testing and refinement.

/// Challenges and Solutions

One of the main challenges was integrating advanced translation technology with a user-friendly design while ensuring accessibility for a global audience. I addressed this by continuously testing and refining the interface based on user feedback, striving to keep the app intuitive and easy to use.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

DEVELOPMENT & DELIVERY

/// Prototyping

  • High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.

  • Iterative Refinement: Made continuous improvements to the prototypes based on user testing, focusing on usability, visual appeal, and alignment with the Fluent design system.

/// Development

  • Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.

  • Quality Assurance: Performed thorough testing of the redesigned app to ensure all features worked as intended and the user experience met high standards. Addressed any issues that arose during testing to ensure a polished final product.

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility

Growth & Thoughts

/// Outcome

The redesign successfully modernised the app, improving its usability and aligning it with current design trends. The introduction of new features and enhancements has made the app more user-friendly and appealing, leading to increased user satisfaction.

/// Learning & Growth

Designing this project alone provided valuable experience in applying modern design systems and methodologies. It enhanced my ability to integrate advanced features into a user-centric design and improved my skills in managing complex design challenges.

/// Takeaway

The Microsoft Translator redesign project was both challenging and rewarding. It offered deep insights into combining contemporary design trends with practical functionality, demonstrating the effectiveness of agile methodologies. This project marked a significant step in my professional development, broadening my expertise in UI/UX design and enhancing my ability to address diverse user needs