large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<a href="https://uxdesign.cc/get-started-with-iphones-taptic-engine-part-1-2fa986d81d73?source=rss----138adf9c44c---4">uxdesign.cc &ndash; User Experience Design &mdash; Medium</a> | Alborz Heydaryan 
You’re a UI designer. You’ve heard about the Taptic Engine on the iPhones and watched the developer videos where Apple encourages you to integrate them into your design. At first you thought, it’s only on the iPhone 6S. It’s a small market. Then the next iPhone came and you procrastinated more. And now it’s maybe too late to get started with it?
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6akTGbTQq0zq1n8Tyd_KKw.jpeg">
Well fear not. I’ll walk you through everything you need to know in this series.
First thing you need to know. There are 6 basic haptic feedbacks that are provided by Apple by default: 1: Impact Light 2: Impact Medium 3: Impact Heavy 4: Notification Success 5: Notification Warning 6: Notification Error
Instead of describing how they feel, why don’t I show you how to make a mockup running on your iPhone that lets you feel them for yourself?
For this you need the <a href="https://origami.design">Origami Mac app</a> and the <a href="https://itunes.apple.com/app/id942636206">Origami Live iPhone app</a> running on an iPhone with the Taptic Engine. Basically an iPhone 6S or newer. Follow the video below to create 6 buttons to test each of the haptic feedbacks. At the end run the prototype on your phone in the Origami Live app.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F27eTwItBLek%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D27eTwItBLek&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F27eTwItBLek%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="640" height="480" frameborder="0"><a href="https://medium.com/media/2ec3c2b73825adb6b9eecb7e881e8723/href">https://medium.com/media/2ec3c2b73825adb6b9eecb7e881e8723/href</a></iframe>
Now, you have a mockup that lets you test and see how each of the feedbacks feels like.
Although the 6 options Apple provides are plenty, there might be times that you might need a bit more flexibility. To test the Taptic Engine’s capabilities even further, let’s head back to Origami:
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F6can8oGTgxk%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D6can8oGTgxk&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F6can8oGTgxk%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="640" height="480" frameborder="0"><a href="https://medium.com/media/a53d1f54a55c7cdc5ff942896417ba8a/href">https://medium.com/media/a53d1f54a55c7cdc5ff942896417ba8a/href</a></iframe>
With the first button, you can set different haptic feedbacks for when your finger touches the button and when you let go. With the second button you can have a repeating pulse of haptic feedback as long as the button is pressed. This really goes to showcase the speed of the Taptic Engine that Apple has developed. I’ve gone as high as 60 feedbacks per second and it was amazing! The only place inside iOS as far as I know that the speed of the Taptic Engine is fully utilized is the picker view. For example, when you’re setting a timer and you scroll through the minutes quickly, for every option that you scroll through, the Taptic Engine produces a light tap and the results are amazing. I hope that with this article, you feel more confident to implement haptic feedbacks into your design and hopefully together we can create better experiences and bring a bit of extra joy to the users that use our apps.
If you enjoyed this article and would like to learn more about the Taptic Engine and what else is possible with it, leave a comment and let me know which areas you are interested in.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2F50d69a%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2F50d69a%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252F50d69a%252F%253Fenpose&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/05d5fd32eda31cbd1b83287606744532/href">https://medium.com/media/05d5fd32eda31cbd1b83287606744532/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=2fa986d81d73" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://uxdesign.cc/get-started-with-iphones-taptic-engine-part-1-2fa986d81d73">Get Started with iPhone’s Taptic Engine.</a> was originally published in <a href="https://uxdesign.cc">uxdesign.cc</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Get Started with iPhone’s Taptic Engine.

Get Started with iPhone’s Taptic Engine.

Top Stories