Page MenuHomePhabricator

TypedLists: Design and implement a better indication of empty (zero-black) state
Open, MediumPublic

Assigned To
None
Authored By
AAlhazwani-WMF
Jul 4 2023, 1:28 PM
Referenced Files
F43509526: CleanShot 2024-03-27 at 10.47.47@2x.jpg
Mar 27 2024, 9:58 AM
F43509512: CleanShot 2024-03-27 at 10.47.09@2x.jpg
Mar 27 2024, 9:58 AM
F43509290: CleanShot 2024-03-27 at 10.42.19@2x.jpg
Mar 27 2024, 9:58 AM
F41734496: image.png
Jan 31 2024, 11:37 AM
F41734495: image.png
Jan 31 2024, 11:37 AM
F37128022: CleanShot 2023-07-04 at 15.27.46@2x.png
Jul 4 2023, 1:28 PM
F37128020: CleanShot 2023-07-04 at 15.24.59@2x.png
Jul 4 2023, 1:28 PM
Subscribers

Description

when creating a new type (or when adding a typed list to an existing object) we don't signal that the typed list is empty

CleanShot 2023-07-04 at 15.24.59@2x.png (1×2 px, 170 KB)

same applies when we expand the typed list

CleanShot 2023-07-04 at 15.27.46@2x.png (984×1 px, 65 KB)

we should probably design an empty placeholder.

design proposal

for edit mode we'll show a "0 items" placeholder both in collapsed and expanded mode

CleanShot 2024-03-27 at 10.42.19@2x.jpg (1×1 px, 134 KB)

when editors add a new item to an empty list we'll hide/remove the "0 items" placeholder

CleanShot 2024-03-27 at 10.47.09@2x.jpg (1×1 px, 216 KB)

in read mode we'll show a "0 items" placeholder botn in collapsed and expanded mode

CleanShot 2024-03-27 at 10.47.47@2x.jpg (396×770 px, 23 KB)

nice to have

translators have been confused by the label "List items". they were unsure if the meaning is "List (noun) of items" or "List (verb) the items". to address this i'd like to suggest a change in the labels:

  • "List items type" becomes "Item type", to also echo the existing "Value type" label
  • "List items" becomes "Items"

design specs

https://www.figma.com/file/LuyZ6GFzrmczP5Hhy4OXEb/T341069-Typed-list-zero-blank-state?type=design&node-id=0%3A1&mode=design&t=cI6ETPjm0bykdlx3-1

Event Timeline

Jdforrester-WMF renamed this task from Add zero-black state for typed lists to TypedLists: Design and implement a better indication of empty (zero-black) state.Oct 5 2023, 5:03 PM

this task is also valid for read mode, in this example i published an empty list

image.png (728×1 px, 105 KB)
image.png (850×1 px, 117 KB)

DVrandecic triaged this task as Medium priority.Mar 21 2024, 5:24 PM
DVrandecic moved this task from Needs Product/Design to Backlog on the Abstract Wikipedia team board.
AAlhazwani-WMF removed a project: Design.
AAlhazwani-WMF updated the task description. (Show Details)