Open kmlshalf opened 3 years ago
The "Be Honest" description needs to be extended. It's really just one sentence long.
Is something about extensions going to be here? I think it should be on the guildlines
Is something about extensions going to be here? I think it should be on the guildlines
Ideally all less known policies (listed here, under Rules/Regulation Updates) would be mentioned somewhere on the page, perhaps in a separate section on the bottom.
Totally agree with @mxmou - guidelines should be clear, as much as possible. Nobody would find such policies without actively searching for that.
Scratch forums are also not transparent when it comes to policy changes; for example, BEUP was silently amended in 2020, with no notice.
Background
This is a revamp of the Community Guidelines page with the most recent iteration of text. Illustrations and a new design format have been added.
Our goals with this redesign were to:
Assets & Quicklinks
Figma File (go to "For Engineering") Interaction Prototype Demo Illustration SVG files Content copy Current Community Guidelines page
Specs
Resizing & Responsiveness
There are breakpoints at: 1280, 1024, 960, 768, 560, and 360px. Illustrations will start to go above text paragraphs (rather than next to them) at 1024 width. The guidelines menu width is resized with the width of the screen.
Some significant changes when resizing:
At 768 width:
At 560 width:
At 360 width:
Side by side illustration + text spacing (for 1280 width layout)
Vertical Spacing
Vertical spacing stays the same across all responsive widths.
![Vertical Spacing (all widths)](https://user-images.githubusercontent.com/17713728/121430674-3c75da80-c92d-11eb-9160-ff7dd9996970.png)
Guideline Menu
This top menu acts as a quick at-a-glance list of guidelines, and also as an interactive menu where clicking on one of the guidelines will send the reader to the full guideline + illustration (see Interactions section below).
Individual containers specs (applies across all responsive widths):![Snappy guidelines details](https://user-images.githubusercontent.com/17713728/121227962-09561d00-c841-11eb-801c-49d457f548a8.png)
Localization: if translation results in longer text/more text lines, individual containers should expand vertically to accommodate the longer text. The width of each container box and text box will not change. This also applies with resizing.
Interactions
Guideline options will change color on hover. Clicking on a guideline (or if on tablet/phone, tapping on it) will scroll down to the full guideline on the page. See prototype for demo. At the moment it is only prototyped for the first guideline, but this interaction would apply to all.