Android existe depuis un moment maintenant, il a connu des changements importants. Il y a quelques années, Google nous a présenté sa vision de la «conception matérielle» pour définir à quoi devraient ressembler les applications modernes. Entre-temps, les améliorations matérielles et le système d'exploitation lui-même ont redéfini les possibilités.

En tant que telle, l'application Android moderne est très différente aujourd'hui de ce qu'elle était il y a cinq ans. Ainsi, pour rester pertinents et attirer l'attention pour les bonnes raisons, il est impératif que les créateurs suivent ces évolutions. Ils recherchent des fréquentations et sont déconnectés.

Et non, ce n'est pas comme ces fusées éclairantes de votre garde-robe qui viennent juste de revenir dans le style. Contrairement aux tendances de la mode, la technologie ne cesse de progresser, de sorte que vous ne pouvez pas utiliser l'argument du «rétro chic». Et les applications mobiles n’existent pas depuis assez longtemps, à moins que vous ne remplissiez pleinement ZX Spectrum ...

L'application Android moderne est très différente aujourd'hui de ce qu'elle était il y a cinq ans.

Des exemples de mauvaise conception d'applications datées qui apparaissent toujours dans le magasin de jeux vidéo de temps en temps.

Thème Holo

Avant la conception matérielle, il y a quoi de "thème holo". Holo était le nom de la direction de conception précédente de Google, mais présentait quelques différences marquées par rapport à la conception matérielle.

Notamment, le thème holo était nettement plus sombre que la plupart des applications actuelles et comportait de nombreuses couleurs de joyaux sur des fonds sombres. Il a également tendance à paraître beaucoup plus occupé et en général, tout le langage de conception est plus vague que ce que nous avons maintenant.

Lorsque vous le mettez côte à côte avec les applications matérielles d'aujourd'hui. De plus, il n'y a aucune raison qu'un développeur choisisse activement de concevoir des applications utilisant un schéma obsolète. Ce qui signifie que vous ne pouvez en faire aucune. À moins qu'ils essaient d'être ironique ...

Ce papier peint a certainement le facteur nostalgie ...

Icônes Skeuomorphic et interface

«Skeuomorphic» signifie qu'un dessin est basé sur un objet du monde réel. Par exemple, une icône de skeuomorphic pour un téléphone serait une image réelle d'un téléphone. Il pourrait même vibrer lorsque le téléphone sonne. Et l'interface de l'application vous obligera probablement à saisir des chiffres à l'aide d'un cadran rotatif ... C'est bizarre!

Un bon exemple de Idealog.co.nz

Les éléments skeuomorphic tels que ceux-ci peuvent être utilisés dans le bon contexte, mais ils doivent être utilisés avec parcimonie et non plus l'approche par défaut de vos différents éléments. En fin de compte, s’appuyer trop sur des interactions préexistantes pour définir une assurance-chômage est quelque peu peu imaginatif et donc plutôt restrictif.

« Les développeurs [

qposition = "center" qcolor = "color3" qstyle1 = "gras" qstyle2 = "" qcap = "normal" qsize = « moyen »]

Les anciennes applications de calendrier en sont un bon exemple: elles ont longtemps été conçues pour fonctionner comme leurs homologues physiques. Cela crée toutefois un problème: le 31 juillet, les utilisateurs ne peuvent voir aucun de leurs rendez-vous du mois d'août. C'est pourquoi l'approche verticale de Google est beaucoup plus logique pour une application.

Du point de vue de la conception, les développeurs doivent aborder leurs applications en se disant: "Je vais créer une application qui fonctionne comme". pour moi? Et cela devrait également affecter l' apparence de votre application.

Pour ceux qui sont intéressés, cela concerne le biais cognitif appelé «fixité fonctionnelle». Cherchez une lecture intéressante ...

Fait intéressant, le changement de logo d'Instagram représente une évolution du skeuomorphism pour une entreprise ... donc rose et orange.

Utilisation de dégradés / ombrages

Cette approche plate et nette devrait également s'appliquer à toutes les pages. Les polices avec ombrage ressemblent à des paresseux (vous avez oublié de concevoir vos propres boutons et n'avez pas mis à jour votre interface utilisateur).

Cela est vrai en partie parce que les boutons ombrés ont à nouveau une apparence skeuomorphic. Ce n'est pas un vrai bouton, donc il ne prétend pas être en 3D, il ne devrait donc pas être ombré. De plus, ce ne sont que quelques-uns des principes de l’éthique matérielle elle-même. Plus précisément, la conception des matériaux utilise intelligemment la profondeur pour communiquer l’importance et la pertinence. Les hiérarchies d'informations sont organisées à l'aide de l'axe Z et sont transmises en partie via une source de lumière uniforme. Dès que vous introduisez un bouton dans la direction opposée, cela crée une incongruité. Non seulement cela semble faux lorsque vous avez beaucoup d'icônes ombrées avec des angles différents, mais peu importe la façon dont il interagit avec le logiciel. Google le dit mieux. Les dégradés suppriment donc également les contrastes, ce qui introduit encore plus de problèmes.

Il existe encore certains scénarios où les gradients sont utiles. Par exemple, un «canevas» est un léger dégradé translucide. Mais ceci est dans un contexte complètement différent, donc cela ne contredit pas vraiment le propos. Et même ceux-ci sont apparemment "découragés". scrim:

C'est ainsi que les adultes utilisent les gradients. Beaucoup moins ostentatoire ...

Transparences et 'rétro futuriste'

Qui se souvient de Caméléon?

La conception matérielle est plate dans toutes les meilleures manières. L’objectif est d’imiter un morceau de papier et d’adopter la nature intrinsèquement 2D d’un écran de téléphone portable. En tant que telles, de nombreuses tentatives visant à donner à une application un aspect «futuriste» ou «haute technologie» ont maintenant le même aspect que les visions des années 80 du futur. J'ai choisi les transparents, car il s'agit d'un des exemples les plus courants, mais vous pouvez également utiliser des contrôles inutiles, de larges bandes d'informations et du texte blanc sur des arrière-plans bleu foncé pour créer un aspect schématique. Le néon et les objets lumineux sont un excellent moyen de dater vos applications.

Le problème des transparents en particulier était difficile à résoudre au tout début du Web. Alors, quand ils sont devenus possibles, tout le monde a commencé à les faire pour gagner leur vie. En conséquence, la surutilisation de transparents est maintenant un excellent moyen de montrer votre âge.

Je suis toujours bon, nous n'avons jamais eu cet avenir ...

Essayez de penser en termes de ce qui est efficace. Qu'est-ce que cela ajoute vraiment à l'expérience? Si quelque chose, cela le rend moins évident.

En d'autres termes: cessez de regarder le maquillage comme s'ils n'étaient plus dans Minority Report . C'était en 2002 et le monde a évolué. Ironiquement, moins vous essayez de faire en sorte que votre application ressemble à celle du futur. Sinon, vous tombez sur un try-hard.

'Pages'

Lorsque les applications mobiles ont commencé à devenir populaires, elles se sont naturellement inspirées de la conception Web. Les sites Web sont certainement ce qui se rapproche le plus des applications en termes de forme et de fonction. Il était donc logique d’emprunter des informations de navigation, d’interface utilisateur et de conception à ce média. En fait, beaucoup d'applications n'étaient (et sont toujours) rien que des wrappers pour les sites HTML!

Ainsi, de nombreuses applications comportent des «pages» et impliquent la navigation d'une section à une autre. Dans les approches plus modernes, un changement subtil s'est opéré dans la gestion des transitions et des animations. Aujourd'hui, les applications intelligentes tentent de garder l'utilisateur au même endroit alors que l'application elle-même souhaite se déplacer et se transformer autour d'eux. C'est une différence subtile. habiliter l'utilisateur tout en le maintenant impliqué dans le contenu.

L'un des meilleurs exemples de ceci est la façon dont fonctionnent les menus les plus modernes. Au lieu d’emmener l’utilisateur sur une nouvelle "page de menu", le menu "balaie" du côté avec une sorte d’animation. Cela permet de garder l’utilisateur au même endroit et d’éviter toute immersion. Un autre exemple est l'application de calendrier que nous avons évoquée précédemment. Un avantage supplémentaire du défilement vertical est qu'elle vous apporte les informations.

Idéalement, votre application ne devrait pas avoir de "page d'accueil" ou de "page à propos". L'information devrait venir à l'utilisateur.

Conclusions et mises en garde

En définitive, les modifications apportées à la conception des applications mobiles reflètent non seulement les changements technologiques, mais également notre relation avec cette technologie. Nous ne comptons plus sur la béquille du skeuomorphism pour comprendre comment nous espérons interagir avec les logiciels. Au lieu de cela, la conception d'applications intelligentes exploite la manière innée de consommer des informations qui sont informées de manière abstraite - et non littéralement - par nos interactions dans le monde physique. En d'autres termes: nous savons lire de gauche à droite, de haut en bas et presque loin, et c'est assez bon maintenant. Nous n'avons pas besoin de "pages" de flèches ou de chiens pour le rendre aveuglant

Maintenant, vous pouvez être "hip" et "avec elle"

Avec tout cela à l'esprit cependant, il y a des exceptions à chaque règle. Dans certains cas, les dégradés et les skeuomorphs ont fière allure. Et notez qu'un jour la conception des matériaux sera probablement dépassée. Certains peuvent hésiter à cette idée car elle a été conçue pour être simple et efficace. Mais toutes les bonnes choses ont une fin. UI pour évoluer à nouveau dans le temps, les changements de matériel et de mode. En dehors de toute autre chose, les gens peuvent s'ennuyer des mêmes peaux ...

Maintenant nous comprenons le langage de cette technologie

Comme je l'ai dit, vous devez vous adapter si vous voulez rester pertinent. Et vous avez donc besoin de savoir quand vous allez vous lancer, quand revenir à l'original. Être tout à fait unique est souvent la meilleure façon de faire face à l'avenir et plus susceptible de prendre du retard.