Switch Factiva
  • Factiva
    • ❗Product Problem
    • 📌Switch Enhancement
    • 🎨Design Process
      • 1. Analysis and User Research
      • 2. Study the Current Performance
      • 3. Definition of the User Experience
      • 4. Proposal Validation
      • 5. Final Visual Design
    • ✅Enhancement Result
Powered by GitBook
On this page
  • Competitor analysis
  • Wireframes
  1. Factiva
  2. Design Process

3. Definition of the User Experience

Previous2. Study the Current PerformanceNext4. Proposal Validation

Last updated 1 year ago

After obtaining key insights and defining usability issues, the exploration and architecture design phase was initiated to provide the appropriate response to users and business requirements.

Competitor analysis

This tool allowed us to identify how other companies introduce this type of feature to their users, how they can maintain consistency across interfaces, and the types of iconography used for this interaction.

Wireframes

In the design, the following was proposed:

  1. Maintain the same appearance and button placement in both interfaces to make it more recognizable for the user.

  2. Update the button copy with a short but easily understandable text that can be translated into multiple languages.

  3. Update the iconography by using icons already used in other contexts that connect the image with the action of switching interfaces.

  4. Create a modal that introduces the user to the new functionality and its usage.

The most difficult part of this process was the design of the icon and label, since the image had to relate to the text and, at the same time, be self-explanatory when displayed on its own. At the same time we had to avoid adjectives that would identify one interface as old or one better than another, but keep it short and easy to translate. As expected, making the best decision on this was not easy. Therefore, the best way to obtain answers was through user testing.

🎨