FID
GET
Tap, Breathe, Focus.
BREif
The Fidget Widget is a research-backed digital tool designed to promote mental well-being, improve focus, and boost creativity through customizable haptic feedback. Rooted in Human-Computer Interaction (HCI) principles, it provides an engaging, tactile experience that aligns with users' natural behaviors. This project emphasizes accessibility, convenience, and user-centered design to ensure it meets the needs of college students and professionals managing stress, anxiety, and focus challenges.
Final Prototype
⭐️Connect to Content
Add layers or components to make infinite auto-playing slideshows.
Role
Haptic Designer: Developed and refined a variety of tactile feedback styles using the Android haptics library, creating engaging and meaningful interactions.
UX Researcher: Conducted A/B testing, interviews, and surveys to gather user insights on interaction preferences and the effectiveness of haptic feedback.
Interaction Designer: Conceptualized and prototyped core interaction styles—Button, Elastic, and Touch Sensitivity—validated through iterative testing.
Developer: Leveraged Kotlin and Android Studio to explore technical capabilities, integrating advanced haptic designs and optimizing the widget for seamless performance.
PRoblem
Stress and anxiety are pervasive issues, particularly among students and professionals facing high-pressure environments. Existing tools often fail to provide a discreet, effective solution that integrates seamlessly into users' routines. The initial programming-first approach highlighted a gap: the need for a design-first methodology to ensure the widget delivers on user expectations and engagement.
SOLUTION
Fidget Widget evolved into a design-first product, focusing on intuitive, user-approved interactions that leverage advanced haptic feedback. By prioritizing research and iterative design, the widget offers a non-distracting, tactile solution for managing stress, improving focus, and fostering creativity. Key interactions, such as Button and Elastic, provide satisfying tactile experiences, aligning with the core goals of enhancing mental well-being and cognitive function.
DEFINE
The initial phase focused on identifying key user needs, challenges, and goals. Insights from early research informed the development of tactile interactions that prioritize comfort, accessibility, and engagement. This stage underscored the importance of iterative design and user feedback to align the widget with real-world applications.
Research
Extensive research guided the design of Fidget Widget:
Testing: A/B testing and user interviews identified preferences for interaction styles.
Insights: Users preferred interactions that mimicked natural, satisfying tactile behaviors, such as pressing a button or stretching a rubber band.
Haptics: Explored Android’s haptic library to design nuanced vibrations that simulate textures and provide engaging feedback.
DESIGN
Prototypes and designs translated research insights into actionable solutions:
Core Interactions: Button and Elastic interactions were prioritized based on user feedback, offering satisfying and intuitive tactile responses.
Wireframes and Prototypes: Created in Figma to visually and interactively represent the widget’s functionality.
Settings Menu: Iteratively designed for ease of navigation and customization, reflecting feedback from low-fidelity prototypes.
TEST
Testing was integral to refining Fidget Widget:
Methods: Participants experienced prototypes and haptic feedback samples, providing qualitative and quantitative data.
Results: Button and Elastic interactions received overwhelmingly positive feedback, while Touch Sensitivity was deprioritized due to mixed responses.
Challenges: Balancing battery efficiency with rich haptic designs required additional iteration and optimization.
Iterate
Based on testing feedback, the following refinements were made:
Enhanced the responsiveness and customization of Button and Elastic interactions.
Adjusted haptic feedback to better align with user expectations.
Improved the settings menu for intuitive navigation and accessibility.
Advanced prototypes to high-fidelity versions, incorporating refined visuals and animations.
DEFINE
The initial phase focused on identifying key user needs, challenges, and goals. Insights from early research informed the development of tactile interactions that prioritize comfort, accessibility, and engagement. This stage underscored the importance of iterative design and user feedback to align the widget with real-world applications.
Research
Extensive research guided the design of Fidget Widget:
Testing: A/B testing and user interviews identified preferences for interaction styles.
Insights: Users preferred interactions that mimicked natural, satisfying tactile behaviors, such as pressing a button or stretching a rubber band.
Haptics: Explored Android’s haptic library to design nuanced vibrations that simulate textures and provide engaging feedback.
DESIGN
Prototypes and designs translated research insights into actionable solutions:
Core Interactions: Button and Elastic interactions were prioritized based on user feedback, offering satisfying and intuitive tactile responses.
Wireframes and Prototypes: Created in Figma to visually and interactively represent the widget’s functionality.
Settings Menu: Iteratively designed for ease of navigation and customization, reflecting feedback from low-fidelity prototypes.
TEST
Testing was integral to refining Fidget Widget:
Methods: Participants experienced prototypes and haptic feedback samples, providing qualitative and quantitative data.
Results: Button and Elastic interactions received overwhelmingly positive feedback, while Touch Sensitivity was deprioritized due to mixed responses.
Challenges: Balancing battery efficiency with rich haptic designs required additional iteration and optimization.
Iterate
Based on testing feedback, the following refinements were made:
Enhanced the responsiveness and customization of Button and Elastic interactions.
Adjusted haptic feedback to better align with user expectations.
Improved the settings menu for intuitive navigation and accessibility.
Advanced prototypes to high-fidelity versions, incorporating refined visuals and animations.
DEFINE
The initial phase focused on identifying key user needs, challenges, and goals. Insights from early research informed the development of tactile interactions that prioritize comfort, accessibility, and engagement. This stage underscored the importance of iterative design and user feedback to align the widget with real-world applications.
Research
Extensive research guided the design of Fidget Widget:
Testing: A/B testing and user interviews identified preferences for interaction styles.
Insights: Users preferred interactions that mimicked natural, satisfying tactile behaviors, such as pressing a button or stretching a rubber band.
Haptics: Explored Android’s haptic library to design nuanced vibrations that simulate textures and provide engaging feedback.
DESIGN
Prototypes and designs translated research insights into actionable solutions:
Core Interactions: Button and Elastic interactions were prioritized based on user feedback, offering satisfying and intuitive tactile responses.
Wireframes and Prototypes: Created in Figma to visually and interactively represent the widget’s functionality.
Settings Menu: Iteratively designed for ease of navigation and customization, reflecting feedback from low-fidelity prototypes.
TEST
Testing was integral to refining Fidget Widget:
Methods: Participants experienced prototypes and haptic feedback samples, providing qualitative and quantitative data.
Results: Button and Elastic interactions received overwhelmingly positive feedback, while Touch Sensitivity was deprioritized due to mixed responses.
Challenges: Balancing battery efficiency with rich haptic designs required additional iteration and optimization.
Iterate
Based on testing feedback, the following refinements were made:
Enhanced the responsiveness and customization of Button and Elastic interactions.
Adjusted haptic feedback to better align with user expectations.
Improved the settings menu for intuitive navigation and accessibility.
Advanced prototypes to high-fidelity versions, incorporating refined visuals and animations.
DEFINE
The initial phase focused on identifying key user needs, challenges, and goals. Insights from early research informed the development of tactile interactions that prioritize comfort, accessibility, and engagement. This stage underscored the importance of iterative design and user feedback to align the widget with real-world applications.
Research
Extensive research guided the design of Fidget Widget:
Testing: A/B testing and user interviews identified preferences for interaction styles.
Insights: Users preferred interactions that mimicked natural, satisfying tactile behaviors, such as pressing a button or stretching a rubber band.
Haptics: Explored Android’s haptic library to design nuanced vibrations that simulate textures and provide engaging feedback.
DESIGN
Prototypes and designs translated research insights into actionable solutions:
Core Interactions: Button and Elastic interactions were prioritized based on user feedback, offering satisfying and intuitive tactile responses.
Wireframes and Prototypes: Created in Figma to visually and interactively represent the widget’s functionality.
Settings Menu: Iteratively designed for ease of navigation and customization, reflecting feedback from low-fidelity prototypes.
TEST
Testing was integral to refining Fidget Widget:
Methods: Participants experienced prototypes and haptic feedback samples, providing qualitative and quantitative data.
Results: Button and Elastic interactions received overwhelmingly positive feedback, while Touch Sensitivity was deprioritized due to mixed responses.
Challenges: Balancing battery efficiency with rich haptic designs required additional iteration and optimization.
Iterate
Based on testing feedback, the following refinements were made:
Enhanced the responsiveness and customization of Button and Elastic interactions.
Adjusted haptic feedback to better align with user expectations.
Improved the settings menu for intuitive navigation and accessibility.
Advanced prototypes to high-fidelity versions, incorporating refined visuals and animations.
Low Fidelity
Mid Fidelity
High Fidelity
Final Prototypes
Try Prototype
