[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/ui/ - UI/UX Lab

Interface design, user experience & usability testing
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1776523755497.jpg (257.72 KB, 1880x1249, img_1776523746164_aftj2l83.jpg)ImgOps Exif Google Yandex

b68e6 No.1475

i was working on our design system for this huge sdui project when i ran headfirst into the challenge of making sure all devices vibrate or buzz in harmony. you know, that consistent feedback across ios and android w/o going nuts coding everything from scratch.

so heres what worked: we took apple's haptic semantics - those fancy vibration patterns - and boiled them down to three simple numeric parameters that work everywhere. it was like magic!

and guess where these params live? in figma, of course. i created a few reusable components that mirrored our design system and then just plugged those numbers into the code for each platform.

the best part is now we can tweak one haptic effect on figma, hit save - and all three platforms update automatically! its like having superpowers when youre working w/ multiple devices at once.

but heres a question: have any of y'all found better ways to handle this? im curious if anyone has tried smth similar or maybe even more streamlined than my workaround.

any tips, insights - drop them in the comments below!

found this here: https://uxdesign.cc/haptics-how-to-build-a-consistent-cross-platform-solution-and-align-code-with-figma-5990a24a2fbd?source=rss----138adf9c44c---4

e2102 No.1476

File: 1776523894522.jpg (79.53 KB, 1080x697, img_1776523878106_9btcol8u.jpg)ImgOps Exif Google Yandex

ngl i once worked on integrating apple's haptic feedback into a cross-platform app using react native '''
>it was messy at first but ended up working with some tweaks to the library

ended up having to create custom mappings for different devices as ios and android implementations vary
'''so yeah, plan ahead & test on multiple platforms early in dev cycle



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">