0

I am landing on a design such as this for single word overview cards.

Perhaps it can still be improved, showing the native Chinese term (or in any language, the native script), the romanization, the IPA pronunciation, and a brief 1-liner description. And then the role/part of speech, and the audio button if there is audio.

What is the best way to compactify such a table, especially in regards to making it so that we can compare 20+ languages on the same English word. Wiktionary does it with ugly tables.

enter image description here

Another approach would be to have a row with the English term, then a second row containing a box with a grid layout (everything equal width), and have the language written in small letters, and the native/roman words written below. So if there were 20 languages, maybe the grid would fit 3 into an 800 width container, per row, for ~7 rows. For each word.

Otherwise we can have a horizontally scrolling table, but I feel like on mobile you will never see the far right items in that table (languages 15-20 let's say).

How would you display this much information like that Wiktionary example?

1
  • Is this purely mobile? The second approach is difficult to imagine. Please add a basic wireframe of the concept if possible. Commented Aug 29, 2024 at 4:27

1 Answer 1

2

Generally speaking - this is what tables are for, and they work great. Usually no reason to reinvent the wheel. However, they are notoriously difficult to transfer to mobile, and usually something's got to give - meaning that you'll probably need to compromise on one of the dimensions. Either viewing many translation for a single word at a time, or one translation for multiple words at a time. One common solution is introducing internal navigation, something like this for instance.

enter image description here

1
  • Oh I like that, that makes a lot of sense! Thanks. Commented Aug 29, 2024 at 22:57

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.