Como vocês lidam com cards responsivos?

[heliomsolivas]

Acredito que seja uma questão de UX, já peguei vários layouts que possuem uma lista de cards, por exemplo, cards são mostrados de 9 em 9, com uma paginação no final.

O que me incomoda é que no mobile, normalmente os cards são mostrados do mesmo tamanho que o desktop só que de 1 em 1, e como um card tem um tamanho relativamente "grande" ele acaba ocupando quase metade da tela, então o usuário começa a rolar o scroll eternamente até chegar o final.

Na minha cabeça uma boa solução é diminuí-lo e inserir um botão para expandir o card. Qual a opinião de vocês sobre a usabilidade de cards no mobile?

[kvnol]

Olá, @heliomsolivas. Cara, também creio que diminuí-lo e expandir com o :hover (:active, no mobile) seja a melhor opção mesmo. Como no exemplo que montei: https://codepen.io/kvnol/pen/jZMwXq

O que mudaria é, claro, a altura que não seria definida e creio que seria necessário um overflow para não explodir o conteúdo. Mas vejo que daria para ser feito apenas com CSS.

[luizbills]

Não sou da área de UX, mas já vi muitos recomendando nunca ocultar nada para o usuário que seja interessante ou importante. E recomendo este material que me ensinou muita coisa útil sobre cards.

[FilhoSergio]

Utilizo o overflow também para não vazar o conteúdo .

[rafaelcavalcante]

@luizbills artigo do caralho! Agradeço! :)