Notice anything new?
Après 154 articles, j'ai enfin dit adieu au design original de Blog Tyrant pour faire place au nouveau design réactif, amélioré (je l'espère !).
Les lecteurs de longue date de ce site remarqueront des éléments familiers, mais aussi beaucoup de changements.
Et je sais que cela peut être ennuyeux (pour moi, c'est terrifiant !).
Quand l'un de vos blogs préférés change de design, cela peut donner l'impression que votre meilleur ami a eu recours à la chirurgie esthétique et que vous avez du mal à vous identifier à lui. C'est un sentiment étrange.
Donc, dans cet article, je vais beaucoup parler de mes réflexions derrière le nouveau design de blog réactif et pourquoi je l'ai conçu moi-même à partir de zéro.
J'ai aussi vraiment besoin de votre aide.
Lisez la suite, cher ami.
Qu'est-ce qui n'allait pas avec l'ancien Blog Tyrant ?
Eh bien, rien vraiment.
Ce design simple (que j'ai modifié à partir d'un thème gratuit que j'ai trouvé) m'a extrêmement bien servi. Voici certaines des choses qui se sont produites pendant que ce petit bijou était en service :
- Plus de 11 000 visiteurs la troisième semaine
Un de mes articles piliers originaux a fait la une de Delicious et a apporté un flot de trafic et d'abonnés. - Plus de 10 000 abonnés par e-mail en un an
La première année a apporté plus de 10 000 abonnés grâce à quelques articles approfondis, une marque légèrement unique et une tonne d'articles invités. - Plus de 10 700 commentaires de lecteurs fidèles
La meilleure partie de mon travail est d'avoir des nouvelles des Troupes. Les commentaires m'ont apporté tant de joie au fil des ans et, pour une raison quelconque, ce petit blog a l'un des groupes de commentaires les plus actifs.
Je ne dis rien de tout cela pour me vanter.
L'idée principale est qu'il est tellement excitant de savoir ce que vous pouvez accomplir avec un petit vieux blog WordPress et un thème gratuit. C'est l'une des raisons pour lesquelles je recommande une configuration auto-hébergée aux nouveaux blogueurs – vous ne pouvez tout simplement pas y parvenir sur un service gratuit.
Mais les temps ont changé…
Passer au réactif est nécessaire pour de nombreuses raisons
De nos jours, un thème WordPress réactif est quelque chose d'extrêmement important car une énorme partie des lecteurs visitent sur des appareils mobiles.
Le mois dernier, environ 20 % (la tranche verte de la tarte) de mes visiteurs ont consulté le site sur leur mobile, ou sur l'une de ces grandes choses Samsung.
Bien que l'ancien site ait fière allure sur mobile, il y avait beaucoup de choses qui étaient loin d'être parfaites. Alors, quelles étaient mes principales raisons de vouloir un design réactif ?
- Satisfaire le monstre Google
Croyez-le ou non, Google a effectivement déclaré que les sites web adaptés aux mobiles se classeront plus haut pour les personnes recherchant sur des appareils mobiles. Cela peut potentiellement signifier plus de trafic. - Lecture plus simple pour mes longs articles
Beaucoup de mes articles sont vraiment longs. Bien qu'il soit possible de les lire sur l'ancien site, ce nouveau design fait du contenu une caractéristique principale avec une police plus grande et un espacement plus agréable. - Focus sur l’abonné
La raison principale pour laquelle je voulais un blog responsive était de m’assurer que les options d’abonnement ne soient pas perdues. L’ancien site était incroyablement difficile à naviguer si vous vouliez vous inscrire correctement.
Mais avoir un design responsive ne suffisait pas. Je voulais vraiment changer la structure du site afin de pouvoir contrôler le parcours de l’utilisateur.
C’est pourquoi j’ai décidé de le concevoir moi-même à partir de zéro au lieu d’utiliser un thème WordPress gratuit ou payant que tout le monde peut acheter.
Alors, jetons un coup d’œil à ce processus de réflexion.
Réflexions et motivations derrière le nouveau design
En commençant à concevoir le nouveau site, j’ai réalisé combien d’éléments différents devaient être abordés.
C’est drôle, quand on a un thème gratuit, on fait avec ce qu’on a. Mais quand on le conçoit soi-même (ou qu’on paie un designer), on commence à devenir très pointilleux sur l’ensemble, voulant le rendre stratégiquement parfait.
Cela n’arrivera jamais.
Il y aura toujours des choses que je n’aimerai pas dans ce design, ou dans tout autre design produit.
La principale motivation devrait vraiment être ceci : je dois utiliser mes meilleures connaissances web pour construire quelque chose qui convertit.
Alors quels étaient mes objectifs ?
- Assurer le confort des anciens lecteurs
Ok, c’était le principe directeur le plus important pour moi. Je savais que j’avais besoin d’éléments fonctionnels supplémentaires pour moderniser le site, mais je voulais être certain que tous mes anciens lecteurs se sentent toujours chez eux. Comme je l’ai dit plus haut, lorsqu’un site que vous aimez reçoit un nouveau design, cela peut être très étrange. - Améliorer les sections que les anciens lecteurs apprécient
Dans cette optique, je voulais m’assurer que les sections de l’ancien site qui étaient populaires soient améliorées. Cela signifiait principalement rendre les commentaires plus importants, avec plus d’espace et d’attention accordés à vos discussions et avatars. - Un entonnoir d’inscription délibéré
Les abonnés par e-mail sont le pain et le beurre de ce site. Je voulais m’assurer que le nouveau site dirige les visiteurs vers les bons endroits afin qu’ils puissent s’abonner pour les bonnes raisons. Je testerai quelques versions différentes de cela au cours des prochaines semaines. - Renforcer l’image de marque distinctive
Le canapé dans la forêt a toujours été un argument de vente majeur. Les gens m’en parlent tout le temps. Je voulais en faire un point central et l’aligner avec l’image de marque « travailler depuis le canapé » qui, je pense, plaît aux gens. Je vais bientôt faire de nouvelles photos (à l’insistance de ma fiancée) car j’ai environ 10 kilos de moins et trois ans de moins maintenant ! - Rendre la consommation de longs contenus plus agréable
Les articles sur ce site sont vraiment longs. Si je veux m’attendre à ce que les gens lisent jusqu’à la fin, je devrais au moins le rendre aussi propre et simple que possible sur tous les appareils.
Voici un aperçu plus approfondi de certains des principaux changements et de ma réflexion à leur sujet.
Une expérience en direct dans la conception de thèmes WordPress ?
Plus j’y pensais, plus je réalisais que toute nouvelle conception serait essentiellement une expérience en direct.
Mes classements seraient-ils affectés ?
Le nombre d'abonnés par e-mail augmenterait-il ?
Les ventes d'affiliation diminueraient-elles ?
Mes anciens lecteurs aimeront-ils toujours passer du temps ici ?
Finalement, j'ai dû tenter le coup en espérant avoir une bonne compréhension des meilleures pratiques sur le web et que le nouveau design serait un pas en avant plutôt qu'une énorme erreur. Et je peux toujours changer ce qui ne fonctionne pas.
En gardant cette expérience à l'esprit, s'il y a quoi que ce soit sur ce site que vous aimez vraiment ou que vous détestez vraiment (ou qui ne fonctionne tout simplement pas), veuillez laisser un commentaire et me le faire savoir.
Je ne veux vraiment pas qu'un design que j'ai créé affecte notre merveilleuse communauté.
1. La nouvelle mise en page de la page d'accueil
Le principal changement apporté au site est la nouvelle mise en page de la page d'accueil.
C'était un très gros problème pour moi car je voulais vraiment ajouter un grand en-tête photo avec un formulaire d'inscription (préparez-vous à des photos de mon visage regardant le bouton !) mais j'hésitais aussi à retirer tous les articles récents de la page d'accueil.
Auparavant, j'affichais 10 articles sur la page d'accueil. Cela avait entraîné une augmentation des vues de pages lorsque les gens arrivaient sur la page d'accueil – probablement parce qu'ils avaient plus à faire défiler et plus à les accrocher.
Mais l'attrait du grand formulaire d'inscription semblait un risque suffisamment bon. J'avais entendu dire par des gens que ces formulaires d'inscription en en-tête convertissaient parfois jusqu'à 15 % du trafic.
C'est énorme.
Un entrepreneur en ligne qui a plus de 100 000 abonnés m'a même dit sur Skype que « … si vous n'avez pas de formulaire d'inscription en en-tête de page d'accueil, vous êtes un idiot ! »
Alors, que l'expérience commence.
2. Menu principal triple en-tête
Le menu principal triple en-tête (Démarrer un nouveau blog, Lire mon blog, Développer votre blog) est une idée que ma fiancée et moi avons eue lorsque nous étions à Barcelone l'année dernière.
Je cherchais vraiment un moyen de diviser le site en zones qui orientent les nouveaux lecteurs vers des zones qui promeuvent le meilleur contenu sans les confondre et les submerger.
La page intitulée Démarrer un nouveau blog est quelque chose que je voulais faire depuis un moment. Je reçois beaucoup d'e-mails de personnes me demandant comment créer un nouveau blog et maintenant je peux les référer à une page claire qui présente les principales choses dont elles auront besoin.
J'aurais pu utiliser un article ordinaire comme je le fais maintenant, mais j'espère que ce design avec les flèches et la vidéo est un peu moins intimidant.
Lire mon blog est évidemment maintenant l'endroit où se trouve mon blog « traditionnel ».
La page intitulée Développer votre blog est quelque chose qui évoluera vers une nouvelle idée dans un avenir proche qui, je l'espère, enthousiasmera quelques personnes.
Au total, nous voulions que les trois sections montrent/couvrent immédiatement les sujets pour débutants, intermédiaires et avancés afin qu'aucun type de visiteur ne soit laissé de côté.
3. Plus d'espace blanc
L'espace blanc peut ne pas sembler si important, mais c'est quelque chose que je voulais vraiment utiliser beaucoup. En fait, le design initial que nous avons testé n'avait pas de « conteneur », ce qui signifie que la zone de contenu n'avait absolument aucune limite. Tout flottait sur l'écran.
Nous avons réintégré le conteneur pour donner aux écrans les plus grands un peu plus de définition, mais je l'ai toujours gardé aussi minimal que possible.
Il y a plusieurs raisons à cela :
- Concentration du contenu
L'espace blanc ne peut vraiment être obtenu qu'en supprimant beaucoup d'encombrement. Je veux que le focus de ce site reste sur son point fort : le contenu. Vous verrez que j'ai même supprimé les barres latérales sur les pages de destination internes. - Flux
J'aime beaucoup l'idée de flux. Je veux qu'un nouveau visiteur arrive sur mon site via Google ou une référence et sache exactement où aller et ne soit pas interrompu (sauf si je le souhaite). - Simplicité
Parfois, les informations que j'offre sur Blog Tyrant peuvent être un peu écrasantes, surtout pour les nouveaux blogueurs. L'espace blanc était destiné à rendre l'expérience de digestion de ces informations beaucoup plus propre.
Comme je l'ai mentionné ci-dessus, une grande partie de ces choses ne sont que des conjectures et je mène en fait un test en direct. Mais ce n'est pas grave, c'est le métier dans lequel je suis.
4. Commentaires et avatars plus grands
La section des commentaires est, pour moi, la meilleure partie de Blog Tyrant. J'adore les discussions que nous avons là-bas et je voulais vraiment trouver des moyens d'améliorer cette communauté.
- Images plus grandes
Je voulais rendre les photos légèrement plus grandes que la normale afin de rendre les visages de chaque commentateur plus proéminents. J'espérais que cela nous aiderait à mieux nous reconnaître et/ou à donner plus de visibilité à votre marque. - Plus d'espace
Encore une fois, les commentaires imitent le texte du corps principal et ont beaucoup plus d'espace. D'une certaine manière, je ne voulais pas les distinguer des articles que j'écris. - Plus de fonctionnalités
À l'avenir, je vais ajouter quelques fonctionnalités. Par exemple, j'ai pensé à avoir une fonctionnalité « Choix de l'éditeur » où je peux mettre en évidence votre commentaire et lui donner un badge d'honneur s'il est particulièrement utile ou perspicace.
Si vous avez d'autres idées sur la façon d'améliorer la section des commentaires, j'aimerais vraiment les connaître. Faites-le moi savoir ci-dessous.
5. Meilleur formulaire d'opt-in et contrôle de la page de destination
L'une des principales choses que j'ai abordées est le fait que je voulais m'assurer que le tunnel était vraiment serré.
Cela signifie que (du moins pour un temps) je vais tester une méthode par laquelle les visiteurs cliquent sur le bouton EN SAVOIR PLUS afin de trouver le formulaire d'opt-in. Cela me donnera plus d'opportunités de pré-vendre les avantages de la liste de diffusion et, espérons-le, d'augmenter l'engagement.
Il y a maintenant aussi un formulaire d'opt-in dans le pied de page avec une preuve sociale stratégiquement placée au-dessus pour voir si je peux utiliser les personnes qui font défiler les articles jusqu'en bas et qui veulent ensuite quelque chose d'autre à faire.
Adaptatif pour mobile signifie plus de place pour les erreurs
Le problème avec les thèmes WordPress adaptatifs est qu'il y a beaucoup plus de place pour que les choses tournent mal.
La raison en est qu'il y a tellement de formes et de tailles différentes que votre conception doit maintenant satisfaire. Blog Tyrant a maintenant une apparence différente sur un smartphone, une tablette, un ordinateur portable et un ordinateur de bureau à grand écran.
C'est un défi de taille.
La capture d'écran ci-dessus montre comment le site « s'empile » pour les téléphones mobiles. Elle nécessite une photo différente et un menu déroulant afin que chaque élément soit suffisamment grand pour être pressé par un doigt. Tout cela est encore différent lorsque vous faites la version iPad.
Je n'ai pas encore tout à fait réussi, je pense que cela prendra du temps. Mais ma stratégie principale a été d'étudier les blogs et les sites Web qui font vraiment bien le design réactif (pensez à Brian Gardner, Chase Reeves, etc.) ainsi que les sites comme Smashing Magazine qui produisent beaucoup d'informations de qualité sur les meilleures et les pires pratiques.
On ne peut pas plaire à tout le monde…
L'autre grande chose que je devais me rappeler était qu'il serait impossible de plaire à tout le monde.
Par exemple, j'ai envoyé la démo de conception à l'avance à quelques lecteurs de longue date de ce site, ainsi qu'à quelques amis spécialistes du marketing Internet. Presque tous sont revenus avec des commentaires positifs et négatifs différents.
Au final, j'ai pris en compte autant que possible sans compromettre mes objectifs, puis j'ai décidé de laisser le reste au destin (tests A/B).
Travailler avec un développeur de confiance
Je ne peux pas terminer ce post sans parler de l'importance vitale de travailler avec un développeur qui est un expert absolu dans son domaine.
Je travaille avec Viktor de CrazyXHTML depuis de nombreuses années sur des projets parallèles, des travaux caritatifs et d'autres travaux clients. Dans chaque mission, lui et son équipe ont livré le travail avant la date prévue et dans le respect du budget.
En fait, il y a eu de nombreuses situations où Viktor a fait des choses avec WordPress que j'ignorais même possibles. Par conséquent, je pense l'avoir recommandé à au moins une douzaine de personnes au fil des ans, qui toutes ont vanté ses services.
Blog Tyrant est mon bébé.
Je voulais vraiment m'assurer que je pouvais faire confiance au développeur pour avoir mes identifiants et garder ces informations en sécurité. Et je voulais vraiment m'assurer d'avoir accès à quelqu'un qui apporterait des modifications rapidement et sans problème si j'en avais besoin.
Viktor a toujours été cet homme.
Pouvez-vous aider ? (et quelques cadeaux)
À ce stade, j'aimerais vraiment deux choses : des commentaires et un partage ou deux.
Je suis vraiment enthousiasmé par le nouveau design et j'aimerais le faire connaître afin de pouvoir collecter autant de données que possible en peu de temps sur la façon dont les gens interagissent avec le site.
Veuillez partager un article ou une page que vous aimez (n'importe lequel fera l'affaire) sur Twitter, Facebook ou Google+ et je choisirai deux personnes au hasard et vous enverrai 100 $ via Paypal juste pour vous remercier.
Plus important encore, j'aimerais vraiment savoir ce que vous aimez ou n'aimez pas dans le nouveau design. Commencez par les problèmes flagrants « Je n'utiliserai plus jamais ce site parce que… » puis passez aux choses plus douces.
Je promets de ne pas pleurer.
Je suis comme la plupart des gens et je n'aime pas le changement, mais je dois dire qu'après avoir lu votre article et l'avoir partagé sur ma page FB, je comprends la nécessité du changement. Je vous applaudis, car en tant que blogueur, je sais la quantité de travail que cela implique. Bonne chance !
Merci Denise.
Je suis un peu pareil. Mais ça devait arriver.
Merci d'être passé et d'avoir partagé !
Bien dit Denise !
Félicitations Ramsay ! Le nouveau design est net et frais – magnifiquement réalisé 🙂 Quand j'ai lancé mon blog, je n'avais aucune idée de ce qu'était un thème responsive, mais j'en ai choisi un quand même sur les conseils d'un ami. J'en suis TELLEMENT HEUREUSE ! Votre nouveau design responsive est simplifié et facile à suivre – à une autre décade de milliers de membres.
Merci beaucoup Stephanie ! Je suis contente que ça vous plaise.
Ahhh mec – c'est vachement génial.
C'est aussi une drôle de synchronicité car je suis en train de refaire mon site [comme vous le savez] et je visais aussi un look plus épuré.
La prochaine étape pour moi est de faire installer un formulaire d'inscription dans la bannière par un technicien.
J'ADORE le design et le contenu est toujours de première classe.
Je viens de partager sur G+ et Tweeté à mon monde à propos des changements.
Bravo et je sais combien de temps, d'énergie et de passion sont nécessaires pour changer le look de nos 'bébés'.
J'espère que vous vous êtes récompensé pour tous ces efforts.
Santé
Liz
Légende ! Merci.
Salut Ramsey,
« Adieu vieil ami. »
J'ai vraiment paniqué quand j'ai vu ce sujet. J'ai cru que vous alliez fermer le blog ;( oy-vey !
Super de voir que vous êtes de retour avec un nouveau design !
continuez le bon travail en nous aidant.
😉
Oh je n'y avais pas pensé ! Incroyable. Ha ha.
C'était ma première réaction aussi ! Bon accroche de titre hahaha.. 😉
J'ai beaucoup appris de Ramsay Taplin. Je posterai bientôt mon succès. Je suis déjà en train de lancer mon blog. J'ai déjà les produits, les conseils de Ramsey m'ont vraiment motivé. Merci. Beau design
Salut Ramsey,
Dans l'ensemble, j'aime beaucoup le nouveau design. La page d'accueil est géniale. Bien fait.
Le seul commentaire que j'ajouterais est que j'aimerais voir plus dans votre barre latérale. Il y a presque trop d'espace blanc. Je préfère personnellement que ma lecture soit légèrement encadrée. Bien que je lise sur mon ordinateur portable et non sur mon téléphone.
Sinon, c'est génial !
Salut Elizabeth.
Excellent retour. Je pense en fait ajouter un élément déroulant qui vous suit en bas de la page, un peu comme Pat Flynn.
La page d'atterrissage (accueil) est superbe !
Merci Elena !
Merci Pamela !
Super design !
Ce que j'aime le plus, c'est que je peux toujours reconnaître le blog en mémoire de l'ancien design. Bien joué !
C'est un excellent retour ! Merci Phil.
Ramsay, Je sens que j'ai tellement de choses à dire, mais je vais rester bref et simple. Brillant ! J'ai voulu faire des changements comme ceux-ci sur mon blog pendant la dernière année. Je vais examiner le vôtre minutieusement et prendre des notes.
Ok, maintenant pour les bugs. J'ai tweeté en utilisant vos boutons en bas et mon tweet disait « Simple Share Buttons via @blogtyrant ». Il n'a pas partagé le titre de votre article. Google + a fonctionné et Facebook a fonctionné.
Ce que j'aime : l'espace blanc, c'est sûr ! L'en-tête et les 3 catégories en haut.
Suggestions : Les deux liens en bas étaient bien, mais peut-être changer la formulation ? « Lire la suite »… de cet article, peut-être ? J'étais un peu confuse entre « Lire la suite » et « Lire la suite du blog ». Aussi, sur la page d'accueil, peut-être déplacer les Classiques sous le dernier article de blog ? Je ne savais pas que le dernier article de blog était là avant de faire défiler plus loin.
Excellent travail ! J'ai hâte d'approfondir.
bisous
Beth
Salut Beth. Viktor et moi essayons de comprendre ce truc de Simple Share Buttons en ce moment même ! Merci beaucoup.
Ramsay, il est tard – pour toi. Va dormir. Dans environ 8 heures, réveille-toi, prends un bon petit déjeuner, et ensuite regarde les commentaires. Je suis sûre que le mien sera long.
ATTENTION SPOILER : J'aime ça.
Chris, la Coupe du Monde est en cours, mec ! Je n'ai pas dormi depuis deux semaines !
Ça a l'air super. J'essaie de refaire la conception de curt-rice.com depuis quelques années, mais il a été tout simplement impossible de trouver un designer avec qui je me sens à l'aise. soit ils ne sont pas assez expérimentés pour connaître des solutions simples à mes besoins, soit ils sont tellement expérimentés qu'ils ont une file d'attente si longue qu'ils ne s'occupent jamais de moi, soit ils sont dans le juste milieu, mais ont un goût tellement différent que nous ne pouvons pas nous entendre. Cela sonne probablement comme si j'étais difficile à satisfaire, mais je ne pense pas que ce soit vrai. Je sais clairement ce que je veux, mais je pense que c'est bien, pas exigeant. Quoi qu'il en soit, félicitations pour avoir mis en place et lancé un nouveau design.
Et, oui, je pense que « choix de l'éditeur » pour les bons commentaires est une bonne idée. Aussi, comment le profilez-vous sur votre blog lorsque vous avez donné des conférences ou avez été dans les médias ?
Oui, c'est vraiment difficile. Il faut beaucoup de temps pour trouver la bonne personne.
J'ai quelques logos en bas du site pour les fonctionnalités.
Parfois, nous devons être traînés, pieds et poings liés, vers l'avenir, mais cela en vaut la peine quand on le fait bien et que ça marche. Merci pour cette excellente lecture !
J'adore ! Merci Phillip.
Je suis votre lecteur de longue date. Je suppose que vous aimez les compliments, mais ce que vous voulez vraiment, ce sont des opinions sincères (des critiques) sur le nouveau design.
Cependant, je risque de vous décevoir.
Je pense que votre nouveau design est bien meilleur que le précédent, et ce, de très nombreuses fois !
Surtout l'espace blanc. Il rend votre contenu plus facile à digérer. Je dois dire que, comparé à l'ancien, votre ancien design était désordonné. Votre nouveau design est génial.
Vous pouvez créer une barre flottante dans votre colonne de droite pour afficher votre meilleur contenu ou faire flotter votre formulaire d'abonnement car votre objectif actuel est d'obtenir plus d'abonnés.
J'ai aimé votre nouveau design. Et s'il vous plaît, ajoutez plus de contenu sur le blog, j'en veux plus ! (154 n'est pas beaucoup de toute façon... mais ils sont perspicaces.)
Merci beaucoup ! C'est vraiment un excellent retour. Quelques compliments ne font jamais de mal. 🙂
Merci Ramsey, vous avez toujours des informations précieuses. J'aime ce format mais je dois dire que je suis un peu d'accord avec Elizabeth sur ce point. J'ai l'impression de me perdre dans une mer de blanc. Sinon, c'est très frais et propre.
Merci Jill.
J'adore. C'est moderne, facile à naviguer et les polices & l'espace blanc le rendent agréable à lire. Et toutes les parties importantes sont toujours reconnaissables.
Pourquoi avez-vous choisi une page d'inscription séparée et non un formulaire d'opt-in direct sur les articles de blog ? Je suppose que vous pourriez obtenir moins d'abonnés de cette façon, mais ceux qui s'inscrivent seront plus précieux pour vous ?
Est-ce le « blog sœur » que vous mentionniez ici https://www.blogtyrant.com/blog-help-2014/ Je pensais que ce serait un autre site, hé.
Salut Ramsey,
Le nouveau site est superbe, bravo. Vous savez que le changement est bon, alors allez-y et défoncez-les !!
Merci pour toute l'aide aussi !
Coach Nye
Merci Coach !
Ça a l'air bien Ramsay mais je pense que vous devez redessiner votre formulaire d'opt-in dans la barre latérale
Qu'est-ce qui ne vous plaît pas, Rahat ?
Alors peut-être que je regarde beaucoup mais je lis toujours vos articles et je les partage.
Le nouveau design est magnifique. Ma partie préférée est le « menu principal triple en-tête » avec les messages concis – commencer, lire, grandir. J'adore cette partie.
😀 Mais trois étapes pour lire cet article ? Oui, je le ferai car il y a toujours quelque chose à retenir de votre article, BT. Idéal pour réduire le taux de rebond, hein ? Et je finis presque toujours par lire au moins un autre article ici. Mission accomplie, je suppose.
Félicitations. Continuez à tout déchirer.
P.S. : Cette photo de vous détendu sur le canapé me fait toujours sourire.
Salut Vidya.
Que voulez-vous dire par trois étapes ? Cela ne devrait être qu'un clic de n'importe où en fait. Peut-être deux à partir d'une page.
Clic 1. Lien par e-mail vers la page d'accueil
Clic 2. Page d'accueil du blog, faites défiler jusqu'à l'article et « Lisez la suite »
Vous avez raison ! 😀
L'alerte par e-mail d'aujourd'hui m'a dirigé directement vers l'article.
Je tiens à commencer par dire que vous avez fait un travail incroyable !
J'adore absolument le nouveau design. Et en tant que personne qui suit Blogtyrant depuis un certain temps, je ne me sens pas du tout perdue.
J'adore la page d'accueil et la façon dont vous présentez les articles classiques, ça a l'air très cool. Et bien que ce ne soit pas utile pour moi en tant que lecteur de longue date, c'est génial pour les nouveaux lecteurs.
La grande quantité d'espace blanc est également excellente, elle me permet de mieux me concentrer sur le contenu et de ne pas être distrait.
Cependant, je pense que l'en-tête pourrait être mieux. L'espace blanc y semble inutile, et certains liens que vous y avez mis seraient mieux dans le pied de page, à mon avis.
Par exemple, est-ce que beaucoup de gens utilisent le bouton de contact ? Je pourrais me tromper, mais je ne pense pas que beaucoup de gens l'utilisent.
Bien qu'après avoir lu votre blog pendant quelques mois déjà, je suppose que vous avez testé cela et décidé que ce lien « contact » y appartient.
J'imaginerais aussi quelque chose de plus graphique dans l'en-tête. Peut-être un peu moins neutre. Quelque chose qui marquerait fortement les nouveaux lecteurs et leur donnerait immédiatement une idée de ce dont parle ce blog.
J'adore les trois choix principaux que vous proposez « développez votre blog », « lisez mon blog », etc. Et je ne sais pas si c'était dans l'ancienne conception ou non. Mais « lisez mon blog » me semble trop flou.
Je lis votre blog depuis un moment, donc je sais qu'il offre beaucoup de valeur, mais sinon ma première réaction après avoir lu « lisez mon blog » serait « pour quoi faire ? ». C'est juste trop vague et ne communique pas vraiment d'avantage selon moi.
Sinon, j'adore tout. Et ce ne sont en fait que des problèmes mineurs.
Merci beaucoup, c'est un très bon retour. Je n'étais pas sûr moi-même pour les éléments du menu. Qu'aimeriez-vous différemment concernant la zone du logo ?
J'imaginerais quelque chose de plus visuel, et moins d'espace vide.
Par exemple, vous pourriez déplacer le logo à gauche, ainsi que les liens et ajouter un formulaire de recherche dans le coin supérieur droit. Ce serait très utile.
Ou vous pourriez utiliser le coin supérieur droit pour montrer une preuve sociale. Et écrire quelque chose comme « 10 000 tyrans ont déjà utilisé mes conseils, pourquoi pas vous ». Ou quelque chose comme ça. Cela pourrait probablement empêcher quelques personnes de quitter le blog trop tôt.
Encore une fois, ce ne sont que des suggestions, je ne sais pas si elles fonctionneront bien.
J'adore le design réactif. Maintenant, il me faut juste des articles plus courts. :p
JAMAIS ! 😛
Salut Ramsay,
Félicitations pour le nouveau design. Je pense que le passage à un design réactif est positif. Je ne lancerais pas un nouveau blog ou un nouveau design de blog aujourd'hui sans une mise en page réactive. Quelques points que j'aime dans le nouveau design :
– le sentiment de cohérence avec l'ancien design (logo, couleurs)
– la navigation.
Je pense que les 3 liens principaux (démarrer, lire, développer) vous serviront bien, ainsi qu'à vos visiteurs.
Merci Marc. J'apprécie vraiment.
J'ADORE le nouveau design !! Tout a l'air si chic et professionnel. Dans le passé, votre belle apparence me faisait revenir. MAINTENANT (désolé de vous le dire) la belle apparence de votre SITE me fera revenir !
Bien joué pour votre courage. Il n'est pas facile de tout reconfigurer, même si c'est pour le bien commun. Votre ancien site était familier et, comme, mon copain. Mais on sent toujours, sous toute cette clarté nette, que le Blog Tyrant original est là, donc cela ressemble plus à un gain qu'à une perte.
Félicitations ! Vous montez en gamme !
Ha ha. Tu me fais toujours sourire.
Félicitations pour le joli nouveau design du site ! Je n'ai que quelques points de commentaires et ce sont plutôt des vétilles, mais je les lance quand même 🙂
1) Vos icônes de médias sociaux dans la barre latérale sont si grises qu'elles disparaissent presque. Je les assombrirais de quelques nuances juste pour m'assurer qu'elles attirent l'œil.
2) Vous avez 3 options principales dans le sous-menu ci-dessus :
Démarrer un blog (résoudre un problème)
Lire mon blog (juste pour le plaisir ?)
Développer votre blog (résoudre un problème)
Cela pourrait avoir une plus grande synchronisation si les trois options ciblaient un objectif spécifique (actuellement, seulement 2 le font). Commencer, grandir, monétiser ? Je ne suis pas sûr de ce que devrait être la troisième option, mais lire mon blog semble un peu vague par rapport aux deux autres.
Mais dans l'ensemble, je pense que c'est super. Bonne chance !
Merci beaucoup Alexis. C'est très intéressant.
Cela m'a interpellé. Je l'ai partagé avec mes amis du Copywriter Café sur FB. J'en suis enfin au point où je vais créer mon propre blog aussi. Merci.
Merci George.
Tu as l'air superbe, mon pote
As-tu conçu à partir de zéro ou as-tu modifié ?
Salut Greg. Tout est parti de zéro.
Je dois dire Ramsay que j'ai toujours considéré ton blog comme un modèle à suivre, pas nécessairement en termes de contenu en soi, mais dans la façon dont tu l'opères et le gères – je ne veux pas que cela paraisse flagorneur, si tu me connaissais, tu comprendrais que je ne suis pas fait comme ça… mais le crédit est dû, mec. Ton passage à cette conception réactive est judicieux, et l'espace blanc ainsi que le texte facile à lire sont agréables à l'œil – mon propre blog/site/adhésion dédié au sujet de WordPress et à la création d'entreprises en ligne était encombré – et je me suis souvenu de ton approche et j'ai élagué beaucoup de choses – beaucoup mieux ! Toujours un plaisir de te lire, mon pote… continue ton excellent travail.
Merci beaucoup Michael. Cela compte beaucoup.
Aussi, ton expression change sur le canapé du salon lorsque tu rapproches l'écran.
COMMENT AS-TU FAIT ÇA ?!
Ha ha. Il suffit de définir une photo différente pour qu'elle apparaisse lorsque l'écran atteint une certaine taille. Encore la magie de Viktor.
J'aime ça. C'est très similaire aux changements auxquels je pense pour mon blog afin de mieux servir mon entreprise. Diffuser les visiteurs selon leurs besoins. Après tout, quand on commence à avoir beaucoup de contenu, laisser les visiteurs choisir n'est pas une bonne idée.
Encore une fois, je m'incline dans l'ombre de ta grandeur.
Merci Rachelle. Ravi de te revoir ici.
Ramsay, je me dirige aussi dans cette direction. Parle-moi de ton choix de conserver la barre latérale… surtout une qui n'est pas fixe étant donné la longueur de tes articles.
Salut Joe.
Je pense que je vais ajouter un formulaire d'inscription flottant à un moment donné. Les gens semblent vouloir un conteneur de contenu sur les grands écrans.
Pensées, bugs, notes, etc.
Version d'affichage sur ordinateur :
1. Resserrez l'en-tête (logo, menu, menu du blog) en réduisant l'espace blanc.
2. Le bouton de l'en-tête de la page d'accueil pour « en savoir plus » pointe vers l'URL « /v2/10000-others-top/ » mais redirige ensuite vers « 10000-others-top/ » – Vous voudrez peut-être corriger le lien du bouton. Je traverse quelque chose de similaire avec un changement de permalien.
3. Page d'accueil : « That’s me up the top. » Devrait se lire « That’s me up top. » (Sauf s'il s'agit d'une expression régionale).
4. Page d'accueil, après le dernier article, il est indiqué « lire la suite » puis un bouton qui dit « lire le reste du blog. » J'ai d'abord pensé que vous aviez deux liens vers l'article de blog. Trouvez une différence de formulation entre les deux.
5. Le bouton en bas de la page d'accueil pour « en savoir plus » pointe vers la bonne URL.
6. Supprimez le lien « Conçu par Tyrant Themes ». Vous ne faites que pointer vers la page d’accueil et vous ne vendez aucun thème. Ne soyez pas comme Michael Hyatt et ne parlez pas de votre prochain thème qui sortira après trois ans de « bientôt disponible ».
7. La page de blog complète, avec des extraits : Je colorerais le texte « lire la suite… » d’une autre couleur pour attirer l’attention. Tel quel, avec du texte noir, cela semble inachevé.
8. Thème / Ambiance. Le logo est anguleux. – texte en bloc, bords nets. La boîte grise « Qui est le Blog Tyrant » est anguleuse. Votre photo à l’intérieur est un cercle. Le bouton « Inscrivez-moi » a des coins arrondis. Idem pour la zone « en savoir plus » du pied de page. Les avatars des commentaires sont carrés (anguleux). Donne une impression d’inachevé.
9. Pour la petite anecdote amusante, la boîte grise « qui est le blog tyrant » dans la barre latérale avec votre photo en cercle me rappelle les prospectus de pizza laissés sur les poignées de porte.
10. Double icônes de partage à la fin d’un article de blog et ensuite sous « En savoir plus ».
11. Utilisez la cohérence des couleurs et des polices des boutons. C’est rouge pour « en savoir plus » mais jaune avec une police différente (je pense) pour « Inscrivez-vous maintenant ». Idem pour le bouton sur la page « Mises à jour ».
12. Dans le menu principal, vous avez le lien « Mises à jour ». Cela mène l’utilisateur à une page différente de la page « en savoir plus ». Je ne sais pas si c’est bien ou mal. Je n’étais pas sûr si « mises à jour » concernait les actualités, les derniers articles de blog ou l’obtention de mises à jour.
iPhone 4s:
1. Ajoutez une petite ligne entre les articles sur la page de vue du blog. Ainsi, les gens verront « Lire la suite… », une ligne, puis le titre suivant. Actuellement, il y a environ un pouce de page blanche. On a l’impression qu’il manque quelque chose.
Inestimable. Merci d’avoir pris le temps de tout examiner si minutieusement. Je vous en suis très reconnaissant.
Je me souviens avoir regardé certaines des voitures préférées que je voulais acheter un jour, en regardant le nouveau design, et en pensant : « Je ne suis pas sûr de vouloir encore cette voiture, maintenant que son design a été modifié. »
Mais ensuite, le temps passe et lentement, vous vous surprenez à tomber amoureux du nouveau design – maintenant que vous connaissez les raisons pour lesquelles le design a dû changer et que vos décisions ne sont pas uniquement basées sur les émotions.
Donc, je ne me plains pas.
Ajouterez-vous également des articles similaires à la fin des articles ?
Salut Philos. Probablement pas car je veux que l’accent soit mis sur le formulaire d’inscription. Mais je pourrais faire en sorte que ceux de la barre latérale défilent avec le lecteur.
J’adore absolument la refonte ! Et je suis de ceux qui détestent le changement. C’est une amélioration énorme et je ne voyais rien de mal au ancien design.
Tout d’abord, j’adore la photo du canapé et j’espère que vous la garderez. Une photo de vous regardant le bouton d’inscription est censée attirer les lecteurs vers le bouton. Mais la photo de vous sur le canapé dépeint en un coup d’œil ce qu’est l’ensemble du blog. Tout le monde veut ce style de vie. Gardez-la !
Curieux de savoir pourquoi vous avez utilisé des photos en noir et blanc sur la page d’accueil. J’adore le noir et blanc, mais pas ici.
J’espère que vous n’utiliserez pas une barre latérale défilante comme Pat Flynn. C’est en fait irritant pour moi, comme un harceleur qui me suit quand j’essaie de lire.
J’adore le nouveau format des commentaires.
J'adore aussi la barre noire en haut avec les 3 sujets principaux. Génial.
J'ai également été confus par le « Lire la suite… » et le bouton rouge « Lire le reste de ce blog » juste en dessous. J'ai cliqué sur le bouton quand je voulais lire le reste de cet article, ce qui signifiait que je devais cliquer à nouveau sur Lire la suite. Veuillez envisager de changer le bouton pour dire autre chose que « Lire ». Peut-être « Plus d'articles géniaux ici ». Vous trouverez quelque chose de plus accrocheur, j'en suis sûr !
Encore une fois, design incroyable !
Merci beaucoup pour vos aimables paroles ! Je suis content que cela vous plaise.
Les photos de la page d'accueil deviennent colorées lorsque vous passez la souris dessus. Peut-être que ce devrait être l'inverse ?
J'adore le nouveau design ! Je n'ai pas visité votre site depuis TRÈS longtemps, mais j'ai hâte de lire tous les nouveaux (anciens) articles, haha ! ^_^
Bon retour parmi nous !
J'adore les changements, mec. J'aime particulièrement ce que vous avez fait à la section des commentaires. Je pense que les plus grandes photos et le texte vont beaucoup contribuer à renforcer le sentiment de communauté. Je peux voir à quoi ressemblent les gens maintenant, et c'est génial. Sans même m'en rendre compte, j'ai cliqué sur le nom de quelques personnes parce que leurs visages me donnaient envie de voir à quoi ressemblait leur site.
Pour être honnête cependant (non pas que je ne l'étais pas dans le dernier paragraphe, haha), je pense que nous apprécions tous vraiment à quel point vous êtes authentique avec nous. Ramsay, quel que soit votre design, nous continuerons à revenir. Alors, n'hésitez pas à tester, ajuster et trouver des moyens d'obtenir plus d'abonnés, même si cela signifie faire des erreurs ici et là. Alors reposez-vous, car nous ne allons nulle part. Votre contenu est trop précieux pour que nous partions parce que nous n'aimons pas la couleur d'un texte, ou parce que nous pensons qu'une image est trop grosse, haha.
Alors, santé au nouveau design mon ami. Maintenant, allez chercher ces abonnés !
Hunter
Cela signifie beaucoup pour moi. J'apprécie vraiment, vraiment cela. Merci beaucoup de l'avoir écrit, Hunter.
J'adore ce que vous avez fait à votre site et j'ai remarqué qu'il semble incroyablement rapide et très fluide… excellent en effet !
Merci Arnold. Oui, elle semble se charger en moins de 1,3 seconde, ce qui est bien.
En tant que rédacteur, je suppose que je dois donner mon avis sur une chose importante qui manque dans tout votre blog : un langage fort et des appels à l'action.
Ce que je veux dire, c'est que vous devez donner des raisons très fortes et spécifiques pour lesquelles les lecteurs devraient s'abonner/lire votre blog/ou rejoindre les troupes (page d'inscription séparée).
Par exemple, « développez votre blog » est un excellent nom pour la page, mais le texte n'est pas assez fort pour expliquer pourquoi les lecteurs devraient s'inscrire. Il devrait commencer par les difficultés que les gens rencontrent pour développer leur blog, en détaillant leurs frustrations, leurs blocages, etc.
Ensuite, elle doit énumérer les solutions qu'ils ont essayées, pourquoi elles ont échoué, quelle solution vous proposez et pourquoi la vôtre est meilleure. Ensuite, elle doit fournir une preuve sociale (10 000 abonnés !), et expliquer pourquoi vous êtes particulièrement qualifié pour les aider. Enfin, le texte de votre bouton ne doit jamais dire quelque chose d'aussi vague que « s'inscrire ». Utilisez quelque chose comme « commencez à développer votre blog » ou « commencez » ou « préparez-vous à faire vibrer votre blog » ou autre chose.
C'est vraiment une page de destination, et bien qu'elle n'ait pas besoin d'être sophistiquée, elle doit être rédigée comme une page de vente (car vous essayez de convaincre les gens de faire quelque chose, même si cela ne leur coûte rien).
De plus, vous pouvez réduire le texte dans la zone d'inscription pour dire simplement « e-mail ». Moins de mots, meilleure conversion.
Quant à votre boîte de fonctionnalités, elle est superbe ! Très accrocheuse. Je changerais cependant le texte, le rendrais plus fort, plus clair sur les raisons pour lesquelles les gens devraient rejoindre votre équipe. « De nouveaux endroits géniaux » semble accrocheur, mais ce n'est pas assez spécifique (j'adore la preuve sociale cependant, c'est assez convaincant).
En fait, je viens de consulter votre page « en savoir plus ». Elle est sur la bonne voie – bien que je pense qu'ici vous devez à nouveau être plus spécifique comme je l'ai dit précédemment.
Je pense que je ferais de votre « développez mon blog » quelque chose de similaire, mais j'en ferais une page de ressources pour que les gens consultent les articles qui les aideront à développer leur blog. Vous pourriez lister les 10 premiers articles avec lesquels ils devraient commencer, ou vous pourriez les inscrire à un cours par e-mail basé sur ces 10 articles, afin que vous puissiez leur fournir des informations progressivement. Ou, vous pourriez faire les choses à la manière de Copyblogger, et créer un ebook à partir de vos 20-30 meilleurs articles pour ceux qui s'intéressent à la croissance de leur blog.
Enfin, c'est beaucoup pour l'instant. J'espère que cela vous aide ! N'hésitez pas à m'envoyer un e-mail si vous souhaitez des éclaircissements. C'était amusant de voir votre blog grandir – je vous suis depuis quelques années et j'ai apprécié de voir la communauté Blog Tyrant se développer.
C'est vraiment un excellent conseil.
La section « développez votre blog » sera bientôt quelque chose de très différent. Du jour au lendemain, elle a converti à 11 %, ce qui n'est pas trop mal mais pourrait être mieux.
Je dois resserrer les appels à l'action. Quelques éléments sont un peu hors sujet. J'ai un nouvel eBook gratuit qui sort bientôt et qui porte sur une stratégie très spécifique, donc j'essaierai de tout rassembler à ce moment-là.
Merci encore. Cela m'a donné beaucoup à considérer.
Vous m'avez eu avec le titre – j'ai aussi pensé que vous alliez fermer le blog :/
Ok, je suis personnellement très satisfait du nouveau design, visuellement il est beaucoup plus net, il a l'air frais et il est plus facile de se concentrer sur la lecture.
J'aime personnellement les nouveaux systèmes de menu et j'adore votre section « démarrer un blog » – très professionnel et super design.
Je l'ai lu à l'origine sur mon mobile et je suis d'accord pour dire qu'il est beaucoup plus facile de naviguer.
Le site ressemble vraiment au Blog Tyrant que je connais et que j'aime, mais c'est juste une meilleure version mise à jour – il me rappelle Copyblogger à certains égards et c'est une bonne chose.
J'attends avec impatience les ressources pour développer votre blog.
Paul
Salut Paul.
Ouais, cet e-mail a effrayé quelques personnes – y compris quelques amis personnels qui pensaient que je ne voulais plus les voir ! Oups.
Merci beaucoup pour vos commentaires.
Je l'ai consulté sur mon iPhone et ici sur l'ordinateur et je le consulterai sur iPad plus tard. Je dois dire que je suis très impressionné par les changements. Je n'aime pas trop le changement, à moins qu'il ne soit évidemment un bon changement. J'aime le fait que les images des commentaires soient plus grandes. J'aime le fait que je voie une photo de vous tout de suite quand je la regarde sur mon téléphone. J'ai eu des difficultés par le passé avec votre site lorsque je le consultais avec mon téléphone, j'ai donc toujours choisi de le laisser jusqu'à ce que je rentre chez moi pour le regarder sur l'ordinateur.
Je suis photographe, donc je suis attiré par les images, l'ajout de plus d'images est fantastique ! Sauf peut-être celle de votre chat *clin d'œil*
Donc, toutes les améliorations sont superbes ! Mais vous pouvez avoir un site magnifique et incroyable et un contenu inutile. Ce n'est pas vous, bien sûr. J'étais heureux de supporter les difficultés sur votre site par le passé parce que j'adorais, adorais, adorais votre contenu ! Mais maintenant, vous avez un site génial et un contenu génial. La seule chose que j'ai pensée, c'est qu'il y avait un peu trop d'espace blanc, mais cela pourrait aussi être le photographe en moi et j'adore la couleur. Mais l'espace blanc est très propre et beaucoup d'espace pour lire plus facilement, donc ce n'est pas un commentaire négatif.
Merci Ramsay ! Quand rencontrerons-nous le fiancé ? *clin d'œil*
Merci beaucoup !
L'espace blanc est peut-être un peu trop important – surtout si les gens lisent pendant longtemps.
Je posterai bientôt une photo d'elle !
Encore une chose ; sur mon iPhone, le logo est le logo normal du web et il est donc un peu flou. Téléchargez-en un qui fait 2 fois la taille, puis définissez la largeur et la hauteur en CSS pour les appareils haute définition et pour utiliser le logo 2x. 🙂
Je le ferai savoir à Viktor. Merci encore.
J'attends de Google Analytics qu'il suive votre exemple et qu'il ajoute de manière appropriée un nouveau type d'appareil mobile à sa liste de téléphones et tablettes mesurés : « l'une de ces super grandes choses de Samsung ».
Félicitations pour le lancement du nouveau design du blog. Je sais que vous y travaillez depuis un certain temps, en prenant des décisions réfléchies et stratégiques. C'est inspirant !
Ha ha. Je suis surpris qu'ils ne l'aient pas déjà fait !
Merci Scott. Et merci d'avoir fait les premiers tests.
Ce fut mon honneur. C'est formidable de voir tant d'autres testeurs ici maintenant aussi !
Ramsay, ça rend super bien sur mon moniteur de 27 pouces et sur mon Nexus 7 !
J'aime beaucoup votre idée d'utiliser un organigramme visuel pour guider les nouveaux utilisateurs dans la configuration d'un blog. Je vais voler cette idée pour mon site de tondeuses à gazon !
Continuez votre bon travail !
Je vous dirai d'abord comment il fonctionne avant que vous ne fassiez de grands changements ! 🙂
Le site est super, mec,
J'aime vraiment la mise en page de la page d'accueil, elle a vraiment le 'look actuel' et j'espère qu'elle recevra de nombreuses mentions en conséquence ! Vous ne perdez pas trop en mode responsive non plus, ce qui est toujours agréable sur un téléphone 🙂
Continue de tout déchirer !
Merci Shaun. J'espère que vous appréciez la tempête !
Bonjour Ramsay,
J'adore le design de votre nouveau site web.
Lorsque je clique sur l'une de vos pages au-dessus des sous-titres de votre blog situés sur votre page d'accueil, je ne trouve aucun lien pour revenir à votre page d'accueil, à part cliquer sur l'image de votre en-tête.
Prenez soin,
Erin 🙂
Merci Erin. Bon retour !
Salut Ramsey – j'enlève mon chapeau de marketing et je mets mon chapeau de lectrice ! Je ne vous donnerai pas de commentaire de type avis de site web, mais plutôt ce que j'ai ressenti en tant que lectrice de longue date 😉
Je fais partie de ces 17 % du graphique en secteurs verts – j'ouvre très rarement votre site sur un ordinateur et je le lis principalement sur une tablette. Je fais aussi partie de ces gens qui n'aiment pas le changement ! Vous avez donc dû faire un travail superbe avec la refonte, car je n'ai rien manqué et je n'ai été confuse d'aucune manière en effectuant mon « interaction habituelle » avec votre blog…
Habituellement, je clique sur le lien direct vers le nouvel article dans votre e-mail – c'est ce que j'ai fait et tout s'est déroulé sans problème.
Mais ! (Oui, il y a toujours un mais…) – par curiosité, je suis allée D'ABORD sur la page d'accueil et c'est ce qui m'a un peu confuse. (D'ABORD est la clé ici car j'ai parcouru le site avant de lire l'explication de la refonte…)
D'abord, la partie supérieure avec « démarrer un blog », « lire mon blog » et « développer votre blog » n'était pas claire. Après avoir lu votre explication – je trouve brillant de rationaliser le flux des visiteurs de cette manière (je le ferai moi-même, tellement j'aime l'idée !). Mais ce n'est pas bien exécuté, je suppose…
Sur mobile, du moins – je n'ai même pas compris que c'étaient des boutons et des liens actifs vers des pages… Je l'ai vu comme un grand carré noir avec des mots dedans, et je me demandais quelle pouvait être votre raisonnement pour expliquer les avantages de votre blog de cette façon ?! Une solution simple pourrait être de les rendre « comme des boutons » – pour être clair sur mobile, ce sont des liens actifs qui mènent quelque part pour quelque chose…
Et l'autre chose qui m'a confuse (quelques personnes l'ont mentionné avant moi) – « lire la suite » et « lire le reste du blog »…
Lorsque j'ai cliqué sur « lire le reste du blog », j'ai été redirigée vers la page d'accueil du blog… J'ai donc dû cliquer une fois de plus pour accéder à l'article de blog lui-même… (C'est peut-être ce que quelqu'un voulait dire quand elle a mentionné qu'il fallait cliquer 3 fois pour y accéder)
Maintenant, il est vrai que le bouton dit « lire le reste du blog », mais vous en demandez trop au lecteur… Nous n'y réfléchissons pas beaucoup – nous cliquons. Quand je vois « lire la suite… », je m'attends juste à lire la suite de ce que je lis (dans ce cas – l'article de blog)
Alors différenciez absolument la formulation (par exemple, « parcourir le blog ») et ajoutez un lien texte après l'introduction de l'article de blog pour lier à l'article complet (par exemple, « lire l'article complet »). Cela dissipera toute confusion instantanément.
J'ai vu dans les commentaires beaucoup de gens louer et détester l'espace blanc et quelque chose à propos de la barre latérale – je ne vois rien de tout cela sur mobile… Je veux dire, l'espace blanc est bien, juste la bonne quantité ; pas de barre latérale gênante ou quoi que ce soit…
Ce qui me rappelle – s'il vous plaît, n'ajoutez pas cette barre latérale de harceleur horrible qui vous suit en haut et en bas de la page… C'est super énervant, intrusif et cela risque fort de gâcher l'expérience de votre site soigné 😀
J'ai tweeté l'article – le widget de partage a bien fonctionné.
Oh, et encore une chose – les articles classiques. Je pensais qu'ils étaient en noir et blanc parce qu'ils sont « classiques » – le manque de couleur ne me dérangeait pas. Mais j'ai vu dans les commentaires que quelqu'un vous en avait parlé et vous aviez dit qu'en survolant avec la souris, ils devenaient colorés.
Eh bien, sur mobile, nous n'avons pas de moyen de survoler (je pense) – ils ne deviennent jamais colorés. Je pensais que vous devriez savoir que cet effet n'est pas actif sur mobile et que vous devriez décider si le noir et blanc ou la couleur doit être par défaut. Comme je l'ai dit, je l'aimais en noir et blanc à cause de l'association avec les « classiques ».
Et je pensais être bref LOL
À bientôt et continuez à publier !
Oh, oh, et juste une chose de plus – après avoir laissé le commentaire, je voulais parcourir vos articles récents – mais il n'y a aucun moyen de remonter vers la navigation principale ou n'importe où (sauf les classiques). Et avec des centaines de commentaires – je dois faire beaucoup de « défilement » sur mobile… Donc, un lien rapide « aller en haut » après les commentaires serait bien 😀
C'est un excellent retour d'information ! L'idée des boutons noirs sur mobile est intéressante – je n'y avais pas pensé. Merci pour l'idée.
J'adore le nouveau look ! Maintenant, je dois aller le vérifier sur mon téléphone et mon iPad. Si cela l'a amélioré sur ces appareils, je vous salue ! Il y a quelques sites sur lesquels j'ai arrêté d'essayer de lire sur mon téléphone car c'est trop difficile et distrayant. Je ne peux pas non plus souligner à quel point tout l'espace blanc est important. Nous vivons dans un monde qui clignote, scintille et nous interrompt constamment. J'adore que vous l'ayez rendu vierge et propre. D'un autre côté, je visiterais toujours votre site même si c'était une jungle de pièges visuels. Vous avez bâti la confiance avec vos gens, ce qui a naturellement favorisé la fidélité.
Je suis tellement content que vous soyez passé, TJ !
Le site est superbe. J'aime la grosse tête/entonnoir, je vais devoir essayer ça sur mon site. Une petite contrariété est de devoir cliquer sur un lien pour lire votre premier article de blog. Il semble que vous mettiez vos utilisateurs à une étape de moins du contenu. Je me demande aussi, et cela pourrait être totalement faux, si vous devriez changer les photos de votre contenu « classique ». Elles ressemblent tellement à ces « publicités de blog » que l'on voit en bas de nombreux sites web qu'il m'a fallu 3 regards pour les trouver – j'ai naturellement fait défiler. Je suis également un grand fan de l'espace blanc et j'aime aussi la dynamique commencer/lire/grandir.
Point très intéressant. Je pense que je vais devoir faire un suivi des clics avec une carte thermique.
Ça a l'air génial, Ramsay. Si propre et simple. J'adore.
Merci mec !
Toujours du contenu de qualité. Je recherche une page de blog similaire et j'ai téléchargé plusieurs thèmes mais aucun d'aussi propre que le vôtre avec la fonctionnalité.
Merci,
Will
Merci Will.
Studiopress en a de jolis.
Je suis très heureux pour vous ! J'adore le nouveau look, merci de partager cela !
En mode UX, quelques points que d'autres n'ont pas soulevés : Votre navigation n'indique pas dans quelle partie du site vous vous trouvez. Si vous êtes dans la section « lire mon blog », la navigation pour cette partie devrait être jaune et la flèche comme un lien actif. (Je sais que WP est une plaie pour beaucoup de choses imbriquées).
Les soulignements au survol sont difficiles à bien faire : la règle générale semble être de les avoir à la fois dans les états normal et au survol, ou pas du tout (changez juste la couleur). Il existe de nombreuses façons de le faire fonctionner avec CSS et autres, Medium a mené une enquête approfondie sur la façon de rendre les liens plus jolis, cherchez sur Google pour leurs résultats.
Enfin, peut-être que ça vient d'être ajouté, mais la publicité collante « démarrer un blog WordPress » en haut de la page me ressemblait exactement à une publicité (cliquer dessus faisait apparaître une fenêtre pop-up que mon navigateur bloque par défaut), et JE N'ARRIVE PAS À M'EN DÉBARRASSER. Elle n'est pas non plus stylisée comme le reste du site. Pour être honnête, ça me dissuade de lire. Je suppose que vous faites cela pour des tests, mais au moins faites en sorte que cela ressemble toujours à votre site. Pff, ça me sort par les trous de nez. C'est un de mes tics.
Salut Vicky.
Merci beaucoup pour vos commentaires. Très utile.
Les éléments du menu restent bien mis en surbrillance lorsque vous êtes sur cette page. Quel navigateur utilisez-vous ? Ça fonctionne pour moi sous Chrome, FF et Safari.
La HelloBar est un peu agaçante. Elles convertissent tellement bien ! Je l'ai configurée pour qu'elle s'ouvre dans la même fenêtre et qu'elle ne défile plus. Voyons comment ça se passe.
Je consulte toujours votre site sur mon ordinateur de bureau, mais j'ai regardé votre nouveau thème sur mon iPhone et il est vraiment très beau. La seule différence qui me saute aux yeux sur la page d'accueil de la version mobile, c'est qu'il faut faire défiler un peu vers le bas pour trouver le dernier article. Je ne sais pas si c'est un problème pour vous, mais c'est juste mon observation.
Aussi, y a-t-il un moyen de lier le « laisser un commentaire » au bas de la page au lieu d'avoir à faire défiler tout en bas ? Peut-être que c'était comme ça dans l'ancien design, mais j'ai vraiment eu l'impression que c'était un problème avec cet article à cause de tous les commentaires. Ce n'est pas que ça ne me dérange pas de faire défiler tous les commentaires des gens adorables, je pense que ce serait juste bien si c'était plus facile d'y accéder. 🙂
Sinon, très bien.
Salut Melissa.
L'option par défaut de WordPress est que le texte des commentaires vous emmène en haut des commentaires car les gens pourraient vouloir les lire. Cela vaut peut-être la peine de tester votre idée. Merci.
Excellent travail avec le relooking… je me retrouve à lire de plus en plus de blogs sur mon téléphone, donc la conception réactive est un must… Google commence aussi à donner de l'importance aux sites réactifs – bonne décision dans l'ensemble !
Merci Steve ! J'apprécie.
Merci beaucoup d'avoir partagé ces excellentes informations ! J'ai hâte de voir plus d'articles ! bedgfaecfgdc
Magnifique travail ! C'est le genre d'informations qui sont censées être partagées sur Internet. Honte aux moteurs de recherche de ne pas positionner cet article plus haut ! Venez consulter mon site. Merci caedaeafebea
[…] Au revoir vieil ami : Pourquoi j'ai (enfin) conçu un blog réactif […]