Page MenuHomePhabricator

WWT: UX Improvements for the Information Bar [small]
Closed, ResolvedPublic

Description

As a PM, I want to implement some UX improvements to the information bar, so that users find the text to be inviting and accessible.

Acceptance Criteria:

  • Remove italicization of 'Who Wrote That' in the loading state of the information bar
  • Remove mention of "API" in the error text (since this may be confusing to users)
    • The rest of the text after "API" should remain. For example, "Error: Please refresh the page or try again later."
  • Move username closer to 'Who Wrote That?' (a single tab space or four spaces should be enough)

Visual Examples:

Screenshot 2019-10-05 at 5.18.56 PM.png (576×1 px, 167 KB)

Screenshot 2019-10-05 at 5.26.55 PM.png (376×1 px, 53 KB)

Screen Shot 2019-09-12 at 12.16.10 PM.png (708×1 px, 219 KB)

Event Timeline

Keep it italic and bold in the welcome popup?

wwt-welcome.png (251×371 px, 22 KB)

Good question, @Samwilson. Maybe we should follow the same behavior for the welcome pop-up (i.e. don't italicize). What do you think, @Prtksxna?

ifried renamed this task from Don't italicize 'Who Wrote That?' during loading to WWT: Remove Italicization of 'Who Wrote That?' in Loading State & Welcome Pop-up.Oct 29 2019, 5:40 PM
ifried updated the task description. (Show Details)
ifried updated the task description. (Show Details)

Update: I noticed that Prateek did include recommendations to remove italicization from the guided tour pop-up in T234711

ifried renamed this task from WWT: Remove Italicization of 'Who Wrote That?' in Loading State & Welcome Pop-up to WWT: Remove Italicization of 'Who Wrote That?' in Loading State.Oct 29 2019, 5:48 PM
ifried updated the task description. (Show Details)
ifried renamed this task from WWT: Remove Italicization of 'Who Wrote That?' in Loading State to WWT: UX Improvements for the Information Bar.Oct 29 2019, 5:53 PM
ifried updated the task description. (Show Details)

One more question for @Prtksxna :)

Do you think we should remove mention of "API error" in the information bar? Many people don't know what an API even is, so this could be confusing. Many others may not know that we're using WhoColor API, so they wouldn't understand that the API error is not due to an API we manage or can directly fix. For this reason, perhaps we should only include very general and widely accessible messaging?

Update: I noticed that Prateek did include recommendations to remove italicization from the guided tour pop-up in T234711

Yep, we should remove the italicization from the popup too.

Do you think we should remove mention of "API error" in the information bar? Many people don't know what an API even is, so this could be confusing. Many others may not know that we're using WhoColor API, so they wouldn't understand that the API error is not due to an API we manage or can directly fix. For this reason, perhaps we should only include very general and widely accessible messaging?

Yep, we should avoid technical language where we can in the error messages. I had recommended that we change the error message based on how one can recover from it, and how much time it'd take. See https://phabricator.wikimedia.org/T226760#5412312.

ifried updated the task description. (Show Details)
ifried renamed this task from WWT: UX Improvements for the Information Bar to WWT: UX Improvements for the Information Bar [small].Nov 28 2019, 12:59 AM

Also, @Prtksxna, I originally wrote that we should remove "API Error" in the acceptance criteria. However, I just updated it so that we keep the word "Error." I think it's good to be explicit about the fact that there's an error, so users understand why we're asking them to refresh the page or try again later. The only part that was confusing to some users, in my view, was the word "API."

Also, @Prtksxna, I originally wrote that we should remove "API Error" in the acceptance criteria. However, I just updated it so that we keep the word "Error." I think it's good to be explicit about the fact that there's an error, so users understand why we're asking them to refresh the page or try again later. The only part that was confusing to some users, in my view, was the word "API."

Yeah, retaining the word Error makes sense 👍🏽

If we could make the error messages more explanatory — as in T226760#5412312 — it would be even better, but I understand if this can't be done at the moment.

dom_walden subscribed.

Acceptance Criteria:

  • Remove italicization of 'Who Wrote That' in the loading state of the information bar

Done.

  • Remove mention of "API" in the error text (since this may be confusing to users)
    • The rest of the text after "API" should remain. For example, "Error: Please refresh the page or try again later."

Done.

  • Move username closer to 'Who Wrote That?' (a single tab space or four spaces should be enough)

Username is not included in infobar since T240707.

I tested this in the 5 different desktop skins (Vector, MinervaNeue, Modern, MonoBook, Timeless) on both Chromium 73 and Firefox 68.

WWT Version 0.12.0 installed from Firefox Addons and Chrome Store.

ifried closed this task as Resolved.EditedJan 2 2020, 7:26 PM
ifried moved this task from Product sign-off to Done on the Community-Tech (Kanban-Q2-2019-20) board.

This looks good (see screenshot below). I'm marking this as Done.

Screen Shot 2020-01-02 at 11.25.56 AM.png (659×1 px, 385 KB)