Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve UX for the continuous annotation task for clarity #23

Open
Kenneth-Funes-TU-Delft opened this issue Mar 22, 2024 · 1 comment
Open

Improve UX for the continuous annotation task for clarity #23

Kenneth-Funes-TU-Delft opened this issue Mar 22, 2024 · 1 comment
Assignees
@Kenneth-Funes-TU-Delft

Comments

@Kenneth-Funes-TU-Delft
Copy link

The continuous annotation task UI has been mostly finalized, but the following elements need to be taking into account:

  • Make it clearer that you can as a test run press S to try it 
  • Simplify a bit the participant not found 
  • Add video is finished, please continue 
  • Do a pop up to say that the annotation will be re-written 
  • Change name to "Redo annotation " instead of "start annotating"? 
  • Make big comment that if the person move out of view, to change the view 
  • Remove the submission code and change font to make it fit better with the instructions 
  • Prefilter participants by 1080p 
@Kenneth-Funes-TU-Delft
Copy link
Author

ONGOING WORK

  • Make it clearer that you can as a test run press S to try it
    • Expanded the text from
  • Simplify a bit the participant not found
  • Add video is finished, please continue
  • Do a pop up to say that the annotation will be re-written
  • Change name to "Redo annotation " instead of "start annotating"?
  • Make big comment that if the person move out of view, to change the view
  • Remove the submission code and change font to make it fit better with the instructions
  • Prefilter participants by 1080p

Kenneth-Funes-TU-Delft added a commit that referenced this issue Mar 28, 2024
@Kenneth-Funes-TU-Delft
> #23 - Work in progress
89a6383 
- Improved instructions on testing the annotation key before starting to
annotate
- Implemented logic to hide the instructions bar on the left and increase
the size of the video player
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 18, 2024
@Kenneth-Funes-TU-Delft
> #23 - Work in progress
a0e345f 
- Improved instructions on testing the annotation key before starting to
annotate
- Implemented logic to hide the instructions bar on the left and increase
the size of the video player
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 18, 2024
@Kenneth-Funes-TU-Delft
. #22 #23 Continuous annotation task component split into multiple co…
a3d3ebd 
…mponents

- Created a separate component for the Gallery and the participant image
  crop
- Created a separate component for the "Instructions sidebar" so the main
  file is cleaner
- Created a separate component for the TaskProgress so the main file is
  cleaner
- Minor style modifications, such as reducing the width of the right
  sidebar
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
. #22 #23 Cont task split into components, and improved UI
5358e31 
- Improved instructions about practicing with the annotation key before
- Implemented logic to hide the instructions bar on the left and increase
the size of the video player annotate
- Created a separate component for the Gallery and the participant image
  crop
- Created a separate component for the "Instructions sidebar" so the main
  file is cleaner
- Created a separate component for the TaskProgress so the main file is
  cleaner
- Created a separate component for the flashscreen
- Minor style modifications, such as reducing the width of the right
  sidebar
Merged
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
. #22 #23 Cont task split into components, and improved UI
8f80240 
- Improved instructions about practicing with the annotation key before
- Implemented logic to hide the instructions bar on the left and increase
the size of the video player annotate
- Created a separate component for the Gallery and the participant image
  crop
- Created a separate component for the "Instructions sidebar" so the main
  file is cleaner
- Created a separate component for the TaskProgress so the main file is
  cleaner
- Created a separate component for the flashscreen
- Minor style modifications, such as reducing the width of the right
  sidebar
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
. #22 #23 Cont task split into components, and improved UI
de33583 
- Improved instructions about practicing with the annotation key before
- Implemented logic to hide the instructions bar on the left and increase
the size of the video player annotate
- Created a separate component for the Gallery and the participant image
  crop
- Created a separate component for the "Instructions sidebar" so the main
  file is cleaner
- Created a separate component for the TaskProgress so the main file is
  cleaner
- Created a separate component for the flashscreen
- Minor style modifications, such as reducing the width of the right
  sidebar
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
.#23 #33 Improvements to the continuous annotations task UX
dc03d1f 
- Video playback can be freely controlled while the there is not an active
annotations process using the standard controls
- When the annotations start, the video playback resets to start and
video controls are hidden.
- Now hiding the annotation tips when the annotation process stops
- Renamed the playbackStatus variable to convey that it is strongly linked
to cam view change events.
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
. #23: Improved UX for the cont annotation task
5a3d6cd 
- Removed the height prop from the ContentContainer. It was causing
clipping issues
- Added a notification each time an annotation buffer is to be uploaded
- Moved the Modal "Can't find participant" dialog to the InstructionsSidebar
- Added a button to open the video tutorial in a separate tab
- Slight improvements on instructions text
- Added an argument to the ContinuousAnnotationTaskSpec to include the
video tutorial url
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
.#23 #33 Improvements to the continuous annotations task UX
7b70ee3 
- Video playback can be freely controlled while the there is not an active
annotations process using the standard controls
- When the annotations start, the video playback resets to start and
video controls are hidden.
- Now hiding the annotation tips when the annotation process stops
- Renamed the playbackStatus variable to convey that it is strongly linked
to cam view change events.
- Removed the height prop from the ContentContainer. It was causing
clipping issues
- Added a notification each time an annotation buffer is to be uploaded
- Moved the Modal "Can't find participant" dialog to the InstructionsSidebar
- Added a button to open the video tutorial in a separate tab
- Slight improvements on instructions text
- Added an argument to the ContinuousAnnotationTaskSpec to include the
video tutorial url
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
.#23 #33 Improvements to the continuous annotations task UX
9389451 
- Video playback can be freely controlled while the there is not an active
annotations process using the standard controls
- When the annotations start, the video playback resets to start and
video controls are hidden.
- Now hiding the annotation tips when the annotation process stops
- Renamed the playbackStatus variable to convey that it is strongly linked
to cam view change events.
- Removed the height prop from the ContentContainer. It was causing
clipping issues
- Added a notification each time an annotation buffer is to be uploaded
- Moved the Modal "Can't find participant" dialog to the InstructionsSidebar
- Added a button to open the video tutorial in a separate tab
- Slight improvements on instructions text
- Added an argument to the ContinuousAnnotationTaskSpec to include the
video tutorial url
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
.#23 #33 Improvements to the continuous annotations task UX
1defe3b 
- Video playback can be freely controlled while the there is not an active
annotations process using the standard controls
- When the annotations start, the video playback resets to start and
video controls are hidden.
- Now hiding the annotation tips when the annotation process stops
- Renamed the playbackStatus variable to convey that it is strongly linked
to cam view change events.
- Removed the height prop from the ContentContainer. It was causing
clipping issues
- Added a notification each time an annotation buffer is to be uploaded
- Moved the Modal "Can't find participant" dialog to the InstructionsSidebar
- Added a button to open the video tutorial in a separate tab
- Slight improvements on instructions text
- Added an argument to the ContinuousAnnotationTaskSpec to include the
video tutorial url
Kenneth-Funes-TU-Delft added a commit that referenced this issue Apr 19, 2024
@Kenneth-Funes-TU-Delft
.#23 Better guidance related to task completion and accessing a compl…
55f7533 
…eted task

- Better guidance to the user when the task is completed. Not showing
the completion code, but redirecting to prolific on submit
- Killed the existing prolific academic pop up which was being eventually
called with the props.onSubmit logic, and replaced by local logic with
better user experience
- Created a TaskAlreadyCompleted component that blocks access to the task
(and data therein) when the results have been submitted to covfee
- Minor text improvements.
Era-Dorta added a commit that referenced this issue Apr 22, 2024
@Kenneth-Funes-TU-Delft @Era-Dorta
.#23 Better guidance related to task completion and accessing a compl… (
efc00ec 
#42)

Better guidance related to task completion and accessing a completed task

- Fixes #23 
- Better guidance to the user when the task is completed. Not showing
the completion code, but redirecting to prolific on submit
- Killed the existing prolific academic pop up which was being eventually
called with the props.onSubmit logic, and replaced by local logic with
better user experience
- Created a TaskAlreadyCompleted component that blocks access to the task
(and data therein) when the results have been submitted to covfee
- Minor text improvements.

---------

Co-authored-by: Era Dorta <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Kenneth-Funes-TU-Delft Kenneth-Funes-TU-Delft

Labels
None yet
Projects
None yet
Milestone
No milestone
1 participant
@Kenneth-Funes-TU-Delft