Phase One:

Phase Two:

https://www.notion.so/bawasnotion/Pocket-Casts-Update-c1d12bfff6df436da9c58d21fc5eb32b#91acc410a77d4d958f5d8aecd25341a9

https://www.notion.so/bawasnotion/Pocket-Casts-Update-c1d12bfff6df436da9c58d21fc5eb32b#01b9fc9097614d56a404b83915775917

<aside> 💡 Note: I want to sign up for Soundtrap and use that to ask people what they want from a podcast and a podcast app. From J, Carol, Anu, etc. Present the design using audio clips on the website.

</aside>

To do

Phase Three: Figma

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FWueNbe3h8njtcwLcGXZc8E%2FPocket-Casts-Update%3Fnode-id%3D0%253A1

September 29, 2020 5:01 PM (GMT+2) Some options for the final action buttons in the Highlighting tab.

September 29, 2020 11:17 AM (GMT+2)

I think I know what to do about the highlight interaction now. I looked at Apple's voice memos trimming interaction, thought about it a little on my own, made some sketches and "tested" it with Anu.

Learnt a lot from Voice Memos:

You need two waveform windows - one for interacting, one for feedback. Quite important, even if you can't get as much information from a waveform as a frame of video.
Instead of start and end times, you need to show the user where the cursor/player is. I added the clip length under this info because I think it's important when you're highlighting or sharing a podcast clip.
The one of the right (with the smaller waveform window UNDER the play button) is better because you don't have to worry about misclicks.

Btw. Notice how the desktop and phone versions are different. This must be because on the laptop, you have a cursor that doesn't block any vision, but on the phone, you use a finger which blocks your line of sight. I have to account for the same thing.