Page MenuHomePhabricator

Improve Toolhub's UX
Open, MediumPublic

Description

Based on a recent feedback from WMF's design team, here are a few todos to improve the UX of Toolhub (layout, navigation & consistency):

  • Improve home page and tool card design; remove excessive white space and reduce size
    • Remove keywords
    • Make the entire card clickable
    • Remove the two big blue buttons
    • Remove the fixed height; possibly truncate the description to 3-4 lines
    • Change the word "authoritative" to "comprehensive" or "collaborative" or "community-authored"
  • Minor tweaks on tool page
    • Add a back button to go back to the home page. Revisit all other pages and add a back button where necessary.
    • Remove the grey background on hover in additional info table
    • External link icon on the browse button to show what it is for; and wording change "Take me to the tool page.."
  • Navigation bar improvements
    • “ToolHub” branding on the header that persists and perhaps de-emphasize the blue header
  • Warnings
    • Move the warning banner with a different color and put it at the top of the screen
  • Visual design
  • Crawler history
    • When clicking on the rows that get highlighted in blue, show the urls crawled in someplace more visible

Event Timeline

Change 703077 had a related patch set uploaded (by Srishakatux; author: srishakatux):

[wikimedia/toolhub@main] Improve home page and tool card design

https://gerrit.wikimedia.org/r/703077

Change 703624 had a related patch set uploaded (by Srishakatux; author: srishakatux):

[wikimedia/toolhub@main] Fixes design bug on crawler history page

https://gerrit.wikimedia.org/r/703624

Change 703077 merged by jenkins-bot:

[wikimedia/toolhub@main] Improve home page and tool card design

https://gerrit.wikimedia.org/r/703077

Change 703624 merged by jenkins-bot:

[wikimedia/toolhub@main] Fixes design bug on crawler history page

https://gerrit.wikimedia.org/r/703624

Change 705519 had a related patch set uploaded (by Srishakatux; author: srishakatux):

[wikimedia/toolhub@main] Some changes related to color, border, shadow and spacing

https://gerrit.wikimedia.org/r/705519

Change 705519 merged by jenkins-bot:

[wikimedia/toolhub@main] ui: Some changes related to color, border, shadow and spacing

https://gerrit.wikimedia.org/r/705519

bd808 triaged this task as Medium priority.Sep 3 2021, 5:30 PM
srishakatux added a subscriber: bd808.

@bd808 Minor tweaks around adding back button, might do in the first two weeks of October. If no bandwidth, then may be could be a good first task for any new member joining the project? :)