Low-fi and Hi-fi Mockups, Interaction Design,
Hardware UX, Physical Prototyping
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
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.
Reveal the data at numerous levels of details, give multiple view perspective
Encourage exploration and comparison of different data pieces
Interact with Clarity
Serve a clear and reasonable purpose (description, exploration, decoration, etc.)
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
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.
Granularity of interaction
Micro-level: screen touch,
Macro-level: hypothesis generation
In-between: sort, filter
Continuous 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 Indirect
Direct interaction with data itself
Interaction with data using widgets or queries as a medium
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.