Finie l'époque de la notation javascript compliquée et d'innombrables plugins inclus dans votre en-tête. La mise en page a fait un grand pas en avant car nous voyons des concepteurs créer des concepts extravagants. Les appareils à écran tactile suscitent actuellement le plus grand intérêt du point de vue du concepteur et du développeur.
Plus de gens utilisent des appareils à écran tactile maintenant que jamais auparavant. Cela inclut les tablettes PC et la liste complète des systèmes d'exploitation pour téléphones mobiles. Ces appareils sont tous mobiles et permettent un accès depuis la plupart des endroits distants.
Les concepteurs réduisent leur crédibilité pour répondre à la forte demande. Mais qu'est-ce qui est essentiel pour passer d'un design Web standard à une application à écran tactile? Il existe de nombreuses tendances émergentes parmi les concepteurs qui peuvent être utilisées pour transformer toute idée en technologie d'écran tactile futuriste.
État actuel de l'adaptation
Bien que l'iPhone et l'iOS d'Apple soient fréquemment discutés par les grands courants des médias et des gourous de la technologie, ils ne sont pas la seule capitale du marché des appareils à écran tactile. De nombreux ordinateurs portables et tablettes PC ont été publiés par des fabricants tiers, notamment Hewlett-Packard, Samsung et Microsoft.
Actuellement, les développeurs doivent considérer les interfaces à écran tactile comme de nouveaux périphériques, à part le clavier et la souris standard. En règle générale, cette procédure est complétée par des appels JavaScript ou des requêtes multimédias générant des données de retour complexes. Il doit y avoir un meilleur moyen d’adopter ces nouvelles tendances.
À titre d'exemple, nous pouvons comparer un iPad Apple à n'importe quel netbook exécutant Google Chrome pour constater immédiatement des différences. Bien que leurs tailles d'écran puissent être similaires, ils fonctionnent à deux niveaux complètement différents. Même les systèmes d'exploitation eux-mêmes sont très différents et supportent les nouvelles normes informatiques.
Les gains et les pertes
Avec les interfaces tactiles, nous gagnons beaucoup en flexibilité. Les concepteurs peuvent placer des boutons et des molettes de défilement n’importe où dans la page, car ils sont tous accessibles avec une touche ou un effleurement.
Les développeurs sont également en mesure de contrôler pleinement les fonctionnalités des applications. Le développement de Cocoa SDK pour iOS propose de nombreuses classes reflétant les interactions sur les écrans tactiles. Les développeurs peuvent vérifier la présence de plusieurs doigts et même la détection de pression entre chaque interaction.
Cependant, nous perdons également de nombreuses références de conception clés que nous avons tous appris à aimer. À titre d'exemple, il n'est pas nécessaire de passer d'un état de survol à une interface entièrement à écran tactile. Cela pourrait être remplacé par un état d'action chaque fois qu'un utilisateur appuie activement sur un élément, bien que son objectif soit très différent.
L'absence de souris pose également un problème de saisie. Le défilement et le basculement entre les pages doivent être plus fluides et plus faciles que la plupart des applications, car leurs fonctionnalités sont réduites. Les claviers sont également intégrés à la tablette ou à l’écran de poche, ce qui offre une sensation radicalement nouvelle à l’expérience utilisateur.
Regrouper les éléments communs
Le regroupement d'éléments est une bonne pratique en matière de conception de disposition pour les applications à écran tactile. Par groupe, je ne veux pas dire que tous les boutons et les éléments d’une page sont bourrés dans le coin supérieur droit. En réalité, concevez une carte pour chaque vue et calculez quelle information convient le mieux à telle vue.
Cela réduit la frustration et la confusion de la part de l'utilisateur. Lorsque vous recherchez des paramètres pour mettre à jour les informations de compte, il est plus facile de les trouver tous dans un seul écran. C'est souvent le cas également avec les applications Web, bien que l'interface soit généralement configurée pour les interactions avec la souris.
Au lieu de créer une longue collection de défilement de données de systèmes d’exploitation de données mobiles, elle offre des avantages uniques. Avec la plupart des appareils à écran tactile, vous pouvez créer des onglets dans chaque vue d'application. Celles-ci offrent un moyen simple pour les utilisateurs de basculer entre les paramètres et d'autres données sans trop d'effort. Cette barre d'onglets peut être comparée à une barre de navigation remplie de liens de page dans une interface Web classique.
Planifiez pour d'innombrables systèmes mobiles
Il est bon de considérer que votre site Web fonctionne avec les spécifications HTML5 et CSS3 complètes, mais cela ne résout pas beaucoup de problèmes courants parmi les interfaces d'écran tactile. Tant que le navigateur analysera votre page avec les normes DOM les plus courantes, tout ira bien.
Bien que Google Chrome pour desktop utilise un moteur d’analyse très différent de celui de BlackBerry ou d’Opera Mobile. En fait, pour chacun des principaux opérateurs de téléphonie mobile, nous voyons beaucoup de nouveaux navigateurs.
iOS est livré avec Safari par défaut, mais de nombreux autres sont contenus dans l'App Store. Tous les navigateurs logiciels modernes pour plates-formes mobiles offrent la possibilité de vérifier les notes et attributs HTML5. Si possible, vous devriez envisager de tester chaque version de mise en page de votre site sur les principaux cas d'écran tactile. Les navigateurs entre Android, Microsoft Mobile et BlackBerry seront tous différents et nécessitent une planification minutieuse.
Bien sûr, il est impossible de plaire à tout le monde tout le temps, mais la majorité est certainement un objectif qui mérite d'être atteint. Implémentez une installation de Google Analytics ou d'une autre application de statistiques sur votre site, qui analysera chaque appareil visité.
Google propose des données de rapport extrêmement détaillées, telles que les navigateurs mobiles qui accèdent le plus souvent à votre site Web et le nombre de pages visitées en moyenne.
Ne laissez aucune pierre non retournée
Cela peut également être associé à la conception générale, mais vous devez vous assurer que chaque élément est sur la bonne voie pour chaque disposition d'écran tactile. Lorsque nous examinons un prototype ou une interface mobile, nous, concepteurs, essayons souvent de changer et de repositionner des objets à mort.
Il est important de réaliser avec les interfaces à écran tactile qu'il y a beaucoup moins de place pour la libre circulation. Il est donc important de trouver la mise en page qui fonctionne le mieux tout en offrant la meilleure expérience utilisateur possible - et de vous y tenir!
Cela peut être difficile, mais faites confiance à votre instinct et à votre sens de la conception pour savoir quand appeler cette journée.
Envisagez de tester votre conception sur quelques-uns de vos amis ou membres de la famille.Une démonstration rapide ou un survol de l’application et de l’interface utilisateur depuis un point de vue extérieur générera généralement des commentaires utiles et offrira des critiques émises par de nouveaux acteurs.
Conclusion
Alors que les appareils à écran tactile continuent leur invasion, nous noterons une poussée du développement d'applications. Il s’agit d’un marché énorme, qui ne comprend pas seulement les appareils iOS d’Apple, mais Google et Microsoft lancent également des campagnes pour rassembler leur part du Web mobile.
La comparaison entre chacun de ces appareils varie et sera différente de chaque concepteur. Si vous souhaitez consulter plus d'idées sur ce sujet, envisagez d'élargir votre réflexion sur les sites Web à écran tactile pour voir ce qui se trouve sur le marché. Les interfaces Web à écran tactile évoluent et, avec l'évolution de la communauté des concepteurs, nous verrons une inspiration d'interface utilisateur innovante plus que jamais!