1. MTP – Stage 1 Sanobar Nishat

3. Outline  Peculiarities of the mobile visualization context  Different aspects of mobile visualization design  Map-based mobile application  Taxonomy of the different classes of visualizations  References

4. Mobile Visualization vs. traditional Visualization  Displays, on-board hardware, input peripherals, Width/Height ratio  lack of powerful, high-level graphics libraries  Complications introduces due to mobility context i.e. physical environment, safety issues, Distraction due to external events. Visualizations, a way to provide information at-a-glance that is easily understood with less cognitive resources and distracts the user as less as possible from current primary task

5. Small Screen: difficult to read or understand graphics, graphics that actually mislead users, getting lost in navigating the graphical space Disciplining Visualization Design Following are the process of designing a visualization: 1.Mapping - turns data into graphics using mapping among data objects and relations and visual objects and relations 2.Selection 3.Presentation - selected the data the user really needs 4.Interactivity - What tools are provided to explore and rearrange the visualization? 5.Human Factors - Are human perception and cognitive capabilities being taken into account 6.Evaluation - Has the effectiveness of the visualization been tested on users?

6. A Mobile Visualization Example Visualization should not simply draw all POIs A selection algorithms that draw only the POIs that satisfy a set of user- provided constraints. Refining the visual encoding and exploiting interactivity

7. Facing the Presentation Problem in Mobile Visualizations 1.Overview+Detail approaches - provide two separate views simultaneously, one for the context, one for the detail. 2. Focus+Context approaches – to enable viewers to see the object of primary interest presented in full detail while at the same time getting an overview of all the surrounding information available. ex: Fisheye-views - an idea to provide focus and greater detail in areas of interest of a large amount of information, while retaining the surrounding context in much less detail

8. New Approaches In Mobile Visualizations 1. Visual references to parts of interest that are outside the view area. Ex: arrows in the detail view of a map can indicate the direction of POIs that are outside the view area and specify their distance with a number 2. Intuitive ways of switching among parts of the visualization navigating a visualization by scrolling and zooming; aims at reducing the cognitive complexity of the activity Use different input techniques For example, ZoneZoom8

9. Classes of Mobile Visualizations Categorized of data into 5 main classes: - Text (e.g., list of names, menus, e-books, documents,…); - Pictures (e.g., photographs, figures, artwork,…); - Maps (e.g., tourist maps, first-responder maps, architect maps,…); - Physical objects (e.g., CAD models, interactive engineering instructions, scientific visualizations,…); - Abstract Data (e.g., time-oriented data such as calendars, medical records, stock market data,…).

10. Visualizing Text on mobile devices Serious presentation problem on mobile devices. Solution is Dynamic text presentations. 1.Leading Presentation scrolls the text horizontally on one line. 2.Rapid Serial Visual Presentation (RSVP) displays text as small chunks appearing in sequence at a single location but is cognitively more demanding. Alternative is Focus+Context presentations - dynamically expanding and compressing the size of lines

11. Visualizing Pictures on Mobile Devices Purpose is to reduce the number of zooming and scrolling operations RSVP can cycle among a sequence of regions of a picture. The selection of the regions can be based on the automatic identification of likely user’s regions of visual attention Works well with photographs of groups of people Visualizing Maps on Mobile Devices Maps are indeed used for much more than navigation interactive map can select and display only the information that is of interest to the user. Legends can be dynamically generated including only the graphic elements telecom operators are exploring the idea of mobile yellow page services augmented by the visualization of (2D and 3D) interactive maps

12. Visualizing Physical Objects Through mobile devices, CAD models could be accessed in the field, both for viewing and for data collection purposes Visualizing Abstract Data Abstract data: e.g., voltage range for reliable operation of an electrical device, value of a share in the stock market. Ex: calendar-based software forces users to jump around through multiple screens, making it harder to relate disparate pieces of information together and to use the device for analysis and planning. The Datelens application tries to face the problem using multiple levels of detail and fisheye-views.

13. Visualizing Abstract Data (Cont..) Current applications (and Web sites) for mobile devices try to squeeze the traditional desktop time-series graphics in less space with scarcely readable results ex: alternative ways of drawing bar charts More radical solutions can be adopted, e.g. drawing a time-series as a spiral

14. References 1.Luca Chittaro, Visualizing Information On Mobile Devices, http://hcilab.uniud.it/publications/2006- 03/VisualizingInformationMobile_IEEECOMPUTER.pdf http://hcilab.uniud.it/publications/2006- 03/VisualizingInformationMobile_IEEECOMPUTER.pdf 2.http://www.infovis-wiki.net/index.php/Focus-plus-Contexthttp://www.infovis-wiki.net/index.php/Focus-plus-Context 3.http://dl.acm.org/citation.cfm?id=1456652http://dl.acm.org/citation.cfm?id=1456652 4.http://www.visualcomplexity.com/vc/project_details.cfm?id=187&index=187&domain=http://www.visualcomplexity.com/vc/project_details.cfm?id=187&index=187&domain=

15. Thank You