Comment créer un bon design de site web SANS être designer
HTML-код
- Опубликовано: 11 окт 2017
- Je décompose mes télécommandes pour en tirer 3 leçons essentielles pour tout non-designer qui veut créer un site facile à naviguer.
*** MES FORMATIONS GRATUITES :
Construire une audience qui achète : goo.gl/pR8ayn
Le Guide Ultime du Site Web Persuasif : goo.gl/FSX1CB
Le Guide de la Pub Facebook : goo.gl/91YmPc
*** Article sur le design de sites web : marketingmania.fr/design-site-...
Étude de cas Videofruit sur l'élimination de la barre latérale : videofruit.com/blog/website-s...
4:12 Le bouton sport qui éteins la télé pour faire du sport, génial comme idée
sorry to be off topic but does any of you know a way to get back into an instagram account?
I stupidly lost the password. I would appreciate any help you can offer me.
@@masonarturo6002 A spam account is coming I guess...
Ahahaha Merci Stan !! Gros fou rire sur le bouton sport qui éteint la télé pour aller faire du sport ! 😂
Merci pour toutes tes vidéos qui sont très agréables à regarder et passionnantes !!
J'apprends beaucoup de choses et je passe toujours un super moment.
Perdu dans le flux des nombreuses vidéos qui me sont proposés chaque jours, je viens de retomber sur ta chaîne (pourtant je suis abonné de puis tes 3k abonnés il me semble) Quelle joie de voir que ta chaîne continue d'augmenter, je crois que tu es l'un des seuls dans ce milieu qui ce sort les doigts du *** pour offrir une énorme qualité sur toute tes vidéos, que ce soit au niveau de la recherche, du montage, du texte, tout est parfaitement travaillé. Bravo à toi, je te souhaite que du bonheur dans l'avancée de tes projets ! Ps: J'ai adoré ta dernière vidéo sur Jake Paul, j'adore ce genre de personnage très controversé qui manipule les médias avec une facilité incroyable, en France on a Nabilla qui à très bien joué la dessus en se faisant passer pour la bimbo écervelé, résultat plus de 19000 livres vendues haha.
Merci :) Tu peux cliquer la petite cloche pour les notifications si c'est ton truc... En tout cas je te remercie pour le commentaire, ça fait plaisir de voir que ce travail est apprécié :)
Arrive à pic quand je m'apprête à mettre à jour le site de mon projet. Merci Stan ! Excellent l'analogie avec les télécommandes et mention spéciale pour le bouton sport :-)))
hahah merci :D
Simplicity is extraordinary.
Merci !
merci :)
Merci pour cette vidéo, elle m'a tapé dans l'oeil au point de me faire revoir tout me site
merci :)
Je découvre ta chaîne via une suggestion. Intéressant tu expliques des concepts assez avancés avec des mots simples. Dans notre monde ton schéma est un zoning, le fait que l'objet doive suggérer son utilisation c'est l'affordance et enfin la "tendance" de tout vouloir simplifier n'est pas une tendance. Mais tout simplement une application de certaines lois d'ergonomie en conception IHM (Hick et Nombre de Miller pour nos deux télécommandes) pour alléger la charge cognitive chez l'utilisateur. En français simple, trop de choix = difficultés à faire ce choix/voir abandon.
Cool en tout cas, merci à toi.
De super conseils merci ! :)
Très pertinent et merci pour tes astuces Stan!
merci :)
Toujours aussi intéressant ! Poce bleu
merci :)
Ça me fait directement pensé au livre de John Maeda, "De la simplicité" ;) Si tu ne le connais pas, je te le conseil ! On peut aussi continuer la reflexion avec le travail de Dieter Rams
Merci pour les références !
Super vidéo, merci Stan
merci :)
Merci pour le contenu que tu produis !
🙏
Oui je suis d’accord avec toi
SIMPLE et EFFICACE
merci :)
c'est vrai que j'aime beaucoup ton site car il est simple et sans distraction
Au final c'est plus rapide à faire, et ça convertit tellement mieux ;)
L'exemple de la télécommande est un faux bon exemple. En réalité c'est un des objets les plus difficiles à concevoir. Déjà parce qu'il s'agit de concilier une immense variété d'utilisateurs (jeunes, vieux, cinéphiles, casu, enfants, malvoyants etc.). Ensuite parce que pendant très longtemps la quantité de boutons présents sur une télécommande témoignait de la quantité d'actions possibles avec l'appareil. A l'époque des postes cassette / CD, des magnetoscopes, ou des televiseurs cathodiques, acheter un appareil avec plein de boutons sur la télécommande, c’était acheter un appareil qui pouvait faire plein de trucs. Et c’était un vrai argument commercial. Et je pense que ca l'est toujours pour une immense proportion d'acheteurs.
Encore aujourd'hui, sortit une télévision "classique" avec une télécommande à 3 boutons, c'est courir le risque que les acheteurs s'imaginent qu'il y a peu de fonctionnalités. Ya qu'a regarder du côté de Geisendesign qui avait planché il y a déjà 10 ans sur une superbe telecommande à clapet, mais dont le projet n'a jamais été commercialisé. Il y avait de bonnes raison à cet abandon.
Et regarde le domaine des manettes de consoles, la master system et la NES avaient 2 boutons, la megadrive 3, la super NES 4, la playstation 8, la playstation 2 a rendu tous les boutons analogiques / sensibles à la pression. Less is more, mais pas toujours. Parfois, more is better. ;)
"Que va-t-il se passer si je clique sur le bouton "sports", je vais aller sur une chaine de sport ou la télé va s'éteindre pour que je puisse aller faire du sport ?"... J'ai tellement ri. Jamais je ne m'étais posé cette question, mais c'est peut-être parce que je vis sans télé depuis presque vingt ans. Mais j'avoue, la question se pose ! Excellente vidéo en tout cas. Sur un sujet connexe, The Family a publié une conférence passionnante sur l'identité visuelle ("comment construire son univers iconographique").
Au cas où, La réponse à la question c’est que ça affiche un réglage optimal pour regarder un match de sport, ça modifie les contrastes tout ça tout ça...
Frédéric : Merci, j'irais voir la conf de TF
El David : Merci ;)
Merci pour cette vidéo. Je note les 3 points :)
merci :)
Merci beaucoup
En gros trop de choix tue le choix ;) Merci Stan !
merci :)
Super vidéo !
merci :)
Tu ma dit ce que je voulais entendre Pouce bleu !
merci :)
Je suis pas ultra d’accord car tu compare deux télés non comparable(avec et sans Internet), Samsung a fait une télé connectée avec le même visuel que la première télécommande, et en prenant seulement 1 minute a lire le manuel ou a testé les boutons, on gagne bien plus de temps quand t’y réfléchis,
Typiquement si je veux afficher la septième chaîne alors que je suis à la 152, j’ai le choix à appuyer sur un bouton (1) ou tourner mon doigts une trentaine de fois (2).
De mon point de vue les deux styles ont leurs avantages suivant sont utilisations caractérisé en 2 catégorie : ceux qu’il veulent profiter des options et ceux qui veulent passer le moins de temp à faire une tâche basique.
Re typiquement des gens qui regarde souvent les matchs de foot peuvent accéder aux réglages adaptés en un seul boutons (1) alors qu’ils ne doivent même pas espérer changer les réglages d’un autres coté (2).
Pour finir il faut pas oublier que il y’a 5 ans les gens passait beaucoup de temps devant leurs télé donc avait le temps d’apprendre à connaître leurs télécommandes, au même titre que l’on apprend à connaître toute les fonctionnalités des objets qu’on apprécie et qu’on utilise souvent, même si tout les jours on utilise dans un téléphone majoritairement: envoyer message, téléphoner et internet. Les téléphones sont plus complexes car c’est un outil qui nous suit partout qu’on a du temp pour regarder et apprendre que notre téléphone fait chronomètre.
Ma conclusion c’est qu’il faut pensé d’abord : à qui s’adresse mon produit ? Et combien de temps les gens vont t’il y passé et pour faire quoi ?
Pour les boutons numériques, je te rejoins - mais bien évidemment mon argument ne porte pas dessus : ils sont faciles à comprendre !
Sinon, je n'ai jamais su de toute ma vie à quoi servait 80% des boutons restants, et je suis plus technophile que la moyenne. Donc il me semble que l’argument tient, sauf si tu penses que la majorité des gens savent quelle est la différence entre les 5 BOUTONS POUR ACCÉDER AU MENU !
Quand à mon argument de hiérarchisation, il est incontournable à mon avis. Certaines fonctions sont plus importantes que d'autres, et le vieux design ne les mets pas en avant.
Bon alors, la touche sport elle fait quoi finalement ? ça m'intrigue
bensilicate, c’est pour quand tu regarde un match ça change les couleurs, les contrastes...etc pour que ça rende plus jolie à l’écran et que les joueurs et le ballon ressorte mieux. Dans l’idée c’est ça.
El David tu te trompe, personne au monde va s'amuser a lire un manuel pour comprendre comment une telecommande fonctionne, j'ai jamais croiser personne au monde faisant cette action, la regle d'or pour qu'une chose soit intuitif, c'est justement quel soit intuitif. C'est au constructeur de rendre cela logique, c'est pas a lacheteur dessayer de comprendre comment ça marche, (entre le constructeur qui va perdre 10 min a faire quelque chose de compréhensible, et que chaque acheteur perde 10 min a comprendre sont fonctionnement, je prefere que le constructeur perdent sont temps afin de rendre cela plus fluide
@@TheMiniLuness Exact, dès qu'il faut un mode d'emploi, c'est mal pensé et c'est là que se trouve le génie. Simplicité mais efficacité.
Très bons conseils !
merci :)
Très bonne logique.
Merci pour la vidéo
merci :)
Je t'en prie
Même en étant fan d'épuré, il m'arrive encore de vouloir "ajouter des choses" qui ne sont pas totalement nécessaire. C'est bon de rappeler que le moins est le mieux 😉
merci :)
Yo Stan, je me demandais si c'était possible de combiner le wireframe aux templates de site déjà existants, comme Wordpress. Parce-que pars du principe que si mon idée fonctionne j'irai apprendre le wireframe pour désigner un vrai site mais ca se trouve c'est déjà possible de l'exploiter.
Je suis webdesigner spécialiste en design minimaliste.
Less is more c'est la meilleur solution d'avoir un site web responsive, intemporel et de créer une expérience utilisateur efficace.
Merci!
🙌
Super comme video. Merci d´exister. Je voudrais te demander une faveur Stan... Pourrais-tu nous conseiller de bons livres qui t´ont marqué à part : Père riche père pauvre, Influence et manipulation, La semaine de 4 heures, getting to yess, et Zero to one?
j'écrivrai justement une vidéo sur le sujet, qui arrive très bientôt ! En attendant, j'ai un article qui liste pas mal de livres utiles :) => marketingmania.fr/livres/
Quel software/plugin utilise tu pour créer ton site web? Je suis en galere pour en trouver un bon pas cher/gratuit :/
Merci d'avance
J'utilise Leadpages :)
C'est juste que t'as pas les conventions de la télécommande 1, c'est tout :)
Perso je m'y retrouve plus facilement sur la 1 que sur la 2. Tous simplement pasque la fonctionnalité du bouton est indiqué sur la 1 alors que sur la 2, ben... par exemple, je comprends pas pourquoi il n'y a qu'un seul bouton pour le volume ou les chaines. Ou encore à quoi servent les 3 boutons du haut (123, micro et les points de couleur).
Et sur la 1, y a une convention qui semble être de plus en plus oublié, c'est que si tu comprend pas à quoi sert un bouton, c'est qu'il t’intéresse pas, donc que t'as pas besoin d'y toucher. Et ce que je trouves génial avec cette convention, c'est que si tu sais à quoi il sert ce bouton, ben tu l'as à disposition.
👍
😀
Je trouve que ça rejoint la vidéo sur marketing minimaliste que tu avais fait.
Effectivement faut que ça nous rentre dans le crâne !
Pas simple d'être simple ...
C'est une habitude à prendre - mais après ça simplifie comme même la vie (moins de complexité à maintenir sur la durée entre autre...)
La télécommande est un bon exemple mais bon, tu ne vas pas éteindre la télé ou ramener le téléviseur parce que tu ne comprends pas les fonctionnalites des boutons. Surtout que les télécommandes se ressemblent toutes d'une télévision à l'autre ( apprentissage externe).Il y a également un temps d'apprentissage qui fait partie des principes d'ergonomie, donc l'utilisateur clique pour tester la fonctionnalité du bouton ou regarde le mode d'emploi. Il ne va pas sortir de la pièce comme on sort d'un site.
Il y a des ergonomes et des UX qui bossent chez Samsung aussi :)
Avec un tel argument rien n'a d'importance ! Ma table est bancale... mais vous n'allez pas sortir de la pièce pourtant donc c'est OK, on va juste mettre un bout de papier en dessous. Je pense que la seconde télécommande est supérieure à la première, car elle permet à l'utilisateur d'accomplir ce qu'il veut sans galérer :)
Je trouve que cette étude de cas sur l'impact qu'à eu son design est un bon complément à ta video. On voit bien le côté minimaliste qui en ressort: freelanceboost.fr/comment-booster-limpact-de-son-portfolio-etude-de-cas/
Comme d'hab, super vidéo!
merci :)
*belle vidéo *
merci :)
Voilà pourquoi Apple est l’une des marques les plus puissantes au monde un savoir faire du design impressionnant 😳
Je dirais intégration software-hardware, mais oui :)
Oui mais bon la télécommande épurée, la première fois que je suis tombé dessus, j'ai passé plusieurs jours à essayer de trouver comment changer le volume. Comme je m'en servais dans une configuration inhabituelle, j'ai cru que c'était mon dispo qui rendait inopérant la fonction et j'ai fini par laisser tomber. Puis j'ai trouvé un jour complètement par hasard : ok c'est archi simple, mais quand on ne connait pas le truc, c'est très inattendu. Avec la télécommande cockpit de Boeing, j'aurais trouvé ce que je voulais, au pire, en quelques minutes....
J'ai la même télécommande que celle de gauche (oui oui, celle qui est un peu nul...) et on peut aussi se connecter à Internet grace au bouton "smart hub" si jamais...
Oui, toutes les fonctions sont là ! C'est juste qu'il y a BEAUCOUP d'autres trucs sur la télécommande qui ne sont pas forcément aussi importantes :)
cliquer sur un btn de télécommande ^^ 'c'etait drole ;) je dirais plutôt "appuyer" .
sympa sinon la vidéo.
Design = fonctionnalité, élégance et innovation ?
je sais que "Design" c'est fourre-tout ... mais en fait tu parles d’ergonomie et de techniques.
Non, je parle bien de design - et j'exprime un ordre de priorité sur les objectifs à accomplir
Sa te va mieux cette coupe de cheveux avec plus de hauteur
???
Super vidéo MAIS je pense aussi comme d'autres ... tu as sûrement prit une télécommande "universelle" et donc, c'est normal qu'il y a beaucoup de boutons !!!
Je ne sais pas, elle venait avec la télé ;)
Pour moi ça parait... évident.
hm!!!!!. grand merci, vous venez juste de m'aider pour un projet
Sympa ! comme sur ma chaine
Comment créer un très bon design de site web ?
Engagez un graphiste ! ;)
Ou un web designer
Supprimer ce qui est superflu et se concentrer sur l'appel à l'action.
Celle de droite c'est la même que la mienne xD
666 vues , coïncidence ? Oui
O_O
Salut
C’est assez marrant de parler de simplicité mais dans les liens , il y en a au moins 5 ...
c'est un peu gros ta comparaison de deux télécommande.. l' évolution du design se fait également avec l'evolution technologique, je pense que chaque télécommande correspond a la télé ou service proposer a son époque et également a la cible visé par le constructeur ou pays ( un asiatique ne cherche peut-être pas la meme chose que toi ) ...
Tu peux toujours dire que le bouton sur une radio TSF était nul car difficile a utiliser mais a 'époque c'était la meilleur solution. De nos jours on peut comparer different design car la technologie évolue vite..
Si pour la meme télé on nous avait donné le choix entre les 2 télécommandes alors la on peut faire un Vlog, mais ce n'est pas le cas ... très mauvais choix d'exemples.. pour un " soit disant " pro du marketing.. tu peux aussi comparer une 2CV et une Rolls ce sont des voitures
Même marque, même époque. Ce sont 2 télés Samsung neuves.
Bah moi je préfère la première télécommande avec plus de bouton avec l autres pour le moindre réglage v est la merde
A noter que Ive n'a rien inventé mais a plagié les travaux de Dieter Rams.
👍