HIG multiplateforme. Qu'utilisez-vous pour les applications html5?
Lors de la conception d'un Andriod ou d'une application iOS, il est clair que vous devez suivre leurs directives d'interface humaine (HIG) respectives. Mais que faites-vous lors de la conception d'une application Html5? Quels sont les HIG mobiles multiplateformes?
Quel HIG (officiel ou personnalisé) recommanderiez-vous pour les applications html5 multiplateforme?
Edit: pour clarifier, j'utilise le terme "applications html5" pour faire référence à une application qui s'appuie sur html, css et javascript.
Le développement pour les appareils mobiles en HTML5 n'est pas différent du développement en HTML 4.01 ou XHTML, car l'expérience utilisateur est indépendante de la plate-forme. Les boutons doivent ressembler et agir comme des boutons quelle que soit la plateforme que vous utilisez. Je sais que vous pouvez faire beaucoup plus sur HTML5, mais cela ne change pas l'expérience utilisateur des appareils mobiles. Il vous suffit également d'implémenter des règles UX standard sur le Web mobile.
La taille de l'écran varie selon les différents appareils, utilisez donc des tailles relatives partout. Si l'on a besoin de regarder une directive plutôt que l'autre, je préférerais Android car il cible beaucoup plus d'appareils (+600 la dernière fois que j'ai vérifié).
Plus important encore sur mobile, est de tester votre application web dans un scénario "mobile" puisque votre application sera utilisée "en déplacement".
Je pense qu'il est construit avec HTML5 est un peu un hareng rouge. Leur clé est que vous souhaitez utiliser une interface utilisateur partagée sur toutes les plateformes.
Ce que je chercherais là-bas est susceptible d'emprunter à n'importe quel nombre de bibliothèques de modèles d'interface utilisateur existantes ... jQuery UI, Sencha, etc. Pour la plupart, ils choisissent simplement et choisissent ce qu'ils voient et s'y tiennent termes de la rendre cohérente à travers les plates-formes.
Au-delà de cela, cela dépend vraiment du type particulier d'application que vous créez.
Souvenez-vous également qu'il existe des moyens d'utiliser des éléments natifs même si vous construisez avec HTML5. Par exemple, PhoneGAP peut vous donner accès à des éléments d'interface utilisateur natifs sur l'une ou l'autre plate-forme sans avoir à débiter votre code.
Je vous suggère de considérer l'approche décrite par Luke Wrobleski dans plusieurs de ses articles, par exemple: Off Canvas Multi-Device Layouts . L'approche hors toile devient de nos jours courante grâce à l'interface mobile de la recherche Google (et d'autres produits) ainsi que des applications natives de Facebook, etc.
Je suis d'accord avec les autres réponses que HTML5 devrait être un moyen de créer une expérience cohérente sur tous les appareils, plutôt que votre objectif.