THESIS REVIEW Chenyuan Cui

I am studying Interactive Design & Game Development (ITGM) at Savannah College of Art and Design (SCAD), pursuing an M.F.A. degree.

Thesis Statement

• Dynamic information design in data

visualization for small mobile screens

• Could allow ubiquitous access to large

systems of information regardless of the

user location.

Background

• My Computer Science background allows me to work with

engineers, discussing about coding and other technical

skills.

• Also, in the master’s program at SCAD in Interactive

Design, I work with designers, helping them with User

Interface and User Experience design.

40% art

60% tech

Relevant Skills

Coding UI/UX

Mobile

& Web

Relevant Works

• 4-1 Cui’s Cube

• 4-2 Tonal Recall

• 4-3 Dots

• 4-4 Web Design

4-1 Cui’s Cube

• Cui's Cube(2012)

• is a flash based app

• design for iPhone 4.

4-1 Cui’s Cube

4-2 Tonal Recall

• Tonal Recall(2012),

• is an iPhone application

• built by two film students

and three interactive

students in Spring 2012.

4-2 Tonal Recall

4-3 Dots

• Dots is a processing project

playing with hundreds of

dots in different colors.

4-4 Web design

4-4 Web design

• www.LeoCui.com

Thesis Statement

• Dynamic information design in data

visualization for small mobile screens

• Could allow ubiquitous access to large

systems of information regardless of the

user location.

Areas of Research

• Data is power.

• Meaning is power.

• Internet is full of data with many stories to tell.

• The challenge is to squeeze those data, get the stories,

and create a way to tell them.

Areas of Research

• Analyzing & Engaging

• On the back-end, the ability to sort, join and query huge

databases is now a reality with the introduction of in-

memory databases and distributed processing.

• On the front-end, visualization tools not only have rich

graphics and interactivity but also usability and an

excellent end-user experience.

Areas of Research - trends

• late 2011 – Mobility / Geolocation / Data Mashups

• early 2013 - Social Visualization

• early 2013 - Visually Meetup (process)

• 1. http://blog.technologyevaluation.com/blog/2011/12/15/3-big-trends-in-data-visualization/

• 2. http://www.rohitbhargava.com/2012/12/2013-trend-social-visualization.html

• 3. http://blog.visual.ly/top-trends-in-data-visualization-2013-visually-meetup/

Areas of Research - problem

• When is data too much?

• simply when it doesn’t fit the screen.

• increase the number of pixels?

Areas of Research - problem

• When it fits in small screens:

• Clutter

• Information loss

• Performance

Areas of Research - solution

• Solution?

• 1. Analyze First,

• 2. Show the Important,

• 3. Zoom, Filter and Analyze Further,

• 4. Details-on-Demand ----------------------------------} Specific data

Areas of Research - solution

• Responsive design Web

Areas of Research - solution

• Micro-chart

Areas of Research - solution

• Google Heat map (Density Map)

Areas of Research - solution

Areas of Research - solution

• ios - Responsive display (clustering)

- choose food!

My Solution

• Progressive geo-map data display for finding food.

Purpose

Explore Try new

Compare

Price

Review

Find it ASAP

Best match

My Solution

• Visual Comp

My Solution

• Visual Comp

My Solution

• Tower of Hanoi

• with irregular shape.

• Price

• Review

• Menu Photo

• Could Delivery

Development Tool

• 1. http://www.kendoui.com/dataviz.aspx

• 2. http://readwrite.com/2011/07/26/sencha-touch-charts-bring-data-visualization-to-mobile-web

Development Tool

• Html5 <canvas>

• Unfolding:is a library to create interactive

maps and geovisualizations in Processing

and Java

Development Tool

• Google map API

Thesis Statement

• Dynamic information design in data

visualization for small mobile screen

• could allow ubiquitous access to large

systems of information regardless of the

user location.

• Abstract:

• Data visualization is a study of the visual representation of data. Data fills people’s daily lives. Complicated data visualizations, which used to be planned for the desktop, now need to be planned so they can work for mobile, tablets, and desktops. When people are using small-size screens to visualize large-scale data, the information will be cluttered or lost. Dynamic information design using progressive data visualization method for small mobile screen allows ubiquitous access to large systems of information regardless of the user location. This paper presents a new method to present the data progressively displayed on mobile screens. By using the different priority of data sets based on users’ input, users can maximize their efficiency.

•Thank you!