Créer une expérience utilisateur exceptionnelle : dévoiler les secrets de l'application Spotify

1. Introduction au cours: Qu'est-ce qui se passe, les gars ? C'est Sharif York ici en tant que professeur Skillshare Et dans les cours que nous proposons, nous examinons les stratégies efficaces et les stratégies commerciales associées à des produits de classe mondiale. Ce cours s'adresse maintenant à ceux qui travaillent dans le domaine des applications ou des produits, ou à ceux qui sont simplement un client, ou une personne ordinaire qui cherche à une entreprise et qui souhaite créer une application, accord. Nous examinons donc ces stratégies efficaces. Nous examinons la manière dont la plupart de ces entreprises prennent ces grandes décisions. Nous examinons pourquoi ils prennent ces décisions dans le domaine des produits, n'est-ce pas ? Qu'il s'agisse de l' expérience utilisateur au sein de l'application ou de l' interface utilisateur au sein de l'application. Nous examinons donc les stratégies stratégiques efficaces pour expliquer pourquoi elles prennent ces décisions efficaces Nous examinons également la conception des interfaces utilisateur pour créer réellement une application robuste et nous expliquons pourquoi ils le font, pourquoi ils créent de très bonnes applications sur le marché. OK, alors on regarde tout ça 2. Intro à Spotify: Très bien, qu'est-ce qui se passe, les gars, Sharif, vous êtes ici avec un cours Skillshare Nous allons examiner aujourd'hui concevoir une expérience utilisateur exceptionnelle et dévoiler les secrets de l'application de bureau Spotify D'accord ? Maintenant, certaines choses que nous allons examiner aujourd'hui sont évidemment Spotify. Nous allons voir sur la droite un document que je vais vous fournir pour vous puissiez le télécharger et dont est référencé sur Spotify. Et il contient également les sections du cours et un petit extrait de ce dont nous allons parler, d'accord ? Ensuite, voici les tâches. tâches pour moi, qui consistent essentiellement à l'enregistrer sous forme de piano, c'est un peu comme un petit rappel, non ? Mais l'autre aspect est pour toi. Je voulais que vous posiez des questions. Je veux que vous laissiez également un avis. Et la critique m'aidera également à créer de meilleures vidéos sur ce qui va suivre. Donc, de meilleures vidéos sur les produits, meilleures vidéos pour vous qui vous aideront en tant que cours. Et aussi sur. Un petit devoir consiste à trouver votre propre produit. D'accord ? Mais dans cette série de cours, nous allons parler de produits, comme je l'ai déjà expliqué, mais nous allons en parler en profondeur, non ? Et c'est le seul moyen pour vous de vous améliorer en tant que designer ou tant que meilleure personne capable visualiser ces expériences et d' être capable de comprendre et de décortiquer de meilleures expériences, des conceptions et des expériences de pointe et le développement d'applications Est-ce que vous vous lancez réellement sur le marché et que vous effectuez votre propre analyse concurrentielle ou comparative de ces autres produits, n'est-ce pas ? C'est ce que nous allons faire dans cette vidéo. Nous allons regarder Spotify. Mais de votre côté, chaque fois que vous avez du temps libre, jetez un œil à ces autres applications. Consultez ces autres produits sites Web ou applications que vous possédez, vous avez un smartphone comme un iPhone ou un Android. Commencez à télécharger des applications. Découvrez à quoi ressemblent ces applications et comment elles envisagent leurs décisions pour résoudre les problèmes, n'est-ce pas ? Comment rechercher différentes choses ou comment créer des choses différentes. Je vais mettre ça en pause. Vous voulez donc rechercher des éléments tels que cliquer sur des boutons , enregistrer des éléments ou ajouter des éléments à un affichage du calendrier, n'est-ce pas ? Il s'agit de différents éléments que vous souhaitez rechercher dans le cadre de ces autres expériences de produits. OK. Cela dit, c' est comme un petit devoir qui se trouve au bas de la page. Mais encore une fois, nous allons faire référence à ce document dans nos produits, dans toutes les vidéos et dans les cours. Mais tout cela va être téléchargé pour que vous puissiez également l' utiliser sur l'urine. Très bien, donc j' utilise ce produit, du coton Marvin. C'est maman et .com Il propose différentes applications et expériences. Nous ne sommes vraiment que des captures d'écran de différents types. D'accord, lorsque vous pouvez utiliser iOS, Android et le Web, vous pouvez filtrer les différentes catégories ou composants, modèles, tout ce genre de choses C'est très, très utile aussi, et je pense que c'est probablement le meilleur du marché. Vous pouvez l'enregistrer dans des collections et c'est gratuit dans une certaine mesure, mais il est évidemment préférable de s'abonner. Ce n'est vraiment pas tant que ça, mais ça vaut le coup. D'accord ? Mais nous allons utiliser cette plateforme pour examiner les différents écrans, les différentes expériences, les différentes conceptions d'interface utilisateur et vraiment analyser différentes choses à partir de là OK. Très bien les gars, je vous verrai dans la prochaine vidéo. 3. Introduction à l'application Spotify et à son importance dans l'industrie du streaming musical: D'accord, qu'est-ce qui se passe, les gars ? Voici maintenant une brève introduction de Spotify et de son importance réelle. Vous pouvez donc honnêtement ignorer cette vidéo, mais nous allons juste faire une brève introduction à ce qu'est Spotify Maintenant, Spotify, j'utilise cette application, mais Spotify est une plateforme de diffusion de musique. est plutôt une entreprise suédoise, l'a conçue pour les personnes qui souhaitent diffuser de la musique. Il s'agit d'une plateforme d'abonnement, ressemble donc davantage à un logiciel SaaS en tant que service auquel vous vous abonnez Un. Si vous ne vous abonnez pas, est fort probable que des publicités vous soient écoutées. Mais si vous vous abonnez, vous pouvez écouter autant de musique que vous le souhaitez, sans publicité, et vous pouvez enregistrer votre musique dans une playlist. Vous pouvez diffuser différents genres de musique de n'importe où. La façon dont ils catégorisent les choses est très bonne. J'ai utilisé cette plateforme, mais elle offre une excellente expérience utilisateur. Et c'est l'un de ces modèles qui fonctionne vraiment bien et qui fonctionne pour l'utilisateur final Ils comprennent leurs utilisateurs finaux dans un environnement intégré, l' expérience utilisateur qui les entoure et ils ont créé une application de qualité C'est pourquoi j'ai voulu présenter cette application et parler un peu de l'expérience utilisateur dans l'interface utilisateur et de tout le Mais Spotify, vous pouvez en quelque sorte le comparer à Apple Music. Marée. C'est très similaire à tous. C'est un avatar très similaire à celui de ces autres plateformes. Ils proposent non seulement de la musique, mais aussi des podcasts où vous pouvez écouter différentes histoires et différentes histoires d'horreur, d'horreur ou de drame, ou un crime, des drames policiers, n'est-ce pas Tous ces différents podcasts qui existent ont tout cela et c'est une très, très grande plateforme de podcast. Ils ont aussi Joe Rogan, non ? Spotify a donc joué un rôle très influent dans l'industrie, notamment en ce qui concerne les poches, mais aussi en matière de musique. De nombreux artistes accèdent à cette plateforme et vous pouvez réellement suivre leurs points de vue et vous pouvez suivre ce que fait l' artiste, qui il est. Ils ont également ces informations dans l'application Spotify. Et puis j'ai aussi une catégorie quatre et honnêtement je la catégorie, mais vous pouvez aussi faire une recherche par local. Comment appelle-t-on cela, comme des événements locaux ou des concerts venir dans votre région. Vous pouvez donc rechercher les concerts locaux de vos artistes préférés ou les artistes à venir, n'est-ce pas ? Ils ont donc cette fonctionnalité. C'est donc une très bonne application. 4. Aperçu de l'interface utilisateur et des caractéristiques clés: OK, un peu comme dans ce bref aperçu, nous allons examiner l'interface utilisateur et l'expérience utilisateur, ainsi que les raisons qui sous-tendent certaines des décisions prises par l'équipe Spotify pour créer cette application robuste OK, donc pendant cette période, je suggère vivement de consulter l'application Spotify, qu'il s'agisse du site Web ou de l'application mobile. Et pas nécessairement, suivez, mais faites comme votre propre petite dissection dans l'application Donc, si vous pouvez le télécharger sur votre téléphone et suivre, vous n'êtes pas obligé de vous abonner, mais cela revient probablement à créer un compte, un comme sur votre téléphone, sur le site Web Je ne pense pas que vous deviez créer un compte. Donc, un peu comme des tests sur la plupart des fonctionnalités ici. Mais nous allons regarder des cartes lorsque nous chercherons. Nous allons examiner les commandes de lecture, même les différents aspects de la hiérarchie, ainsi que la représentation visuelle entre les pages et les expériences, la façon dont les choses sont mises en page, la hiérarchie des objets Nous allons examiner les différentes topographies et ce que cela signifie réellement Et un peu comme regarder les raisons qui sous-tendent ces différentes décisions pour expliquer pourquoi ils ont créé ces choses différentes. Parce que tout tourne autour de l'expérience utilisateur. Lorsqu'il s'agit d' une expérience utilisateur qui permet aux utilisateurs d'utiliser facilement votre plateforme. Et cela signifie que vous bénéficiez d' une expérience fluide. Chaque fois que vous êtes là, mes frictions sont comme s'il y avait des endroits où les gens s'énervent, s'énervent Et si vous avez beaucoup de frictions, les gens vont quitter votre plateforme. Les gens vont quitter votre application et se tourner vers l'application de la concurrence parce que c'est bien mieux, non ? C'est pourquoi il est très important d' examiner ces différentes expériences sur différentes applications et façon dont elles font ce genre de choses afin de créer une expérience très robuste. Et encore une fois, c'est un peu le but de cette série. Je souhaite que nous créions une expérience utilisateur très robuste pour nos applications afin que nous puissions bénéficier de ces expériences fluides et permettre aux utilisateurs d'utiliser facilement notre plateforme Et nous pouvons gagner plus d' argent de cette façon, non ? Parce que si vous ne gagnez pas d'argent parce que les gens quittent votre plateforme pour se tourner vers vos concurrents parce que vos concurrents ont une meilleure application, ils n' ont pas nécessairement un meilleur design, un meilleur design visuel. Parce que les gens utilisent souvent la plateforme, et non à cause de la conception visuelle. Ils l'utilisent en raison de leur expérience. Mais vous voulez quand même avoir un très beau design visuel parce que, oui, ça a l'air sympa. Mais il communique également très bien avec beaucoup de gens. Plus de monde qu'avant, surtout avec les modèles précédents. Et plus nous découvrons de meilleures expériences, plus nous en apprenons sur les gens, n'est-ce pas ? Parce que beaucoup de gens ont des origines différentes. Chacun a donc sa propre opinion, chacun a sa propre expérience. Vous allez donc vivre ces différentes expériences à tous les niveaux. Mais cela fonctionne pour vos utilisateurs finaux, c'est ce qui constituera la meilleure expérience du marché OK, donc je voulais juste vous donner bref aperçu de Spotify Apple Nous allons terminer ce que nous allons aborder pour le reste de ce cours. Merci d'avoir regardé. Je vous verrai dans le prochain épisode où nous parlerons de votre public cible et de votre personnalité 5. 5Comprendre le public cible et les personas des utilisateurs pour l'application de bureau Spotify :: Une chose est de vraiment comprendre quel est votre public, non ? Vous pouvez avoir certaines hypothèses en tant que conception. En tant que client qui crée une application, vous pouvez avoir certaines suppositions . Un aspect qui vous aidera à le comprendre. Et une approche très rapide. Et à un niveau très élevé, il s'agit de créer un personnage d'utilisateur. La création d'un profil utilisateur vous aidera à déterminer le marché qui convient le mieux à la plateforme utilisateur final Et nous serons également une alternative très économique pour comprendre quel marché convient à votre produit, n'est-ce pas ? Ce que je veux dire par là, c'est que vous créez un personnage qui possède ces traits de personnalité, des objectifs spécifiques et des tâches spécifiques, et une sorte d'histoire générée par les utilisateurs qui leur permet d' utiliser votre plateforme Le truc avec les personnages utilisateurs , c' est de montrer le personnage de l'utilisateur et d'en parler avec une équipe C'est peut-être un co-fondateur. Il s'agit peut-être de votre équipe de recherche sur les utilisateurs, peut-être de votre client, peut-être de votre propriétaire de produit Quel que soit le cas. Vous pouvez discuter avec votre équipe pour créer des profils de personnes susceptibles d' utiliser votre produit D'accord ? Donc, l'une des choses à propos du fait de permettre aux gens d'utiliser votre produit, c'est que vous savez en quelque sorte ce qu'est votre produit. Et vous avez déjà créé un, vous avez déjà l'idée, vous comprenez déjà ce qu'est votre produit ici, celui qui le conçoit, c'est vous qui le conceptualisez Mais tu ne sais pas vraiment ce que les gens savent à ce sujet. Vous ne le savez pas, vous ne savez pas vraiment comment les gens vont utiliser ce produit. Vous ne savez pas vraiment ce que les gens attendent de votre produit. C'est pourquoi vous souhaitez créer un personnage. Il s'agit donc d'une sorte d' utilisateur final hypothétique qui va utiliser votre produit C'est bon marché, c'est facile, c'est rapide, d'accord, et c'est le but. Vous voulez créer cela au fur vous faites des recherches sur votre produit. D'accord ? Maintenant, en ce qui concerne Spotify, lors de la création de ce personnage, ils ont probablement utilisé une sorte de personnage qui écoute évidemment Il peut s'agir de n'importe quel groupe scolaire. Spotify a différentes catégories, différents genres. Il propose également un podcast. Leur personnalité varierait donc autour de cela. Je créerais essentiellement un personnage pour chacune de ces fonctionnalités lourdes comme écouter de la musique Je créerais également un personnage qui écoute des podcasts. Je créerais également un personnage qui écouterait différents genres. Cela m'aidera à concevoir un meilleur produit, car je fais appel cette personne hypothétique qui va utiliser mon D'accord. Voilà donc un bref aperçu des personas. J'espère que c'était ce que j'espérais au départ. Mais encore une fois, c'est comme s'il s'agissait d'un moyen rapide et peu coûteux de comprendre votre adéquation au marché. Les chercheurs sur les utilisateurs utilisent Persona tout le temps parce que c'est rapide, facile et bon marché Et cela permet de se faire une idée des utilisateurs potentiels de votre produit. Cela vous aide également à créer un meilleur produit car vous êtes potentiellement en train de développer ces personnes supposées qui utiliseront votre produit. Mais le plus important, c'est que ce personnage est également basé sur de vraies données, de vraies personnes, d'accord ? Vous voulez donc relier ces informations à la manière dont vous allez créer un meilleur produit basé sur des données réelles, de vraies personnes, n'est-ce pas ? OK, donc dans la vidéo suivante, nous allons parler de la palette de couleurs, de la topographie et de la hiérarchie visuelle 6. Explorer les visuels et les couleurs: Très bien, nous allons donc examiner numéro quatre ici, ce qui revient un peu à explorer les applications, la palette de couleurs, la topographie et la hiérarchie visuelle D'accord ? Alors quoi Spotify, ils ont cette palette de couleurs noir foncé. Maintenant, c'est un peu contradictoire car l'ensemble de l'application possède cette couleur primaire principale, qui est le noir Mais dans notre phase d'intégration ou sur nos écrans, c'est un peu comme ce fond blanc, ce qui est un peu Mais dans leur application mobile, c'est vide. Je ne veux donc pas vraiment entrer dans car il y a une raison précise pour laquelle ils l'ont. Du blanc comme ça et du noir peut-être qu'ils ont juste oublié, honnêtement, comme si c'était une entreprise. Ils pouvaient faire ce qu'ils voulaient à la fin de la journée. Mais parlons un peu de leur palette de couleurs et ce qu'ils font avec leur application, non ? Donc, comme je l'ai dit, comme leurs couleurs primaires, comme ce noir foncé, elles peuvent être comme du noir cassé. Donc, en connaissant un peu les dégradés, il peut y avoir des gris, des gris vraiment très foncés et tout comme du noir, mais encore une fois, comme s'il s' Il y a donc peu de changement de couleur. Ce n'est pas comme ça. noir très dur, pire encore que le code couleur soit 000, non ? Nous utilisons généralement des zéros comme zéro comme code couleur et vous le placez généralement devant un hashtag Et puis vous avez ce code couleur hexadécimal, le code hexadécimal. C'est tout simplement ce que vous avez avec les designs. Mais je veux approfondir cela parce que c'est très, est tout autre qui parle ici Mais je veux juste parler de psychologie des couleurs et d'autres choses de ce genre. Donc, avec Spotify, ils ont des touches de couleur, ce qui le rend vraiment beau, non ? Donc, s'ils ont une très bonne palette de couleurs, elle est évidemment très foncée, mais ils jouent avec beaucoup de couleurs, surtout en ce qui concerne la musique et les différentes catégories. Ils changent de couleur, mais leurs couleurs primaires sont le noir et le vert, non ? Vous remarquerez que certains liens et certains de leurs boutons et liens actifs apparaissent comme du vert. Et il est évident que certains de leurs boutons sont blancs, mais leurs principales couleurs primaires sont noires. Donc, en ce qui concerne la couleur, la psychologie, c'est-à-dire essentiellement la façon dont les différentes couleurs évoquent des émotions spécifiques Et à quel point ils s' alignent sur ce public spécifique. Vous avez un peu ces couleurs de vert, de noir, blanc, et évidemment les différents dégradés de l' espace En général, avec Spotify, je pense que l'écologie était plutôt synonyme de croissance harmonieuse. Et grâce à ce sentiment de découverte auprès des marques et des artistes. Et parce que vous aimeriez avoir un artiste, beaucoup de musique, vous avez aussi un podcast et tout ce genre de choses. Cela donne donc un peu ce sentiment d'harmonie. Et le vert était également synonyme de succès. Mais c'est aussi comme la nature beaucoup de verdure verte provenant feuilles et de l' environnement qui vous entoure. Il y a aussi une touche de noir, qui donne également une touche moderne à la surveillance de la modernité et à une innocence esthétique élégante et stylée. Ainsi, en ce qui concerne la psychologie des couleurs, vous devez absolument vous concentrer sur la façon dont votre couleur affecte le sentiment de l'utilisateur final Cela dépend beaucoup de la façon dont l'utilisateur interagit avec l'expérience et tout ce genre de choses la façon dont l'utilisateur interagit avec l'expérience et tout ce genre de Vous voulez donc certainement étudier un peu la psychologie des couleurs et leur signification. Cela peut également vous aider à définir l'identité de votre marque ou autre palette de couleurs de votre marque, ainsi que votre écosystème d'applications et votre innocence Un autre aspect dont je voudrais parler est la hiérarchie visuelle des choses. Alors, dans quelle mesure Spotify a-t-il ce très bon sens de la hiérarchie visuelle ? Qu'il s'agisse de la façon dont ils listent leurs titres et leurs titres, de leurs boutons et de leurs choix de boutons, ou encore de la navigation par onglets dont nous avons parlé. Et cela jusqu' aux cartes, à la mise en page et à l'architecture de l' information. Vous devez également réfléchir à la manière dont différents éléments attirent l'attention des appels à l'action spécifiques. Par exemple, vous avez cette voiture qui se trouve en dehors de l'espace, c'est légèrement différent. Il a cette couleur grise surélevée sur l'arrière-plan. Ensuite, vous attirez votre attention sur l'appel à l'action qui se trouve ici, c'est ce que nous appelons le CTA en abrégé Mais cela s'appelle essentiellement l' appel à l'action, qui est le bouton ici. Très bien, alors créez des plaquettes. Ils attirent votre attention pour créer cette playlist. Ou dans ce cas, ils attirent votre attention sur Play, qui fait partie des commandes de lecture Vous pouvez donc jouer ou faire une pause en haut de la page La hiérarchie visuelle va donc de pair. Au sein de Spotify. Nous pouvons examiner quelques autres domaines de la hiérarchie visuelle. Et dans ce cas, nous voulons examiner sa cohérence. Cohérence dans leurs icônes, boutons et leurs liens textuels, non ? Comme vous l'avez vu, à peu près tout ce qui se trouve sur cette page est cliquable neuf fois sur dix, n' est-ce pas ? Tu as tes cartes. Vos cartes représentent une chose qui vous appartient, vos cartes, mais vous avez un bouton qui se trouve à l'intérieur de cette voiture, n'est-ce pas ? Il est donc très important de communiquer cette hiérarchie visuelle pour avoir une idée de ce qui avoir une idée de est cliquable et de ce qui ne l'est pas, n'est-ce pas ? Donc, lorsque vous avez ces cartes ici, gens les rendent souvent cliquables mais je pense que dans ce cas, ce n'est peut-être pas Vous pourrez peut-être simplement cliquer sur le bouton ici. Cela dépend donc vraiment du cas d'utilisation ainsi que de la nature de la plate-forme sur laquelle vous travaillez. Parfois, les gens rendent l'ensemble de la voiture exploitable, mais cela dépend vraiment Mais neuf fois sur dix, ces voitures sont exploitables. Mais vous avez aussi vos boutons qui sont en forme de pilule, mais vous avez aussi vos boutons qui ne sont que des liens, n'est-ce pas ? Vous voulez donc être cohérent avec ce que vous construisez ici. Ensuite, lorsqu'ils sont cohérents, assurez-vous simplement de les utiliser au bon endroit. Par exemple, ce sont des cartes. Ce sont des boutons qui attirent votre attention sur quelque chose de différent. Mais vous avez aussi vos icônes qui font quelque chose de différent. Et, un peu comme si vous visualisiez comme un onglet par rapport à un simple bouton normal. Les gens sauront donc qu'il s'agit d'un bouton qui, lorsque j'appuie dessus , change la page entière. Et ils ont aussi des liens comme ces textes. Peut-être que les liens texte mènent à une autre page ou qu'ils mènent à autre page et qu'ils peuvent renvoyer vers une autre page du navigateur ou autre. Donc tu veux être un peu cohérent avec ça. Ensuite, le dernier point dont je voudrais parler est la topographie La topographie consiste vraiment votre sélection de polices, n'est-ce pas ? Donc, quel est en quelque sorte raisonnement qui sous-tend le choix de la police Et cela va vous dire la police de caractères de Spotify est très minimale. C'est très simple. Rien d'élégant. Ce n'est pas vraiment un script super sophistiqué qu'ils utilisent au bon endroit. C'est juste une police très normale qui fait passer l'idée. Je veux parler de façon dont ils l' utilisent dans ce cas. Donc, si nous y regardons bien, vous remarquerez que, dans cette façon, nous utilisons la police et la topographie, nous avons ce sens du titre et nous avons cette innocence de sous-copie Et tu peux l'appeler comme tu veux. Vous pouvez dire qu'il s' agit d'une copie principale. C'est secondaire. On pourrait dire qu'il y a un sourcil en gros titre. Il existe de nombreux termes différents pour l'appeler comme vous voulez. Mais la façon dont nous utilisons cela dans ce que nous faisons ici est essentiellement que le titre est le titre, n'est-ce pas ? C'est un titre, mais c'est aussi le titre de la chanson. Et puis la suivante, la sous-copie est essentiellement l'auteur ou l'artiste. Dans ce cas, il s'agit de l'artiste, ou de l'artiste et la personne figurant sur cet album ou cette chanson. Ils ont donc ce titre principal, qui ressemble probablement à une police moyenne. C'est la couleur blanche unie complète. Et puis vous avez la sous-copie qui ressemble à une couleur blanc cassé, peut-être un gris ou quelque chose comme ça Et puis c'est un peu plus petit. Très souvent vous voulez avoir cette raison laquelle vous utilisez cette police, différentes zones de cette hiérarchie visuelle. Vous voulez vous assurer que vous communiquez votre idée et que vous expliquez ou justifiez pour laquelle vous l'avez créée de cette manière. Dans ce cas, ils ont un titre qui communique le titre de la chanson ou de l'album, ou les plaquettes ou la section ? Ou avez-vous la copie secondaire ? La sous-copie peut être simplement une information ou elle peut être une copie de sous-classe, ce twister La sous-copie peut uniquement être l'artiste. Assurez-vous donc d' avoir une sorte de justification pour laquelle vous utilisez cette police à cet endroit précis. Et puis je tiens également à souligner que la hiérarchie contribue vraiment à construire l' infrastructure ici, d'accord ? Vous devez vous assurer que vous prêtez attention aux actions. Vous devez vous assurer que vous faites attention au poids de la police, la taille et à la structure. quoi, sur quel type d'informations mettez-vous l'accent ? OK. Vous devez donc prendre en compte de nombreuses choses en ce qui concerne la topographie de n'importe quelle interface utilisateur, qu'elle soit Web ou mobile. OK. Cela dit, passons à la vidéo suivante où nous allons parler de la navigation et de la façon dont Spotify constitue essentiellement un bon système de navigation. 7. 7Créer un système de navigation sans faille et intuitif pour une exploration musicale facile :: Dans cette section du cours, je veux parler de la facilité de navigation, d' accord, et de leur apparence accord, et de leur apparence Je sais que nous en avons déjà parlé, par exemple au début, mais je voudrais en parler un peu plus en abordant quelques points que je veux montrer, en particulier dans cette petite section ici Je vais donc saisir ce filtre. Je vais partir à la recherche. Ensuite, il va rechercher les modèles d'écran de Spotify, le premier. L'une des choses que vous remarquerez, c'est que lorsque vous effectuez une recherche dans Spotify, de nombreux éléments apparaîtront pour vous. Dans ce cas, vous avez cette expérience sous forme d'onglets, n'est-ce pas ? Vous avez une navigation par onglets similaire à celle dont nous avons parlé plus tôt, qui ressemble aux onglets qui ressemblent à la recherche par domicile, profil de votre bibliothèque, etc. Mais dans ce cas, vous avez ces onglets réguliers qui contiennent certains éléments ou expériences dans cet onglet initial. OK, donc c'est très important et Spotify le fait très bien. Pendant que vous recherchez, vous avez des liker pour vous, vous avez tous les événements qui vous intéressent. Mais pour aller encore plus loin dans Jilin, vous avez une section où vous tapez Taylor, n'est-ce pas ? J'ai saisi Taylor Swift dans ce cas. Et comme tous les artistes, vous avez des playlists, des chansons, des albums, etc. Il s'agit essentiellement d' une autre partie de l'expérience qui vous permet approfondir et de filtrer les éléments spécifiques que vous souhaitez rechercher, en l'occurrence, pour Taylor, n'est-ce pas ? Donc si je tape sur tout, tout s'affichera. L'artiste Taylor Swift va montrer les plaquettes sur lesquelles figure Taylor Swift Ça va montrer les albums, les chansons de Taylor Swift, chansons ici, non ? Spotify le fait donc très bien parce qu'ils ont tout organisé comme vous le souhaitez, n'est-ce pas ? Maintenant. À première vue, cela peut être un peu bouleversant parce qu'ils ont beaucoup de choses à l'écran. Ce n'est pas nécessairement une très belle expérience. Je ne veux pas dire que c'est une mauvaise expérience. C'est génial. Parce que ce qu'ils font, c'est qu' ils essaient vous faciliter le filtrage et la recherche, n'est-ce pas ? Mais l'autre point, c' est que c'est comme si c'était contradictoire parce que les choses deviennent un peu lourdes. Parce que ce que vous regardez augmente la charge cognitive des objets. Cela vous fait réfléchir davantage. Cela vous fait recommencer, fait vous méfier un peu des choses qui s'affichent à l'écran parce qu' il se passe tellement de choses. Mais quand il s'agit de cela, c'est pourquoi, en tant que designer ou personne qui comprend le fonctionnement de ces concepts, voulez-vous faire preuve de diligence raisonnable plutôt qu'un tordu de langue ? Faites preuve de diligence raisonnable pour vous assurer d' avoir un design épuré. Spotify s'en est très bien sorti. OK. Encore une fois, c'est bon et mauvais à la fois et c'est ce que j'essaie de dire, c'est bien qu'ils créent sa formidable expérience, qu'ils créent des choses très propres et qu'ils disséquent toutes ces informations qu'ils s'en sortent vraiment bien dans ce qu'ils s'en sortent vraiment bien dans Mais encore une fois, lorsque vous avancez dans une partie du cycle de vie d'un produit lorsque vous effectuez ces mises à jour et autres éléments de ce genre, vous comprenez et souhaitez améliorer les choses . Vous créez toutes ces différentes fonctionnalités pour améliorer les choses. Mais vous ajoutez également d'autres fonctionnalités parce que vous le souhaitez, vous voulez que votre application s'épanouisse. Vous souhaitez améliorer votre application. Vous voulez que les utilisateurs surveillent ces mises à jour et créent une meilleure application. Mais le problème, c'est de savoir comment mettre toutes ces informations, tous ces différents éléments dans Yap Cela fait partie du travail des concepteurs d' expérience utilisateur qui consiste à s'assurer que tout cela a du sens du point de vue hiérarchique, du point de vue de l'architecture de l'information, et devinez quoi ? Du point de vue du design visuel. OK, c'est très important. Très bien, je voulais juste parler un peu de cela et de certaines des différentes choses qui ont du sens pour Spotify. Quoi qu' il en soit, ce sera une courte vidéo, mais je voulais juste parler avec eux de la recherche et de la hiérarchie des éléments lorsqu'il s'agit de rechercher ces articles Dans la vidéo suivante, je vais donc parler de l'analyse commandes de lecture des applications, de l' optimisation de l'expérience utilisateur et de la façon dont cela fonctionne essentiellement 8. Analyser les commandes de lecture de l'application et optimiser l'expérience utilisateur: Grâce aux commandes de lecture de Spotify, ils constituent une expérience mémorable ce qui signifie qu'ils sont courants Rappelez-vous que nous avons parlé d'iconographie. Eh bien, avec les commandes de lecture, elles sont assez courantes Vous pouvez le trouver n'importe où. Vous pouvez aller sur YouTube, vous appuyez sur Play. Et il fait la même chose. Vous appuyez sur la barre d'espace, une partie de l'interaction avec la conception de l' interaction informatique Cela fait partie de cela, c'est un tout autre domaine en soi. Mais juste pour vous donner une mise à jour rapide , cela fait également partie de cela. Ainsi, lorsque j'appuie sur la barre d'espace, lorsque vous êtes sur le point d'espace, entre guillemets, lorsque vous désactivez un espace de la page Web ou où que vous soyez sur Spotify, vous appuyez sur la barre d'espace qui devrait être capable de jouer lorsque vous désactivez un espace de la page Web ou où que vous soyez sur Spotify, vous appuyez sur la barre d'espace qui devrait être capable C'est la même chose avec YouTube ou toute autre plateforme vidéo, non ? Elles sont très courantes. C'est donc en dehors de l'interface. Cela ressemble plus à un aspect tangible, une conception d'interaction tangible. Mais à cet égard, les commandes de lecture sont très courantes Ils font en sorte que les choses soient très simples. Et ils ont aussi certaines commandes que vous devez un peu comprendre. Ce n'est pas nécessairement une mauvaise chose, mais quand il s' agit nouvelles commandes et de choses que vous voulez comprendre. Par exemple, quand il s' agit de petites flèches juste ici, ce croisement entre elles et de cette petite icône juste ici. Le fait est qu' à première vue, vous ne savez peut-être pas ce que cela fait. Hein ? Et puis en plus de cela, lorsque vous appuyez dessus, je crois que vous pouvez appuyer dessus deux ou trois fois. Et c'est un peu comme une option de lecture, une partie de la façon dont vous souhaitez écouter votre musique, non ? Mais lorsque vous appuyez dessus une autre fois, une autre icône apparaît, comme un petit plus ou un chiffre. Un numéro s'affiche également. Donc c'est comme si je voulais jouer ça ou mélanger ça une ou deux fois ou des choses comme ça Le fait est que ce qu'ils font, c'est vous donner plus de contrôles, cadre de cette expérience commune. Mais parfois, vous devrez appuyer dessus pour le comprendre. Ou bien souvent, ce que nous sommes, ce que vous voulez faire, c'est autoriser l'utilisateur à appuyer longuement si c'est sur le téléphone dans une application mobile. Pour le mettre comme une sorte de pointe d'outil. Et une infobulle revient à vous donner des informations sur le rôle de cet élément. Donc, ce que vous pouvez faire, c'est appuyer longuement sur le téléphone, puis une infobulle apparaîtra et vous indiquera comme si elle contrôlait la lecture ou mélangeait l'intégralité de votre playlist, n'est-ce pas contrôlait la lecture ou mélangeait l'intégralité de votre playlist, intégralité de votre Ou lorsque vous êtes sur un ordinateur, vous pouvez simplement passer le pointeur de la souris, sans appuyer dessus Vous pouvez survoler l'icône et une petite info-bulle apparaît généralement. C'est donc parfois bien de le faire. Mais dans ce cas, ils gardent un minimum, ce qui en fait un bon design. Et ce n'est pas très, très choquant où c'est vraiment confus pour les gens s'ils ne voient tout simplement rien, je ne sais pas à quoi ça sert vous suffit de taper dessus et vous comprendrez ce qu'il fait lorsque vous écoutez votre musique ou autre. Et puis en plus de cela, nous avons parlé de typographie et d'iconographie. Encore une fois, vous voulez que le design de l'icône indique clairement à quoi elle sert ? Donc, dans ce cas, avec le langage visuel qu'ils décrivent ici, c'est que les flèches sont interconnectées ou se croisent Cela signifie que je veux mélanger ma prochaine chanson, non ? Donc, les flèches qui vont vers la droite que la chanson suivante va se mélanger dans vos plaquettes Donc tu veux être clair là-dessus. Mais encore une fois, pour faire court. Spotify communique un langage de conception commun, ses commandes de lecture, qu'il s'agisse appuyer ici pour faire une pause ou pour lire Dans ce cas, c'est en train de jouer. Il suffit donc d' appuyer dessus pour le mettre en pause. Dans ce cas, ce qu'ils communiquent c' est que pendant que je joue, quand je tape dessus, c'est un peu comme une préfiguration Préfigurer la prochaine interaction ou la prochaine étape Dans ce cas, alors que la musique joue, ce qui est le cas, je veux appuyer dessus pour la mettre en pause. Une fois que je l'aurai fait, cela se transformera en une sorte d'erreur ou de triangle. Je ne sais pas si je peux le trouver dans cette expérience, mais ce serait là. Tellement semblable à ceci, ça va changer en ça. OK. Très bien les gars. Dans la vidéo suivante, je veux donc parler de l'importance de leur système de recommandation personnalisé 9. Discuter de l'importance des recommandations personnalisées et de la façon dont Spotify y parvient: Très bien, parlons de leur système de recommandation personnalisé Maintenant, avec Spotify, ils peuvent notamment les répertorier sur la page d'accueil. Essentiellement. C'est un peu comme si vous utilisiez la plateforme et que les continents faisaient des économies Comme l'enregistrer dans une playlist ou même Harding. Vous tapez sur une chanson ou vous regardez, vous écoutez une chanson et vous l'avez entendue, non ? C'est un peu comme Instagram où vous appuyez deux fois pour aimer une publication Dans ce cas, vous aimez une chanson et vous l'avez entendue. Dans ce cas, cela revient à l'enregistrer dans un endroit où vous pourrez le consulter plus tard Spotify possède un système de recommandation similaire qui peut ressembler un code principal qui se déclenche lorsque vous enregistrez du contenu Il recommande que les chansons que vous écoutez sur Spotify le fassent souvent. Vous pouvez donc également voir sur la gauche qu'il y a les chansons similaires. C'est donc là que vous le trouverez essentiellement. Mais sur la page d'accueil, ils ont les articles qui vous sont recommandés. Et c'est plutôt une question de back-end. Vous n'avez pas nécessairement à vous inquiéter à ce sujet. Mais en tant que designer, en tant que client, vous voulez décrire ce que vous voulez sur cette page d'accueil. Et vous voulez aussi comprendre ce que veulent les gens. Maintenant, il s'agit en quelque sorte de faire cette recherche initiale et comprendre ce que recherchent vos utilisateurs finaux. Vous pouvez créer une sorte d'expérience personnalisée sur la page d'accueil en fonction de ce que les gens veulent ou de ce qu'ils aiment. Sans qu'ils aient à revenir et à trouver ces informations manuellement, vous fournissez ce système de recommandation dès le départ afin qu'ils puissent continuer à écouter Cela ressemble plus à une sorte de mise à jour que vous pourriez faire. Une partie de ce que les gens peuvent aimer. Disons que si vous faites une sorte d'interview avec des gens et que quelqu'un vous dit, eh bien, je veux dire, j'aime bien un système de recommandation selon lequel d'autres chansons font partie des artistes que j'aime. Vous pouvez peut-être recommander des artistes, des artistes qui font partie de mon compte et que j'aime bien ou les chansons que j'ai écoutées pour fournir un système de recommandation Tous ces artistes que j'aime ou qui proposent un système de recommandation de chansons que je pourrais aimer écrire. C'est donc ce que Spotify suit. C'est également un aspect important de la création d'une expérience utilisateur robuste adaptée au mot clé correspondant, adaptée à votre utilisateur final Dans la vidéo suivante, je vais donc parler de certaines fonctionnalités sociales de Spotify. Ils proposent également des fonctionnalités sociales ou collaboratives similaires dans l'application. 10. Partage social: Très bien les gars, nous allons examiner certaines fonctionnalités de partage et de collaboration au sein de Spotify. Donc, en ce qui concerne Spotify , vous pouvez notamment partager. Je vais faire sur le mobbing en recherchant le filtre de partage par modèle d'écran de partage Et ce que vous pouvez faire avec Spotify. C'est un peu comme partager cette playlist. Vous pouvez partager une chanson. Vous pouvez partager les plaquettes que vous avez créées et collaborer avec quelqu'un d'autre. Et je l'ai déjà fait, c'est plutôt cool. L'un de ces aspects du partage au sein de votre application est donc la possibilité d'attirer davantage de personnes sur votre plateforme. Ainsi, non seulement vous partagez certains de ces aspects de votre application, mais vous donnez à d'autres la possibilité de participer à l'ajout de nouvelles personnes à la plateforme. Maintenant, cela signifie que si vous avez une application que vous essayez de créer, si vous êtes chef de produit ou autre et que vous avez besoin d'une sorte de fonctionnalité vous permettant de partager quelque chose, n'est-ce pas et que vous avez besoin d'une sorte de fonctionnalité vous permettant de partager quelque chose, n'est-ce Eh bien, techniquement, ce que vous partagez est comme ce lien profond. D'accord ? Maintenant, laissez-moi vous expliquer cela très rapidement. Donc, ici, vous avez comme ces liens. Ce sont des liens simples, non ? Évidemment, cela peut devenir très complexe avec les valeurs ici, mais il s' agit d'un lien en haut Maintenant, disons que si vous avez des éléments sur la page, par exemple, j'utiliserai mob et, par exemple, je veux partager, je ne veux pas partager ce lien parce que je peux partager un lien vers exactement cette page Mais ce que je veux faire, c'est partager, sur cette page, ce flux où il est dit comme copier un lien vers une playlist. Je veux partager ce flux avec quelqu'un. Je vais donc ici pour télécharger et partager Plus d'options. Et je peux copier le lien flottant. Cela revient évidemment à copier le lien de flux. Mais c'est du deep linking, non ? Il copie ce lien profond. Vous établissez essentiellement un lien profond avec quelqu'un. Je copie donc ce lien, qui est techniquement un lien profond. Et je le donne à quelqu'un qui, si je le colle ici, je retrouverais le flux initial. Alors j'ai juste créé un lien profond. Donc, ce que cela signifie Spotify, c'est que si je vais sur Partager et que je copie le lien, je suis profondément attachée à quelqu'un, n'est-ce pas ? Mais tout cela pour dire que si je veux inciter davantage de personnes à rejoindre mon application, j'incite davantage les gens à partager la plateforme. Et cela donne en quelque sorte un sentiment de collaboration ou l'impression que vous pouvez tirer le meilleur parti de l'application si vous invitez plus Vous pouvez donc en quelque sorte fournir une sorte d'incitation. Par exemple, si vous partagez cette playlist avec un ami, parce que cet ami va rejoindre votre plateforme. Cela signifie plus d'affaires pour vous. Cela signifie que vous êtes en train de réussir. Si cet ami rejoint la plateforme et qu'il s'inscrit, vous pouvez lui offrir une sorte d'incitation. Disons qu'ils redirigent la personne qui a partagé le lien vers Deep Linked, n'est-ce pas ? La personne qui est profondément incitée à le faire bénéficierait d' une réduction de 5$ sur le prix de l'abonnement si elle s'abonnait à Spotify, n'est-ce pas ? L'un des moyens utilisés par les utilisateurs pour attirer plus de personnes sur la plateforme est donc les utilisateurs pour attirer plus de personnes sur la plateforme d'offrir une sorte d'incitation en partageant des liens profonds Ils offrent une incitation parce qu'ils partagent ce lien ou qu'ils partagent la plateforme. Et lorsque vous incitez davantage de personnes à télécharger, c'est mieux pour votre entreprise. C'est donc une décision commerciale qui est vraiment bonne. Si vous souhaitez réellement concevoir une application ou créer une application, vous souhaitez consulter vos développeurs pour savoir comment cela pourrait fonctionner et comment cette stratégie devrait fonctionner, n'est-ce pas ? C'est donc l'une des tactiques que les gens utilisent et c'est un bon moyen pour votre plateforme de devenir plus populaire. Vous autorisez les gens à partager quelque chose avec d'autres personnes et les incitez quelque peu les incitez à partager la plateforme. Mais cela dit, ce que vous pouvez partager sur Spotify via un lien profond , c'est une playlist, une chanson ou autre. Et vous pouvez également intégrer les plaquettes. Et il s' agit essentiellement de les intégrer lorsque nous avons un écran ici Mais il s'agit essentiellement d'intégrer la playlist ou autre sur un autre site Web ou autre afin que vous puissiez copier le Ensuite, dans d'autres applications ou blogs, vous pouvez y intégrer l'intégralité de la playlist, afin qu'elle affiche entièrement cet écran sur ce site Web Donc c'est plutôt cool. Pour le tester, il suffit d'aller sur YouTube et de partager une vidéo YouTube. Et ils ont également des options d'intégration. Il vous donne simplement une sorte de code, qui est du HTML. Vous pouvez copier ce code et afficher sur un autre site Web ou une autre page Web. Donc mais oui, c'est vraiment oui, je voulais juste partager Spotify, je voulais juste partager Spotify est-ce que c'est la fonctionnalité de partage et la collaboration ? Je veux dire, si vous deviez partager ou si vous pouvez partager votre playlist avec quelqu'un d'autre. Et puis, techniquement, cela revient à les inviter à rejoindre cette playlist et ils peuvent faire ce qu'ils veulent. Je peux ajouter des vidéos, je peux ajouter des sortes de vidéos sur Spotify. Ils peuvent ajouter de la musique, ils peuvent ajouter tout ce dont ils ont besoin. Il suffit donc de modifier la playlist pour créer ce sentiment de collaboration au sein de votre playlist avec votre famille ou vos amis. Mais le plus important, c'est de pouvoir le partager. Et je voulais partager cette tactique avec vous parce qu'elle est très utile, surtout lorsque votre application est toute nouvelle. Ou vous voulez simplement rendre votre application un peu plus populaire, autoriser les utilisateurs à partager un lien. Et une fois qu'ils ont obtenu ce lien, demandez-leur de télécharger l'application. Ensuite, ils peuvent s'inscrire. Une fois qu'ils se sont inscrits pour effectuer le suivi, vos développeurs entrent en scène et disent qu'une fois qu'ils ont suivi le processus de connexion, la personne qui a envoyé ce lien à l'origine devrait bénéficier de l'incitation Hein ? Maintenant, encore une fois, je donnerais les deux incitations, une sorte d'incitation à la fois à la personne qui a envoyé le lien et à la personne qui s'est inscrite, n'est-ce pas ? Cela encourage donc les gens à poursuivre ce processus. Offrez-leur 10 % de réduction, 5 % de réduction, 2$ de réduction sur l'abonnement ou autorisez-les à utiliser une plateforme. abonnements sans abonnement, sans payer pendant environ une semaine, non ? Donnez-leur leur période d'essai, des choses comme ça. Hein ? J'espère donc que dans la prochaine vidéo, nous parlerons de recherche. Ça va, les gars ? 11. Examiner la fonctionnalité de recherche de l'application et les meilleures pratiques pour une découverte musicale efficace: Dans cette vidéo, nous allons parler un peu de la recherche au sein de l'expérience Spotify. Ainsi, lorsque vous accédez pour la première fois à l'onglet Recherche, vous avez la possibilité de voir toutes ces différentes catégories d'éléments que vous pouvez explorer pour avoir une meilleure idée de ce que vous recherchez, n'est-ce pas ? Vous avez toutes ces catégories dans l'onglet initial de la recherche, n'est-ce pas ? Dans l'onglet de navigation, vous avez la fonction de recherche, puis vous avez toutes ces différentes choses que vous pouvez, que vous pouvez trouver, n'est-ce pas ? Une fois que vous l'aurez cliqué, il s' affichera avec un tas de contenus Donc, en ce qui concerne la recherche, la recherche dans Spotify, ce qu'ils font ici est évidemment comme si j'en ai déjà parlé, mais vous pouvez rechercher Taylor, par exemple, et vous obtiendrez ces résultats qui de Taylor et qui sont probablement conçus comme le plus grand artiste. Elle pourrait donc d' abord trouver l' art de Taylor Swift pour être exact. Mais elle pourrait s'arrêter en premier. Cependant, vous devez suivre les meilleures pratiques en matière d'expériences de recherche lesquelles vous pouvez avoir un moyen d' examiner les différents mots clés, comme utiliser des balises, c'est utiliser des mots clés. Recherche sur Azure. Dans ce cas, il s' agirait de dix Swift, chansons, différentes catégories en ce que vous avez recherché. Mais par exemple, nous allons utiliser Taylor et dans ce premier cas. Ainsi, lors de la recherche, lorsque des éléments sont renseignés, vous souhaitez faciliter la tâche de l'utilisateur final afin que ce soit les éléments qu'il recherche dans le menu Mais vous voulez deviner ce que les gens veulent rechercher. Ainsi, par exemple, dans ce cas, j'ai saisi Taylor, ce qui peut s'afficher. Ce n'est donc pas l'occasion idéale pour vous de faire une sorte d'entretien avec des personnes afin comprendre, par exemple, et si je cherchais quelque chose ? Qu'est-ce qui a du sens pour toi ? Par exemple, que recherchez-vous et que pensez-vous du pull-up Et en plus de cela, vous appliquez également meilleures pratiques à tous les niveaux. Cela signifie que vous faites diligence raisonnable en examinant d' autres applications et en effectuant une sorte d' analyse comparative avec d'autres produits. Et il ne doit pas nécessairement s'agir un autre concurrent de Spotify ou d'une alternative à Spotify. Vous n'êtes pas obligé d'aller sur Apple Music et de faire une recherche, ce qui serait très utile en fait Mais ce que j'essaie de dire, c'est que nous avons ici une fonction de recherche. Il est donc très important de faire des recherches sur les meilleures pratiques en matière de recherche. Utilisez-vous des tags ? Comment fonctionne une fonction de recherche ? moment où vous commencez à le saisir, comment fonctionne cette interaction ? Qu'est-ce qui s'arrête ? Y a-t-il de l'animation ? Comment cela fonctionne-t-il sur l'affichage de bureau, affichage du site Web et comment je travaille dans l'application mobile ? Ce sont donc certaines choses que vous voulez rechercher lorsque vous le saisissez. Par exemple, sur un site Web. Cela ressemble exactement à ça. Cependant, regardons les choses du point de vue des applications mobiles. C'est très différent, non ? Ainsi, lorsque vous effectuez une recherche, c'est la même chose dans la barre de recherche. En fait, tu y vas et tu me laisses supprimer ça très rapidement. Mais vous y allez, vous tapez dans la barre de recherche et vous avez toujours le curseur. Et tu peux juste taper Willy Nilly, mais les choses apparaissent, non ? On me l'a demandé, Google, Google Chrome. Mais pour Spotify, s' il n'y a rien, j'ai toujours ces textes d'aide, qui ressemblent à des lieux de recherche C'est ce que nous appelons un texto d'aide. Il oriente les gens vers ce qu'ils veulent. Ils peuvent potentiellement rechercher une sorte d'aide. C'est ce que tu veux. Mais vous avez comme celui-ci des textes d'aide dans le champ de saisie de la barre de recherche. Mais comme cela se trouve dans l' application de votre téléphone, vous voulez que les utilisateurs puissent taper. Donc, dans ce cas, dans l'expérience, nous ouvrons ou invoquons le clavier Et ce que nous dirions, c'est comme si les développeurs appelaient simplement le clavier ou invoquaient le clavier du exploitation ou du système d'exploitation Cela signifie que si vous avez une application pour iPhone, vous avez une application pour Android. En gros, lorsque je tape sur le clavier, je dis assurer que nous ouvrons ou que nous invoquons le clavier du système d'exploitation Assurez-vous de lever le clavier de l'iPhone, assurez-vous de mettre le clavier Android. Quel que soit le téléphone que vous utilisez, il devrait être capable de l'afficher. Mais ce n'est pas le cas sur les sites Web ou sur les plateformes de bureau sur un ordinateur, parce que, évidemment , votre ordinateur est équipé d'un clavier, ou en supposant qu'il est connecté à un clavier pour que vous puissiez taper. Cela dit, vous voulez examiner les meilleures pratiques, vous voulez voir comment nous utilisons une expérience de recherche. Comment cela interagit-il dans le cadre d'une expérience interactive à partir de différentes plateformes ? À quoi ressemble-t-il ? Bien, avec tout cela à dire, passons à notre dernière vidéo où nous allons examiner le processus d'intégration 12. Créer une expérience d'intégration fluide et engageante pour les nouveaux utilisateurs: Très bien les gars, nous y sommes enfin arrivés. Nous en sommes à la dernière vidéo du cours. Allons-y. Il s'agit donc dans un premier temps du processus d'intégration. Techniquement, l'intégration se : comment s'inscrire, comment qualifiez-vous cela d'authentification Comment s'authentifier dans l'application, s'inscrire, se connecter, créer un compte, C'est la même chose. Comment faites-vous cela ? Vous voulez le rendre fluide, aussi fluide que possible. Vous voulez le rendre fluide et ne pas le prolonger Les gens ne détestent pas les longs processus d'intégration, n'est-ce pas ? Dans ce cas, nous allons suivre processus d'intégration de Spotify Et lorsque vous avez Spotify, vous pouvez consulter la plateforme gratuitement et sans authentification, ce qui signifie que je ne suis pas connecté Dans ce cas, je peux voir toutes ces informations, mais si je clique sur quelque chose, se peut que je doive me connecter ou qu'il y ait une sorte de limite. Il existe donc des tactiques spécifiques qui font partie de la façon dont vous souhaitez que votre entreprise fonctionne. Voulez-vous que les gens tapent sur quelque chose ? Voulez-vous qu'ils écoutent de la musique pendant un jour ou deux avant de devoir se connecter ? Ou voulez-vous que les gens écoutent toute la musique ? Par exemple ? Voulez-vous qu'il écoute toute la musique, mais que vous écoutez pour en ajouter à un moment donné Supposons, par exemple, que je sois désabonné, ce qui est en fait le cas aujourd'hui Ce qu'est Spotify si j' écoutais deux ou trois chansons, la chanson suivante que j'ai écoutée dans le flow ou dans la séquence, j'ai écouté une annonce et que l'ajout que ma vie pourrait perdre peut durer de deux à trois minutes. Ensuite, je recommencerai à écouter les chansons que j'écoute. Cela dépend donc de la manière dont vous voulez vous y prendre. Je pense qu'ils ont une excellente stratégie pour vous faire découvrir Spotify. Et puis ils peuvent en quelque sorte promouvoir ces différents aspects de l'inscription gratuitement, sans avoir à s'abonner. Mais le fait est qu'ils veulent que vous soyez authentifié afin que vous puissiez avoir votre propre compte, afin que vous puissiez enregistrer des choses Mais pour gagner de l'argent, ils ont des publicités et ils ont aussi un abonnement. Donc, dans l'ordre, une fois que vous vous êtes abonné, devinez quoi ? Plus aucune publicité. Parlons donc un peu de l'intégration, de l'inscription et d' autres choses de ce genre Donc, lors de l'intégration, encore une fois, vous devez examiner les meilleures pratiques. Comment s'y prennent les autres applications ? Dans ce cas, ils ont tout ce qu'il faut pour s'inscrire facilement. D'accord. Alors inscrivez-vous avec Facebook. Il vous suffit de vous connecter à votre compte Facebook. C'est super simple quand on s'inscrit facilement avec Google, pareil. Vous vous connectez à votre compte qui est actif pour votre compte Google. Et c'est un flux rapide et rapide. Le problème, c'est que l'objectif de ces boutons situés en haut est de permettre aux utilisateurs de se connecter plus facilement sans avoir à créer un mot de passe distinct de celui de Google ou de Facebook. Donc, idéalement, je voudrais avoir quelque chose comme ça, mais vous pouvez quand même donner la possibilité d' avoir un e-mail et un mot de passe distinct au cas où les gens le souhaiteraient Mais grâce à Google et à Facebook, il est sécurisé et il est fiable contre toute sécurité. Et la confiance est un facteur important lorsque vous créez ces applications, ainsi que la sécurité et la confiance. inscription à Google est donc rapide, facile et sécurisée si les gens lui font confiance. Il est donc très courant de voir s'inscrire avec Google, continuer avec Google, continuer avec Apple. Vous pouvez le voir sur l'application. Laisse-moi te le montrer très rapidement. assez courant de constater que Il est assez courant de constater que, comme il s' agit d'un iPhone et non d'un Android, vous verrez probablement continuer avec Apple. Encore une fois, c'est fiable, c'est sécurisé. Et vous n'avez pas à vous soucier d'ajouter un tout autre mot de passe C'est probablement le plus gros problème du secteur, c'est que les gens ont des e-mails et des mots de passe et que nous ne nous souvenons pas de nos mots de passe. Donc, le fait de les faire continuer avec des objets vous donne cette capacité. Cependant, si vous vous inscrivez gratuitement et qu'ils bien conçu pour que vous n'en ayez pas trop à l'écran. C'est minimal, mais vous aurez probablement plus d'écrans à regarder. Et ce n'est pas grave. Vous êtes sur un téléphone, c'est un appareil plus petit par rapport à l'écran par rapport à un écran de bureau. Désolée Dans ce cas, vous vous inscrivez gratuitement, très probablement, accédez à votre adresse e-mail. Et voilà. Donc, si vous appuyez sur S'inscrire gratuitement. S'inscrire. Inscrivez-vous gratuitement. Vous oui, gratuitement. Le café, c'est un peu bizarre, mais inscrivez-vous gratuitement. Vous verrez quel est votre e-mail que vous avez saisi dans votre e-mail, puis vous devrez saisir votre mot de passe à un moment donné. C'est la partie du processus d' intégration qui s'y rapporte. Donc, afin de savoir qui utilise votre plateforme, il est bon de se poser différentes questions, par exemple : qui utilise votre plateforme ? Quel est l'âge ? Quel est le sexe, féminin, masculin et non binaire. Vous, vous avez ces options. C'est aussi l'accessibilité. C'est en quelque sorte rendre votre plateforme plus accessible à d'autres personnes, non ? Vous avez donc des femmes, des hommes non binaires qui préfèrent ne pas dire que cela rend l' utilisation de la plateforme plus accessible à d'autres personnes Et elle s'adresse également à ces groupes, ce qui est une bonne chose pour l'entreprise de le faire. Alors tu as comme ton nom. Donc tu veux en faire un compte qui t'appartienne. Comme Quel est ton nom ou ton nom d'utilisateur pour pouvoir y mettre n'importe quoi. OK, alors souvenez-vous que l'essentiel ici est qu'une partie de l' intégration doit être fluide. Et vous devez faire preuve de diligence raisonnable en examinant autres produits, leur mode de restauration et leurs flux d'intégration D'accord ? Vous voulez également qu'ils disposent d' un processus d'authentification simple. Vous vous souvenez, nous avons parlé d'authentification, d' inscription, de connexion , etc. Assurez-vous donc qu'il est fluide. Vous souhaitez également avoir des commentaires. Ainsi, par exemple, si je me connecte avec mon adresse e-mail ou mon mot de passe, quoi cela ressemble-t-il si je saisis des caractères qui ne fonctionnent pas ? Qu'est-ce que je mets dans le mauvais e-mail ? À quoi cela ressemble-t-il ? Laissez-moi vous donner un exemple. Sur le monde. Il y a un exemple ici, pas sur l' application mobile, mais ici. Si je ne l'ai pas fait, si je clique simplement sur S' inscrire et que je n'ai rien saisi pour mon anniversaire, vous avez besoin de ces informations. À quoi cela ressemble-t-il s' il y a une sorte d'état d'erreur ? C'est un peu comme donner un feedback à l'interface utilisateur en disant : «   Hé, tu dois le mettre dedans, sinon c'est faux » Donc, si vous entrez un mot de passe fou, cela ne fonctionne pas, peut-être selon des règles spécifiques à ce sujet. Peut-être que tu n'as rien mis pour le nom. Par exemple, comment puis-je t'appeler ? Ce qui ressemble le plus à ce que tu dois mettre dans quelque chose. À quoi cela ressemble-t-il ? Dans ce cas, ils ont une sorte d'erreur, un état d'erreur. Vous voulez donc y jeter un coup d'œil. Et je suggère de taper « air est resté sur Mob » quand j'allais sur la principale, que j'allais sur les écrans, que j' ajoutais un filtre et que je faisais de l'air Il va donc s'afficher avec tous ces différents états aériens. Sympa, non ? Cela dit, j'espère que cela vous a aidé. Nous avons consulté Spotify et certaines de mes autres vidéos. C'est vraiment ce que nous allons faire ici. Nous allons décortiquer certaines de ces applications et les examiner du point de vue de l'interface utilisateur, de l'interface utilisateur, du point de vue de l'expérience utilisateur, et vous donner un aperçu de leurs décisions de conception à tous les niveaux, n' vue de l'interface utilisateur, de l'interface utilisateur, vue de l'expérience utilisateur, et vous donner un aperçu de leurs décisions de conception à tous les niveaux, Donc, une partie de tout ça pour vous laisser quelque chose. Je vais vous le laisser sous forme de document PDF à télécharger. Et l'un de vos devoirs serait de laisser un avis. Parce que, évidemment, je veux m'améliorer en tant que professeur et laisser un avis, car cela m'aidera à m'améliorer dans certains contenus dont j'ai déjà parlé. Alors Lieber regarde cette vidéo, pose des questions et je ferai en sorte de te répondre Posez des questions qui peuvent même vous assurer de poser des questions ouvertes à. Je peux vous poser une longue question ou même une courte réponse. Donc, tant que vous posez des questions et que vous soyez également précis à ce sujet, ou sur quelque chose que vous voulez apprendre. Peut-être son patron Spotify, ou peut-être qu'il s'agit simplement la conception d'applications ou du développement. C'est peut-être lié à la façon dont vous pensez qu'ils ont conçu Spotify. Je peux donc être sûr de vous aider à cet égard. Enfin et surtout, assurez-vous de sortir, de regarder les autres produits et de les disséquer vous-même. Évidemment, je vais faire des vidéos à leur sujet, mais assurez-vous de décortiquer ces produits vous-même, d'accord ? Alors trouvez un produit sur le marché et disséquez-le. C'est un terme un peu étrange, mais disséquez-le. Très bien, merci les gars. J'espère que cela vous a aidé. Il s'agissait de concevoir l'expérience utilisateur réelle et dévoiler les secrets de l'application de bureau Spotify Merci les gars, je vous verrai au prochain cours.