How should text blocks be labelled?
Given the three below text blocks, how should I label the first one "Continent", the second "Country", and the third "City"? The three text blocks are meant to be read as one continuous narrative in the order shown, however, the user must understand they are three unique text blocks. Several possible options are:
- Labels on top of each? While easy to read and strongly enunciates that they are three different blocks, it distracts from seeing the three as one continuous narrative.
- Labels on bottom of each?
- Horizontal labels on the left side of each? Easy to read, but uses excessive screen real estate.
- Horizontal labels on the right side of each?
- Rotated clockwise or counter clockwise vertical text or vertical non-rotated text on the left side of each? Uses less real estate but more difficult to read. Pros and cons of the three options are discussed in other existing question/answers such as Is clockwise or counter-clockwise rotated text easier to read?.
- Rotated clockwise or counter clockwise vertical text or vertical non-rotated text on the right side of each?
- Something else altogether?
If the labels were longer (i.e. instead of "Continent" it was "Description portion for the continent"), how would this change your answer?
download bmml source – Wireframes created with Balsamiq Mockups