Text Overflow
Including the use of mixed text, punctuation marks, and the use of dates and times.
Concise copywriting
Discover copy is too long → Inform product/business team → Request concise copy from translation team → Product/business team provides revised copy → Design adjustments
View it
Do: Concise and clear
Click to view details
Don't: Redundant copy
Reserved Space
The text area should occupy as much empty space as possible to display more copy.
Extra-long wrap
The text area occupies as much blank display space as possible to show more copy.
Decrease Font Size
App dynamically scales down to 16pt font size (minimum 10px), while Web scales down to 14/12pt font size
Change layout
Taking the dialog box as an example, it uses a left-right layout by default, but can switch to a top-bottom arrangement when the text is longer.
Omitted... Show
Recommended scenarios: Non-critical information (such as subtitles, tags) in components where space is strictly limited and layout stability must be maintained (such as navigation bars, table columns). Not recommended: Core action copy, data-sensitive fields.
Omitted... Show
Recommended scenarios: Real-time, continuously updated short texts. Not recommended: Texts that require long reading times by users (such as terms and conditions).
Text is excessively long, the copy is excessively long |