Tools

Namespaces

Variants

Views

Actions

Search

Contents

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries. Thanks for all your past and future contributions.

{{Abstract|Information visualization is the methodology of visual representation of huge amount of data using various techniques to help people understand and analyze data in the most convenient manner. This article explains the need for and use of this technique in mobile applications.}}

−

Information visualization is the methodology of visual representation of huge amount of data using various techniques to help people understand and analyze data in the most convenient manner.

Remember ‘A picture speaks a thousand words!’, the selected data must be appropriately mapped to visual objects (e.g. chart, graphs, etc) which will provide the information to the users in the most effective manner.

+

Remember ‘A picture speaks a thousand words!’, the selected data must be appropriately mapped to visual objects (e.g. chart, graphs,images,animation, etc.) which will provide the information to the users in the most effective manner.

The data and visual mapping must be consistently applied throughout the application.

The data and visual mapping must be consistently applied throughout the application.

</LI>

</LI>

−

+

[[File:Graph.gif]]<BR>

+

Chart representation instead of textual representation of data.

<LI>

<LI>

====Presentation====

====Presentation====

The central purpose of visual presentation is to effectively communicate the information to the user.

The central purpose of visual presentation is to effectively communicate the information to the user.

+

<BR><BR>

+

[[File:Presentation.gif|frame|none|Avoid / prefer]]

</LI>

</LI>

+

Above is an example where data selection and its representation is done correctly, but in left image the presentation is not effective as compared to the right image because of unformatted text.

<LI>

<LI>

====Innovative screen usage====

====Innovative screen usage====

−

Remember that you can do different things with the display: Sometimes you can just turn things around!

+

Remember that you can do different things with the display: Sometimes you can just turn things around! <BR>

−

Full Screen Mode

+

Full Screen Mode - This will increase the space for visualizing information of the application. But keep in mind that the user may lose important information, such as the battery, network, and other indicators at the top of the screen.

−

This will increase the space for visualizing information of the application. But keep in mind that the user may lose important information, such as the battery, network, and other indicators at the top of the screen.

+

+

[[File:Visualization Innovation.gif|frame|none|Media Player using horizontal full screen for displaying movie.]]

+

</LI>

</LI>

Line 53:

Line 81:

====Keep it Simple====

====Keep it Simple====

Too much complex Information visualization can confuse the user. Investigate the core usage of the application and keep the visualization simple. Give options to drill down, if additional information is required. Don’t get overwhelmed by the technology, new but complex visualization technology should not compromise the usability.

Too much complex Information visualization can confuse the user. Investigate the core usage of the application and keep the visualization simple. Give options to drill down, if additional information is required. Don’t get overwhelmed by the technology, new but complex visualization technology should not compromise the usability.

+

<BR>

+

[[File:Simple.gif|frame|none|Avoid / Prefer]]

+

</LI>

</LI>

Latest revision as of 03:42, 9 May 2012

Information visualization is the methodology of visual representation of huge amount of data using various techniques to help people understand and analyze data in the most convenient manner. This article explains the need for and use of this technique in mobile applications.

Only necessary and relevant information must be displayed to the user from the available data.
Too less or too more information can cause difficulty to the user to in performing the task.
Selection is especially critical in case of mobile device visualizations because the limited space restricts how much information can be displayed on the screen.

Remember ‘A picture speaks a thousand words!’, the selected data must be appropriately mapped to visual objects (e.g. chart, graphs,images,animation, etc.) which will provide the information to the users in the most effective manner.
The data and visual mapping must be consistently applied throughout the application.

Remember that you can do different things with the display: Sometimes you can just turn things around!
Full Screen Mode - This will increase the space for visualizing information of the application. But keep in mind that the user may lose important information, such as the battery, network, and other indicators at the top of the screen.

Too much complex Information visualization can confuse the user. Investigate the core usage of the application and keep the visualization simple. Give options to drill down, if additional information is required. Don’t get overwhelmed by the technology, new but complex visualization technology should not compromise the usability.