Complex-Portal/complex-portal-view

Visual aid for Basket use

Closed this issue · 17 comments

In testing, on the details page Diego kept clicking on the basket icon instead of the link in the Header when we asked him to go to it. He didn't see the pop-up in the top-right corner.

Can we grey out the basket when the complex has been added?
See UniProt:
image

or
Use a symbol that indicates 'added' in some way?
See UniProt Search Results:
image

See new QuickGO:
image

We can also make the number in the header menu clearer?
See UniProt:
image

See new quickGO:
image

Sangya:
Also move the item to the right-most position in the header menus.

So I did this:
jun-29-2017 10-19-11

Basically it greys out as soon as you added the element to the basket. Also I've moved the Basket tab to the right end of the tab:
screen shot 2017-06-29 at 10 20 58

@bmeldal

Forgot about that ticket... Maybe a tick is more visual than greying it out which might look like it's not functioning. Sorry, I keep thinking up new ideas from day to day...

There is also a white background here:
screen shot 2017-06-29 at 10 40 55

I like the white background for the number in basket.

grey out or add a tick - that's the question :) I'll ping Sangya!

If tick, I would ask for a basket with a tick.

Discussed with Sangya: Can we request button with tick and try that? Then that should be really obvious to the user :)

She also says then we can add the option of unticking = remove from basket on the details page if our application allows that.

May want to play with tick on grey button vs green unticked button :)

Who should request it?

Testing with Roser and Natalie:
Could it be in top header like online shopping pages? - Obviously, we can't add it to the global header but Sangya said it's a common issue with EBI service pages and maybe should be reported to WGC?

Fix for us? Change the whole background of the basket menu tab? And/Or move it to the right side of the page???

post-mtg thoughts:

  • Add an icon to the Basket tab in the header
  • Add an animation when a complex is added to the basket (with classic till ka-ching effect?!?)

Still waiting for icons for Basket button.

Is there any more visual feedback needed?

Are the new buttons available, then?

No, the icons haven't been provided yet.

Closing as the greyed out basket seems to be working.