Concevoir un catalogue numérique facile à lire sur smartphone

Un catalogue peut s'adapter à une fenêtre sans devenir confortable à lire. La réduction d'une page fixe à la largeur de l'écran réduit également son lettrage. Zoom est utile, mais augmenter à plusieurs reprises chaque prix ou description rend la comparaison plus lente. La conception mobile commence donc par la hiérarchie de l'information, pas seulement par la présence d'un contrôle de zoom.

Considérez une collection d'accessoires à domicile dont la brochure originale place quatre produits sur chaque page, avec des photographies, des descriptions et des variantes. Une édition téléphonique n'a pas nécessairement besoin d'une identité visuelle différente. Elle a besoin d'une décision claire sur les éléments qui font partie de l'ensemble et qui devraient être séparés pour faciliter le choix.

Choisir la tâche principale

Demandez ce que les lecteurs devraient accomplir dans les trente premières secondes. Est-ce qu'ils explorent une collection, cherchent un objet précédemment vu ou vérifient un prix? Chaque objectif suggère une voie différente. Une ouverture photographique peut encourager l'exploration; des noms de catégorie reconnaissables et une page de contenu aident les gens à chercher quelque chose de spécifique.

Ne demandez pas à une seule page de raconter l'histoire de l'entreprise, listez chaque variante et collectez une demande de vente à la fois. Donnez à chaque section un but principal. Pour la collection d'accessoires, une photographie d'intérieur peut présenter la gamme, les familles de produits l'organisent et les entrées individuelles fournissent les détails nécessaires à la comparaison.

Réduire la densité sans perdre les détails utiles

Si quatre entrées deviennent illisibles, essayez deux ou une par page. D'autres pages peuvent être acceptables lorsque chaque étape devient plus claire. Ce n'est pas une règle automatique : une séquence trop longue peut rendre difficile le retour à un élément. Équilibrez le rythme avec une page de contenu utilisable et des noms de produits reconnaissables.

Supprimer la répétition et la décoration avant de supprimer les informations nécessaires à une décision. Un message promotionnel partagé par chaque article peut passer à l'introduction. Les dimensions, les matériaux et les différences de variantes doivent rester proches de la photographie pertinente. Cela permet d'économiser de l'espace sans forcer les lecteurs à chercher ailleurs ce qui compte.

Établir une hiérarchie visuelle cohérente

Utilisez une séquence prévisible sur chaque entrée : nom, image, caractéristiques, prix s'il y a lieu et action suivante. Gardez les étiquettes à proximité de leurs valeurs et indiquez clairement quelle description appartient au produit. L'alignement et l'espace entre les groupes aident souvent plus qu'une collection de frontières de style différent.

Marquez les étiquettes de boutons expliquant leurs destinations

"Détails du vase ceramique" est plus clair que plusieurs boutons indistinguables "Cliquez ici". Laissez de l'espace entre les cibles interactives et confirmez que la zone active correspond au bouton visible. Dans une publication importée de PDF, le bouton imprimé peut être seulement une oeuvre d'art. Tester son comportement réel dans le lecteur de document final plutôt que de supposer que son apparence prouve qu'il fonctionne.

Ne pas dépendre de la mise en page de deux pages

Une composition couvrant deux pages peut fonctionner sur un moniteur. Un téléphone peut afficher une page à la fois ou une mise en page de deux pages très réduite, selon le lecteur de documents. Évitez de diviser les phrases d'une page à l'autre, de séparer les prix de leurs photographies ou d'utiliser des références compréhensibles seulement lorsque la mise en page de deux pages entières est visible.

Donnez à chaque page suffisamment de contexte pour rester seule. Si une image panoramique s'étend sur deux pages, n'en faites pas la seule source d'information essentielle. Fournir une légende compréhensible sur l'une ou l'autre page et vérifier comment la transition se déroule avec le téléphone tenu verticalement.

Tester avec des tâches spécifiques

Demander si quelqu'un aime le design produit une opinion esthétique, pas une preuve d'utilisabilité. Demandez-leur plutôt de trouver un article en dessous d'une taille particulière, de comparer deux matériaux ou d'ouvrir une page de produit. Observez où ils s'arrêtent et quels gestes ils doivent répéter.

Pour une première vérification, confirmez que:

• Les noms et descriptions des produits ne nécessitent pas un grossissement constant.
• Les lecteurs comprennent comment aller de l'avant et revenir au contenu.
• Les boutons se distinguent de la décoration.
• Les destinations extérieures sont prévisibles.
• Les lecteurs peuvent retourner à leur place après avoir suivi un lien.

Écrire les obstacles observés avant de réviser la conception. Un nouveau schéma de couleur ne résoudra pas un problème causé par le lettrage trop petit. Les changements devraient tenir compte de la difficulté spécifique que vous avez observée.

Vérifiez la connexion et la page environnante

Un catalogue peut s'ouvrir directement ou à l'intérieur d'une page Web. Testez les deux arrangements. Un iframe court peut laisser peu de place aux commandes, et les éléments qui se chevauchent peuvent couvrir la navigation. Essayez des orientations verticales et horizontales, en se rappelant que beaucoup de gens ne tourneront pas leur téléphone à moins que la raison soit claire.

Testez également une visite initiale qui ne dépend pas uniquement des ressources mises en cache. Vous n'avez pas besoin d'inventer une promesse de chargement universelle; déterminez si l'itinéraire prévu est utilisable dans les conditions normales du public. Si les images sont lourdes, suivez le guide de réduction de la taille des fichiers avant de tout compresser sans discrimination. guide de réduction de taille de fichier

Proposer un itinéraire alternatif

Un lien de magasin, une page HTML avec les principaux détails ou un document téléchargeable soigneusement préparé peut aider les lecteurs qui luttent avec le lecteur de documents. Tout le monde ne veut pas parcourir les pages, et tout le monde ne peut pas utiliser confortablement la même interface. Étiquetter les alternatives clairement plutôt que de les cacher dans un menu inconnu.

FLIPBOOKPRO fournit des outils de prévisualisation et de publication, mais vous devez encore tester la publication exportée. Un mode de prévisualisation n'est pas un substitut à la vérification de la sortie publique sur un téléphone. La liste de vérification des publications aide à organiser cet examen final. Une édition mobile réussie conserve des informations importantes tout en réduisant les actions nécessaires pour la comprendre, plutôt que de simplement réduire une mise en page de bureau. Liste de contrôle pour la publication