KMD XForm Responsive Editor buried user-facing text in HTML, making editing difficult.
After research with professional translators and concept development, I designed an Excel-style interface that made text editing and translation straightforward and accessible, with markdown support and previews.
For translators to edit user-facing texts in forms, KMD XForm Responsive Editor required them to dig through HTML source code to find the relevant texts. This made the task cumbersome and error-prone. br>Thus we needed a dedicated, user-friendly text management interface.
The Process
One of the first conceptual wireframes.
Exploring a concept with a text navigation on the left and the translations on the right.
Investigating one large 'spreadsheet canvas' of translations with both vertical and horizontal scrolling. This was judged too cumbersome to navigate.
Wireframe flows for how language 'layers' are added to individual forms.
Mockup of how language texts and {{ keys }} could be handled in the source code in KMD XForm Responsive editor.
The Solution
The final KMD XForm TextManager design with one text per row: text keys and two translations side-by-side to provide context when translating.
I created custom flexbox-based HTML/CSS frameworks to have full control of the look and feel of the app and to ease the lives of developers.
Open to work I'm open to new UX jobs and projects — remote or near Aarhus, DK.
