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.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d626cdf-5977-4954-a1c5-0c1f14fc7e7f/Untitled.png

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.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d8ae59b4-683c-4c21-a65f-3fdc67a798ca/Untitled.png

Learnt a lot from Voice Memos:

  1. 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.
  2. 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.
  3. 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.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/717fe9ee-dcfd-4de1-bb0b-06e228057b60/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b2618de7-e61e-4db4-a185-6a111b54367e/IMG_C1AA2AFA02EE-1.jpeg

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.