Data Visualization exploration for Foldable Screen displays.

My Role 

Low-fi and Hi-fi Mockups, Interaction Design,

Hardware UX, Physical Prototyping


12 weeks

Team Size

2 members


Human-Computer Interaction + Design,
University of Washington


This is a design concept for making visualization more compelling by seeking advantage of the dual-screen displays. I propose an extended set of gestures helps to create a more intuitive and easy way of visualized data exploration.

While I led conceptualizing the idea, building physical prototypes, and following an iterative design process for final design solutions my teammate, Olga helped me with building the data set. 

Multitude of possibilities to interact with foldable devices

Target Audience

Data visualization has become an inherent part of our daily lives - whether it is viewing the latest information on a map, current company stock price, or the current site-analytics. As people shift to smartphones as their primary source of information, we are faced with exploring new visuals and interfaces that are optimized for small screens and constrained input modalities. 


I've taken cues from a series of patents filed by Microsoft on hinge mechanics, dual-screen interactions, and experience, as well as prospective developments in operating systems, such as Windows 10X, Android for Foldables, and Fluent Design system. This design concept is meant to be consistent with the current strategy from Microsoft while offering something radically new.

Multiple Perspectives

Reveal the data at numerous levels of details, give multiple view perspective

Encourage Spanning 

Encourage exploration and comparison of different data pieces

Interact with Clarity

Serve a clear and reasonable purpose (description, exploration, decoration, etc.)

The Challenge

Communicate complex ideas with clarity, precision, and efficiency.

The size of a regular smartphone screen and the existing gestures are not enough to fully explore the presented data, especially, when a user wants to compare multiple graphs or communicate selection between multiple graphs. It is a lot easier to show 10,000 data points on a 30” desktop monitor than it is on a 4” smartphone.

Most smartphones and tablets leverage only one-sided display or screen for users to interact with. If humans were able to use double-sided foldable displays, this might enable new ways to interact with their personal devices more efficiently. 

The decision to go Dual-Screen

Through research, I found that by the next coming years more than 50 percent of users will use a tablet or smartphone first for all online activities. In addition, users total activity on smartphones and tablets account for an outstanding 60 percent of digital media time in the US, already surpassing the desktop. It is clear that mobile devices are becoming the primary way that users interact with digital content. With the possibility of multiple states of the display screens, users can interact with visualized data in different ways.

Folded and Unfolded states of the device

Version 1.0

Visualizing large data sets

I designed the end-to-end experience for Snapsible which focused on visualizing data on a relatively new medium. In version one of the concept app, users could use their mobile phones to view large data sets coherently.


Before jumping into the design, I stretched out my knowledge with the existing SDKs to understand how two symmetric screens work together in unique ways to provide productivity in a flexible form factor. Their main problem was that the existing smartphones have a single screen to visualize information. I decided to focus on visioning new interaction techniques for flexible screens.

Interaction Modes

 of interaction

  • Micro-level: screen touch,

  • Macro-level: hypothesis generation

  • In-between: sort, filter

 vs Discrete

  • Continuous interactions involve a sequence of intermediate visualization states between an initial state and a goal state

  • Discrete interactions mean that action and reaction occur in a distinct manner

Direct vs

  • Direct interaction with data itself

  • Interaction with data using widgets or queries
 as a medium

Design Approach

Version 2.0

More control while spanning

There's more to come!!

I'm working late hours to collect all my artifacts and display them here! Until then Stay tuned and check out the Report below.

-------   GET IN TOUCH

Seattle, WA

-------   LET'S CONNECT

I've been rated top 16% on

Copyrights © 2020