Chaque jour, nous nous rapprochons un peu plus de la sortie de la très attendue Apple Watch. L'appareil va encore changer notre façon de voir la technologie portable et la conception de sites Web et d'applications pour cette interface.
Les wearables présentent des défis contrairement à d'autres projets de conception. La fonction est une préoccupation majeure, tout comme la taille de ce qui sera l'un des plus petits écrans avec lesquels les concepteurs ont jamais travaillé. La clé est de créer un design qui soit visuellement agréable, mais qui est convivial et offre une expérience fonctionnelle. Voici 10 éléments à prendre en compte lorsque vous concevez une interface portable (avec des exemples que d'autres concepteurs imaginent déjà).
1. Pensez Design Minimal
L’une des plus grandes tendances du design en général est parfaite pour les vêtements, le minimalisme. Les mêmes pratiques de conception que vous utilisez pour les sites Web ou même la conception d’imprimés ou d’emballages de style minimal conviennent parfaitement aux appareils portables et de type montre. (Ici, nous parlons principalement de montres en raison de l'élément de design visuel qu'elles présentent.)
Tout, de la couleur à la typographie en passant par les images, doit être simple, direct et facile à lire dans les petites tailles. Utilisez également certains des concepts du design plat pour ajouter au style minimal, tels que la couleur vive, le contraste élevé et l'élimination des ornements de design.
2. Utiliser les vibrations
Les appareils portables sont dotés de fonctionnalités que vous n’avez peut-être pas conçues auparavant. La vibration en fait partie. Un simple bourdonnement ou des mouvements peuvent être un moyen idéal pour concevoir une interaction lorsqu'il s'agit de quelque chose qu'un utilisateur aura contre la peau.
Mais vous devez réfléchir à la manière dont ces interactions fonctionnent. Les vibrations doivent être douces et se produire de manière évidente, sans toutefois gêner ni effrayer l'utilisateur lorsqu'elles se produisent. Les interactions de type vibration doivent également se produire rarement. Si une montre sonne toutes les minutes, l’utilisateur sera rapidement frustré et abandonnera le produit.
3. Les commandes vocales sont essentielles
Bien que nous parlions depuis longtemps de concevoir des interactions tactiles avec les smartphones, la conversation passera désormais aux commandes à commande vocale. Pensez-y de cette façon, avec un écran aussi petit, qui voudra taper dessus? La voix est plus facile.
Lors de la conception des interactions de votre application ou de votre site Web qui apparaîtront sur un appareil de type montre, tel que l'Apple Watch, la voix devrait être une considération primordiale. La voix est un élément essentiel du design Apple, par exemple, avec Siri en tant qu'application native qui active et attend une commande à chaque fois que vous soulevez votre poignet. Cette fonctionnalité fournit un facteur de commodité que vous devez prendre en compte.
4. Le type doit être simple
Répétez après moi: Sans serif. Quand il s’agit de taper sur des dispositifs portables, c’est tout ce que vous devez savoir. Cela peut sembler ennuyeux, mais un simple sans empattement avec une largeur de trait uniforme est l’une des options les plus faciles et les plus lisibles.
Évitez les polices ultra légères ou condensées, car la lumière qui traverse le cadran de la montre peut ne pas être suffisante pour assurer la lisibilité. Inversement, soyez prudent avec les styles super épais, noirs ou gras. Tenez-vous en à une police de caractères avec un trait modéré, avec des lettres assez larges. (Helvetica est une option idéale, bien que surutilisée.)
5. Les couleurs doivent avoir un contraste élevé
Chaque couleur sur un petit écran a besoin de sens. Une partie de cette signification viendra sous forme de contraste et de rendre les éléments plus faciles à lire.
Les couleurs peuvent être utilisées pour représenter des éléments interchangeables nécessitant une interaction ou comme toile de fond pour une commande de texte. La clé est un contraste net. Considérez l'environnement dans lequel ces appareils seront utilisés - au soleil, dans des pièces sombres - et concevez-le de sorte que chaque lettre soit facile à lire, quelles que soient les conditions.
Évitez les pastels ou les couleurs peu saturées. Les teintes vives et les couleurs très saturées fonctionneront mieux. Associez-les avec du type blanc ou noir pour une lisibilité optimale. (Il est également important de noter que de nombreux écrans de la montre intelligente sont noirs. Planifiez votre palette de couleurs en conséquence.)
6. Rendez-le facile
Chaque appareil portable sera un peu différent. Prenez en compte l’interface et les composants physiques de chacun lors de la conception. L'Apple Watch est livré avec une "couronne numérique" ,? une molette permettant d’agrandir ou de faire défiler les informations à l’écran.
La conception doit fonctionner avec toutes les pièces physiques incluses dans un périphérique. Il devrait être facile à regarder et, plus important encore, facile à utiliser. La fonction devrait être intuitive. (Si rien d'autre, c'est une excuse pour posséder certains de ces appareils et apprendre comment ils fonctionnent au nom de la recherche en design.)
7. Les éléments visuels doivent refléter la conception d'autres lieux
Le plan visuel de l’écran de la montre doit refléter l’interface de conception des autres appareils. Oui, l'écran sera limité et les interactions se concentreront sur une seule action, mais l'esthétique générale devrait avoir un aspect similaire.
Cela remonte à la popularité du design minimaliste. C'est une technique qui fonctionne sur les deux types d'appareils. La même chose est vraie avec de nombreux principes de design plat. Pour cette raison, ces tendances continueront de perdurer et deviendront des facteurs clés pour les concepteurs créant ces écrans minuscules.
8. le rendre cool et branché
Cela peut ne pas sembler grave, mais les utilisateurs peuvent se connecter à leur identité. Non seulement le périphérique lui-même doit avoir une apparence particulière, mais l'interface doit correspondre à ce style.
Les informations à l'écran doivent être aussi belles que l'appareil lui-même. Avec l'Apple Watch, l'interface est très simple, ses lignes sont nettes et très peu de cloches et de sifflets. L'interface pour les applications de surveillance doit utiliser le même modèle, de sorte que les informations à l'écran donnent l'impression qu'elles y appartiennent réellement. (Et nous sommes revenus au minimalisme.)
9. La conception peut fonctionner sans écran
Certains des appareils vestimentaires les plus populaires sur le marché n'ont même pas d'écran.Pensez à des produits tels que le Fitbit, le Nike Fuel Band ou Google Glass.
Ces articles n'ont pas d'écran ou un? Écran? c'est un peu plus qu'une horloge. Une caractéristique telle que la vibration ou la connectivité à d’autres appareils et applications est ce qui fait vraiment fonctionner chacun de ces produits. La fonction est utile même si l'utilisateur ne peut pas toujours la voir depuis le périphérique réel.
10. Une pensée visuelle par écran
Chaque pixel est difficile à expliquer. Il n’ya tout simplement pas assez de place sur un écran de la taille d’une montre pour inclure tous les éléments d’un modèle de bureau ou mobile. Alors pensez à ce dont vous n’avez pas besoin.
La taille de ces écrans peut aller de 320 pixels à 128 pixels. Ceci est trop petit pour simplement réduire la conception; vous devez le changer complètement pour un appareil portable. Utilisez ce concept: une pensée visuelle par écran.
Vous avez de la place pour un ou deux mots et (ou) une image. Et c'est tout. Le message transmis doit être simple, clair et précis. Si plus de réflexion est nécessaire, cela devrait être conçu pour un écran suivant.
Conclusion
Les appareils portables sont là et encore plus d’entre eux sont à venir. Bien que nous n’ayons pas encore déterminé le type de succès qui se produira sur ce marché, la technologie portable suscite beaucoup d’enthousiasme.
Et nous, les concepteurs, devons être prêts pour cela. Votre équipe devrait déjà réfléchir au fonctionnement de votre site Web ou de votre application sur ce type d'appareil. N'attendez pas que tout le monde ait une montre intelligente pour la concevoir. Prenez une longueur d'avance et commencez dès maintenant à penser à la technologie de conception portable.