Page MenuHomePhabricator

Design the fallback view experience for non-function ZObjects
Closed, ResolvedPublic

Assigned To
Authored By
Jdforrester-WMF
Apr 19 2022, 4:08 PM
Referenced Files
F35773948: image.png
Nov 14 2022, 10:52 AM
F35773594: image.png
Nov 14 2022, 9:59 AM
F35773508: image.png
Nov 14 2022, 9:59 AM
F35773477: image.png
Nov 14 2022, 9:59 AM
F35773451: image.png
Nov 14 2022, 9:59 AM
F35521359: IMG_0110.jpg
Sep 15 2022, 1:12 PM
F35521356: IMG_0109.jpg
Sep 15 2022, 1:12 PM
F35521354: IMG_0108.jpg
Sep 15 2022, 1:12 PM

Description

Preamble

Wikifunctions objects are displayed on a page via a bespoke (vue) component. In the scenario in which a certain object type doesn't have a custom component, the default (fallback) component will be used instead.

Design proposal

A String component

image.png (1×2 px, 325 KB)

Link to Figma file

B Reference component

image.png (1×2 px, 299 KB)

Link to Figma file

C Monolingual string component

image.png (1×2 px, 313 KB)

Link to Figma file

D Change type experience flow

image.png (1×2 px, 296 KB)

Link to Figma file

Responsive design

On larger viewport the default components spans up to 50% of the page width.

image.png (1×2 px, 263 KB)

Event Timeline

DVrandecic subscribed.

This looks great! Thank you