Page MenuHomePhabricator

Design shortcomings of WikimediaUI widgets overview (M101) (tracking)
Open, NormalPublic

Description

Tracking task of shortcomings in the widget overview of pholio

  • (current revision: 2016-05-21) from Design and UX perspective. It's meant as collection for discussions and should –if necessary– result in sub-tasks.

    Event Timeline

    Restricted Application added subscribers: Zppix, Aklapper. · View Herald TranscriptMay 26 2016, 11:40 PM
    Volker_E updated the task description. (Show Details)May 26 2016, 11:41 PM
    Danny_B renamed this task from Design shortcomings of current M101 [tracking] to Design shortcomings of current M101 (tracking).May 26 2016, 11:44 PM

    @Volker_E So possible issues should be started as blocking tasks of this or mentioned directly here?

    My list (will be extended):

    • Fonts:
      • Misses font family guideline
      • Misses font hierarchy specification
    • Colors:
      • Palette not using WCAG compliant colors
      • Border-colors not perfectly consistent across widgets
      • Active widget color could be mislead as disabled state
        • Hover color has to be changed then as well
      • colors of icons are misaligned with compounding text
    • Size of checkbox and radio buttons should be smaller appearance while providing no decline in usability
    • Misses comprehensive whitespace guidelines in-between widgets
    • There's misconception (no clear differentiation) of descriptive and action icons.
    Volker_E triaged this task as High priority.Sep 19 2016, 5:37 PM
    Volker_E renamed this task from Design shortcomings of current M101 (tracking) to Design shortcomings of current M101 widget overview (tracking).Oct 21 2016, 12:40 AM
    Volker_E updated the task description. (Show Details)
    Volker_E lowered the priority of this task from High to Normal.
    Volker_E renamed this task from Design shortcomings of current M101 widget overview (tracking) to Design shortcomings of WikimediaUI widgets overview (M101) (tracking).Jan 23 2019, 8:43 PM
    Volker_E edited subscribers, added: iamjessklein, alexhollender, PDrouin-WMF; removed: JGirault, pizzzacat.

    We should update the Sketch files to include a set of responsive web layouts of the Wikipedia chrome for reading and editing modes (toolbars, buttons etc). This will help us to present more uniform designs and reduce the need to constantly copy UI elements into our designs in Sketch.

    cc/ @Volker_E @RHo @alexhollender