Audio recorder - changes

Description

Some comments came from the client after the implementation issue was done:

  1. Question field is optional ( this way recorder can be combined with the video inside column for example )

  2. Have retry available while recording.

Since we added one extra button I had to adjust design a bit so "retry" and "done" buttons are not so prominent. New design is here:
desktop: https://marvelapp.com/1jce33d/screen/25918596
mobile: https://marvelapp.com/1f5j9h1/screen/25920601

Changes would be:

  1. Styling changes

    Some buttons appear to be different size "Pause" and "Finish" for example and "Download" and "Retry". I guess this is because of the border.
    In the new design "Retry" and "Done" are slightly smaller than "Continue/Pause"

  2. Make a Question optional field.

  3. Change the labels to:
    "Text" to "Question"
    "Question text" to "Optional question to display above the audio recorder"

  4. Add "Retry" option while recording: https://marvelapp.com/1jce33d/screen/25918598
    When "Retry" is clicked user should get: https://marvelapp.com/1jce33d/screen/25918647

  5. Rename "Finish" button to "Done" and change icon to fa-play-circle

  6. Change "Download" icon to e918 - new font file attached

  7. Mobile
    Drop labels - insted use only icons on the buttons: https://marvelapp.com/1f5j9h1/screen/25920601

Note: volume meter issue is here: HFP-1000, if we choose not to implement volume meter we should get rid of the animation - I dont think we need animation as a recording indicator since we already have status bar which is strong indication that recording process is on.

Acceptance Criteria

make styling changes
make button changes
make question optional field

Status

Assignee

Tom Arild Jakobsen

Reporter

Jelena Milinovic

Labels

Funding

None

Code reviewer

Thomas Marstrander

Released

None

Time tracking

4h

Fix versions

Priority

Medium
Configure