Le design final de notre application de rencontre !
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- Suivez Sony sur ses réseaux sociaux :
/ sonyrouhaud
Mes tutos et codes sources :
shop.benjamincode.tv
Rejoignez moi sur Twitter :
/ benjamincode
Insta : / benjamincode
Twitch : / benjamincode
Mail : b1jam1code@gmail.com
Partners Manager : Loic Coutal
Merci à Matei Convard qui m'aide dans la direction artistique de ma chaîne : / wutezluv
Merci à son frère Andrei Convard aka Obsimo de m'avoir envoyé ses musiques sans les voix pour que je puisse les utiliser dans le fond de mes vidéos. Allez checker sa musique et abonnez vous à sa chaîne, il est très bon :
• Obsimo - Club Memories...
Les musiques que j'utilise sur la chaîne sont soit :
- de moi (dans de nombreux cas : guitar / saxo / nappes de synthés)
- de Obsimo
- de Luxie (Ilovedyou • Luxie - ilovedyoumybaby )
- de Paradise of Yesterday (paradiseofyesterday.bandcamp....) pour tout ce qui est synth pop
Chapitrage:
00:00 Introduction
00:34 Première version
02:19 Deuxième version
06:00 Deezer nous vole
07:59 La version finale
Il manque un bouton pour écouter rapidement la musique
Peut être à tester : les covers de musiques = format carré et les photos d’utilisateurs = rondes.
Ça permettrait de bien faire la différence et que l’animation soit plus évidente ; c’est mauvais signe pour moi quand tu n’as pas vu que c’était le profil de l’utilisateur au dernier slide. Ça serait aussi plus cohérent avec l’étape de création de profil.
Tout à fait d'accord ça sera corrigé !
Pour la révélations de la personne après les 5 titres ça pourrait être bien que l’image de la personne vienne prendre tout le cadre avec le texte par dessus pour justement différencier la personne des titres
Oui mais du coup comment tu différencies le swipe right pour discard la personne avec le fait de revenir en arrière aux titres ?
@@TheBackwasher tout marche comme avant mon idée est purement esthétique elle ne modifie aucune interaction
Pour la partie match, on pourrait imaginer que le son top 1 du match se lance en arrière plan sur spotify (si faisable). ça rajouterais à l'effet wow du match et ça permettrais de rendre les matchs "uniques"
Non malheureusement ça couperait la musique que tu serais potentiellement en train d’écouter sur un autre appareil, spotify n’autorise pas à ma connaissance, la lecture sur plusieurs appareils simultanés donc ça serait très embêtant
Ca serait sympa de pouvoir écouter les musiques de la personne pendant que l'on scroll et de pouvoir les enregistrer a une playlist Spotify, ajouter un bouton Play et un + a coté du titre / auteur de la musique
Pas sûr de l'effet avec les vinyles qui tournes... C'est un style
ça commence à vraiment avoir de la gueule là j'ai trop hâte de la partie dev HAHAHA
j'aurai mis le logo (le coeur) avec une animation type battement sur l'écran d'accueil, je pense que ça aurai un petit charme !
J'espère qu'on pourra entendre les échantillons des musiques a chaque musique de la personne
Je kifferais trop intégrer une maquette comme ça ! y a de belles animations et ça donne vraiment envie.
Jouer avec des viewTransitions etc le kiffe.
GG à vous
Très curieux de voir comment les fronts vont s'y prendre. En tant que front, je suis un peu en sueur en voyant les maquettes haha, hâte de voir ça
Moi aussi je me pose bien la question ! Depuis le début de la vidéo!
Faut pas que demander les sons préférés mais aussi les albums et surtout LES ARTISTES
Excellent ! Cette série de vidéos m'est d'une utilité salutaire ! J'ai tellement hâte de voir le frontend !!! Est-ce que Sony fera un débrief du frontend avec quelques petites corrections comme Romain a fait avec le back ?
Très sympa le design final. Peut être que je mettrais une forme différente pour la photo de profil d'une personne que les covers d'album pour les différencier car c'est vrai que la photo de la femme, je pensais aussi que c'était un cover d'album au premier coup d'oeil.
Une version finale du design vraiment pas mal. De mon point de vue personnel l'icône 3d de la page "logged in successful" m'interpelle un peu, je trouve qu'il sort de nulle part... Je n'ai pas trouvé d'autres éléments 3d dans l'application dans la présentation. Et deuxième chose, le match avec vinyle je trouve ça un peu too much... Mais dans l'ensemble du bon et beau travail 😊👍 vivement le test
Hâte de Boumboum test cette application. 💓🎵
Un lien pour une re-direction vers la musique serait cool histoire de découvrir rapidement les goûts si l'on ne connait pas l'artiste.
La liste des sons favoris seras t-elle infinie ou vous comptez y mettre une limite par profil ?
Du très lourd comme d'hab les gars !
Mes petites remarques perso :
- Lors du dernier swap quand on affiche la photo de la personne, on a en effet l'impression que c'est encore une musique, peut-être revoir l'animation pour zoomer la photo du haut et venir la superposer pour qu'on comprenne bien que c'est pas une musique.
- On a pas vu dans quel sens il faut swiper pour passer à la personne suivante. Au vu de la stack de cards, il faut swiper vers le haut ? A voir comment
Dernier point, je vais faire une pétition pour que cette appli sorte réellement, ça va être un banger c'est sûr :D
Ca serait sympa des cours qui battent et qui font Boom Boom lors du match ❤💕
ça serait bien d'avoir un bouton "écouter" la musique en question sur l'écran de match
L'écran de match c'est une pop-up indésirable. 😆
sony président !!!!
Trop bien ! Y a un truc qui me questionne : quand on défile les musiques du profil recommandé, ça joue le son en fond ou pas du tout ? Ok c'est déjà cool d'avoir les infos Artiste Cover Titre Album, mais j'avoue que swapper les covers avec en plus un effet de zappeur radio ça serait tellement plus cool en terme l'expérience. Niveau sensation si ça match ou même pour découvrir un titre. Bref c'est une idée, mais une app orientée musique sans musique, c'est pas un peu dommage ?
Je n’aime pas du tout l’écran reveal de Sony.. Globalement du bon travail, bon courage au frontend.
J'aurai aimé avoir eu en tête le concept de l'app plus tôt
Benjamin attention les cernes de CEO commencent à se voir 😊
J’ai hâte de l’utiliser !!! Même si ma copine risque de me tuer, c’est de la veille je considère !
Gros boulot , le lien figma est public ? Ca donne envie de faire une intégration
Ça serai super ah ah
J’espère que vous avez prévu une belle musique de fond quand y’a un match 🎶
Comme dans d'autres videos, je retiens que c'est les collaborateurs fr de l'émission qui rattrapent souvent les propositions des freelances. Si on en tire des conclusions, cela veut dire que lorsqu'on va fait appel à de la main étrangère pas cher, on n'aura jamais un travail fini et même si les dev fr n'ont pas passé beaucoup de temps à reprendre le travail, si tu ramènes cela à leur coût horaire, je me dis que le budget total du projet a au moins doublé !
Est ce qu'il ne serait pas mieux de placer le carousel de façon horizontale afin de garder les mêmes codes que les autres applis de rencontre. Cela rendrait l'expérience utilisateur beaucoup plus agréable d'autant plus qu il pourrait scroll a droite ou gauche a n'importe quel moment. Et cela éviterait de devoir appuyée sur les deux petits boutons pour pouvoir match ou decline.
Tres cool , juste une question si il y a un swipe pour like ou Kill , avec le swipe dans la card ca va pas être un peu chaud. Pas sur que l'utilisateur veuille swipe 3/4 fois to reveal la personne. Petite info mais tinder a déposer son swipe droit swipe left et bouton .. donc ca part direct en procès
Tu peux déposer ce genre de gesture ??
je pense que la gesture est devenu un element tellement puissant de la brand, c'est plus fort que le logo lui meme. c'est connu sur la terre entière donc oui @@BenjaminCode
Lorsqu'on voit les musiques sur un profil ca serait bien un bouton play pour ecouter la musique (ou seulement un extrait) si on ne la connait pas.
Autrement je m'imagine en tant qu'utilisateur de devoir switcher entre l'appli et TH-cam pour ecouter les musiques 🤔
Beau travail !
Je me permets cependant de vous signaler plusieurs fautes sur l'anglais que l'on voit dans le prototypage.
C'est dommage sur une app de cette qualité visuelle qui joue dans la cour des pros : des fautes aussi nombreuses sur des choses aussi basiques la ramènent au rang d'amateur, attention !
No specific => Non-specific
Add favorites songs => Add favorite songs (pas d'accord des adjectifs)
En haut à droite : Matchs => Matches (il n'y a qu'en français où on trouve la version plurielle "matchs" du mot "match")
Un bouton "Retour" (resté en français) qui devrait donc être "Back"
"It's a match !" => "It's a match!" : il ne faut jamais d'espace avant la ponctuation en anglais (deux-points, exclamation, etc..), on ne voit pas bien sur le figma s'il y est ou pas, donc au cas où, ayez ça en tête.
Et enfin le nom de l'app BoumBoum => ça serait en réalité "BoomBoom" en anglais, car "Boum" n'est un mot que français.
Et donc la phrase "Your hearts BoumBoum" serait incompréhensible pour un anglophone. Suggestion a minima "Your hearts BoomBoom", bien qu'une tournure plus idiomatique serait "Your hearts go BoomBoom" (si "vos coeurs font boumboum" est bien le message que vous voulez véhiculer).
La conception technique, la codebase et le design graphique de l'app ont l'air de grande qualité, continuez ! Il faut juste garder à l'esprit que la qualité ressentie par l'utilisateur passe aussi par la perfection linguistique de ce qui est affiché, et toute négligence sur ce point peut irriter assez facilement.
et si je connais pas la zik, comment je fait pour l'ecouter
Quel framework ils utilisent pour faire le front ?
11:51 , c'est en ces moments-là que je me dis que ce n'est peut-être pas trop mal d'être back finalement 😏
Super propre !
Par contre quel est l'intérêt de s'embêter à mettre un effet de hover sur un bouton pour une app mobile ?
Une question : quel a ete le cout de cette prestation ?
Les premiers utilisateurs seront des devs (tes abonnés) qui écoutent du lo-fi et des podcasts toute la journée
Il y aurait pas moyen de se logging avec Deezer aussi parce que seulement Spotify sa restreint un peu
Le design est tellement lourd graphiquement, je vois les problématiques de performance arriver à des kilomètres! Et vu les illustrations, la taille de l'app ne va pas être triste 😂 Vous allez avoir les mêmes problématiques que Fruitz à leurs débuts, j'y mets ma main à couper.
En quoi le projet est different de TURN UP, qui est une appli pour ds matchs musicaux et des battles de playlists ? Bon courage pour l'innovation
Les animations ne vont pas faire trop gonflées le prix final du frontend ? Parceque ça n’a pas l’air easy
Avez-vous pris en compte la question de l'accessibilité ? :)
on en parle de l'app Turn Up ou pas Benji?
Le front est dev en react-native ?
Pour l'instant si je me trompe pas c'est juste du prototypage donc pas encore de code
Heureusement que Sony à bien rattraper le coup (j'espère avoir bien écris son prénom, sinon il deviendra un appareil photo).
Il a bien réussi à reprendre le design et a remettre du contraste.
L'ancienne version a gardé les mauvais délire du freelance, et elle commençait à piquer les yeux à cause des couleurs.
J'adore L'UI. Je me demande juste niveaux UX est ce que c'est pertinent de laisser les points en dessous des images quand tu slides ?
Normalement tu es censés avoir un scroll infini et ne jamais voir la fin.
Pas fan des vinyles pour l'écran de match, ça fait cheap... Toujours pas fan du logo non plus. Sinon, c'est cool. Hâte de voir l'équipe frontend bosser, y a beaucoup beaucoup plus de challenge que pour le backend pour le coup.
no soni est doué
Le match sa colle pas au lieu de deux disques je vois plus 1/2 disque qui rejoins l'autre pour ne former qu'un. Faut que je trouve du time pour proposer. Sinon very Nice job
si vous bossez en design ou en product, cette video va vous declencher vos PTSD : un dev front qui donne son avis H24 et qui est UI-centric #CrisedAngoisse #ripUX #POVDaily
Tout designer se doit d'être UI centric justement, l'ère est au minimaliste, aux design épurés qui accrochent l'oeil que les fioritures chargées qui donnent un aspect peu professionnels, dépassés.
Il y aurait moyen que tu expliques ton point de vue sans être aussi méprisante sur ce qu’on a fait ? Ça serait plus instructif pour tout le monde et permettrait peut être de partager un vrai enseignement…
First let's go ben #boumboum
Ce logo Deezer me fait tiquer quand même. Vous avez utilisé un coeur pour votre application, ce qui est "logique", c'est une application de RENCONTRE. Eux, ont utilisés également un coeur mais je ne vois pas autant l'intérêt.
La typo utilisée est totalement celle de Fortnite (genre vraiment), j'ai été sur le site de Deezer, j'ai modifié via l'inspecteur le mot "Premium", c'est dingue comment ça ressemble à Fortnite (vraiment vraiment).
Mais sinon top l'app BoumBoum !
Une soirée pour tout ça from scratch, avec les animations et tout ? J'y crois pas une seule seconde 😁
Ce n’est pas ce qu’il a dit 👂
@@rob1p si si
@@megajuju2005 « une soirée pour le design et un peu plus pour le proto »
J'aime bien sauf l'animation pour le match... :)
Je trouve le nom boum boum marche super en français, par contre en anglais je suis pas sure…
La nouvelle identité graphique de Deezer c'est de la chiase liquide. Je me suis désabonné du premium et je me suis barré chez Spotify
On dirait badoo!
FIRST !!!
C'est normal mais, je te trouve bien sympa avec ton DA; c'est un peu compliqué quand même. Pas de logo (enfin un qui n'en n'est pas un), la charte est quasi inexistante, aucun branding...
Je ne dis pas ça pour tailler gratuitement, vraiment mais, attendez un peu et faites quelque chose de correct, non ?!
Je suis un peu déçu, j'ai l'impression d'être devant une énième application de rencontre, orientation portrait, swipe des images, une interface tout ce qu'il y a de plus commune aux autres applis de rencontres.
L'exemple de match, on ne sait pas trop comment cela va se passer, est ce que l'on va pouvoir choisir un style de musique avant de choisir les albums favoris ? J'écoute du métal, se serais bien que je puisse sabrer directement 95% des personnes qui vont utiliser l'application.
Deezer Logo horrible, franchement au bout de la semaine ça passe toujours pas... ok le motion design c'est cool mais les icônes sur les smartphones ne sont pas animés
Pour un bon designer, il faut penser atomic design sur figma, DONC pas de problème de cohérence sur les couleurs typo etc.... petit conseil la fondue de couleurs sur le bouton est trop brutale en passant du rose au bleu.. C'EST très moche et à chier !!!! disrupter le marché des sites de rencontres c'est compliqué va falloir faire preuve de plus d'imagination surtout au niveau de l'API et de la corrélation de données un style ça fait beaucoup mais si c'est du déjà vu c'est nul, juste une copie de.... Bon courage les mecs j'espère que vous allez utiliser un peu d'IA pour mettre à terre ces sites qui ont déjà des années de vie....
C'est pas juste un coup marketing de la part de Deezer de sortir un logo aussi moche? dans le genre de l'escargot SNCF ?
Super travail, mais no offense, je trouve que c'est trop chargé ... graphiquement c'est trop lourd. Trop d'idées et pas assez de simplicité. Tu enlèves la moitié des choix graphiques, et tu rends l'app beaucoup simple à utiliser et comprendre IMO. Trop d'espaces vides. Les shades c'est un peu daté également ... ça donne envie de travailler dessus
Le logo est encore trop kitsch à mon goût mais je comprends pas cette ambition de créer un truc en si peu de temps, pourquoi tu ne veux pas prendre ton temps, tu pourrais avoir de bien meilleurs résultats surtout que dans le processus de création d'une start-up il y a l'étude de marché, est-ce que boom boom va plaire ? Est-ce que les gens en ont quelque chose à péter des goûts musicaux de leurs partenaires ? On va pas se mentir ce qui touche les gens c'est avant tout le visage voire la voix. Après la populace dans ce genre d'appli est souvent claquée au sol à moins de vouloir un plan Q.
C’est une fausse startup pour donner aux gens l’idée des nombreuses professions concernées et les nombreuses étapes de réalisation pour réaliser la moindre idée d’app.
T’inquiète que si je devais faire une vraie startup avec un objectif financier dernier les choses se feraient avec plus de temps et de réflexion.
@@BenjaminCode Je comprends mieux Benjamin, voilà qui est rassurant et surtout intéressant ce qui fait que je suis avec attention ta série car rares sont les personnes qui montrent toutes les étapes de leur création d'entreprise, je ne sais pas jusqu'où tu iras dans le processus, si tu comptes aussi prendre une équipe marketing pour le lancement.
J'ai liké mon propre commentaire
Après les gars on va pas se mentir : pour le peu que vous avez payé ( moins de 300 balles) c'était très bien. Je trouve ça un poil dommage de presque mettre en avant le travail étranger sous payé, en toute honnêteté.