AR Bulletin Board
AR Bulletin Board
AR Bulletin Board
Exploring a seamless AR experience between head-mounted displays and mobile devices, and its capability needs.
Exploring a seamless AR experience between head-mounted displays and mobile devices, and its capability needs.
Exploring a seamless AR experience between head-mounted displays and mobile devices, and its capability needs.
Augmented Reality
Mixed Reality
Cross-device continuity
Augmented Reality
Mixed Reality
Cross-device continuity
This project is a design exercise from a work stream I led for Spark AR. The goal was to identify the capabilities needed to create a seamless AR experience between head-mounted displays (HMDs) and mobile devices. This was achieved by exploring consumer use cases that were meaningful and developing design principles and framework to support these experiences.
I collaborated closely with our product design prototyper who built prototypes in Unity to demonstrate the experience (not shown here).
I created rough demos on Hololens 2 to showcase the layout, spatial arrangement options and content types.
Why bulletin board?
The hypothesis is that people can use HMD to organize mixed content types (such as notes, posts, images) spatially, and may use mobile as a discovery and input tool to collect the content. A seamless experience like this can help people to coordinate things, or to understand complex concepts more efficiently.
View and access the same bulletin board across different systems and form factors.
Snapshots from the project
Here's one of the use case scenarios featuring a shared experience among a group of friends, who can utilize the AR bulletin board to coordinate a trip:
In this use case, we explored the multi-user scenario with common content types from Facebook, Instagram and Messenger, and how social interactions such as reactions can be displayed on HMDs.
Another interaction explored was the grouping of similar content types, and how they can be collapsed and expanded from a distance:
Pull out collapsed content from a distance and gaze behavior.
In this scenario, two house hunters are collaborating on bulletin board to discuss and coordinate open house plans. The shared experience is a lot more intimate and relies on 1:1 messaging. Here's how the flow between HMD and mobile may look like:
Component structure
The bulletin board consists of two layers:
Board: the layer that acts like a container for people to group mix content. It is flexible in sizes and may allow themes / stylistic options
Content on the board: A variety of components(2D and 3D) that can be placed onto the board. The contents are created or collected by people from various sources such as images from camera roll, notes taken from phone, Instagram posts, hyperlinks etc.
Outcomes
From investigating and exploring with 5 use case scenarios, we believed that a good HMD<>mobile experience should:
Feel natural on both HMD and mobile
Speak to the unique strengths of each form factor / device
Always make the content accessible across devices
With this in mind, the hypothesized framework was developed, in which 3 methods can be used to design a seamless continuous experience between HMD and mobile:
An example showing how bulletin board can be used on mobile devices:
Sample mapping of how the framework was applied to the bulletin board:
This project is a design exercise from a work stream I led for Spark AR. The goal was to identify the capabilities needed to create a seamless AR experience between head-mounted displays (HMDs) and mobile devices. This was achieved by exploring consumer use cases that were meaningful and developing design principles and framework to support these experiences.
I collaborated closely with our product design prototyper who built prototypes in Unity to demonstrate the experience (not shown here).
I created rough demos on Hololens 2 to showcase the layout, spatial arrangement options and content types.
Why bulletin board?
The hypothesis is that people can use HMD to organize mixed content types (such as notes, posts, images) spatially, and may use mobile as a discovery and input tool to collect the content. A seamless experience like this can help people to coordinate things, or to understand complex concepts more efficiently.
View and access the same bulletin board across different systems and form factors.
Snapshots from the project
Here's one of the use case scenarios featuring a shared experience among a group of friends, who can utilize the AR bulletin board to coordinate a trip:
In this use case, we explored the multi-user scenario with common content types from Facebook, Instagram and Messenger, and how social interactions such as reactions can be displayed on HMDs.
Another interaction explored was the grouping of similar content types, and how they can be collapsed and expanded from a distance:
Pull out collapsed content from a distance and gaze behavior.
In this scenario, two house hunters are collaborating on bulletin board to discuss and coordinate open house plans. The shared experience is a lot more intimate and relies on 1:1 messaging. Here's how the flow between HMD and mobile may look like:
Component structure
The bulletin board consists of two layers:
Board: the layer that acts like a container for people to group mix content. It is flexible in sizes and may allow themes / stylistic options
Content on the board: A variety of components(2D and 3D) that can be placed onto the board. The contents are created or collected by people from various sources such as images from camera roll, notes taken from phone, Instagram posts, hyperlinks etc.
Outcomes
From investigating and exploring with 5 use case scenarios, we believed that a good HMD<>mobile experience should:
Feel natural on both HMD and mobile
Speak to the unique strengths of each form factor / device
Always make the content accessible across devices
With this in mind, the hypothesized framework was developed, in which 3 methods can be used to design a seamless continuous experience between HMD and mobile:
An example showing how bulletin board can be used on mobile devices:
Sample mapping of how the framework was applied to the bulletin board:
This project is a design exercise from a work stream I led for Spark AR. The goal was to identify the capabilities needed to create a seamless AR experience between head-mounted displays (HMDs) and mobile devices. This was achieved by exploring consumer use cases that were meaningful and developing design principles and framework to support these experiences.
I collaborated closely with our product design prototyper who built prototypes in Unity to demonstrate the experience (not shown here).
I created rough demos on Hololens 2 to showcase the layout, spatial arrangement options and content types.
Why bulletin board?
The hypothesis is that people can use HMD to organize mixed content types (such as notes, posts, images) spatially, and may use mobile as a discovery and input tool to collect the content. A seamless experience like this can help people to coordinate things, or to understand complex concepts more efficiently.
View and access the same bulletin board across different systems and form factors.
Snapshots from the project
Here's one of the use case scenarios featuring a shared experience among a group of friends, who can utilize the AR bulletin board to coordinate a trip:
In this use case, we explored the multi-user scenario with common content types from Facebook, Instagram and Messenger, and how social interactions such as reactions can be displayed on HMDs.
Another interaction explored was the grouping of similar content types, and how they can be collapsed and expanded from a distance:
Pull out collapsed content from a distance and gaze behavior.
In this scenario, two house hunters are collaborating on bulletin board to discuss and coordinate open house plans. The shared experience is a lot more intimate and relies on 1:1 messaging. Here's how the flow between HMD and mobile may look like:
Component structure
The bulletin board consists of two layers:
Board: the layer that acts like a container for people to group mix content. It is flexible in sizes and may allow themes / stylistic options
Content on the board: A variety of components(2D and 3D) that can be placed onto the board. The contents are created or collected by people from various sources such as images from camera roll, notes taken from phone, Instagram posts, hyperlinks etc.
Outcomes
From investigating and exploring with 5 use case scenarios, we believed that a good HMD<>mobile experience should:
Feel natural on both HMD and mobile
Speak to the unique strengths of each form factor / device
Always make the content accessible across devices
With this in mind, the hypothesized framework was developed, in which 3 methods can be used to design a seamless continuous experience between HMD and mobile:
An example showing how bulletin board can be used on mobile devices:
Sample mapping of how the framework was applied to the bulletin board: