Spécifications de conception du programme WeChat Mini (3) Pratique et élégant

3. Commodité et élégance

Du clavier et de la souris physiques à l'ère du PC aux doigts à l'ère du mobile, bien que les périphériques de saisie soient grandement simplifiés, la précision des opérations avec les doigts est beaucoup moins précise que celle du clavier et de la souris. Afin de s'adapter à ce changement, les développeurs doivent exploiter pleinement les fonctionnalités du téléphone mobile pendant le processus de conception afin de fournir aux utilisateurs une interface de contrôle pratique et élégante.

1. Réduire la saisie

Étant donné que la zone du clavier du téléphone mobile est petite et dense, la saisie est difficile et il est facile de provoquer des erreurs de saisie. Par conséquent, lors de la conception de la mini-page du programme, pour minimiser la saisie de l'utilisateur, utilisez les interfaces existantes ou autres. options faciles à utiliser pour améliorer l’expérience de saisie de l’utilisateur.

Réduisez la saisie et utilisez habilement les interfaces

Par exemple, dans l'image ci-dessous, lors de l'ajout d'une carte bancaire, l'interface du SDK de reconnaissance de caméra est utilisée pour aider l'utilisateur à saisir. En outre, l'équipe WeChat a également ouvert diverses interfaces SDK telles que l'interface de localisation géographique (voir WeChat JS-SDK pour plus de détails). L'utilisation complète de ces interfaces améliorera considérablement l'efficacité et la précision de la saisie de l'utilisateur, optimisant ainsi l'expérience. .

En plus d'utiliser les interfaces, lorsque les utilisateurs doivent saisir manuellement, essayez de laisser les utilisateurs faire des choix au lieu de saisir au clavier. D'une part, le rappel est facile à mémoriser, et il est généralement plus facile pour les utilisateurs de faire des choix parmi des options limitées que de s'appuyer uniquement sur la saisie en mémoire. D'autre part, on considère toujours que la saisie dense à une seule touche sur mobile ; les claviers du téléphone peuvent facilement provoquer des erreurs de saisie. Par exemple, dans la figure, fournir des options de raccourci d'historique de recherche lorsque les utilisateurs effectuent une recherche aidera les utilisateurs à effectuer des recherches rapides et à réduire ou éviter les saisies inutiles au clavier.

2. Évitez les erreurs de manipulation

Sur un téléphone mobile, nous touchons l'écran avec nos doigts pour contrôler l'interface. La précision des clics des doigts est bien inférieure à celle d'une souris, donc lors de la conception des commandes nécessaires. être cliqué sur la page, vous devez en tenir pleinement compte. Sa zone chaude évite les erreurs de manipulation causées par une zone cliquable trop petite ou trop dense. Lorsque l'interface initialement utilisée sur l'écran de l'ordinateur est simplement transplantée directement sur le téléphone mobile sans aucune adaptation, de tels problèmes sont souvent susceptibles de se produire. Étant donné que les résolutions d'écran des téléphones mobiles sont différentes, la taille optimale des pixels de clic n'est pas entièrement cohérente, mais une fois convertie en taille physique, elle se situe approximativement entre 7 mm et 9 mm. Dans la bibliothèque de contrôles standard fournie par WeChat, divers contrôles ont pris en compte l'effet de clic sur la page et l'adaptation aux différents écrans, il est donc à nouveau recommandé d'utiliser ou d'imiter la taille de contrôle standard pour la conception.

3. Utilisez les interfaces pour améliorer les performances

WeChat Design Center a lancé un ensemble de bibliothèques de contrôles standard Web, notamment la bibliothèque de contrôles de conception d'esquisses et la bibliothèque de codes de reconstruction WeUI. Ces contrôles ont pleinement pris en compte les caractéristiques des pages mobiles et peuvent garantir leur intégration. Convivialité et performances opérationnelles sur les pages mobiles ; collègues, l'équipe de développement Web de WeChat améliore et étend également constamment l'interface WeChat JS-SDK et fournit des bibliothèques publiques WeChat. L'utilisation de ces ressources peut non seulement fournir aux utilisateurs des services plus rapides, mais également améliorer la page. L'amélioration des performances a un grand effet et améliore de manière invisible l'expérience utilisateur.