Systems Frontend issueshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues2021-11-24T16:32:41+01:00https://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1121Styling: Confirmation action button2021-11-24T16:32:41+01:00Isabela DimarcoStyling: Confirmation action buttonUsers don't immediately realize that they need to confirm their selection / actions on the different screens every time they do changes (explicit example: upload file), they assume that when they're done the task has also been completed....Users don't immediately realize that they need to confirm their selection / actions on the different screens every time they do changes (explicit example: upload file), they assume that when they're done the task has also been completed. This is really not the problem, because I guess this is part of the learning curve of the system.
But most of the buttons look very similar: they are mostly gray. Not only the buttons but also other info elements as for instance the **start** and **end time** of a file. I know this might sound as if I was contradicting the other issue I wrote about consistency, but I feel these "approval" or primary buttons (? - I don't know how to call them) have a different purpose and need to look differently. As the cancel button also does.
This makes all buttons and non buttons appear not so relevant or equally relevant, except for the **cancel button which is red**. The issue is that most of the users take a while / or also miss the action button that confirms that you are done doing changes. Our thought was, maybe style them differently? Have them have a green, dark gray or other color as a background? One of the users also said that she didn't click on Add because it didn't seem the appropriate action she wanted to take. She was expecting more of an "Upload" button instead of add..
![Bildschirmfoto_2021-11-24_um_16.14.52](/uploads/5edbcbf458e471f9bd44e386d236fb26/Bildschirmfoto_2021-11-24_um_16.14.52.png)
![Bildschirmfoto_2021-11-24_um_16.14.57](/uploads/7d1011cf232eeebc8c2fd91f6e46a06b/Bildschirmfoto_2021-11-24_um_16.14.57.png)
What are your thoughts on this? Also this is really not urgent, but maybe cool to keep in mind for next year at some point.Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1119Sync Media Wording: Target Media is too technical / Problems with the sync me...2021-11-24T16:11:59+01:00Isabela DimarcoSync Media Wording: Target Media is too technical / Problems with the sync media selection flowThe main usability problem our two users had with the sync media dialog were related with selecting the target media. The issue was that they couldn't tell which if the target videos were clickable or not as their appearance does not cha...The main usability problem our two users had with the sync media dialog were related with selecting the target media. The issue was that they couldn't tell which if the target videos were clickable or not as their appearance does not change when hovering over or clicking on them. On our opinion, there are two ways to fix this:
1. Changing the wording:
**Target media** to **Select** target media / or **Select** media to sync - Select being the keyword here :)
2. Adding hover states to the available media
(The videos thumbnails are missing because my internet is really bad today)
![Bildschirmfoto_2021-11-24_um_15.43.20](/uploads/43dfbb6f829ded5cd8a811b0520262f0/Bildschirmfoto_2021-11-24_um_15.43.20.png)Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1116Sync Media: Placement2021-11-24T15:32:28+01:00Isabela DimarcoSync Media: PlacementIn today's testing session, one user found their way to the Sync Media dialog immediately. The other one struggled searching where this action could be hidden.
I understand why sync media would make sense in the Set Position dropdown m...In today's testing session, one user found their way to the Sync Media dialog immediately. The other one struggled searching where this action could be hidden.
I understand why sync media would make sense in the Set Position dropdown menu from add a file. But also, why not just offer the possibility of synchronising without having to go to add file ?
I think having the sync media action as a sub-option from "edit" is not so accurate, as to sync appears to me as an extra step of my documentation process and not as a step related to changing the properties of a medium on my timeline (which is what I would think editing is about).Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1114File uploader: Upload more than one video at a time?2021-11-25T08:32:15+01:00Isabela DimarcoFile uploader: Upload more than one video at a time?Is this already a thing? Or a future possibility?
This was our thought process: in the case that sync media would work on media (target media included) that are already on the timeline, then it would be super easy to just upload all th...Is this already a thing? Or a future possibility?
This was our thought process: in the case that sync media would work on media (target media included) that are already on the timeline, then it would be super easy to just upload all the videos at once (first step), that you have shot in a day at the end of the day and then decide which videos to sync (second step), instead of having to upload, then sync each time.Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1106Timeline Viewer: AnnotationItem Padding2021-11-30T14:21:55+01:00Böhm, JeanTimeline Viewer: AnnotationItem PaddingThere is a padding (?) on the timeline viewer in the annotations.
![Screenshot_2021-11-24_at_11.43.19](/uploads/0d883cd13951629b17ed7fa1562924d4/Screenshot_2021-11-24_at_11.43.19.png)
![Screenshot_2021-11-24_at_11.43.24](/uploads/2205...There is a padding (?) on the timeline viewer in the annotations.
![Screenshot_2021-11-24_at_11.43.19](/uploads/0d883cd13951629b17ed7fa1562924d4/Screenshot_2021-11-24_at_11.43.19.png)
![Screenshot_2021-11-24_at_11.43.24](/uploads/220509f722e0f126ffc0bd40a3e95955/Screenshot_2021-11-24_at_11.43.24.png)Feature: Timeline Viewerhttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1103iPad: Sketching2024-01-18T11:47:59+01:00Böhm, JeaniPad: SketchingWhen I sketch I sometimes get this crazy brush :)
![Screenshot_2021-11-23_at_13.32.01](/uploads/a3988b251242e5e352cf95142981e23d/Screenshot_2021-11-23_at_13.32.01.png)When I sketch I sometimes get this crazy brush :)
![Screenshot_2021-11-23_at_13.32.01](/uploads/a3988b251242e5e352cf95142981e23d/Screenshot_2021-11-23_at_13.32.01.png)Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1096Post-Annotator: Format of Times2021-11-19T10:37:23+01:00Böhm, JeanPost-Annotator: Format of TimesI think we should not show the times with milliseconds.
Currently we display the times of a video like this: `0:00:01.147`
So the `.147` are the milliseconds, but as we are watching a video it would make more sense to display the frame ...I think we should not show the times with milliseconds.
Currently we display the times of a video like this: `0:00:01.147`
So the `.147` are the milliseconds, but as we are watching a video it would make more sense to display the frame we are on.
Something like this: `0:00:01 f04` (I thinks thats also the standard in AfterEffects)
That should be possible in the $time function as we could translate the millis into the frame right? I mean all the videos are converted and should have the same framerate or am I wrong @anton.koch?
Thats causes a problem I came across in the sync screen, I am working on right now. At the moment it's not really possible to get the same value from both videos even if they are identical.
![Screenshot_2021-11-19_at_09.46.15](/uploads/dad4faa2868eb75866ff585bb3a5dee2/Screenshot_2021-11-19_at_09.46.15.png)
But I think it was the same frame for both videoshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1094Repeated upload of previously failed file seems to keep original status2021-11-18T11:46:02+01:00Hansen, ChristianRepeated upload of previously failed file seems to keep original statusA few hours ago I tried to upload a larger .mp4 (499.5MByte, 54min 11s) a few hours ago, and it seems that the converting hung up at 21%:
![Bildschirmfoto_2021-11-17_um_18.37.11](/uploads/52ca35975c9c0d40fefb9b25a9e0d0a2/Bildschirmfoto_2...A few hours ago I tried to upload a larger .mp4 (499.5MByte, 54min 11s) a few hours ago, and it seems that the converting hung up at 21%:
![Bildschirmfoto_2021-11-17_um_18.37.11](/uploads/52ca35975c9c0d40fefb9b25a9e0d0a2/Bildschirmfoto_2021-11-17_um_18.37.11.png)3.0.0-beta Releasehttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1092Create Timeline: input field should be focused automatically2021-11-25T08:35:43+01:00Rittershaus, DavidCreate Timeline: input field should be focused automaticallyIf you create a new Timeline (and I guess it might be similar with Groups, when it will be implemented), the input field of the dialog where I am asked to give a name to the Timeline is not automatically in focus (I have to click in the ...If you create a new Timeline (and I guess it might be similar with Groups, when it will be implemented), the input field of the dialog where I am asked to give a name to the Timeline is not automatically in focus (I have to click in the input field). This feels like a weird behaviour. I would expect the input field to be automatically in focus. I I remember it correctly it's the same when you are asked for your name on the first login.Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1090Move the upload process into the background?2021-11-25T08:35:18+01:00Hansen, ChristianMove the upload process into the background?While uploading a large file to /files the user has to wait until the upload is finished before he can do anything else (if he wants to). So perhaps moving the upload process into the background (optional) is a good idea? But I have no i...While uploading a large file to /files the user has to wait until the upload is finished before he can do anything else (if he wants to). So perhaps moving the upload process into the background (optional) is a good idea? But I have no idea how complicated this could get to code...
<br />
<br />
Something like that (bottom right):
![Bildschirmfoto_2021-11-18_um_09.54.46](/uploads/6feb5f155f66126591990287439a66d9/Bildschirmfoto_2021-11-18_um_09.54.46.png)
![Bildschirmfoto_2021-11-18_um_09.55.01](/uploads/6a6112f07aff1fc0ed0bc00d40fc927c/Bildschirmfoto_2021-11-18_um_09.55.01.png)
![Bildschirmfoto_2021-11-18_um_09.58.38](/uploads/a024d203619cc66308127ee8275eb6df/Bildschirmfoto_2021-11-18_um_09.58.38.png)Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1085Edit dialog: add possibility to rename files?2021-11-17T11:26:53+01:00Rittershaus, DavidEdit dialog: add possibility to rename files?This is a feature request coming from the HZT students. After adding files to the Timeline or in the Post-Annotator, they would like to change the name right there instead of going to the Files page to edit the name.
![Bildschirmfoto_20...This is a feature request coming from the HZT students. After adding files to the Timeline or in the Post-Annotator, they would like to change the name right there instead of going to the Files page to edit the name.
![Bildschirmfoto_2021-11-17_um_11.23.00](/uploads/ddb50eecf14769cfbf6bb15641adcdfb/Bildschirmfoto_2021-11-17_um_11.23.00.png)https://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1081Post-Annotator: add option to automatically play back audio-annotations2022-11-25T12:18:11+01:00Rittershaus, DavidPost-Annotator: add option to automatically play back audio-annotationsThis is a use case brought up by several students in the HZT workshop independently:
If you add a voice/audio recording (as annotation) it would be great if you could choose a setting to automatically trigger the audio playback as soon ...This is a use case brought up by several students in the HZT workshop independently:
If you add a voice/audio recording (as annotation) it would be great if you could choose a setting to automatically trigger the audio playback as soon as the video reaches the timestamp of the audio-annotation.
The concrete use case:
Students asked musicians to react to their video. The musicians added audio recordings exactly to the moment in the video where the file should start playing. For now, the students manually pushed the play button in the annotation as soon as the annotation was the current one/highlighted to achieve this. But I guess it could be automated.
I think this could generally also be interesting for voice comments/voice overs: they could be played in parallel to video in that way.
I think an extra option to select whether the audio of the audio-annotation should overlap with the audio of the video or if the video should be mutet in the moment the audio of the annotation is played could be nice.Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1079Define file's position on Timeline: add static(?) infographics to visualise s...2021-11-25T08:38:29+01:00Rittershaus, DavidDefine file's position on Timeline: add static(?) infographics to visualise selected optionJust a quick idea: could be an option to somewhere embed Illustrations that visualise how you are going to position your new file on the timeline.
Rough sketch:
![Bildschirmfoto_2021-11-12_um_19.10.11](/uploads/ef0e7477906ca70db260d7b...Just a quick idea: could be an option to somewhere embed Illustrations that visualise how you are going to position your new file on the timeline.
Rough sketch:
![Bildschirmfoto_2021-11-12_um_19.10.11](/uploads/ef0e7477906ca70db260d7bd5da51449/Bildschirmfoto_2021-11-12_um_19.10.11.png)
Does not have to show up immediately, but there could be a "?" - icon or the question "Where will my file be positioned?" and if you click on it, the illustration is displayed. Probably requires some good graphic design / illu skills, because otherwise it will be confusing rather that helpful. There are also some more complicated cases, where it depends on how and when you added the previous file.
But generally you will be able to choose from a few different options in the future: synchronise will come soon and I think extracting the original recording date (#922) will also be an nice option, especially if you record with a tablet or smartphone where usually date and time are set properly (should be tested for live annotation). Those static graphics could be helpful to illustrate what each option will do.
Question: I'm thinking of static graphics because I suppose that everything else is too complicated, but maybe that's not the case?Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1071New project type: Session2021-11-25T11:26:10+01:00Rittershaus, DavidNew project type: SessionThis is really touching the software concept, so it's something we need to discuss, maybe also with @florian-jenett.
First, the reason for my suggestion: we again and again have to explain Timelines and the concept behind. On the one ha...This is really touching the software concept, so it's something we need to discuss, maybe also with @florian-jenett.
First, the reason for my suggestion: we again and again have to explain Timelines and the concept behind. On the one hand I think it's okay if there is a small learning curve and it will also become more clear as soon as the Timeline Viewer has some more features and visual elements.
However, things like the circumstance that annotations are linked to the Timeline and not to videos will remain unclear if people do not really engage with the concept (deeply). I recognise that even people of whom I thought that they got it, still get confused. Some things can be solved by improving UI and UX but I also ask myself how much guiding elements will be needed to prevent especially new users from getting confused or messing up things (e.g. moving videos on the timeline without the corresponding annotations).
What I would like to achieve is that you can annotate a video without adding it to a Timeline. To not mess up the underlying concepts of the software, I could imagine, that a "Session" (or "Annotation Session"; not sure about the wording) would allow you to create a timeline "underneath", that has exactly the length of the video that you choose for your Session (OR that is also an open end timeline, but the Session only displays the section with the selected video). So it's still a timeline, but you won't recognise it, you can't add anything else except one video/file. "Opening" a session will always lead you immediately to the post-annotator.
For the more advanced users, we could (later) add the option to merge Sessions into a Timeline. In case you started your work with a Session, added another one, and another one and then recognise that these Session actually already document a (choreographic) process, you could then still bring them together on one Timeline, merge them with another/new timeline.Usability UX Improvementshttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1065Show if file is already annotated or not?2022-06-10T14:42:22+02:00Isabela DimarcoShow if file is already annotated or not?I don't know if this makes any sense/is useful or not but, I guess if I had a lot of files on my timeline, all of them with very similar looking thumbnails, it would be cool if I could see as part of the metadata available if the file ha...I don't know if this makes any sense/is useful or not but, I guess if I had a lot of files on my timeline, all of them with very similar looking thumbnails, it would be cool if I could see as part of the metadata available if the file has annotations or not?
![Screenshot_340](/uploads/3705dd9069291e58081d95231dfd0971/Screenshot_340.png)https://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1060add skeleton placeholder to DisplayFile until file is loaded2021-11-09T19:23:29+01:00Hansen, Christianadd skeleton placeholder to DisplayFile until file is loaded3.0.0-beta Releasehttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1043Files has the link /assets2021-11-08T09:52:13+01:00Böhm, JeanFiles has the link /assetsThe router link is not the same as the page name.
![Screenshot_2021-11-08_at_09.51.05](/uploads/8b409a251a313439c04e5469bb90fc12/Screenshot_2021-11-08_at_09.51.05.png)The router link is not the same as the page name.
![Screenshot_2021-11-08_at_09.51.05](/uploads/8b409a251a313439c04e5469bb90fc12/Screenshot_2021-11-08_at_09.51.05.png)3.0.0-beta Releasehttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1040add "delete timeline"-button to timeline details somewhere2021-11-05T18:25:55+01:00Hansen, Christianadd "delete timeline"-button to timeline details somewhereYou open a timeline and see that it can be deleted.
<br />
At the moment:
- open menu
- go to projects
- find timeline, open "more options"
- click delete
<br />
4 clicks
<br />
<br />
Better:
<br />
- go to timeline details
<br />
- cli...You open a timeline and see that it can be deleted.
<br />
At the moment:
- open menu
- go to projects
- find timeline, open "more options"
- click delete
<br />
4 clicks
<br />
<br />
Better:
<br />
- go to timeline details
<br />
- click delete
<br />
2 clicks
<br />
<br />
![Bildschirmfoto_2021-11-05_um_18.17.20](/uploads/60eeaae507e5c970f83490e2270bd391/Bildschirmfoto_2021-11-05_um_18.17.20.png)3.0.0-beta Releasehttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1039add notification after file upload and timeline creation2021-11-25T09:02:16+01:00Hansen, Christianadd notification after file upload and timeline creationFeature: Timeline Viewerhttps://gitlab.rlp.net/motionbank/applications/systems-frontend/-/issues/1035add transparent backgrounds to "more" buttons to have a contrast to the backg...2021-11-05T11:50:04+01:00Hansen, Christianadd transparent backgrounds to "more" buttons to have a contrast to the background/assets/ in grid mode:
<br />
![Bildschirmaufnahme_2021-11-05_um_11.47.30](/uploads/6c8aa1b05e880d022d73b723cf245b20/Bildschirmaufnahme_2021-11-05_um_11.47.30.mov)/assets/ in grid mode:
<br />
![Bildschirmaufnahme_2021-11-05_um_11.47.30](/uploads/6c8aa1b05e880d022d73b723cf245b20/Bildschirmaufnahme_2021-11-05_um_11.47.30.mov)3.0.0-beta Release