How I made a perfect recording button. Simple yet complex thing. (opens in new tab)

Intro From the start of XSpeak, I wanted it to provide the best possible feel for the user: simple, fast, and responsive. Since it's a recording app, one of its main components is the button the user presses to record a conversation. Actually, it's a control we're used to in many apps. The simplest example is the standard Voice Memos app on iPhone. The button looks simple and does two things: starts recording and stops recording. However, behind the scenes, it takes many steps to start the wh...