Problem/Motivation
We want to improve the experience of the content creators (the author UX), but we don't know what kind of eventualities to take into account.
We therefore want to collect some real-life examples of edit forms to see what a content editor sees when they click the edit link for a content item.
Take a screen-shot for us
- Go to a content item page on any existing Drupal 8 site.
- Click edit
- Take a screen-shot of the whole page
- Upload it in a comment
- If the site uses any contrib modules to improve the editor experiences (such as Field groups etc) please list them in the comment.
- Done. Thank you!
| Comment | File | Size | Author |
|---|---|---|---|
| #12 | seven theme.jpg | 143.09 KB | jglynn |
| #11 | edit_page.png | 164.66 KB | anpolimus |
| #10 | edit_page_2.png | 138.69 KB | anpolimus |
| #9 | Screencapture - Large menu UX problem.png | 160.33 KB | dennis cohn |
| #8 | screencapture-large-ct-2.png | 340.71 KB | dennis cohn |
Comments
Comment #2
ifrikscreen-shot: ifrik-node-edit.png
uses: Field groups to structure fields, and Inline entity form - Cpomplex to upload or choose files.
Comment #3
yoroy commentedComment #4
yoroy commentedHere's one to get started.
Comment #5
volegerField groups, Inline entity form.
Comment #6
mglamanHere's a collection for my horrible mobile experience.
Comment #7
petr illekI'm glad this issue exist. I'm posting two screenshots of one edit page to illustrate my approach, which is to present as minimum fields to the editor as possible on initial load, editor can then expand what they needs. I found long edit pages a bit intimidating and confusing. I've put there few purple labels as translations. I've also switch to Seven only for the screenshooting purpose. Otherwise I'm using Adminimal which has more pleasant look.
Used modules:
Further notes:
Comment #8
dennis cohn commentedUsed modules:
field_group
paragraphs (we've got lots)
chosen
single_datetime
entity_browser
Further notes:
Because the size of the Content Type, we've put everything in vertical tabs.
Also we remove the right sidebar cause this takes a lot of unwanted space.
Comment #9
dennis cohn commentedAlso:
Not really a node/edit UX problem, but more an admin menu problem:
When you've got a large website, with a lots of Content Types/ Paragraph types and want to go to an specific item in the menu, you can't. It runs out of screen. See the screenshot. We've got 10 more paragraph types in the menu..
You can only access them, by click the parent menu item "Paragraph Types" that brings you to the paragraph type overview page.
Pretty annoying :)
Comment #10
anpolimusForm 1: Used Field Group + Paragraphs Experimental widgets
Comment #11
anpolimusForm 2: Field Group
Comment #12
jglynn commentedSee this issue https://www.drupal.org/project/drupal/issues/3031436
Comment #13
pameeela commentedI think this issue can be closed since the desired screenshots were gathered. Added credit for those who provided them.