Content
View differences
Updated by Parimal Satyal over 1 year ago
#### **Context**
We made it possible to enter duration in a number of different formats here:
###59404
#### **User feedback**
Feedback from Jens:
> The meeting create modal now nicely allows to input values into the duration field that is in a different unit than hours. And for that, the unit is displayed in the field as a suffix. With the caption below, this now reads something like "30 mins (in hours)"
>
> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/307074/content">
>
> Apart from the itching, I believe it will discourage people to use different formats and make that feature less discoverable.
We also seem to have different approaches to this in other places:
**Log time:**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:435px;" src="/api/v3/attachments/307080/content">
<br>
**Progress pop-over:**
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:588px;" src="/api/v3/attachments/307081/content">**
<br>
<img class="image_resized op-uc-image op-uc-image_inline" style="width:534px;" src="/api/v3/attachments/307087/content">
<br>
#### **Considerations:**
Ideally, we have a consistent approach everywhere where the use case is the same or very similar. Deviations are of course normal if the context is different.
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Approach</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Pros</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Cons</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Remarks</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Leave it as is</p></td><td class="op-uc-table--cell"><p class="op-uc-p">The user knows which unit to use. If they know they can input in min, that's an extra.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Awkward</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Remove "in hours" caption</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Less awkward.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">If the user doesn't know what unit to use, they're even more lost.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Change caption to "in hours or minutes".</p></td><td class="op-uc-table--cell"><p class="op-uc-p">More accurate.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Too much choice, how do they know what unit is selected if it's just hours?</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Dynamically change caption to min if "m", "min" or "minutes" is input</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible!</p></td><td class="op-uc-table--cell"><p class="op-uc-p">A lot of front-end logic; front what we've learnt from working on the date-picker, this is best avoided.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Have two inputs: for the number <i>and</i> for the unit (drop down)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible, accurate</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Perhaps unnecessarily complicated, more visual noise, more tabbing/changing fields. Also more work.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Have a placeholder value when empty (saying what?), do not mention unit (neither in the label or caption), show values for existing unit</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible, less limiting, less awkward when mixing units</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">What unit should be used in the placeholder value?</p></li><li class="op-uc-list--item"><p class=" op-uc-p">How will users know to enter a different value?</p></li><li class="op-uc-list--item"><p class=" op-uc-p">One a value is entered, placeholder text vanishes.</p></li></ul></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p><p class="op-uc-p"><br></p></td></tr></tbody></table></figure><br>
We made it possible to enter duration in a number of different formats here:
###59404
#### **User feedback**
Feedback from Jens:
> The meeting create modal now nicely allows to input values into the duration field that is in a different unit than hours. And for that, the unit is displayed in the field as a suffix. With the caption below, this now reads something like "30 mins (in hours)"
>
> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/307074/content">
>
> Apart from the itching, I believe it will discourage people to use different formats and make that feature less discoverable.
We also seem to have different approaches to this in other places:
**Log time:**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:435px;" src="/api/v3/attachments/307080/content">
<br>
**Progress pop-over:**
**<img class="image_resized op-uc-image op-uc-image_inline" style="width:588px;" src="/api/v3/attachments/307081/content">**
<br>
<img class="image_resized op-uc-image op-uc-image_inline" style="width:534px;" src="/api/v3/attachments/307087/content">
<br>
#### **Considerations:**
Ideally, we have a consistent approach everywhere where the use case is the same or very similar. Deviations are of course normal if the context is different.
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Approach</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Pros</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Cons</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Remarks</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Leave it as is</p></td><td class="op-uc-table--cell"><p class="op-uc-p">The user knows which unit to use. If they know they can input in min, that's an extra.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Awkward</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Remove "in hours" caption</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Less awkward.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">If the user doesn't know what unit to use, they're even more lost.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Change caption to "in hours or minutes".</p></td><td class="op-uc-table--cell"><p class="op-uc-p">More accurate.</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Too much choice, how do they know what unit is selected if it's just hours?</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Dynamically change caption to min if "m", "min" or "minutes" is input</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible!</p></td><td class="op-uc-table--cell"><p class="op-uc-p">A lot of front-end logic; front what we've learnt from working on the date-picker, this is best avoided.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Have two inputs: for the number <i>and</i> for the unit (drop down)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible, accurate</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Perhaps unnecessarily complicated, more visual noise, more tabbing/changing fields. Also more work.</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Have a placeholder value when empty (saying what?), do not mention unit (neither in the label or caption), show values for existing unit</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Flexible, less limiting, less awkward when mixing units</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">What unit should be used in the placeholder value?</p></li><li class="op-uc-list--item"><p class=" op-uc-p">How will users know to enter a different value?</p></li><li class="op-uc-list--item"><p class=" op-uc-p">One a value is entered, placeholder text vanishes.</p></li></ul></td><td class="op-uc-table--cell"><p class="op-uc-p"><br></p><p class="op-uc-p"><br></p></td></tr></tbody></table></figure><br>