INTERACTION DESIGN
Bubbleshare: intuitive file sharing ecosystem interaction design project
Bubbleshare: intuitive file sharing ecosystem interaction design project
Project type
Interaction design
Team
4 designers
My role
Ideation, motion design, wireframing
Duration
1 month
My role
Research, IA, UI flows
Team of 4
Product design
What are we solving for
What are we solving for
File transfers today are technical, abstract experiences. Progress bars and percentage counters lack emotional connection, and the invisible nature of data transfer creates uncertainty and anxiety.
In an age of abundant technical ability, the differentiator becomes tools that visually communicate better. Bubbleshae reframes file sharing as something people can feel, understand, and trust instead of merely watching a percentage move.
File transfers today are technical, abstract experiences. Progress bars and percentage counters lack emotional connection, and the invisible nature of data transfer creates uncertainty and anxiety.
In an age of abundant technical ability, the differentiator becomes tools that visually communicate better. Bubbleshae reframes file sharing as something people can feel, understand, and trust instead of merely watching a percentage move.
No emotional affordance
Progress bars communicate quantity, not meaning or consequence.
No emotional affordance
Progress bars communicate quantity, not meaning or consequence.
Invisible data
Users cannot see what is moving, where it is, or what happens next.
Invisible data
Users cannot see what is moving, where it is, or what happens next.
Uncertainty
A file transfer can feel risky when the interface offers no reassurance.
Uncertainty
A file transfer can feel risky when the interface offers no reassurance.
What we came up with.
What we came up with.
1
1
Transform file transfers into a visually engaging, intuitive experience.
Transform file transfers into a visually engaging, intuitive experience.
2
2
Use the familiar metaphor of bubbles to make the invisible visible.
Use the familiar metaphor of bubbles to make the invisible visible.
3
3
Create an emotional connection through playful, physics-based interactions.
Create an emotional connection through playful, physics-based interactions.
Product overview
Product overview
Thinking behind the product design
Information architecture
Scoping
Clearly differentiated the features and the functions of the product.
Then understood the scope of the product in terms of Visibility, Feaseabity.
User flow and Product Flow
The to task flow of the product was created that would match those expectations. Needs of the user were listed down and turned into a task flow of what the user actions would be .
Thinking behind the product design
Scoping
Scoping
Clearly differentiated the features and the functions of the product.
Then understood the scope of the product in terms of Visibility, Feaseabity.
User flow and Product Flow
User flow and Product Flow
The to task flow of the product was created that would match those expectations. Needs of the user were listed down and turned into a task flow of what the user actions would be .
Information architecture
Mobile flow breakdown
Mobile flow breakdown
Extremely simple interface with a direct CTA.
Hick's Law: more choices = slower decisions
Extremely simple interface with a direct CTA.
Hick's Law: more choices = slower decisions
Breakdown of what and how has it been sent.
Breakdown of what and how has it been sent.
Representing data with bubbles.
Representing data with bubbles.
Scrolling is an natural interaction pattern today.
Leveraging this pattern we introduced another path to the same action of sending the data.
This pull up component, ntoduced default devices and ability to search people to send data
Scrolling is an natural interaction pattern today.
Leveraging this pattern we introduced another path to the same action of sending the data.
This pull up component, ntoduced default devices and ability to search people to send data
The receive component follows an heirarcey of information disclosure
followed by 4 seprate CTA designed according to the descisions the user might take in the given context.
Preview to see further information, snooze if the messege is of less importance, Accept and decline.
The receive component follows an heirarcey of information disclosure
followed by 4 seprate CTA designed according to the descisions the user might take in the given context.
Preview to see further information, snooze if the messege is of less importance, Accept and decline.
Send and receive history to keep the user informed about each action.
Structure of each tab is such tat first glance gives all the necessary data and the breakdow is available on drop down.
Send and receive history to keep the user informed about each action.
Structure of each tab is such tat first glance gives all the necessary data and the breakdow is available on drop down.
Desktop layout
Desktop layout
Structurally and page architecture wise the app is similar to to the mobile app, just the UI layout and interaction pattern is adjusted according to the desktop layout
Structurally and page architecture wise the app is similar to to the mobile app, just the UI layout and interaction pattern is adjusted according to the desktop layout
Key Interaction patterns leveraged
Key Interaction patterns leveraged
Receiver notifications act as gentle nudges, prompting timely responses and ensuring a smooth, uninterrupted file-sharing experience.
Visual cues and progress indicators boost user confidence by clearly showing what to do next and how the transfer is progressing.
Receiver notifications act as gentle nudges, prompting timely responses and ensuring a smooth, uninterrupted file-sharing experience.
Visual cues and progress indicators boost user confidence by clearly showing what to do next and how the transfer is progressing.
Clear confirmations and transfer history help users feel secure and build long-term trust in the system.
Clear confirmations and transfer history help users feel secure and build long-term trust in the system.
A clear fixed or waiting state shows system status and reduces uncertainty while the receiver responds.
A clear fixed or waiting state shows system status and reduces uncertainty while the receiver responds.
A distinct success state provides closure through confirmation and subtle celebration, reinforcing a sense of completion.
A distinct success state provides closure through confirmation and subtle celebration, reinforcing a sense of completion.
Soft bubble visuals and calm animations create a positive first impression, reducing anxiety around file sharing.
Simple drag-and-drop interactions and instant feedback make the file-sharing process intuitive and effortless.
Soft bubble visuals and calm animations create a positive first impression, reducing anxiety around file sharing.
Simple drag-and-drop interactions and instant feedback make the file-sharing process intuitive and effortless.
View
View
Kaustubh’s Korde
Kaustubh’s Korde
#KAKO2188
#KAKO2188
File Name: Blahblahblah
File Name: Blahblahblah
File Size: 1.24 GB
File Size: 1.24 GB
Uploaded on: 29 Mar, 2025
Uploaded on: 29 Mar, 2025
Media
Media
Doc
Doc
Hey Aaron, please download these, may help you!
Hey Aaron, please download these, may help you!
Start Sending files
Start Sending files
Paired Successfully
Paired Successfully
file name
file name
file name
file name
file name
file name
file name
Download Complete
Download Complete
Your files have been download successfully
Your files have been download successfully
Send more files
Send more files
Open File Location
Open File Location
Aaron has been notified about the files
Aaron has been notified about the files
View Status
View Status
Waiting for Approval...
Waiting for Approval...
Download will start when Aaron accepts the request
Download will start when Aaron accepts the request
Your files
Your files
Connected
Connected
Hi Kaustubh!
Hi Kaustubh!
K
K
Aaron Carvalho
Aaron Carvalho
#AACA7719
#AACA7719
Kaustubh Korde
Kaustubh Korde
#237719931777372
#237719931777372
Document
Document
Media
Media
Sending files
Sending files
50%
50%
0.7GB/ 1.4GB
0.7GB/ 1.4GB
2 mins left
2 mins left
4 of 4 Files
4 of 4 Files
UX principles leveraged
UX principles leveraged
Visibility of system status:
Visibility of system status:
The “Connected” label under the user’s name provides clear system feedback that the app is online and ready
The “Connected” label under the user’s name provides clear system feedback that the app is online and ready
Match Between System and the Real World
Match Between System and the Real World
The language is simple and intuitive — “Send,” “Receive,” “Pair Devices,” “Add People,” and “Choose a file” are familiar phrases.
The language is simple and intuitive — “Send,” “Receive,” “Pair Devices,” “Add People,” and “Choose a file” are familiar phrases.
Recognition Rather Than Recall
Recognition Rather Than Recall
All key actions are visually accessible — the user doesn’t have to remember anything.
Drag & drop hint, visible tabs, and clear CTA buttons help reduce memory load.
All key actions are visually accessible — the user doesn’t have to remember anything.
Drag & drop hint, visible tabs, and clear CTA buttons help reduce memory load.
Flexibility and ease of use
Flexibility and ease of use
To send to people, there are multiple ways
To send to people, there are multiple ways
Match Between system and rea world
Match Between system and rea world
Flexibility and ease of use
Flexibility and ease of use
to send to people, there are multiple ways
to send to people, there are multiple ways
Empty files icon derived from real world file
Empty files icon derived from real world file
User control and freedom
User control and freedom
The user can togle between send and receiving files
The user can togle between send and receiving files
Aesthetics and minimalism
Aesthetics and minimalism
No extra point of of interaction is provided other than necessary ones
No extra point of of interaction is provided other than necessary ones
Visibility of system status:
Visibility of system status:
“Files Uploaded Successfully!” message gives immediate feedback.
Total file size and count shown clearly.
“Files Uploaded Successfully!” message gives immediate feedback.
Total file size and count shown clearly.
Search bar helps speed up finding people.
QR sharing gives alternate quick method.
Search bar helps speed up finding people.
QR sharing gives alternate quick method.
Flexibility and ease of use
Flexibility and ease of use
Users can select/unselect recipients freely.
Users can select/unselect recipients freely.
User Control and Freedom
User Control and Freedom
A few technical product features
A few technical product features
Cross-Platform Sharing
Break the boundaries between operating systems. Bubble Share makes it effortless to send files between phones, tablets, and computers.
Cross-Platform Sharing
Break the boundaries between operating systems. Bubble Share makes it effortless to send files between phones, tablets, and computers.
High-Speed Transfers
Experience lightning-fast sharing with advanced peer-to-peer transfer technology. Share large files in seconds.
High-Speed Transfers
Experience lightning-fast sharing with advanced peer-to-peer transfer technology. Share large files in seconds.
Privacy & Security
Your files stay yours and receivers end . Bubble Share works to keep your data safe, private, and lossless.
Privacy & Security
Your files stay yours and receivers end . Bubble Share works to keep your data safe, private, and lossless.
Lossless File Quality
Whether it's a high-res image, HD video, or an important document. Bubble Share ensures your files stay intact and uncompressed during transfer.
Lossless File Quality
Whether it's a high-res image, HD video, or an important document. Bubble Share ensures your files stay intact and uncompressed during transfer.
Smart File Organization
Auto-sort your transfers by type (photos, videos, docs, etc.). making it easy to find and manage shared files. No clutter, no confusion.
Smart File Organization
Auto-sort your transfers by type (photos, videos, docs, etc.). making it easy to find and manage shared files. No clutter, no confusion.
Bridging Device Gaps
Whether you're moving files from your phone to your laptop or helping a friend on a different OS, Bubble Share connects all your devices into one
smooth sharing ecosystem.
Bridging Device Gaps
Whether you're moving files from your phone to your laptop or helping a friend on a different OS, Bubble Share connects all your devices into one
smooth sharing ecosystem.