...
A Style guide helps to make consistent design decisions. A reference to agree on before doing try-and-error discussions that can be costly and frustrating. In the end it may not really matter if the colour of the alert dialog modal is red or orange. And it may not matter if the OK and Cancel button is left or and right. Or the opposite.
But what matters is that once you decide for one of those patterns you do it consistently! Not come up with alternating patterns or have various different versions of a UI/UX of the same similar functionality.
Further material and examples on what a typical Style Guide (and StoryBooks) would contain and solve:
...
- In a confirmation dialog the OK (Primary) button should be left, the Cancel (Secondary) button right
Components
Bootstrap Style and
...
components
OpenMeetings relies on Bootstrap, so the Bootstrap general guide should be our guideline: https://getbootstrap.com/docs/4.4/components/
Whiteboard toolbar menu
Warning |
---|
This is a draft proposal and subject to discussion |
Proposed design
Gliffy Diagram | ||||||
---|---|---|---|---|---|---|
|
Proposed behaviour
- Visible true if you have permissions for whiteboard (or inherited permissions)
- Disable elements when for example no document in whiteboard for page elements