INTERACTION DESIGN
Designing Haptics
The project that stands out as my favorite is the interaction design of the haptics for our game, Two Dots. This project presented a new design challenge for me as it involved creating a tangible, physical component to the game. I had to conduct extensive research, connect with experts in the field, and rely heavily on my intuition and design sensibility to create the perfect feel for the vibrations. 

I particularly enjoyed the testing phase, where my coworkers and I played the game with the haptic feature to gather feedback and make adjustments. The final result was incredibly satisfying as it added an extra dimension to the game, unifying the visual, auditory, and now tactile elements to create a more immersive experience for players. Overall, this project pushed me to think outside the box and challenged me to innovate in new and exciting ways.
Research
Haptics are defined by intensity and sharpness over time.

The two basic building blocks that generate custom haptic patterns:

Transient haptics, are compact experiences that feel like taps or impulses

Continuous haptics, which feel like sustained vibrations, such as the experience of a phone vibrating when one receives a message.

10 Haptic Design Principles. SOURCE Punchcut

Existing Two Dots Solution
In the previous state, the only type of haptic feedback Two Dots has is when a user connects four dots into a square. This is controlled by the “Vibrate” setting in the game options
Haptic opportunities
Match touch sensation to the audiovisuals to create an immersive sensory experience

.

Notification pulse to alert users of new events and drive activity.
Teach players the behaviors of mechanics based on the learned consistent haptic sensations they'll feel.

Reward behaviors to encourage users to spend money on gold purchases or a booster box, in-game power-ups, and winning levels.
Approach
I conducted an audit on the audio and haptic elements in Two Dots to understand their behavior and purpose. I then created a set of keywords to guide the development of new haptic designs that align with the game's existing style.

TwoDots Audio and Sound FX Audit:

Relaxing
Charming
Ambient
Quirky
Peaceful
Special
Fun
Lo-fi
Chill
Pensive
Design
Flowchart of Haptics

I design haptics to trigger in parallel with the sound design in the game board gameplay, ensuring they align with the mechanics and mechanics ordering cascade. When multiple mechanics occur simultaneously, the intensity of the haptics increase for added immersion.
Glossary
Reward: Haptics that feel full and satisfying. They are a positive emotional response to a user’s action. Well synchronized with the audio and visuals to makes actions feel complete.

Preview: Ambient haptics that notifies the users of a big move in the midst of action. Lets users decide if they want to follow through. They should build up anticipation and it would be up to the user's action for the resolution.
Clear: Haptics with an emphasis on a feeling of resolution. Lets users feel the result of their actions. Results from breaking obstacles, or clearing dots. Generally positive feeling.

Attention: Similar to preview haptics, but they break in to the User's attention to let them be aware of something. Usually flat in terms of contrast between each vibration. In the case of haptics for the loss aversion, they should feel unsatisfying and incomplete.
Haptic Sketches proposed to Product Managers
Utilized Haptrix design tool to create realistic vibrations for our mobile application. Its user-friendly interface and ability to easily export to mobile devices allowed for efficient iteration and testing of various haptic variations.

Special thanks to Max Illyn for importing the Unity into Unity and developing it into our game.
Check out the haptics by downloading and playing Two Dots on the app store!
Credits
Interaction Designer Jaymart Yabo
Software Engineer Max Illyn

You may also like

Back to Top