Bienvenue sur le nouveau MacGeneration

Christophe Laporte |

Non, vous n’êtes pas victime d’une hallucination ! MacGeneration vient bien de changer de design.

Rassurez-vous, l’orange reste de mise même s’il évolue légèrement, comme cela a toujours été le cas lors de chaque révision importante du site. Plus sérieusement, nous travaillons depuis le début de l’année à une refonte complète de notre architecture et de nos différents services. RefurbGeneration et iOccasion avaient en quelque sorte servi de cobayes l’année dernière.

Une refonte de MacGeneration qui va maintenant être suivie par d’autres : MacG Mobile 3.0 sera soumis ces prochaines semaines à l’équipe de validation de l’App Store. Son interface sera optimisée pour iOS 7, tout en s’appuyant sur certains éléments de notre nouveau design. A ce moment-là, nous activerons aussi la version web mobile de MacGeneration, qui est déjà prête. Notez qu’il faut avoir absolument les dernières versions de nos apps - MacG Mobile & iGeneration - pour continuer de suivre nos actus.

Et mince, on a pris l'iPhone du mauvais côté pour vous présenter MacG Mobile 3.0.
Et mince, on a pris l'iPhone du mauvais côté pour vous présenter MacG Mobile 3.0.

D’ici la fin de l’année, iGeneration rejoindra notre nouvelle plate-forme et adoptera un design très proche de celui de MacGeneration. Notre application iPad sera également revue d’ici la fin de l’année.

Pour en revenir à MacGeneration, la peinture est encore toute fraiche. Il y a une quantité de petites modifications que nous comptons apporter dans les jours à venir. L’essentiel, à l’heure où nous écrivons ces lignes, c’est que le site marche !

Nous avons profité de ce changement de design pour commencer à revoir en profondeur certaines rubriques et pour en ajouter deux nouvelles : l’actu en images, que les utilisateurs de MacG Mobile connaissent bien, et l’actu en vidéo.

Un petit mot concernant le Retina : la plupart des éléments graphiques du site le sont déjà. Nous allons progressivement généraliser son usage. Nous espérons que ce site, plus visuel et plus aéré, vous plaira. Nous profitons de l’occasion pour remercier tous ceux qui nous ont soutenus ces douze derniers mois, nous sortons d’une période délicate.

Enfin, pour fêter le lancement de cette version, sachez que notre partenaire Crucial vous prépare une petite promo demain. Si vous souhaitez acheter un peu de mémoire ou un SSD, patientez quelques heures !


Tags
avatar finderbest75 | 

Bravo les gars le design est franchement réussi, continuez comme ça.

avatar iAnn | 

Finalement, l'ancienne version si elle paraissait un peu vieillotte avait le mérite d'être très lisible... en un coup d'oeil.

avatar Timcookie | 

lol

avatar mbpmbpmbp | 

C'est laid et La lisibilité des news en prend un coup. Enlevez ces images à coté des news qui ne servent a rien a part prendre de la place. Revenez aux news par block texte pitié...
Je peux pas croire qu'un graphiste soit derriere ce design, surement un developpeur qui ne comprends pas l'ergonomie et la mise en page. C'est triste et amateur.

avatar Archos | 

Ca me saoule de faire mon relou, mais je ne suis pas fan de cette version. Je la trouve vraiment cheap. Beaucoup moins d'infos à l'ouverture du site, c'est tout gros. Il n'y a pas de design, trop de orange, ces énormes icônes... En fait on dirait un thème wordpress lambda. Bouuuuh relou ! :'( Mais vraiment trop peu d'infos sur la home.. et même pas de responsive ! :'(

avatar Archos | 

Ralala ça fou un peu les nerfs votre truc là. Après plus de 10 ans de bons et loyaux services allez-vous rejoindre la liste des sites que je ne visite même plus parce que trop moches ? Vraiment les mecs, vous évoluez dans l'Univers Mac, le design, le graphisme, le beau et vous nous pondez ça ? Ça ressemble à une mauvaise blague et sérieusement en tant que lecteur assidu, ça fous les nerfs. Mes services de graphiste sont disponibles si besoin.

avatar negaca | 

Très belle nouvelle version ! Félicitations à l'équipe !

Edit : à l'usage je rejoins tout le monde, obligé de faire un coup de cmd- pour avoir un peu de légèreté et surtout, la barre orange trop grosse et trop épaisse (à réduire de moitié), barre qui devrait se transformer en petite barre discrète lors du scroll down avec les liens utiles; les 3 images de titres à la une sont trop grosses, et devraient se loger à droite, à la place de iOccasion (iOccasion étant relégué juste en dessous); il faut faire remonter les titres des news, qu'ils soient plus lisibles et qu'il soit plus simple d'y accéder que de scroller, on ne les voit pas sur un MBP 13" quand on a juste chargé la page, problématique pour un site de news Apple ... ; la sidebar ne me servira pas, en même temps elle me servait deja pas avant; et l'ancien orange du site était très bien, pourquoi changer une équipe qui gagne ?

Mais il faut reconnaitre et applaudir la prise de risque, maintenant il faut changer certains points pour rendre bonne copie.

Mais le mot d'ordre est "lisibilité" et "légèreté", avec ca n'importe quel webdesign est réussi !

Exemple: le site du monde, une fois débarrassé de son header immonde, de sa bannière de pub, est un exemple de clarté et de lisibilité => http://imageup.fr/uploads/1381108023.png

avatar yebmal | 

Bon, c'est bien le changement, mais ça rapporte quoi, à part le changement des habitudes des clients ? Moi, j'aimais bien le résumé des rumeurs sur la page d'accueil, ça permettait d'aller à l'essentiel … Mais, bon, c'est pas mal quand même… Mais, en avez-vous profité pour éliminer aussi quelques plumes passablement émoussées ?

avatar BenUp | 

C'est très bien spatialement mais un peu GROS non ?

avatar bugman | 

Un peu gros, oui. ;)
Mais comme dit plus haut, un petit [cmd] '-' et c'est plus sympa.

Edit :
A premiere vue, sur l'application iPhone, on a bien accès aux commentaires iGen mais plus à ceux des articles MacG.

Edit 2 : Au fait (bande de mauvais :p), on est en France pour la date pas aux USA ! ;)

avatar Le Mascou | 

Bravo à toute l'équipe, un bon rafraichissement ça fait du bien de temps en temps !

Par contre je trouve également que le site est un peu trop large... Si ça pouvait être réduit à la même largeur que l'ancien design ce serait top (en effet avec un cmd - c'est niquel) !

(Et moins grave, les commentaires que je trouve un peu trop gros aussi).

avatar dimdu28 | 

Beau boulot, bravo!

avatar Stardustxxx | 

L'orange pique les yeux!!!

Le design est moins lisible que la version precedente. Il y avait plus d'info en meme temps sur la version precedente. Pour moi c'est raté. Belle essai, mais copie a revoir en profondeur.

avatar bugman | 

@MacG : Y'a de quoi foutre un gros bordel avec cette nouvelle version ! Contactez moi par mail. (rapidement... j'aimerais dormir... un peu)

avatar Ajioss | 

La nouvelle version est très bien réalisée et correspond mieux aux canons de 2013. À savoir, « Tablette, phablette et smartphone compatibles ». Si ce n’est pas déjà le cas aujourd’hui, beaucoup de personnes peuvent *découvrir* le site à partir de l’un de ces appareils. Et je dois dire que c’est plutôt réussi. La navigation sur écran tactile est très agréable, justement grâce à ses gosses icônes et à sa bannière qui fait office de navigation. D’ailleurs je n'ai compris les critiques sur les zones d’espaces orange dans les commentaires qu’à partir du moment où j’ai lâché mon iPad pour me connecter sur le site avec mon ordinateur.
La nouvelle version s’inscrit parfaitement dans le présent voir le futur. Bravo

avatar Yohmi | 

C'est cool de faire évoluer le site :D

Par contre, outre la période d'adaptation nécessaire, il y a certaines choses un peu dommages… comme ça a beaucoup été dit, tout est trop gros, trop large… j'avoue que j'aime bien quand c'est condensé, et grâce à OS X on peut zoomer à volonté dans les pages de façon intelligente, donc si j'aime bien parfois lire des articles (voire des sections d'une page d'accueil ou des commentaires) avec des gros caractères, c'est à moi de le choisir… Le pire, c'est pour les commentaires je pense, car vu le nombre qu'il y a, on en voit vraiment trop peu à la fois. S'il y a vraiment une section où il faut utiliser tout l'espace disponible pour afficher de l'information, c'est bien les commentaires ;)
Et je préférais l'ancien orange (voire plus vif, ça ne me dérange pas), là c'est trop sombre pour moi… mais bon, au bout de six mois je m'y serai fait je pense ⌒⌒

[edit] par contre, j'ai essayé de modifier mon commentaire pour y inclure un emoji, et ça m'a renvoyé un message d'erreur :(

avatar xatigrou | 

J'aimais mieux avant

avatar xatigrou | 

Il y a un lien vers les tests quelque part ? Et quand je clique sur une icône du "guide d'achat des macs" ça ne m'envoie nulle part.

avatar iJoke | 

Plus de lisibilité
L'information principale est beaucoup moins parasitée par l'info secondaire.
Orange beaucoup plus agréable à l'oeil et moins omniprésent
Indéniablement bien mieux adapté aux tablettes

Quelques critiques :
Le bandeau de catégories/tag est mal hiérarchisé et on ne sait pas visuellement à quel article il renvoie, celui du dessus ou celui du dessus? Il faut un contexte sémantique pour trouver la solution.
Le sondage ne fonctionne pas.
J'aurais aimé que le site soit un peu plus "responsive" et sue le texte grossisse dans la colonne principale lorsqu'on consulte le site depuis un iPhone (lorsqu'on veut lire un test par exemple)

Gobalement, c'est un très bon repositionnement graphique, une bien meilleure efficacité ergonomique et une bien meilleure gestion des supports tactiles, n'écoutez pas les grincheux

avatar Yohmi | 

@  iJoke
« Gobalement, c'est un très bon repositionnement graphique, une bien meilleure efficacité ergonomique et une bien meilleure gestion des supports tactiles, n'écoutez pas les grincheux »

Il est à noter, concernant les supports tactiles, que l'article précise bien la mise à disposition d'une version mobile prochainement… donc différente de celle-ci qui n'a visiblement pas été conçue avec le tactile en tête. Pourtant, effectivement, je viens d'essayer sur mon iPhone, et l'interface me paraît bien plus adaptée à mon iPhone qu'à mon Mac.

avatar iJoke | 

CF: ci-dessus, décalage du bandeau signaler, il faut l'aligner a droite et non à gauche pour ne pas qu'il subisse l'indentation

avatar thg | 

Je n'aime pas du tout ce nouveau design. La bande verticale orange à droite déséquilibre totalement la lecture, on a l'impression que le regard butte constamment contre un gros bloc.
Ensuite, les news par empilement de pavés illustrés ou colorés : là où l'ancienne liste de news était particulièrement lisible et efficace puisqu'on voyait l'actu d'un seul coup d'oeil, ici il faut parcourir ces pavés qui ne se démarquent pas les uns des autres, avec trop d'éléments.

avatar xservolle | 

Cela ressemble de + en + à une boutique en ligne ce mag.

avatar lejoss | 

Bonjour,

perso, je n'aime pas du tout. Voici pourquoi :
- Le tiers droit de l'écran ne sert à rien (quasiment inutilisé ou alors pour des trucs qui ne servent pas souvent : acheter un mac, ce n'est tous les jours) et cette masse orange fait peur
- L'actu et ce qu'on vient chercher à gauche : c'est trop en rupture avec ce qui se fait ailleurs
- La police est trop grosse... on n'est pas bigleux non plus
- Pourquoi est-ce si aéré dans les commentaires ?

Désolé, mais, franchement, je n'aime pas (mais ce n'est pas pour cela que je ne viendrai plus)

avatar anotuas | 

Ahhhhhhh mais c'est quoi ça ?
( je dis pas que c'est moche c'est juste que ça change ! )

avatar gloupsy | 

Jamais aimé cet orange et pas plus ce nouveau. Le site est plus clair, plus lisible mais aussi plus dépouillé : c'est plus moderne mais plus froid.

J'aurai mis la section "à ne pas manquer" plus haut : si c'est à ne pas manquer, par définition, ç´est pas trop logique de le rejeter en bas de page, non ?
Et je n'ai jamais compris pourquoi mettre les premiers mots de l'article sous le titre ; si on choisi de ne pas mettre au moins un paragraphe en entier, cette phrase tronquée ne sert à rien, autant ne mettre que le titre : tel quel ça fait très RSS.

Néanmoins c'est mieux qu'avant. Et un peu de changement ne fait pas de mal.

avatar macsteph | 

C'est bien la nouveauté.
Pas vu d'accès direct aux news... suis obligé de cliquer sur chaque article pour le lire ?
Ou alors où est le "bouton" news ?

avatar marcax38 | 

Très moyen, la pub en plein milieu de l’écran des le chargement de la première page .. sur un 15 pouces (1366x768) aucune info il faut scroller des le début ... ça va pas. Il faut des infos visibles sans scroller au moins sur la première page!!!
Merci

avatar tony_675 | 

aïe aÏe aÏe, j'ai mal aux yeux
Le style est sympa mais le contraste orange blanc est un peu brutal pour mes pupilles (c'est parceque je viens de me réveiller peut-etre lol)

avatar Norbert75 | 

Mal aux yeux ! Un peu fouillis, colonne orange à droite trop large, je ne peux pas dire que je suis conquis par le nouveau look !

avatar olive30 | 

Bravo MacG magnifique site bien plus fluide et mieux à lire

avatar dumas75 | 

Surement le site le plus moche de la toile. Même au début du web on osait pas faire pire. C'est un psychotique névrosé qui a fait ça ?

avatar Lecarlate | 

Mieux évidement - faut dire que c'était pas difficile - mais sans aborder la partie technique, il subsiste encore de grossières erreurs d'ergonomie, d'organisation, et de design.

Je pense notamment à la triple colonne en home, remplie de merdes qui n'intéressent personne et à la colonne orange qui est vide et ne sert strictement à rien. Après la course au clic et au pages vues ne sert à rien à mes yeux (tout comme la multiplication des sites, moi perso je me tire quand ça part sur igen), je préfère nettement un modèle à la 9to5 où l'affichage est complet et direct même si ce n'est pas forcément un modèle du genre.

Par ailleurs, le bandeau du haut qui est ignoble, et pour info ce n'est pas du flat design comme tout le monde aime à le rappeler pour faire genre, hein; c'est juste moche, tout comme le slider de la home qui est en plus d'être laid, est très mal proportionné.

Bref, un manque flagrant de compétences dans l'équipe qui ampute malheureusement cette nouvelle version. Bravo quand même pour l'effort, mais il reste encore BEAUCOUP de travail.

avatar manustyle | 

Oula, ça fait peur au premier coup d'oeil.

avatar Jeckill13 | 

Super pour le nouveau site et la prochaine app. Par contre vos pubs ça devient envahissant (oui je sais il y a vos abonnement) je n'ai rien contre vos bandeaux publicitaires mais pour les versions plein écran les remettre a peine on fait une sortie de l'application d'une seconde c'est bien lourd, par exemple par le centre de contrôle pour ajuster la luminosité ou fermer une notification.

avatar Silverscreen | 

Trop épaisses les typos de titrage, ajoutées aux blocs rectangulaires noirs, c'est tout sauf léger... Idem pour les textes un peu gros. L'orange de l'en-tête se contraste assez mal avec les ronds bleus (épaissir le bord blanc des ronds bleus ?). Et le orange est globalement trop violent.

Pour le positif : la disposition est très réussie et l'info présentée de manière claire et lisible.

avatar pimousse42 | 

Le design c'est une question de goût.
Mais je trouve étonnant de mettre la date des articles sous forme Américaine.

avatar Sayeret | 

Le futur s'annonce top!!

avatar steinway59 | 

Merci pour ce nouveau design! J'aime bcp ce nouvel orange entres autres, Cependant j'aurai 3 remarques :
1) la police des articles et des commentaires est bcp trop grande, la lecture est moins aisée, on doit passer son temps à scroller et en plus ça gâche le design
2) je trouve la colonne orange à droite bcp trop large (l'espace n'est pas optimisé)
3) pourquoi avoir mis la date au format américain dans les commentaires?
Bonne continuation!

avatar jibbe | 

Top !

avatar lcd_ts | 

Excellent ce nouveau design j'aime beaucoup une énorme évolution par rapport a l'ancien site ! Continuez comme ça .

avatar Andromadeus | 

Bravo et félicitation à toute l'équipe pour cette nouvelle interface. Enfin une police de caractère confortable, la lecture des articles est des plus reposante. Et la modération des commentaires est plus que bienvenue. Encore bravo et bon courage pour la suite.

avatar lcd_ts | 

Juste une remarque sur iPhone les pubs du site prennent une place très importante (le bandeau du dessous prend presque la moitié de l'écran) ce dont (en n tant que membre du club) je me passerais volontiers ;-)

avatar pecos | 

OK pour le changement de design, pourquoi pas, j'imagine qu'il y a des raisons.

[b]Par contre, s'il vous plaît, réduisez la largeur ou fluidifiez le design !!![/b]

- Tout le monde ne lit pas macg sur un écran de 1200 pixels de large
- Si c'est le cas, il y a des tas de gens qui ne désirent pas lire macg en plein écran
- Il existe des moyens de proposer un design "fluide" qui s'adapte à la taille de la fenêtre.

En effet, il est très désagréable de devoir redimmensionner la largeur quand on affiche votre site en venant d'un site de largeur standard (autour de 960 px).
Dans mon cas, ça se soldera immanquablement par... aucune action de ma part, c'est à dire que la colonne orange à droite, et la suite des boutons en haut (champ de recherche y compris) seront tronqués à moitié.
J'imagine que ce n'est pas à ça que vous pensiez ?

avatar Golax | 

Belle évolution du design en général, bravo. Une remarque cependant:
Les couleurs bleu et orange me font penser à la charte graphique une chaîne de supermarchés il y a quelques années. Ce orange en particulier me pique vraiment les yeux. Je pense qu'il y a moyen d'améliorer ce point s'il est partagé par les lecteurs.

Continuez le bon boulot!

avatar aeito | 

Bien joué les gars. C’est bien beau!
Va falloir s’y habituer pour s’y sentir de nouveau comme chez soi, mais ça devrait valoir le coup!

avatar Adrienhb | 

Bravo pour cette nouvelle version. Cela a dû être un sacré boulot. Bravo de l'avoir mené à bien.
En plus, j'ai l'impression que vous avez aussi bien modifié le fond et la forme.
Quelques remarques en passant:
- Sur la forme: Les couleurs me plaisent bien. Mais je regrette les titres des news en une seule ligne. Et comme dans la précédente version, il y a plein d'espaces dans les colonnes latérales que je ne vais pour ainsi dire jamais regarder: iOccasion, le guide d'achat, nouveautés produits, refurbgeneration. La partie les bons plans va-t-elle continuer de faire l'objet d'un article ou il faudra venir voir sur la home ?
- Sur le fond: le moteur de recherches me semble plus performant et classe enfin chronologiquement (quoique, pourquoi une date aussi bâtarde que mois/jour/année. Plus logique de faire année/mois/jour ou jour/mois/année.) Par contre, à quand une vraie recherche via les tags ? A quoi cela sert de taguer des articles, si on quand on clique sur un tag on n'a pas tous les articles sur ce sujet ?

En tout cas ce sont des détails, encore bravo pour cette mise à jour et tout votre boulot à MacG !

avatar iolofato | 

Gros boulot comme n'importe quel site de ce format qu'on décide de mettre à jour, cependant…

La taille de la typo est vraiment disproportionnée, on perd une énorme surface d'affichage. Le bandeau de droite est un vrai foutoir. Le bandeau "top" accroche brutalement et inutilement le regard. Ici des angles là des bords arrondis, des bords ombrés, pas ombrés, les choix chromatiques trop contrastés ne permettent pas une mise en page élégante.

Il suffit d'afficher le haut de cette même page pour constater que ça part dans tous les sens. https://www.igen.fr est bien plus lisible, là on a l'impression que vous êtes pris les pieds dans les templates.

Mais la forme n'enlève rien au fond ;)

avatar DJ_FoX_MaC_ClouD | 

Le design en lui même, je trouve ca pas mal, mais le orange je le trouve beaucoup trop foncé à mon gout...

La couleur utilisée dans le forum est plus douce pour mes petits yeux, je sais pas si vous êtes arreté sur cette couleur mais c'est trop foncé là :/
Sinon le reste de l'agencement ca me va !

avatar Helmer | 

Comme beaucoup de commentaires déjà postés :
Police des articles et des commentaires trop grande.
Colonne de droite bcp trop large donc obligé d'agrandir la fenêtre de Safari pour afficher l'intégralité de la largeur.
Et, chose qui me dérange le plus, plus d'aperçu des news sur la page principale, obligé de cliquer sur l'article pour le lire.

Pages

CONNEXION UTILISATEUR