×
Namespaces

Variants
Actions
(Difference between revisions)

Text Usability

From Nokia Developer Wiki
Jump to: navigation, search
Rahulsingh1m (Talk | contribs)
(Some usability guideline for text are)
Rahulsingh1m (Talk | contribs)
Line 60: Line 60:
  
 
* Truncate text if it is not fit in line and not supposed to display in two line. Add three dots(...) if truncation is required.
 
* Truncate text if it is not fit in line and not supposed to display in two line. Add three dots(...) if truncation is required.
 +
The text should be truncated from the end. An exception to this is phone number, which should be truncated from the begining.
  
 
<br>
 
<br>

Revision as of 15:06, 29 June 2009


Descriptions

Text usability is applying usability principles to content to improve the impact the text has on the reader. It includes making your text easier to read. When text is easier to read, the user is able to absorb the information you provide to them. This is important for any application. Easier to read text also builds the relationship between you and your user. If you convey information to them in a way they understand, they'll be more likely to trust you and any products or services you might offer.

Text usability is about building trust through your text. It's about making your users more comfortable with your application and forging a closer relationship to them. Your content has a monumental impact on your user, and every word should be used to your advantage. By applying usability to your text, your content will be easier to understand and users will talk about your application.

Some usability guideline for text are

  • Organize the text into paragraphs.
  • Try to use bulleted information instead of a table.
  • Set the default text alignment is left. For right-to-left UI languages, the default text alignment is on the right.


Left aligned text looks good.
Lalign.JPG

Right aligned text looks bad.
Ralign.JPG


  • The best combination for readability of text is black text on a white background. so black text is preferable.


Black text on a white background is more readable.
ColorCombination.JPG


  • Highlight keywords or title of text.


Text paragraph wit bold title looks good
BoldTitle.JPG

Text paragraph with normal title is look bad'
NormalTitle.JPG


  • Truncate text if it is not fit in line and not supposed to display in two line. Add three dots(...) if truncation is required.

The text should be truncated from the end. An exception to this is phone number, which should be truncated from the begining.


Text paragraph with truncated text and appended dots
Marquee disabled.JPG


  • Use word wrapping whenever for displaying long texts in paragraph.


Text paragraph with word wrapping looks good
Wrapping.JPG

Text paragraph without word wrapping looks bad'
NoWrapping.JPG


  • Use the same text as the control condition in a layout that facilitated scanning text easily.
  • Add marquee scrolling if text does not fit to a list view and supposed to show a whole text. Scrolling is done only when the item is highlighted and the text is scrolled in only one direction.


Text paragraph with marquee effects
Marquee enabled.JPG


124 page views in the last 30 days.