Page 1

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 40% art 60% tech

• 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.


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 inmemory 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.

Explore

Try new Price

Purpose

Compare 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 â&#x20AC;˘ Html5 <canvas>

â&#x20AC;˘ Unfolding:is a library to create interactive

maps and geovisualizations in Processing and Java


Development Tool â&#x20AC;˘ Google map API


Thesis Statement â&#x20AC;˘ Dynamic information design in data

visualization for small mobile screen â&#x20AC;˘ 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.


â&#x20AC;˘ Thank you!

ewr  

wqre ewqr trdsfsfsfdsfsfs