UX design vergelijkingstabel in reviews

[CyberMania]

Hoi,

Bij dit artikel is de presentatie verre van ideaal. Die moet handiger kunnen:

reviews: AMD B550-moederborden - Negen borden tot 200 euro op de testbank

Gaat om het stukje productvergelijking.

Het valt compleet uit de flow van het artikel. En als je het balkje onder naar rechts gebruikt, dan valt de legenda met de betekenis van elke bolletje weg (prijs-kwaliteit, connectiviteit, netwerk etc).

Wie binnen het team @WoutF kan hier ff naar kijken hoe dit slimmer gepresenteerd kan worden?

Op een 720p scherm is het blok veel groter dan de rest van de content ; een smartphone is het weer veel te veel naar rechts scrollen (+ dat de betekenis van elk balletje weg valt // niet mee beweegt)

[ Voor 44% gewijzigd door CyberMania op 03-09-2020 07:19 ]

[WoutF]

Ik verplaats deze even naar SB (niet echt een bug, maar wel een verbetering) met een mention naar @Femme erbij. We zijn aan het kijken naar hoe we productbeoordelingen zo goed mogelijk weer kunnen geven en je snijdt een paar goede punten aan.

[Femme]

De reden dat de vergelijkingstabel op desktopschermen breder wordt getoond dan de tekstkolom is om te zorgen voor meer overzicht. Eigenlijk zouden we hem in uitgebreide vergelijkingen nog verder moeten kunnen laten uitbreken. De eerste kolom een vaste positie geven zou inderdaad wel een mooie verbetering zijn die het vergelijking makkelijker maakt. Op een smartphone in portretstand is het wel de vraag of het verstandig is om dat te doen aangezien er dan maar één product tegelijkertijd in beeld kunt hebben.

Ik wil nog eens kijken of we de vergelijkingstabel wat mooier kunnen integreren door bijvoorbeeld het hele vlak een lichte achtergrondkleur te geven en de awards op een andere manier weer te geven zodat er minder loze ruimte is onderin de tabel.

[CyberMania]

en misschien een idee om eerst de producten met de awards te tonen? Dan zullen de meeste lezers in minder gevallen heen en weer hoeven te scrollen.