Content
View differences
Updated by Parimal Satyal over 1 year ago
#### Summary
Currently, we have two approaches: systems:
* In sub-headers, we always use "+ Module" (without repeating the word "Add")
* In other places, we sometimes have "+ Add relations" or just "+ Add" (like in the Meetings module)
Should What do we try to have just one system everywhere, or is want do, and should there a good reason to have be different approaches?
### Details
<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"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>+ Add meeting</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>+ Meeting</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Benefits</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Clearer and more explicit, no ambiguity</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Better for screen-readers (no need to add separate ARIA label or alt text with the word "Add")</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Less redundancy (<i>+</i> and <i>Add</i>)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Shorter labels, especially in other languages (sometimes it can be very long, eg. "+ Nouveau attribut de projet" or "+ Ajouter un attribut de projet")</p></li><li class="op-uc-list--item"><p class=" op-uc-p"></p></li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Downsides</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Longer labels; would make toolbars or sub-headers longer</p></li><li class="op-uc-list--item"><p class=" op-uc-p">A bit more redundancy</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Less explicit</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Need to write separate ARIA or alt labels for screen readers</p></li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Currently used in</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Meetings module ("+ Add" for the button to add new agenda items)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Work package list ("+ Create" dropdown)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Team planner ("Add assignee", empty state and at the bottom)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Relations tab ("+ Create new relation")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Meetings tab ("+ Add to meeting")</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Meetings module ("+ Meeting" to create a new project")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Admin settings</p><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Project attribute ("+ Project attribute" or "+ Section")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Custom fields ("+ Custom field")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Attribute help ("+ Attribute help text")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">...</p></li></ul></li><li class="op-uc-list--item"><p class=" op-uc-p">Module index pages</p><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Calendar module ("+ Calendar")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Team planner ("+ Team planner")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Boards ("+ Board", "+ Add list to board")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Budget ("+ Budget")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Forum ("+ Forum")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Documents ("+ Document")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Wiki ("+ Wiki page")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Members ("+ Member")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">...</p></li></ul></li><li class="op-uc-list--item"><p class=" op-uc-p">Project list ("+ Project")</p></li></ul></td></tr></tbody></table></figure> use cases?
Currently, we have two approaches:
* In sub-headers, we always use "+ Module" (without repeating the word "Add")
* In other places, we sometimes have "+ Add relations" or just "+ Add" (like in the Meetings module)
Should
### Details
<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"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>+ Add meeting</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>+ Meeting</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Benefits</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Clearer and more explicit, no ambiguity</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Better for screen-readers (no need to add separate ARIA label or alt text with the word "Add")</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Less redundancy (<i>+</i> and <i>Add</i>)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Shorter labels, especially in other languages (sometimes it can be very long, eg. "+ Nouveau attribut de projet" or "+ Ajouter un attribut de projet")</p></li><li class="op-uc-list--item"><p class=" op-uc-p"></p></li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Downsides</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Longer labels; would make toolbars or sub-headers longer</p></li><li class="op-uc-list--item"><p class=" op-uc-p">A bit more redundancy</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Less explicit</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Need to write separate ARIA or alt labels for screen readers</p></li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Currently used in</p></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Meetings module ("+ Add" for the button to add new agenda items)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Work package list ("+ Create" dropdown)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Team planner ("Add assignee", empty state and at the bottom)</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Relations tab ("+ Create new relation")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Meetings tab ("+ Add to meeting")</p></li></ul></td><td class="op-uc-table--cell"><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Meetings module ("+ Meeting" to create a new project")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Admin settings</p><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Project attribute ("+ Project attribute" or "+ Section")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Custom fields ("+ Custom field")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Attribute help ("+ Attribute help text")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">...</p></li></ul></li><li class="op-uc-list--item"><p class=" op-uc-p">Module index pages</p><ul class="op-uc-list"><li class="op-uc-list--item"><p class=" op-uc-p">Calendar module ("+ Calendar")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Team planner ("+ Team planner")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Boards ("+ Board", "+ Add list to board")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Budget ("+ Budget")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Forum ("+ Forum")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Documents ("+ Document")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Wiki ("+ Wiki page")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">Members ("+ Member")</p></li><li class="op-uc-list--item"><p class=" op-uc-p">...</p></li></ul></li><li class="op-uc-list--item"><p class=" op-uc-p">Project list ("+ Project")</p></li></ul></td></tr></tbody></table></figure>