web-dev-qa-db-fra.com

Formulaire mobile + liste maître / détail

Je travaille actuellement sur une application de révision automobile que je dois afficher toutes les informations liées à la révision dans un seul contexte. La structure de révision est basée sur un formulaire de 4 champs et une liste de sections dans lesquelles chaque élément de section peut être détaillé (veuillez voir l'image ci-dessous). En termes d'application mobile, quelle est la structure recommandée? J'ai pensé à diviser la revue automobile en 3 onglets, mais comme les 2 listes ne sont pas au même "niveau d'information", cela ne me semble pas la meilleure approche.

mockup

2
Samuel Waskow

Pour une très petite quantité d'informations détaillées, la manière standard d'afficher les détails serait d'avoir un + à côté de "Intérieur" qui, lorsque vous cliquez dessus, glisse vers le bas pour afficher les détails supplémentaires.

Pour de plus grandes quantités d'informations, vous souhaiterez probablement avoir une flèche (pointant hors de l'écran pour indiquer qu'un autre écran est disponible) à côté de "intérieur", qui vous amène à un écran de détails séparés lorsque vous cliquez dessus.

ÉDITER:

Pour lier "Général" à "Catégories", vous avez besoin d'une sorte de liberté indiquant que l'utilisateur quitte la vue d'ensemble et examine des options plus avancées/détaillées. Une façon courante de représenter cela est avec Ellipsis.

Un Ellipsis fonctionne bien parce que c'est une marque courante utilisée dans la langue anglaise pour les omissions et les pensées inachevées. À un niveau cognitif, les utilisateurs comprendront que les points de suspension Ellipsis signifient qu'il existe davantage d'options disponibles pour terminer la tâche qui ne sont pas encore affichées. L'ellipse indique aux utilisateurs que l'action n'est pas immédiate. Cela permet aux utilisateurs de cliquer sur un bouton ou une sélection de menu pour explorer les différentes options qui se cachent derrière. Sans les avantages d'Ellipsis, les utilisateurs supposeront que chaque action et sélection est immédiate alors que chacune ne l'est pas.

Article complet ici .

Vous pourriez avoir un bouton au bas de l'écran général qui dit "Avancé ...", ou "Détails ...", ou "Catégories ..."

2
Franchesca

Le blé que vous faites est une bonne approche. Ce sera une approche guidée. Avec quelques petites améliorations, vous pouvez améliorer l'interaction avec l'utilisateur.

  1. Un bouton de retour avec l'étiquette de la page précédente
  2. Je vois un bouton d'enregistrement sur chaque page et dans l'en-tête, votre cas d'utilisation ne nécessite-t-il pas un bouton d'enregistrement? si nécessaire, il doit être placé dans la page où l'utilisateur a pris une décision et modifié les propriétés. Regardez la ma proposition dans l'image ci-jointe.

enter image description here

0
Rupesh Nath