Add video for accessing Bonsai's help panel

[cjsha]

Resolve #16 (according to the comments, not the original post)

[cjsha]

hey jonnew I made this little video a while back per your suggestion in this issue's comments. In particular, I'm curious what you think of the overlay that shows keystrokes. It's easy to modify so let me know.

[jonnew]

Looks very nice. I like the overlay. I think the text is a bit large, but that's a very minor critique.

[ChucklesOnGitHub]

This is great, Cris. Keystroke overlays are definitely helpful. As is cursor highlight and large cursor, larger screen text and captions for universal accesibility.

• I would ask, how can we highlight something on the screen that is not a click? In this example, highlighting the clipboard for the copy would be important. Maybe pause and point to it with the cursor or pulse that section of the image?
• The video itself goes quite quick for someone who isn't familiar with the interface or what is about to happen
• I think we should also avoid too many keyboard shortcuts. For example, I'm not sure that Ctrl+E is needed at the beginning of the video, because you can navigate to the Toolbox Editor easily with the mouse. Following the cursor helps one focus on the action that is happening - to me there is a disconnect with the cursor being static and things happening in the Toolbox area. On the other hand, it is interesting to know the shortcut and maybe exactly what you wanted to show besides Ctrl+V. I'm not sure what the criteria would be here. Perhaps "Navigate to the toolbox with your cursor (or press Ctrl+E)" in the text, and just using the cursor in the video.
• The overlay text I agree with jon, is a bit too large. Especially with regards to the rest of the items on the screen. Can the keystroke text overlay be a little smaller and the screen elements be larger too? Enlarging the cursor itself can help too, because the changes from pointer to hand to text edit are part of understanding what is happening. For teaching programming and UI it's always helpful to enlarge the application text, although it can get messy fast if they don't scale well.
• Lastly, shifting focus from the cursor to the keystrokes can be a little hard because they are at the bottom of the screen. Part of solving this is avoiding extra keystrokes and that the video plays a little slower, but perhaps the keystroke overlay can be tied to the cursor position? Not sure if the software you used allows this, or if it would block the screen too much. In this video there are two, so not a big issue here, I'm thinking in general.

Anyhow, it might be a pain to re-record this so do with this info what you will. Maybe the same video played slower is enough. These are thoughts I had had when I had to integrate this in my own work and that perhaps we can settle on to adopt moving forward.

[cjsha]

thanks for y'alls feedback. In the future I'll make the keystroke overlay smaller. The only change I ended up implementing so I don't have to do the video over again is just slow the frame rate to 0.8x that it was originally.