web-dev-qa-db-fra.com

Conception basée sur des cartes pour un contenu unique

Comment puis-je créer un design basé sur une carte pour une application Android qui affiche des questions, d'une manière qui permet à l'utilisateur de se concentrer sur une question à la fois —Sans que les cartes ou l'écran paraissent vides?

Contexte: Je suis un développeur de logiciels étudiant qui construit une application Android pour un consultant en affaires. Cet homme utilise des questions pour briser Je suis en train de développer une application Android Android qui lui permet, ainsi qu'à ceux avec qui il travaille, d'afficher les questions une par une ou dans une liste.

En mode "affichage des questions", j'aimerais qu'il y ait une question à l'écran à la fois. J'aimerais aussi qu'il y ait un moyen soigné/intuitif de passer d'une question à l'autre, peut-être en glissant de droite à gauche.

Le propriétaire de l'entreprise ne sait rien du logiciel. Il a déjà travaillé avec un graphiste auparavant, mais ce graphiste n'a pas travaillé avec Android auparavant. Je crée donc le design. Et je ne veux pas être "ce développeur" "qui tente sa chance dans le design et fait quelque chose de moche.

Cet article sur les avantages de la conception centrée sur la carte réalisé à l'aide d'une conception basée sur une carte semble être une excellente approche pour cette application. Les exemples de cartes de Google dans leurs Material Design Standards semblent assez soignés et élégants.

La conception la plus simple qui me vient à l'esprit est d'avoir une carte qui occupe tout l'écran et affiche une seule question. Cela semble trop vide. D'un autre côté, je ne veux pas remplir l'écran de contenu qui détournerait l'utilisateur de la question affichée. La visualisation des questions est le but de l'application.

Possibilités que j'ai envisagées pour d'autres contenus à placer sur la carte:

  • Image liée au thème de la question
  • Bouton/lien vers le site Web de consultation d'entreprise

J'apprécierais toutes suggestions.

1
Timothy Steele

OK, je pense que vous comprenez un peu le concept de cartes, et ce que vous cherchez à utiliser est une feuille. Voir à partir de votre lien:

Une carte est un morceau de papier avec des données associées uniques qui sert de point d'entrée à des informations plus détaillées. Par exemple, une carte peut contenir une photo, du texte et un lien sur un seul sujet .

Les cartes ont une largeur constante et une hauteur variable. La hauteur maximale est limitée à la hauteur de l'espace disponible sur une plate-forme, mais elle peut se développer temporairement (par exemple, pour afficher un champ de commentaire). Les cartes ne se retournent pas pour révéler des informations au verso.

En bref: il vous manque les attributs à hauteur variable et l'unicité des sujets.

Les bases

Matériel ou non Matériel , je pense que vous pouvez jeter un œil à la façon dont d'autres applications gèrent des scénarios comme le vôtre en jetant un œil à " Saisissez "Modèles d'interface utilisateur . De cette façon, vous pouvez apprendre par l'exemple et savoir quoi faire et quoi éviter

Allons matérialiste!

Bien que ce qui précède concerne davantage l'application générale des principes UX et Ui, vous semblez avoir une idée bien définie de ce que vous voulez. Passons donc à quelques échantillons de matériaux. A partir de là, je vous propose spécialement de jeter un œil à ces

enter image description here

enter image description here

enter image description here

enter image description here

Comme vous le verrez, toutes ces applications traitent l'espace vide de manière esthétique . Alors n'ayez pas peur du blanc!

À chacun son propre

N'oubliez pas un bon concepteur n'aurait pas ces problèmes , car il sait quoi faire avec ces espaces et/ou l'apparence de votre application. Si vous ne vous sentez pas en sécurité, je recommande fortement de laisser cela à un concepteur professionnel, surtout si l'application est importante pour votre client et/ou vous (par exemple: faites un mauvais travail et vous risquez de perdre le client).

De plus, cartes ou pas de cartes, cela ne fait aucune différence . Vous pouvez voir sur les exemples ci-dessus qu'aucun d'eux n'utilise de voitures (probablement parce qu'ils n'en ont pas besoin!)

2
Devin