Under the cut - la deuxième partie de la traduction de l'article sur la façon dont les grandes entreprises bien connues défendent leurs solutions de conception (et lesquelles). Une première idée de la manière dont se déroule le processus d'enregistrement des droits sur une interface particulière peut être obtenue.
Microsoft
Panneau de tuiles Windows
Ici, une telle image et des rectangles sont devenus une représentation visuelle de la marque Microsoft, elle est utilisée sur tous les appareils Windows. Dans la version de bureau, lorsque vous ouvrez le menu Démarrer, un type similaire de tuile est également affiché, mais de taille plus petite - il affiche les options disponibles. Lors de la conception d'un tableau de bord, assurez-vous de ne pas obtenir un groupe de rectangles qui ressemble beaucoup à celui illustré dans le diagramme breveté.
Microsoft a été réassuré en délivrant un brevet distinct pour une interface d'application mobile utilisée sur Windows Phone. Les caractéristiques qui définissent ici sont le rapport des tailles des rectangles et leur emplacement les uns par rapport aux autres: ils sont décalés vers la gauche afin qu'il y ait de l'espace pour l'icône de navigation dans le coin supérieur droit de l'écran. Cependant, cette conception semble appartenir au passé. Sur l'interface actuelle (à l'extrême droite dans l'illustration ci-dessous), la tuile remplit tout l'écran et peut inclure plusieurs colonnes. Mais vous ne pouvez toujours pas emprunter l'ancienne version, ce qu'ils ont refusé, le brevet est toujours valable.
Vue Galerie (ancienne fonctionnalité)
J'ai trouvé cette interface pour afficher le contenu de la galerie quand j'ai regardé les brevets Microsoft, et cela m'a semblé très élégant. J'utilise des produits Microsoft depuis 25 ans et je ne l'ai jamais rencontré de ma vie. J'ai cherché des informations et demandé à des amis; il s'est avéré que le tableau de bord de la Xbox 360 ressemblait autrefois à cela. Cependant, je voulais le mentionner parce qu'il est très cool et que quelqu'un peut par inadvertance faire quelque chose de similaire dans un style plus moderne, sans même savoir que l'idée appartient à Microsoft , une énorme entreprise. Oups Le design est déjà assez ancien - il a été breveté en 2010 - mais il est encore impossible de le toucher jusqu'en 2024, date à laquelle le brevet devrait expirer.
Snapchat
Souvenirs (ancienne fonctionnalité)
Tu te souviens? Personnellement, il m'a toujours semblé que le design était un peu idiot. Mais j'ai quand même décidé de l'inclure dans la liste, c'était tellement surprenant pour moi que, contrairement à tout, ils ont breveté l'idée avec un cercle entre les rectangles - à mon avis, c'est déjà trop pour une telle interface. Depuis lors, l'entreprise a déjà réussi à changer la conception des carreaux, en les rendant plus uniformes.
Aller à l'histoireLien d'animationCe n'est pas frappant, mais lorsque vous ouvrez l'accrochage, il se déplie d'abord en cercle, puis il remplit tout l'écran rectangulaire. Si vous appuyez votre doigt sur l'écran et le tirez lentement vers le bas, vous pouvez voir comment il s'enroule en cercle et se rapproche du profil de l'utilisateur.
Samsung
Faites glisser pour déverrouiller (ancienne fonctionnalité)
Samsung utilise sa propre version de ce geste, qui suppose la présence de deux flèches tournées vers le centre. Je n'ai pas pu trouver d'illustration pour montrer ce concept en action; il semble que maintenant leur entreprise se limite à un indice de texte.
Netflix
Conseils sur l'élément carrouselLien d'animationNetflix s'est beaucoup amusé avec l'utilisation du carrousel dans la conception et a fait de gros efforts pour que le geste de survol apporte autant d'expérience utilisateur que possible. Lorsque vous survolez une icône, l'image se déroule, la vidéo démarre et toutes les informations de base sur la série s'affichent. Ce geste «pousse» également toutes les icônes voisines pour faire place au déploiement. C'est une décision très audacieuse: Netflix a décidé de supprimer certaines informations de l'écran afin de ne pas attaquer l'utilisateur de tous les côtés. En raison de l'utilisation d'un tel design, il est devenu nécessaire de prescrire clairement et grossièrement le nom de la série sur chaque icône. La marque Netflix priorise la personnalisation du contenu sur un étiquetage cohérent et cohérent. Ce brevet est nouveau - il a été déposé en février 2018.
Dépliage des icônes dans un carrouselLien d'animationJe n'utilise pas trop les services Netflix, donc je ne savais même pas à propos de cette chose jusqu'à ce que je commence à collecter du matériel pour l'article. Lorsque vous survolez l'icône, une flèche apparaît sur laquelle vous pouvez cliquer - puis l'onglet avec une fenêtre plus grande se développe, où la vidéo d'introduction est lue. Il existe d'autres onglets contenant des informations supplémentaires sur la série. Il s'agit d'un système pratique, il vous permet de passer d'un niveau à l'autre, ouvrant séquentiellement de nouveaux détails. Le brevet est entré en vigueur en mars 2018.
Airbnb
Animé / extensible / fixé au-dessus de la fenêtre de réservation d'autres éléments
Les concepteurs adorent Airbnb. Ce produit possède l'une des interfaces les plus précises et nous avons tous beaucoup à apprendre d'eux. Les concepteurs d'Airbnb ne se sont avérés que l'une de ces personnes qui ont pris à cœur la devise «l'essentiel - la conception et l'expérience utilisateur», et ont infecté d'autres personnes avec cette idée. En termes de réflexion sur le design, il s'agit d'une entreprise leader dans l'industrie - pour une entreprise qui a déjà pris pied sur le marché, il peut être difficile de changer le modèle de travail, et vous ne forcerez pas les managers à s'inspirer des idées de design en une journée.
Dans le cas de ce brevet, j'ai dû souffrir longtemps pour comprendre exactement ce que prétend Airbnb. Ils voulaient dire ce qui suit: si un panneau flottant occupe une certaine position sur l'écran (c'est-à-dire à droite de la grille), l'entreprise détient les droits sur l'animation qui se produit lors du défilement. Si vous regardez attentivement, vous remarquerez que lorsque vous faites défiler la page, un champ supplémentaire apparaît («Grand prix»). Le brevet est également très frais, à partir de novembre 2018.
Retour à l'écran d'accueil (pour l'avenir)Et un autre nouveau brevet, déposé en octobre 2018. Le design semble être standard: en haut de l'onglet, les photos sont carrelées, il y a une place pour une étiquette avec un prix. D'après le diagramme, ce n'est pas clair: soit c'est un spoiler d'une nouvelle expérience, soit la conception de la page sur laquelle l'utilisateur retourne «à la maison», ou un autre écran du voyage que je n'ai pas pu trouver. Soyez prudent si vous décidez de répéter un modèle similaire - il n'y a rien de particulièrement particulier à ce sujet.
Tinder
Balayez vers la droite, balayez vers la gauche
Peut-être que si vous décidez de repenser le schéma dans l'esprit de "si vous le souhaitez, balayez vers la gauche, si vous ne l'aimez pas, balayez vers la droite", vous pourrez en quelque sorte sortir. Mais dans l'illustration, seules les cartes elles-mêmes sont mises en évidence par des lignes pleines (boutons J'aime et Je n'aime pas, en pointillés), ce qui suggère que tout motif associé à une telle combinaison de gestes sera difficile à défendre. Dans tous les cas, si vous faites quelque chose de similaire et que vous commencez à pointer du doigt, vous devez vous vautrer dans la zone grise de la loi.
Appuyez pour aimerHélas et ah, mais Tinder s'est assuré que personne d'autre ne réalisait MVP (c'est le produit minimum viable, c'est aussi "eh bien, nous n'avons pas le temps de quoi que ce soit, supprimer la beauté, laisser le squelette") dans cette version.
Tinder social
L'interface, où une série d'autres icônes de contacts est construite sous une icône ronde dans le profil de l'utilisateur et tout cela est complété par le bouton correspondant ci-dessous, a été implantée dans Tinder. Conception d'écran très spécifique.
En conclusion
Découvrir quels éléments les interfaces de l'entreprise considèrent comme faisant partie intégrante de leur marque, bien que cela ne soit pas trop évident pour l'utilisateur moyen, s'est avéré être une activité très intéressante. Mais, plus important encore, nous, en tant que concepteurs, devons être bien informés sur les motifs dont la conception est interdite. Bien sûr, personne ne copiera les schémas UX d'autres personnes de et vers, cependant, avoir de telles informations en stock peut être utile, en particulier dans les conversations avec des personnes qui ne sont pas liées à la conception.
Certaines entreprises (par exemple, Uber) brevetent presque tous les écrans utilisés dans l'application, tandis que d'autres (par exemple, Google) en ont tellement que leurs têtes tournent. Je vous conseille de rechercher des informations sur les brevets des entreprises dont vous inspirez le travail.
En travaillant sur cette liste, j'ai appris que parfois même des bagatelles sont brevetées - la forme de l'élément, l'emplacement de l'icône. Ou quelque chose de très simple et de flou - disons, un groupe de rectangles de certaines proportions dans un certain ordre. D'autres brevets, en revanche, sont très détaillés et illustratifs, comme le déploiement progressif d'informations à partir d'une icône dans un carrousel Netflix.
Donc, si vous êtes engagé dans la conception UX ou faites des interfaces et prévoyez de sortir un produit populaire, il serait bien de vous familiariser avec les derniers brevets. Du fait que quelqu'un ne les a pas vus, ils ne cessent pas d'exister. Si vous venez avec quelque chose de vraiment original, une carte de visite pour votre entreprise, demandez-vous s'il vaut la peine d'attirer des avocats pour vous aider à déposer un brevet. À l'échelle de l'entreprise, ce n'est pas si cher, d'autant plus que cela vous durera 15 ans. Quoi qu'il en soit, y a-t-il une meilleure façon de dire «ne balancez pas le bateau» à votre monde que votre propre brevet?