Interface utilisateur pour afficher un code QR sur un écran cassé
Supposons qu'un utilisateur souhaite afficher un code QR sur son écran, mais que l'écran soit sale ou fissuré. Je veux permettre à l'utilisateur d'avoir la possibilité de diviser le code QR en sections afin qu'il puisse être numérisé.
Techniquement, cela signifie que je vais afficher beaucoup moins de données, augmenter le taux de correction d'erreur QR et augmenter la taille du QR. Du point de vue des applications, supposons que je serai en mesure de consommer ces petits morceaux de données.
Par exemple. "Le renard brun rapide saute par-dessus le chien paresseux" = 1 QR code
Si l'écran est cassé:
"The quick brown fox" = 1 QR "jumps over the lazy dog" = 1QR
Je recherche un UX/UI qui permettra à un utilisateur de me dire que l'écran est cassé ... la contrainte est que le bouton soit obscurci ou non pressable car le toucher dans cette section de l'écran est cassé.
Ensuite, j'ai besoin d'un moyen de passer d'un QR code au suivant avec les mêmes contraintes que ci-dessus.
Je vais supposer que vous vous occuperez du point d'entrée de l'application, et cette question concerne l'affichage des codes QR.
La question de savoir comment détecter et afficher un écran cassé est beaucoup trop large.
Observations :
- Les codes QR à redondance élevée sont très résistants . Le code peut toujours être lu avec environ 30pct de l'image occluse.
- Supposons que vous ne sachiez pas où les dommages à l'écran vont se produire. Nous allons donc utiliser la redondance intrinsèque du code QR lui-même, et le rendre aussi grand que possible pour augmenter le rapport signal/bruit.
- Compte tenu du rapport d'aspect des écrans mobiles, cela laisse de la place en haut et en bas pour les indicateurs d'état.
- Nous supposerons également que l'écran tactile peut être utilisable ou non.
- Ceci est une application spécialisée ... Elle n'a pas besoin d'être jolie, elle doit être efficace.
Voici une approche qui intègre ces concepts
- Grand code QR rendu pour un bruit de signal maximal.
- Les codes QR tournent automatiquement sur un intervalle de compte à rebours, au cas où les commandes du téléphone ne seraient pas utilisables.
- Étiquettes claires en haut et en bas pour la redondance. Les minuteries de compte à rebours bleu indiquent à l'utilisateur combien de temps avant l'affichage du code suivant et l'étiquette indique le nombre de codes et le code affiché.
- L'utilisateur peut appuyer sur l'écran, secouer l'appareil ou utiliser les touches de volume pour parcourir les codes QR. Vous pouvez ajouter des indices supplémentaires à l'écran ou un didacticiel précédent (par exemple à l'écran et lu à haute voix pour redondance) pour montrer à l'utilisateur comment faire du vélo.
Au lieu de diviser le code QR en plusieurs codes QR de résolution inférieure, contenant chacun une partie des données encodées, envisagez de baisser le niveau de correction d'erreur, puis d'animer le code QR d'origine. Faites-le sauter autour de l'écran, en restant immobile après chaque saut juste assez longtemps pour qu'un appareil photo puisse essayer de le lire.
Si une partie de l'écran est suffisamment propre et fonctionnelle pour afficher l'image, l'image finira par y apparaître, permettant la lecture du QR Code.
La réduction du niveau de correction des erreurs devrait empêcher les taches aléatoires de saleté d'être interprétées comme faisant partie du QR Code et pourrait également réduire la taille de l'image, permettant à une plus petite zone d'écran fonctionnel/clair de l'afficher complètement.
Pourquoi ne pas sauter complètement l'affichage à l'écran du code QR et l'imprimer à la place et le coller sur le côté/l'arrière de l'écran? Il pourrait même y avoir un numéro de téléphone à côté avec "au cas où l'écran est volé, veuillez appeler ..". Cela fonctionnerait même si l'écran était complètement hors service.