Proposition d'un nouveau visuel pour le site

[monsieur jojo]

Suite à l'email que j'ai envoyé à Fredo_L, il m'a demandé de le recopier sur le forum pour que vous puissiez donner votre avis.

Bonjour,

Tout d'abord merci pour tous ces vieux magazines, une vraie mine d'or.
Voilà, ça fait un petit moment que je viens sur le site et je me dis qu'une petite mise à jour visuelle serait sympa.

Donc je m'y suis collé. Sans faire quelque chose de "dingue" j'ai essayé de faire quelque chose d'un peu plus agréable à regarder (après les goûts et les couleurs...)
Toujours est il que j'ai essayé de garder plus ou moins la mise en page déjà existante (avec le système de tableau) pour ne pas avoir à refaire complètement tout le code du site.

Voici donc un petit aperçu.

AM_visuel_Actualite.jpg

AM_visuel_ProjetMag.jpg

AM_visuel_Joypad.jpg

AM_visuel_Joypad_numero.jpg

AM_visuel_Joypad_previewCouv.jpg


Voilà j'attend vos retours

[Kantaro]

Bonjour,

et bravo pour ta réalisation.
Je ne pourrai pas donner trop d'avis sur le technique (le php et moi...), sur le graphique, c'est vraiment pas mal du tout, MAIS les couleurs détonnent un peu trop à mon goût.

Personnellement, et sans remettre en cause le travail que tu as fait, je préfère l'ancien design, plus sobre et plus "rétro" à mes yeux.

Mais comme ce que tu as fait est bien aussi, je pense que l'idéal serait de proposer le choix entre les deux design (si, si, c'est possible, ce lien explique comment le faire (partie "laissez le visiteur choisir le design").

Bon boulot en tout cas.

PS : Juste une faute dans les options de la 4ème image, c'est "voir LA couverture en grand" ^^.

[Fred_G]

Moi je trouve ça pas mal, pourtant d'habitude j'aime rien

[monsieur jojo]

Personnellement, et sans remettre en cause le travail que tu as fait, je préfère l'ancien design, plus sobre et plus "rétro" à mes yeux.

Ah oui je suis un grand enfant, j'aime bien les couleurs et les boutons
J'ai essayé de pas non plus trop en abusé. Mais forcément, déjà juste avec la bannière ça fait une différence.
Evidemment le site actuel fait plus "rétro" , je dois dire que ce n'était pas vraiment mon but au risque de sortir de la thématique.

Mais comme ce que tu as fait est bien aussi, je pense que l'idéal serait de proposer le choix entre les deux design

Moi non plus je ne suis pas un expert pour tout ce qui est code internet (je n'ai jamais touché au php). Donc ça sera à voir avec Fredo_L je suppose, dans le cas où cela intéresserait du monde.

PS : Juste une faute dans les options de la 4ème image, c'est "voir LA couverture en grand" ^^.

Oki, ça marche, ça sera corrigé si une version définitive m'est demandée. Du moment que tu n'as pas remarqué que je n'ai pas mis de "S" à "magazine" sur la bannière, moi ça me va :p

[jeffconquerant]

J'aime bien le coté sobre du nouveau site.

Je trouve pratique la présentation des magazines avec les icones à coté pour télécharger, commentaire... clair et net.

[Woodstock]

Rien à dire sur le design du site, sinon quelques félicitations
Par contre, c'est tellement gris sur gris avec du gris que cela m'inspire une infinie tristesse...

Quant au bandeau, pourquoi pas accentuer le côté "rétro" en tirant plus la couleur vers le sépia ?

[Fredo_L]

Merci à monsieur jojo pour ses propositions.
Je répondrai que demain, car il est déjà tard et je dois encore faire certaines choses avant de me coucher.
Certaines idées seront rejetées pour des questions d'ordre pratique et techniques, mais d'autres devraient pouvoir être mises en place. J'expliquerai tout ça demain.

[Fredo_L]

Les propositions rejetées :
http://blog.jeromehoulier.com/public/Ab ... ualite.jpg
http://blog.jeromehoulier.com/public/Ab ... jetMag.jpg
http://blog.jeromehoulier.com/public/Ab ... Joypad.jpg

Me refus n'a rien à voir avec la qualité esthétique des propositions, mais c'est avant tout un choix d'ordre pratique.
Il faut savoir que régulièrement, je reçois des propositions pour améliorer l'esthétique de mes différents sites (Lankhor, vidéos, magazines, etc.) et dans certains cas, il s'agit de choses vraiment jolies. Mon refus vient du fait que je tiens à ce que tous mes sites aient la même structure, même si cela signifie qu'ils ne sont pas forcément très beau. L'intérêt pour moi d'avoir tous mes sites identiques est que je peux très facilement les mettre à jour. Cela risquerait d'être vraiment galère de devoir maintenir plusieurs sites ayant une apparence différente.

Les propositions en attente d'informations supplémentaires :
http://blog.jeromehoulier.com/public/Ab ... ewCouv.jpg

Je suis parfaitement d'accord pour dire que ce serait plus sympa que quand on clique sur la miniature (ou que l'on survole avec la souris), que l'image en grand apparaisse automatiquement. D'ailleurs, c'est ce que j'avais pensé à mettre en place à une époque. C'était un problème d'autre technique qui m'avait bloqué car je ne savais pas comment mettre en place le script sans qu'il soit nécessaire de charger les grandes images dès le chargement de la page.

Une grande couverture fait en général 500 Ko mais certaines vont jusqu'à 4 Mo. Une page propose 20 couvertures, et donc, si à chaque ouverture de page, il y a plus de 10 Mo qui sont transférés à l'internaute, cela risque de très fortement retarder sa navigation sur le site.

Si quelqu'un connaît un moyen d'afficher de la sorte une grande image sans avoir eu besoin de la charger au démarrage de la page, je suis preneur et j'apporterai la modification pour améliorer le site.

Les propositions acceptées :
http://blog.jeromehoulier.com/public/Ab ... numero.jpg

J'aime bien cet arrangement, et le fait de voir en griser quand des options sont non présentes.
En revanche, j'ai du mal à comprendre le choix de l'icône pour le téléchargement et pour la visualisation.
Je serais intéressé d'avoir l'avis d'autres membres pour savoir si vous trouvez que ces icônes sont parlante ? Si oui, alors, on garde tout en l'état.

Est-ce que tu pourras dans quelques jours m'envoyer les icônes pour que je mette le système en place sur le site ?
Merci d'avance.

[monsieur jojo]

Les propositions rejetées :Mon refus vient du fait que je tiens à ce que tous mes sites aient la même structure

Eh bien, peut-être peut on appliquer ce visuel aux autres sites ? Non, bon je comprends. (Après si c'est juste une histoire de quelques images à faire en plus ça ne me gêne pas, hé hé)

Je suis parfaitement d'accord pour dire que ce serait plus sympa que quand on clique sur la miniature (ou que l'on survole avec la souris), que l'image en grand apparaisse automatiquement. D'ailleurs, c'est ce que j'avais pensé à mettre en place à une époque. C'était un problème d'autre technique qui m'avait bloqué car je ne savais pas comment mettre en place le script sans qu'il soit nécessaire de charger les grandes images dès le chargement de la page.

Je m'en doutais bien, mais tant que j'y étais je m'étais dis pourquoi ne pas la placer. Je jetterai peut-être un coup d'oeil parce que j'aurai peut être moi aussi besoin de cette fonction.

En revanche, j'ai du mal à comprendre le choix de l'icône pour le téléchargement et pour la visualisation.

Pour le téléchargement, moi le coup de la flèche vers le bas ça me parle, après si vous préférez une disquette comme actuellement, je peux en faire une dans le même style.
Pour l'icône de visualisation, je ne suis pas non plus hyper convaincu. Je dois dire que l'icône actuel ne me parle pas tellement plus, du coup j'avais essayé autre chose. Dites moi, je pourrai faire autre chose


Voilà, je pourrai bien entendu t'envoyer les icônes, lorsque tout ceci sera validé. Je te met le texte avec ou juste l'icône ? Et sinon .PNG avec transparence , ça va ?

[Fredo_L]

Arg, j'avais tapé un long texte mais tout a été perdu


Pour l'histoire du zoom, je disais qu'il faudrait que quand on clique sur la miniature, il y ait un espace blanc qui apparaisse en gros plan, et que le navigateur télécharge la grande couverture pour l'afficher dans la zone blanche.

Pour le format des icônes, le format PNG avec transparence sera parfait.
Je veux bien une version avec et sans texte.

Pour mes icônes de téléchargement et d'affichage de l'album, je n'en suis pas satisfait et je ne pense pas que tes icônes soient pires que les miennes. Je me dis juste que quitte à changer les icônes, autant en profiter pour le faire le mieux possible.

[Soteen]

Les propositions rejetées :
http://blog.jeromehoulier.com/public/Ab ... ualite.jpg
http://blog.jeromehoulier.com/public/Ab ... jetMag.jpg
http://blog.jeromehoulier.com/public/Ab ... Joypad.jpg

A part une impression du vide avec le noir sur fond blanc, cela reste très lisible. Personnellement, ça passe.

Les propositions en attente d'informations supplémentaires :
http://blog.jeromehoulier.com/public/Ab ... ewCouv.jpg

C'est assez agréable d'avoir toute la couverture affichée en grand comme ça. En tout cas, j'aime bien.
L'actuel affichage est tout aussi bien et son avantage est d'avoir un affichage plus grand....très pratique pour des personnes qui ont la vue qui baisse...

Les propositions acceptées :
http://blog.jeromehoulier.com/public/Ab ... numero.jpg

Comme Fredo, j'aime bien aussi. C'est plus clair.

Pour l'icône de téléchargement, j'ai une préférence pour l'éternelle disquette que je trouve sympa. Comme ça, on reste dans l'abandonware.
Pour l'icône de visualisation, ça passe. Je n'ai pas trop cherché qu'est-ce qui pourrait être mieux.
Un bouton "lecture" comme pour lire une vidéo ou musique ??

Peut-être serait-il assez sympa d'avoir le fond des icônes de la couleur rétro du site. A tester !

Sinon, J'aime bien le bandeau avec le logo

[canelle]

Il y a des bonnes choses mais je n'adhère pas à tout.

La première chose qui m'a frappée, c'est les couleurs... Noir et blanc, que c'est triste... Il n'y a même pas une pointe de couleur vive pour rallumer tout ça... Pourtant, c'est nécessaire pour ne pas déprimé l'internaute qui lit le site.
Pour le bandeau, pareil... Il est sombre et le rouge choisi pour le lettrage ne rallume pas le design. Je ne sais pas si c'est un effet de la capture d'écran mais voilà, je trouve ça triste et terne. Du coup, je n'aime pas la police choisie mais je pense que ça vient aussi de l'effet terne du choix des couleurs.

Pour les icônes, elles sont assez sympas, surtout le fait qu'elle ne soient activent que si l'option est là.

Pour la grande image, j'avoue ne pas être fan mais ne rien avoir contre non plus.

[Fredo_L]

J'ai mis en place une partie des icônes.
Pour ce qui est des icône de téléchargement et de visionnage de l'album, j'aimerais que cela reste proche des visuels actuels (une disquette et un dossier d'images).
Est-ce que tu peux me faire ça et me l'envoyer par mail stp ?

[Fredo_L]

Merci !

[Fredo_L]

Est-ce qu'il y aurait moyen que tu fasses de la même façon une icône "streaming off" qui servira pour le site des vidéos (exemple ici : http://www.abandonware-videos.org/affic ... images=oui).
Je te remercie par avance.

[GamesfanULTRA64]

Ah ouais bof trop gris gris pas assez coloré à mon gout. Faudrait juste mettre le même fond beige que le site à déjà et là ça le ferais.

[monsieur jojo]

Oh j'avais oublié de dire que j'avais trouvé une façon de faire pour les previews des couvertures où "la grosse image" ne se charge que lorsqu'on clique.
Je laisse un exemple si ça intéresse.
http://blog.jeromehoulier.com/public/ZoomImage.htm

[Fredo_L]

Merci beaucoup.
Je regarderai ça dès que j'aurai un peu de temps.

[Fredo_L]

Dans le script, je ne comprends pas à quoi correspond
pathToDownloadScript: './Scripts/forceDownload.asp',//if above is true, specify path to download script (classicASP and ASP.NET versions included)

J'ai testé ton script et je ne suis pas totalement convaincu.

J'ai ajouté à ta page la ligne :
<a class="mb" href="http://www.abandonware-magazines.org/im ... ero126.jpg" rel="" ><img src="http://www.abandonware-magazines.org/im ... "/></a></p>
Et mon problème, c'est qu'il m'a fallu 1 bonne minute pour afficher l'image, alors qu'avec le système actuel, l'image commence à s'afficher tout de suite. En gros, ton système est bien pour des "petites" images mais dès que les images sont grosses, ça se met à ramer.

J'ai fait une page de test en grandeur naturei http://www.abandonware-magazines.org/te ... g=7&page=7

Pour que ton système soit quasiment parfait, il faudrait que l'image commence à s'afficher dès le départ (actuellement, l'image s'affiche directement en entier) car ainsi, le visiteur n'aurait pas à se demander s'il y a un problème du fait que rien ne se passe.

Pour résumer, si tu me trouves le même script, mais qui permet d'afficher l'image au fur et à mesure, alors je m'en servirai. Ce que je ne veux pas, c'est que le visiteur se retrouve pendant trop longtemps devant un script qui semble ne rien faire, car au bout d'un moment, il va croire que ça ne marche pas et va changer de page.