User Experience SIG - Nov 24, 2021

Participants

Ildefonso Montero, Tim Jacomb (@timja), Ullrich Hafner (@uhafner ), Ian Williams (@Ian_W ), Felix Quieruga, Jan Faracik, Mark Waite (@MarkEWaite )

Notes

  • JEP-234: [JEP-234] Customizable header proposal by imonteroperez · Pull Request #380 · jenkinsci/jep · GitHub
    • Pull request proposed to Jenkins core based on the JEP
    • JEP 234 merged as draft
    • Proposing to make the Jenkins header easier to customize
      • Allow current header to be customized
      • Allow more than static resources in the header
    • When we want to update the header today
      • Simple themes plugin customization (CSS, JS)
      • Diff patch maven plugin as alternative
    • Reference implementation “add another search bar”
      • Simple theme plugin didn’t fully meet the need
        • Prefer extension points
      • Diff patch plugin
        • Only works with static content
      • Use an extension point
        • Custom header plugin that adds the second search bar
        • Added a new label with custom content from Jenkins core
    • Header as an extension point
      • Extension point for complete replacement of header
      • Could consider extension points for subsets of the header
      • Header extension point added
        • Allows a plugin to provide its own headers
        • Chooses the first header in the list, uses Ordinal to sort
        • JenkinsHeader is the fallback
        • Allows business logic inside the Header implementation
      • Jelly change in pageHeader.jelly
    • Compatibility helps
      • FullHeader that is completely independent of Jenkins core
        • Uses no styles, images, etc. from Jenkins core
      • PartialHeader depends on Jenkins core
        • May refer to styles, images, etc. from Jenkins core
      • See the open PR on Jenkins core to implement JEP-234
    • Seeking feedback
  • UI improvements in 2.319.1 LTS release candidate - Mark Waite
  • Upcoming UI improvements - Jan Faracik
    • Merged UI changes demonstration
      • Table redesign is merged
      • PR merged to update the users table, logs table
      • New view and new node page changes merged
    • Update forms branch under development
      • Configure screen - styled text areas to match, checkboxes styled
        • Validation looks a little too close to text box, not yet in branch
      • Plugins that use built-in Jenkins components
    • Tooltips and dropdowns revised on a development branch
      • Replaced YUI dropdowns
      • Buttons redesigned using new inputs and controls
    • Plugin manager screens on a pull request
      • New table design
      • Needs styling on checkboxes
      • New buttons and toggle switches due to different purposes
        • Toggle switch indicates enabled vs. disabled
      • Not yet processed Ulli’s feedback on the plugin manager
    • Question from Felix
      • Text may be too strong (bold) in the plugin manager (noted by Tim)
      • Comment related to accessibility on table headers
        • Capitalization as an emphasis
        • Some languages apply meaning to capitalization (German)
        • Will be revisited, needs consideration
          • Check with Ulli Hafner and Daniel Beck
    • Question from Ian
      • Three changes in the PR
        • Table construction
        • Capitalization and letter spacing
        • Ion icon set integration (JENKINS-65124 change lots of attention)
      • Oldest running instance compared to previous versions
        • 2.322 with current landing page compared with 2.121
        • Tab sorting issue noted
        • Using capitalization for semantic meaning
    • Comments from Felix
      • Changed in 2020 to use consistent icons with 14 pixel font size
        • 12, 14, and 16 font sizes
        • Recommended to not go lower than 12
      • Vertical spacing increased through tables to divs
        • More white space between elements
      • Description of the changes that came with tables to divs
  • Theme manager - Jan Faracik
    • Visible hint of the theme look and feel
  • New search view - Jan Faracik
    • Exploring alternatives for a search UI, reminiscent of Spotlight
      • Start typing and dropdown appears
      • Categorizes results
    • Not using modality in other portions of Jenkins, but should we?
      • No YUI (yeah!)
  • Is form rework ready for another look?
    • Form element path plugin almost ready to merge
    • ATH change for buttons are passing
    • Need to assure that ATH and bom tests are run
    • Use an artifact from ci.jenkins.io to use incremental build instead of weekly
      • ATH uses run.sh to read, fetch from a downloadable file
      • 5778 removal of assets is close, needs an agent size change
  • Pipeline graph view plugin latest pull request - Tim Jacomb
  • Next meeting in two weeks
1 Like