Page MenuHomePhabricator

Redesign rank icons for better visibility
Open, Needs TriagePublic

Description

The current rank icons are very unobtrusive and are all looking very similar. This leads to several problems:

  • It's impossible to see at first glance what ranks are set. It's very hard and troublesome to see which values have different ranks if there are a lot of statements. Example: Look at this item and try to find all the versions which have different rank than normal. And this are only 39 values, some items have a few hundred values.
  • Most (new) users don't notice the ranks at all. I have dozends of edits of users on my watchlist which add statements without the correct rank, remove statements instead of setting the rank to deprecated or remove statements already deprecated. I also often get questions why Wikipedia shows the wrong statement.
    • This leads to quality problems and extra work (by hand) for other Wikidata-editors
    • This leads to rumors about Wikidata containing wrong data

I use css since a few years to make the rank icons colored:


This works well for me, but we really need a global solution for this. And we need it soon.

Please redesign the rank icons or do other changes to the UI to defuse the problem now.

See also T115112 T87327 T198907

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 6 2018, 12:50 PM

@Lydia_Pintscher I'm not sure if this is a duplicate of T139081. Where that ticket speaks only about the rank-selector in edit-mode, my concern is also/mostly about the rank-icon in viewing mode. If you close this ticket, you might at least integrate the additional aspects into the other ticket.

Useful solution from Nikki: add in your common.css:

/* from [[User:Nikki/common.css]] */

.wb-preferred { background-color: lavender }
.wb-deprecated { background-color: mistyrose }

Thanks, @Pintoch!
Could someone who already has it set up make a quick screenshot for everyone else here to see what it looks like?

Voila:

There's a little bug with sources, but that's easy to fix.

By talking to other wikidata-editors and looking at other commons.css-files it seems that quite a lot of people have this issue and use CSS-Hacks to work around it, one more reason to solve it at it's core. I identified the following possible solutions:

  • Change the color of the rank icons (my original proposal)
  • Change the rank icons to be different to each other
  • Change the background of the whole statement (as suggested by Nikki/@Pintoch)
  • Add a wathermark to the statement
  • Sort the statements according to their rank

Some of these could be combined.

What is the protocol to go forward on this? Should we hold a RFC on-wiki to let people choose among the possible solutions above?

MichaelSchoenitzer added a comment.EditedApr 18 2019, 11:06 PM

What is the protocol to go forward on this? Should we hold a RFC on-wiki to let people choose among the possible solutions above?

I think the next step should be to create mockups of all variants to make sure everyone understands them equally.

I think the next step should be to create mockups of all variants to make sure everyone understands them equally.

Yeah that sounds like a good idea.

Pintoch removed a subscriber: Pintoch.Apr 22 2019, 6:56 PM

Yes please! And while you're at it, please also consider adding a warning ("Your new value is not the preferred value yet") or even adding a checkbox ("Set this entry as the new preferred entry") when entering new values (as suggested here: https://de.wikipedia.org/wiki/Wikipedia:Technische_W%C3%BCnsche/Wunschparkplatz#Hinweis_auf_Bedeutung_der_R%C3%A4nge_bei_der_Wikidata-Eingabe)