Où puis-je trouver une liste de noms pour les composants de l'interface utilisateur mobile?
Il y a longtemps, alors que je n'étais qu'un garçon, je me suis assis dans mon cours de programmation informatique Votech et j'ai appris Visual Basic. Visual Basic s'est avéré une excellente introduction pour en savoir plus sur les composants de l'interface utilisateur et leurs noms. J'ai découvert la zone de texte, la zone de liste, la liste déroulante, la zone de liste déroulante, le bouton, etc.
Plus tard dans la vie, j'ai appris le html et les modèles de conception d'interface utilisateur tels que la chapelure, le menu, le pied de page, etc.
Maintenant que des sites Web et des applications mobiles sont apparus, je me demande où trouver une liste de composants d'interface utilisateur pour les applications mobiles. Évidemment, il y a un dépassement entre ceux-ci et VB/HTML, mais j'ai remarqué qu'il y a aussi de nouvelles choses ici, comme des menus qui défilent horizontalement hors écran (par exemple Google sur un appareil mobile) , les menus apparaissent derrière une page lorsque vous cliquez sur les trois barres horizontales.
Quelles sont les bonnes sources pour apprendre les noms abrégés de composants d'interface utilisateur mobile comme ceux-ci?
Il existe plusieurs bibliothèques de modèles "vitrines" qui peuvent donner un bel aperçu de ce qui est disponible et des tendances:
Et bien d'autres (si quelqu'un en connaît d'autres, veuillez les ajouter à cette liste).
En tant que ressource de base, j'aime personnellement le Designing Mobile Interfaces Book . Mais en plus, vous devriez toujours vérifier les directives UI spécifiques au fournisseur. Par exemple Le Android Design Guide
Gardez toujours à l'esprit que certains modèles sont connus sous des noms différents. Un exemple: j'entends souvent le terme Spinner pour un indicateur de chargement (principalement des développeurs iOS), alors qu'il s'appelle un ProgressBar sur Android (bien que ce ne soit pas une barre ...) . Un Spinner sur Android est une liste déroulante. C'est aussi une des raisons pour lesquelles j'aime le livre suggéré - ils essaient de le garder général et l'appellent un Indicateur d'attente , et c'est à peu près ce que c'est.
Une source utile pour les conventions de dénomination correctes des composants de l'interface utilisateur mobile serait peut-être les directives de l'interface utilisateur pour les principaux systèmes d'exploitation mobiles.
Consignes relatives à l'interface utilisateur Android
Bibliothèque de conception pour Windows Phone
Il vaut également la peine de jeter un œil à d'autres directives ici - http://www.theuxbookmark.com/2010/08/interaction-design/a-monster-list-of-ui-guidelines-style-guides/ =
J'espère que cela t'aides.
Une autre ressource que vous pouvez consulter est IPatterns.io . Il s'agit d'une liste organisée de modèles d'interface utilisateur pour mobile avec des exemples et des explications interactifs.
Il est indépendant de la plate-forme et de la technologie, va pour les concepts de base de la conception d'une excellente interface utilisateur.