Haptics across Element X

[callumu]

Summary

Haptics are currently present across many instances on iOS but there are no haptics on Android. Haptics are supported better on iOS but that doesn't mean that we should forget about them on Android. Some context from @janogarcia:

Testing:

1. Long tap on room room list/channel to reveal bottom sheet or contextual actions.
2. Long tap on message on timeline to reveal the bottom sheet or contextual actions.

All of the following competitor Android apps provided haptic feedback (super short click):

Discord Google Chat Facebook Messenger Signal Slack Teams Telegram WhatsApp

Element X Android, on the other hand, is lacking that kind of haptic feedback, which is becoming more and more expected.

Goals

• Ensure platform guidelines for haptics are adhered to
• Create haptic consistency across platforms
• Create guidelines for where we add haptics in the product

Resources:

• https://developer.apple.com/design/human-interface-guidelines/playing-haptics
• https://m2.material.io/design/platform-guidance/android-haptics.html
• https://developer.android.com/develop/ui/views/haptics
• https://source.android.com/docs/core/interaction/haptics

Platform

• iOS and Android

# Design phase
- [ ] Component exists on Figma
- [ ] Component is documented in the component library
- [ ] Component is tested for theming
- [ ] Component shareout for designers

[robintown]

I'm also interested to hear what the guidelines end up being, since Element Call will eventually make use of long tap interactions as well.