💄 UI - User's page needs improvement

[Aibono1225]

Based on the email.
From: @adamcogan
Date: Wednesday, January 24, 2024 at 3:34 AM
To: @Aibono1225
Cc: @tiagov8 @JackDevAU @jaydenalchin
Subject: Rules - CSS BUG - 16 hours ago

Describe the Bug

On https://ssw.com.au/rules/user/?author=adamcogan
The last column is cramped and does not have the same font size and icon as the Rules.Widget.

Expected Behavior

The date column needs more space and should be consistent with the Rules.Widget

Tasks

• Add more space for the date column
• Ensure the date column and the widget date have the same font size and icon
• Action to both the 'user's rule' and the 'latest rules.'
• User's Rule - Change Heading from "Last Modified" to "Last Modified (14)"

Thanks!

[Aibono1225]

There are 3 options that we can do with the font size on this page:

Option A: Decrease the column's font size

Option B: Increase Widget's font size

Option C: Leave the font size as it is

[Aibono1225]

As per my conversation with @adamcogan, @hveraus and @sethdaily, we choose option B.

• Update font size in Widget: 💄 Increase Font Size SSW.Rules.Widget#54
• Upgrade Widget on Rules: 💄 Improve UI of Users' Rule Page #1232

[tiagov8]

cc @adamcogan @hveraus @sethdaily

Hi @Aibono1225 ,

Our designers @tiagov8 @jaydenalchin and @bettybondoc have reviewed the options you gave...

• 2 of us prefered C, and 1 prefered A
• The 3 of us agreed B to be the last choice

--

I don't think it's a good idea to increase the Widget's font size for the time. I'd like to keep it small to keep the information hierarchy distinct especially for tiles/cards like this.

B feels like cluttered UI

---

• 1. Please reconsider this task

• 2. I think currently we only abbreviate "minutes" as "mins".
  It should be "min" as per https://www.ssw.com.au/rules/right-format-to-write-videos-time-length/
  Please fix

• 3. We also thought about using abbreviations for the rest of time stamps (5 min ago, 2 hr ago, 4 d ago, 3 wk ago, 3 mo ago, 5 y ago, etc). Not a crucial one because we do have the space for full words, so please check with the Product Owner if this is wanted or not

[tiagov8]

cc @bettybondoc @jaydenalchin @adamcogan

Hi @Aibono1225

❗️ IMPORTANT - If you look at "Recently Updated" rules view, the heading still say "ADDED BY" which is inconsistent and confusing.

• 1. On "Recently Updated" view, that label should change to "UPDATED BY"

• 2. Someone creates a PR for an update, someone else approves it. Who will be shown as "UPDATED BY"?

• 3. IMO we should ditch the word "Recently" from the "Sort by" filter. As you know, we can click the other button to reverse the order of rules...showing the oldest created/updated rule... so that label becomes invalid.

• 4. I also think we should change the other view from "Added" to "Created"

--

Figure: Inconsistent wording leads to confusion

Figure: "Recently Added 15 years ago" is flawed