Page MenuHomePhabricator

🎨 Design compact Wikidata statements component for Wikifunctions (read mode)
Open, MediumPublic

Description

Description

Create a design for a new UI component that displays Wikidata statements in a compact, structured, and readable way in read mode. The current representation is verbose and deeply nested, making it hard to scan and understand. The new design should significantly improve usability without changing any backend logic or introducing editing features.
We can have an collapsed and expanded mode. the collapsed view should be as short as possible so the three renders quick on the page.

Scope

  • Design a compact read mode view showing statements in a simple, scannable structure.
  • Define how qualifiers, references, and rank appear when collapsed and expanded.
  • Specify patterns for handling complex data types (e.g., quantities, time, media).
  • Ensure the design is visually consistent with other Wikifunctions components.

Acceptance Criteria

✅ Final mockups for collapsed and expanded statement views delivered in Figma (or similar).
✅ Clear guidance on displaying qualifiers, references, and rank.
✅ Documentation for handoff to frontend implementation.
✅ Designs cover all major data types without loss of information.

Event Timeline

DSmit-WMF renamed this task from 🖌️ Design compact Wikidata statements component for Wikifunctions (read mode) to 🎨 Design compact Wikidata statements component for Wikifunctions (read mode).Oct 7 2025, 4:45 PM

@DSmit-WMF can you share screenshots or links to example Wikidata statements?

Reedy renamed this task from 🎨 Design compact Wikidata statements component for Wikifunctions (read mode) to 🎨 Design compact Wikidata statements component for Wikifunctions (read mode).Oct 8 2025, 10:07 AM