×
Namespaces

Variants
Actions
(Difference between revisions)

Information Visualization: Times Square Method (TSM)

From Nokia Developer Wiki
Jump to: navigation, search
Larry101 (Talk | contribs)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
(3 intermediate revisions by one user not shown)
Line 1: Line 1:
{{ReviewerApproved}}
+
[[Category:Usability]]
[[Category:Mobile Design]][[Category:Usability]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= [[User:SannaH]]
 +
|review-timestamp= 20120507
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090630
 +
|author= [[User:Aadhar14b]]
 +
}}
 +
 
 
===What is Times Square Method (TSM)?===
 
===What is Times Square Method (TSM)?===
 
TSM also known as ‘Leading’ is a presentation technique of displaying information (usually text) dynamically in a limited space, in which the text (word or sentence) scrolls autonomously in one line and horizontally across the screen from right to left.
 
TSM also known as ‘Leading’ is a presentation technique of displaying information (usually text) dynamically in a limited space, in which the text (word or sentence) scrolls autonomously in one line and horizontally across the screen from right to left.
  
[[Image:TSM.gif]]<BR>
+
[[File:TSM.gif]]<BR>
 
Above is an example of TSM visual presentation
 
Above is an example of TSM visual presentation
  

Latest revision as of 06:42, 9 May 2012

Article Metadata
Article
Created: User:Aadhar14b (30 Jun 2009)
Reviewed: SannaH (07 May 2012)
Last edited: hamishwillee (09 May 2012)

Contents

[edit] What is Times Square Method (TSM)?

TSM also known as ‘Leading’ is a presentation technique of displaying information (usually text) dynamically in a limited space, in which the text (word or sentence) scrolls autonomously in one line and horizontally across the screen from right to left.

TSM.gif
Above is an example of TSM visual presentation

[edit] Benefits of TSM

  • Requires limited space to display text, which can address the typical design issue in mobile - small screen.
  • Speed reading – Proven to be as fast as Rapid Serial Visual Presentation (RSVP).
  • It facilitates visually disabled people to read more comfortably.

[edit] Limitations of TSM

  • In case of smooth scrolling of text is not happening, TSM can cause stress while reading.
  • In some implementations of TSM, next sentence appears only when the last word of current sentence completely scrolls to the right. Till that point the left space of the screen is unused and delay can be noticeable especially for sentences having just couple of words.
  • Attentional demands are high as it is important to catch the text contents in moving sentences.

[edit] Practical Usage

  • News, Stock price, etc. Widgets.
  • Web Browsers - Can be used to read specific content in the web site.
  • Document Reader Applications – applications that help in text reading can provide option for TSM for a selected page, paragraph or any other specific selection.

[edit] TSM Design Guidelines

  • An application using TSM should provide options to turn TSM reading on/off – it should not be mandatory to read the information in the application through TSM, because all users might not be comfortable with it.
  • Provide ‘setting options’ for TSM
    • Text size, color and font.
    • Scroll Direction.
    • Speed of scrolling.
    • Scroll by letter, word or sentence.
  • Provide easily accessible option to ‘pause’, so that user will not miss any information during pause operation.
  • Provide easily accessible option to ‘scroll back’ to previous chunk of information.
  • Completion Indicator – Allow user to know how far they have read and how much more is remaining; use a graphical meter to show the same.



--Submitted by - Aadhar14b, 30 June 2009

This page was last modified on 9 May 2012, at 06:42.
80 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×