Conception d'interfaces Web adaptées aux écrans tactiles
Il est révolu le temps de la notation javascript alambiquée et d'innombrables plugins inclus dans votre en-tête. La conception de 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 présentent actuellement le plus grand intérêt du point de vue du concepteur et du développeur.
Plus que jamais, les utilisateurs utilisent des appareils à écran tactile. Cela comprend 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 d'accéder à partir de la plupart des sites distants.
Les concepteurs réduisent leur crédibilité pour répondre à une demande élevée. Mais qu'est-ce qui est essentiel lors du passage d'une conception Web standard à une application à écran tactile? Il existe de nombreuses tendances émergentes dans la communauté du design qui peuvent être utilisées pour transformer n'importe quelle 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 parmi les grands médias et les gourous de la technologie, ils ne sont pas la seule capitale du marché des appareils à écran tactile. De nombreux ordinateurs portables et tablettes PC portables ont été commercialisé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 appareils en plus du clavier et de la souris standard. Traditionnellement, cela a été complété par des appels JavaScript ou des requêtes multimédias résultant en 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 d'Apple avec n'importe quel netbook exécutant Google Chrome pour remarquer immédiatement les différences. Bien que leurs tailles d'écran puissent être similaires, elles fonctionnent à deux niveaux complètement différents. Même les systèmes d'exploitation eux-mêmes sont très différents et prennent en charge de nouvelles normes informatiques.
Les gains et les pertes
Avec les interfaces à écran tactile, nous gagnons beaucoup de flexibilité. Les concepteurs peuvent placer des boutons et des molettes de défilement n'importe où dans la page, car ils sont tous accessibles d'un simple toucher ou d'un petit coup.
Les développeurs peuvent également contrôler entièrement la fonctionnalité des applications. Le développement Cocoa SDK pour iOS propose de nombreuses classes reflétant les interactions de l'écran tactile. 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 aimons tous. À titre d'exemple, il n'est pas nécessaire de survoler les états lorsqu'il s'agit d'une interface entièrement tactile. Cela pourrait être remplacé par un état d'action chaque fois qu'un utilisateur appuie activement sur un élément, bien que l'objectif soit très différent.
L'absence de souris présente également un problème de saisie. Le défilement et le retournement entre les pages doivent être plus fluides et plus faciles que la plupart des applications car il y a une réduction des fonctionnalités. Les claviers sont également intégrés à l'écran de la tablette ou de l'ordinateur de poche, ce qui offre une nouvelle sensation radicale à l'expérience utilisateur.
Regrouper les éléments communs
Le regroupement d'éléments est une bonne pratique dans la conception de la mise en page pour les applications à écran tactile. Par cluster, je ne veux pas dire entasser tous les boutons et éléments d'une page dans le coin supérieur droit. En réalité, concevez une carte pour chaque vue et calculez les informations qui conviennent le mieux à quelle vue.
Cela réduit la frustration et la confusion du côté de l'utilisateur. Lorsque vous recherchez des paramètres pour mettre à jour les informations de compte, il serait plus facile de trouver tous ces éléments dans un panneau d'écran. C'est souvent le cas 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 données mobiles, les OS mobiles offrent des avantages uniques. Avec la plupart des appareils à écran tactile, vous pouvez créer des onglets dans chaque vue d'application. Celles-ci offrent aux utilisateurs un moyen simple de basculer entre les paramètres et d'autres données sans trop d'effort. Cette barre d'onglets pourrait être comparée à une barre de navigation pleine de liens de page dans une interface Web classique.
Plan pour d'innombrables systèmes mobiles
Il est bon de considérer que votre site Web fonctionne avec des spécifications HTML5 et CSS3 complètes, mais cela ne résout pas de nombreux problèmes courants parmi les interfaces à écran tactile. À condition que le navigateur analyse votre page avec les normes DOM les plus courantes, tout ira bien.
Bien que Google Chrome pour ordinateur de bureau exécute un moteur d'analyse très différent de celui de BlackBerry mobile ou d'Opera Mobile. En fait, pour chacun des principaux opérateurs de téléphonie mobile, nous voyons de nombreux nouveaux navigateurs.
iOS est livré avec Safari par défaut, mais beaucoup d'autres sont contenus dans l'App Store. Tous les navigateurs logiciels modernes pour plates-formes mobiles contiennent la possibilité de vérifier les notes et les 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 diffèrent tous 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. Mettez en œuvre une installation de Google Analytics ou d'une autre application de statistiques sur votre site qui analysera chaque appareil visitant.
Google propose des données de rapport incroyablement 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 par chacun.
Ne laisser aucune pierre non retournée
Cela peut également être associé à des connaissances générales sur la conception, mais assurez-vous que chaque élément est sur la bonne voie pour chaque disposition d'écran tactile. Lorsque nous regardons en arrière sur un prototype ou une interface mobile, nous, en tant que concepteurs, essayons souvent de changer et de repositionner les choses à mort.
Il est important de réaliser qu'avec les interfaces à écran tactile, il y a beaucoup moins de place pour la libre circulation. Il est donc important de trouver une mise en page qui fonctionne le mieux et qui offre toujours l'expérience utilisateur la plus simple - puis respectez-la!
Cela peut être difficile, mais faites confiance à votre instinct et à votre sens du design pour savoir quand l'appeler un jour.
Envisagez de tester votre conception sur quelques-uns de vos amis ou membres de la famille. Une démonstration rapide ou une analyse de l'application et de l'interface utilisateur d'un point de vue extérieur recueillera généralement des commentaires utiles et offrira des critiques d'un nouvel œil.
Conclusion
Alors que les appareils à écran tactile poursuivent leur invasion, nous remarquerons une augmentation du développement d'applications. Il s'agit d'un énorme marché qui comprend non seulement les appareils iOS d'Apple, mais Google et Microsoft lancent également des campagnes pour recueillir leur part du Web mobile.
La comparaison entre chacun de ces appareils varie et se révélera différente de chaque concepteur. Si vous souhaitez découvrir plus d'idées sur ce sujet, pensez à élargir vos réflexions sur les sites Web à écran tactile pour voir ce qui existe. Les interfaces Web à écran tactile évoluent et à mesure que la communauté de conception évolue avec elles, nous verrons une inspiration UI innovante comme jamais auparavant!
