Darker Directory Filter Colours

Requested by: Meghan Reid

Status: Completed

Change to something that already exists?: Yes
Requires a new CMS Component?: No
Requires New Functionality?: No
Estimated Completion Date: Completed - Early Dec 2019

Description

The IKBSAS communications office has received feedback from all eight departments, associate deans and students that directory is difficult to use. Some users don’t realize that the drop-down menus are clickable.

The dropdown menus for Role, Disciplines and Search Keyword are grey. This colour suggests that a feature is inactive as a UX standard. Our request is to make the drop-down menus be more prominent. Currently, the titles above the drop-down menus draw more attention than the menus below where we want the user to interact.

Original Submission:

“Styling Change on the Directory

See: https://biology.ok.ubc.ca/about/contact/ for an example.

The IKBSAS communications office has received feedback from all eight departments, associate deans and students that directory is difficult to use. Some users don’t realize that the drop down menus are clickable.

The dropdown menus for Role, Disciplines and Search Keyword are grey. This colour suggests that a feature is inactive as a UX standard. Our request is to make the drop down menus be more prominent. Currently the titles above the drop down menus draw more attention than the menus below where we want the user to interact.”

—-

[Styling change affecting all sites using directory. Some consultation with UR needed, but easy fix. -SQ]

[Update 2: No issues at November Webcore meeting. Changed to active. -SQ ]

[Update 3: Minor tweaks added to Central Directory filters. Available for live review/validation.  -SQ

  • Labels made small, bold, all caps to make filters more prominent
  • Filter selector options made taller
  • Selector border outline darker
  • Added Whitney font to filter display
  • Adjusted line heights
  • Adjusted padding
  • Research Interests and Courses/Teaching font made smaller
  • Made name and email links underlined to make it more obvious they are active clickable links]

[Update 4: Styling adjustments above viewed and approved by UR (Randy) and original requestor (Meghan Reid) in Central Directory -SQ]

[Update 5: Directory plugin CSS pulled into production Dec 9. Enhancement marked completed -SQ]


Ticket Number: 192636.01


Media (Screenshots, etc.)

No media uploaded...