Updated January 2025

Updated January 2025

Text-to-text App

Text-to-text App

I handle everything from initial research to visual design, ensuring support for preparing text translations of ancient languages.

I handle everything from initial research to visual design, ensuring support for preparing text translations of ancient languages.

ALBUQUERQUE, NEW MEXICO — The Text-to-text App helps linguists simplify oral translation in multilingual environments. It aligns text line-by-line in two columns, making it easy to follow without knowing both languages.

Solution

Solution

The Text-to-text App enables people to:

  • Input text in two columns with precise line-by-line alignment.

  • Facilitate oral translation by bridging the next stage, where users read and record the aligned text.

Auto-match seamlessly aligns text from two different language files in two columns. This is one of the first steps before oral translation begins.

Detail: New project screen.

Key Features

Key Features

  1. Auto Line-by-line Text Matching: Simplifies side-by-side comparison of source and target languages.

  2. Split, Combine, and Edit: Empowers users to refine the text alignment manually, addressing any discrepancies the system cannot resolve.

  3. Flag Errors: Allows users to identify and flag errors they cannot resolve, ensuring issues are documented for further review.

  4. User-Friendly Interface: Designed for linguists and general public with limited tech experience, emphasizing simplicity and ease of use.

Custom Quotation automatically splits text into lines using predefined rules for quotes, periods, commas, and similar characters.

Error Flagging enables quick communication between peers to address and resolve issues efficiently.

Iterative Design Process

Iterative Design Process

  1. Journey Mapping: Conduct interviews with the target audience, linguists, and stakeholders to gain a holistic view of their workflows, key touchpoints, and pain points, resulting in detailed journey maps.

  2. Prototyping: Rapidly develop low-fidelity wireframes, low-fidelity prototypes, mockups/high fidelity screens, high-fidelity prototypes, and code artifacts to experiment.

  3. Design Systems: Build and maintain a comprehensive design component library in Figma, including variables, variants, color palettes, typography, and usage guidelines. Collaborate with engineering to create CSS tokens and code artifacts.

  4. Usability Testing and Iteration: Use code prototypes and Figma prototypes to conduct usability testing, gather feedback, and iterate on the design.

  5. Development Collaboration: Partner closely with engineering to ensure smooth and efficient implementation. Actively support developers by addressing their questions, negotiating solutions, and discussing feasibility.

  6. Stakeholder Management: Support the Product Manager in managing stakeholder expectations, negotiating features, and ensuring alignment with organizational objectives.

  7. Quantitative Research: Analyze user behavior through methods like tracking misclicks, heatmaps, click-through rates, and session durations, particularly after deploying new versions. Combine these insights with direct observation of real users to uncover patterns, validate design decisions, and optimize the experience.

Outcomes

Outcomes

  • Faster Translations: Reduced text translation preparation time by 40% on average.

  • Cost Efficency: Lowered costs by minimizing errors and streamlining workflows.

  • Positive Feedback: Received praise from users and peers for its intuitive design and practical features.

Challenges

Challenges

  • Balancing simplicity with feature richness to meet diverse user needs.

  • Designing the system to ensure that one stage didn't disrupt another, maintaining seamless workflow across all stages.

Voice Configuration lets users choose between a single narrator or multiple voices for their audio project.

Access to the entire text in either language is locked once audio recording begins, to ensure the integrity of the audio capture.

Impact

Impact

The Text-to-text App reinforces the importance of designing for non-technical people and highlights the impact of iterative usability testing. The Text-to-text App stands as a testament to how thoughtful design can transform specialized workflows into more accessible and efficient processes.

Next Steps

Next Steps

  • Incorporate AI-powered features to improve the precision of text alignment between columns.

  • Improve accessibility features for visually impaired users.

About me

I'm originally from Brazil & moved to the USA to expand my horizons. I'm a passionate, hard worker who strives for success, continuously gaining expertise in crafting simple, data-informed designs and applying my studies on the human brain to enhance UX design. Collaborating with others to share ideas and provide impactful client solutions is what I enjoy most.

About me

I'm originally from Brazil & moved to the USA to expand my horizons. I'm a passionate, hard worker who strives for success, continuously gaining expertise in crafting simple, data-informed designs and applying my studies on the human brain to enhance UX design. Collaborating with others to share ideas and provide impactful client solutions is what I enjoy most.

Copyright © 2025 Osmar Cardoso de Souza Junior.

Made by me in New Mexico.

Copyright © 2025 Osmar Cardoso de Souza Junior.

Made by me in New Mexico.