web-dev-qa-db-fra.com

L'expansion des divisions est-elle une mauvaise idée pour un portefeuille mobile?

Bref aperçu: faire un portfolio pour la conception de jeux, a trois catégories distinctes avec 4-5 projets individuels sous chacune. La page d'accueil contient des liens généraux et des liens qui placent l'utilisateur dans l'une de ces catégories.

Ma question est de savoir comment regrouper au mieux plusieurs projets individuels (comprenant chacun un ou deux paragraphes, un diaporama photo et une image de titre) sur une seule page.

Au départ, je collais tous les projets sur une seule page et prévoyais de styliser pour séparer visuellement les projets - mais j'avais peur que ce soit trop de défilement. Je me demande donc si faire cliquer l'utilisateur sur une image de titre pour développer les informations du projet (animées via jQuery) est une mauvaise idée?

Ou posé différemment, est-il intuitif de cliquer sur une image s'il n'y a rien d'autre sur la page?

Portfolio mockup

Sur le bureau, j'avais prévu d'avoir un état de survol de la souris pour changer l'opacité et révéler le texte de chaque image de titre (icône "Plus d'infos" ou "(I)") ... mais ensuite j'ai réalisé que je ne sais pas comment gérer cela sur mobile.

Je préfère également ne pas créer de pages distinctes pour chaque projet, car il n'y a pas suffisamment d'informations pour justifier le clic aller-retour.

Merci!

2
Robert Lee

J'ai trouvé l'article que j'ai mentionné dans les commentaires.

Tout au long de notre étude d'utilisation à grande échelle des listes de produits de commerce électronique et du filtrage, de nombreux sujets de test se sont plaints explicitement de la pagination. Les sujets de test percevaient généralement que la pagination était lente, et la présence de plus d'une poignée de liens de pagination les décourageait souvent de parcourir la liste des produits. Plus important encore, les sujets de test ont parcouru beaucoup moins la liste totale des produits que sur les sites Web qui s'appuient sur les boutons "Charger plus" ou le défilement infini. À la hausse, ils ont consacré relativement plus de temps à la première page de résultats.

...

En bref, dans nos tests d'utilisabilité, le bouton "Charger plus" a résolu les problèmes d'utilisabilité observés avec la pagination (où les utilisateurs ont exploré moins d'une liste de produits et la comparaison des produits sur plusieurs pages de résultats a été difficile), et il a résolu les problèmes graves observés avec défilement infini (où les utilisateurs scannaient superficiellement les produits et étaient souvent incapables d'accéder au pied de page).

Bien sûr, l'article contient beaucoup plus d'informations et de détails que ce que je cite ici.

1
Rob

Le fait de cliquer sur une image est une bonne stratégie de navigation, dans la mesure où vous disposez d'informations supplémentaires qui expriment l'interdépendance, l'état ou "l'élémentalité" interactif.

En d'autres termes, trouver un format qui efface montre que cliquer/taper peut faire quelque chose. Vous en avez besoin car le survol n'existe pas encore sur mobile [pour l'instant].

Je dirais que c'est l'un des avantages du format carte: le regroupement des données transmet implicitement "l'image" a une nature d'objet. Les conventions d'interaction modernes ont enseigné que les objets sont interactifs (surtout compte tenu de l'absence d'autres files d'attente d'interaction).

N'oubliez pas que c'est "très moderne" et que les utilisateurs moins avertis auront besoin d'une signalisation explicite, comme le read more » lien.

0
New Alexandria