DPDBeNeLux / magento-DPD_Shipping

Let op: er zijn nieuwe DPD plugins (BETA versie) beschikbaar met belangrijke nieuwe functionaliteiten. De oude plugins zullen na Brexit niet meer goed functioneren, download daarom de nieuwe versie op Github/DPDconnect.
11 stars 10 forks source link

Improve the UX of the parcelshop picking widget #50

Closed hostep closed 8 years ago

hostep commented 8 years ago

Hi

The UX of the parcelshop picking widget needs some attention I think.

See: screen shot 2016-02-22 at 12 34 26

When trying to select a pickup point, I was clicking the DPD logo's on the map, or the name of the pickup point in the right sidebar, and nothing really happened. So I assumed it was selected, and used the close button on the top right corner (which to me seemed really strange) and tried to proceed in the checkout, but got an error saying I should select a shipping method.

After about 20 minutes (I already started debugging the javascript to see if something went wrong there), my eye suddenly noticed that Ship to this pickup point link, which was actually selecting the pickup point.

I let a colleague of mine test this without telling her anything, and she made the exact same mistake as myself, so I'm not the only one having this problem, and probably other people will also be very confused about this.

Maybe someone can take a look at turning this into a more intuitive way of working, because right now, it's not really clear enough how you select a certain pickup point.

(the same problem happens when you use inline maps instead of the overlay, it is even more confusing without the overlay I think)

mvgucht commented 8 years ago

Hey,

normally if you click a shop name you get the bubble above the selected shop:

001

But I agree, the 'shop to this shop' link should be at least highlighted when onmouseover. I think it is linked to the link css of the shop too, but for that I need to do more testing.

hostep commented 8 years ago

Ah ok, I don't get that bubble, only the arrow pointing down, but nothing else, so I actually have to do some extra debugging then. I'll get back to you :)

See: screen shot 2016-02-22 at 13 29 49

mvgucht commented 8 years ago

I thought I merged a solution to the master.

check issue https://github.com/DPDBeNeLux/magento-DPD_Shipping/issues/32

hostep commented 8 years ago

Aha indeed, you are correct. Only issue is a horizontal scrollbar right now.

screen shot 2016-02-22 at 13 34 16

But we can live with that for now. I'll close this ticket, because after this fix, the UX actually makes sense.

Thanks Michiel.

mvgucht commented 8 years ago

configure the width of the locator a bit bigger in the shipping method settings. horizontal scrollbar will disappear.

hostep commented 8 years ago

Correcto, changing the default 600 to 610 fixes the issue, thanks once again! :)