Avis général, conseils sur un site

[minal]

Bonjour et bonne année à tous,

Voilà titre vaste mais je viens de tomber sur votre forum qui m'a l'air trés actif et parfaitement adapté à mon pb alors je vais me lacher avec les questions qui sont restées sans réponse sur les autres forums...

Voilà g un site en beta (pour ne pas dire alpha) accessible uniquement sous Firefox (je sais c'est honteux mais temporaire) et pa mal de questions à son sujet qui demande l'avis des spécialistes que vous êtes (non non ce n'est pas de la lèche)

Alors tout d'abord le site: www[NOGOOGLE]edupedia[NOGOOGLE]fr

Ensuite quelques questions:

La première, c'est qu'est-ce qui vous choque le plus ? Parce que je sais que ça risque de choquer... donc ce qui vous parait une abération dites-le moi !!

Pour la deuxieme, voilà j'utilise un bandeau flash avec des div dessus et ça ralenti tout sur un PC moyen, j'ai donc mis un "selecteur de niveau graphique" javascript en haut à gauche:

niveau 1: Sans la baniere,

niveau 2: avec,

niveau 3: avec + animation du changement d'opacité en JS (et grosse config recommandée puis c'est vraiment en test)

Et là j'ai plein de question:

Est-ce que d'aprés vous je peut garder un effet similaire à ce bandeau flash sans que ça rame ? (en passant par une gif ? une animation de jpeg en JS ? ....)

Ensuite je voudrais rendre le selecteur invisible mais je ne sais pas comment "calculer" en JS la puissance du PC (une petite fonction avec une boucle par exemple...) ou dites-moi si c'est ridicule ce selecteur !

Concernant le niveau 3, il me plait bien mais demande vraiment un PC puissant, à ce sujet si IE n'est pas utilisable c'est à cause de mes animations JS qui rendent le site 10x plus lent que sous firefox ou safari, d'où encore des questions:

Pourquoi qu'en on touche à l'opacité d'un objet HTML sous IE c'est si lent ?

Existe-t-il une méthode adapté à IE ?

Enfin voilà j'ai besoins de vos avis je ne fais pas de la pub (d'ailleurs y'a rien à voir...), je vous assure que j'ai cherché sur les forums et sur notre ami google mais j'espère avoir des avis plus pertinant ici parque jusqu'a présent je patauge, en tout cas merci beaucoup du temps passé à lire mon post et à y répondre si vous le faites.

[Kioob]

Hello,

vue que le site est en "alpha" il est encore temps de corriger quelques points, donc je me lâche :

- l'extrême lenteur d'affichage de la première page, j'ai même cru à du flash

- aïe ça pique les yeux

- la présentation trop peu aéré

- home page illisible, je n'arrive pas à y lire grand chose

- euh... ça parle de quoi ?

- impossible de "naviguer" sur le site : je clique sur un des carrés pour voir de quoi il s'agit, j'arrive sur une page ne m'intéressant pas et je ne peux même pas faire "page précédente". En temps qu'internaute, arrivé là je ferme l'onglet et on ne me voit plus.

- l'énorme bandeau gris qui bouge, ça me perturbe et en plus à priori il ne sert à rien

- design "vieillot"

Maintenant je précise là je suis sous Linux, donc je n'ai pas forcément les mêmes polices, mais coup de bol sur cette machine j'ai flash (celui d'Adobe en plus). Donc ça aurait pu être pire.

Pour le "sélecteur", j'ai beau chercher je ne le vois pas.

[LiFi]

J'ai aussi essayé de charger ton site, rien compris à première vue, puis cliqué sur un carré, ça m'affiche ensuite autre chose, j'ai jeté encore un coup d'oeil et puis j'ai fermé. J'ai trouvé trop d'information mais je me suis dit quand même que pour quelqu'un qui sait comment ça fonctionne ça peut etre intéressant mais je ne pense pas être la bonne cible n'étant plus étudiant.

[minal]

OK je vais pas reprendre tout le points et cool de me donner ton avis mais j'ai oublié de préciser que je n'ai pas de machine sous Linux pour optimiser tout ça donc si vous n'avez pas une machine ous windows essayez de repasser par là dans 2 semaines

Sinon je viens de tester directement sur mon serveur sous Linux et en effet c'est assez horrible (et je pense que NOMACHINE et l'absence du plug-in flash n'arrange rien)

mais reste que:

-euh... ça parle de quoi ?

Y'a une partie portail etudiant, une autre dédié aux gens qui veulent apprendre un truc, trouver un document,etc... mais bon en gros le thème du site tu le choisi dans les catégories à gauche...

- l'extrême lenteur d'affichage de la première page, j'ai même cru à du flash

Comme je l'ai dit c'est la banière flash qui ralenti le site (sur un vieux PC (sous windows) ça rame pas du tout en "mode I" (sans cette anim), testé plusieurs fois donc si une autre solution avec même effet...

- aïe ça pique les yeux

Je confirme sous linux j'ai presque envie de pleurer (mais attendez 2 semaines )

- la présentation trop peu aéré

- home page illisible, je n'arrive pas à y lire grand chose

- impossible de "naviguer" sur le site : je clique sur un des carrés pour voir de quoi il s'agit, j'arrive sur une page ne m'intéressant pas et je ne peux même pas faire "page précédente". En temps qu'internaute, arrivé là je ferme l'onglet et on ne me voit plus.

- l'énorme bandeau gris qui bouge, ça me perturbe et en plus à priori il ne sert à rien

- design "vieillot"

Bon là j'espère que tu dit tout ça parce que t'es sous linux... (et pour page précédente/suivante en effet vu que site en ajax...) Pas un moyen de voir à partir de windows et de me donner ton avis ?

[Kioob]

Du tout, même au boulot je n'ai plus de Windows depuis quelques semaines. Et même pire, je n'y ai pas Flash.

Je précise toutefois que malgré cela mon navigateur est 99,99% compatible avec Firefox 3, et que j'ai rarement des problèmes.

Sinon pour moi de l'AJAX qui gène la navigation est soit un AJAX mal fait, soit un AJAX placé à un endroit où il ne sert pas. Par exemple si l'AJAX recharge 90% de la page, et ne laisse que les menus, qu'elle est la valeur ajoutée vs tous les inconvénients ?

Bon courage en tous cas

[minal]

Ben en fait je viens de comprendre pour le "carré"

C'est plutôt simple c'est une mosaique (comme sur les sites de vidéos).

Chaque "carré" correspond à un document (vidéo ou document PDF) et lorsque vous cliquez dessus le "player" se charge en ajax (assez basique)

Ah et lorsque l'on clique dessus pour revenir en arrière y'a un gros bouton retour assez visible

Mais cela m'inquiète un peut que ce ne soit pas si clair que je le pensais... si quelqu'un d'autre pouvais me dire s'il trouve cela clair ou pas (c'est une grosse partie, pas mal de temps nécesaire pour tout changer alors...)

Concernant l'ajax il sert en effet à recharger 90% de la page (voir même 100), mais différentes parties à différents moments (c'est son principe)

Ensuite pourquoi vs tous les inconvénients ?

D'accord ce n'est pas indexables par les moteurs de recherche (mais solutions alternatives) et le bouton précédent/suivant n'est plus utile mais si c'est que cela ça reste acceptable...

En tout cas merci de vos avis, comme je le pensais ce forum est très actif et vos réponses instructives

[Kioob]

Inconvénients :

- faible accessibilité par rapport à un lien classique

- risques d'incompatibilité / bugs JS

- non indexable / référençable

- quand c'est fait "qu'à moitié", aucun historique de navigation

- quand c'est mal fait (je n'ai pas regardé pour ton site, je parle de manière générale), c'est au final plus lent qu'un affichage classique

Bref l'AJAX oui c'est bien, mais il faut savoir quand et comment l'utiliser. Avec modération quoi

Pour les solutions alternatives à la navigation, je ne sais pas si j'ai le profil typique mais j'ai tendance à rester sur mes habitudes : je ne vais pas cliquer sur un bouton "retour" qui change de place d'un site/page à l'autre et est souvent plus lent que mon bouton "page précédente" qui n'a pas changé depuis 10 ans (ou ma touche BackSpace) Idem quand je réponds à un formulaire, j'ai tendance à appuyer sur "Entrée" pour valider, pas reprendre la souris (qu'on a quitté pour saisir le formulaire) pour cliquouiller sur le bouton "Envoyer" (idem pour les boites de dialogues d'ailleurs).

Bref, je ne m'avancerais pas sur les habitudes de navigation de l'internaute lambda, mais pour moi ce genre de choses sont vraiment très handicapantes à la navigation.

Pour la mosaïque elle présente généralement un contenu "visuel", c'est pourquoi cette navigation "visuelle" également est si bien adaptée. Dans ton cas c'est principalement du texte, je trouve que cela ne s'y prête pas du tout : c'est écrit trop petit, au final je navigue complètement à l'aveugle sur le site sans savoir sur quoi je vais arriver.

Maintenant ce n'est que mon opinion (il paraît que je suis un "râleur"), et c'est peut être spécifique à mon environnement.

Voici deux screenshots (un peu gros, je les ai enregistrés en PNG pour que tu vois le rendu exact) :

- page d'accueil : comme tu peux le voir, difficile de lire le texte écrit tout petit dans la mosaïque

- une page de contenu : le texte central (rouge et noir sur fond blanc) est très très flou, difficile de lire quoi que ce soit.

[minal]

Je suis content d'apprendre que l'historique de navigation peut être gerer en ajax et vais regarder ça de prés !

Ensuite pour être un peu plus complet:

pour ajax sur le site c'est propre et ça fonctionne sur tout les navigateurs,

sur les formulaires du site tu peut toujours soumettre par la touche entrée,

la mosaique est adaptée puisque le but final est de stocker une majorité de vidéos mais le site n'est pas fini et les données actuelles sont de test et redondantes.

Concernant la mosaique un autre mode est diponible (c'est à dire un tableau plus adapté à la recherche de PDF), il suffit le cliquez sur l'icone adapté dans la barre de filtre, le problème est que je ne sais pas si c'est trés clair pour toi vu que tu es sous linux et que pour le moment c'est vraiment loin de la version windows...

et cela m'étonne que tu es une réputation de "râleur"...

Et pour le pb de cette bande flash qui ralenti tout si quelqu'un avait une idée...

Edit: Ok j'ai confondu la fin de ton post avec ta signature (je me suis levé tôt) !

Merci des captures, quelle est ta résolution ?

Ensuite il te manque la partie haute du site ... (l'effet wmode="opaque" de flash semble avoir quelques perversions...)

Ensuite c'est une image de pdf... le résumé devrait être visible par dessus et tu accéde au document grâce au bouton ressemblant à play...

(J'essai de poster rapidement une image du site version MS)

Modifié 7 Janvier 2009 par minal

[minal]

Voilà à quoi le site doit ressembler:

Page principale avec mosaique

Page principale avec liste

Si quelqu'un sous windows voit quelque chose de différent et qu'il est sous Firefox, Chrome ou Safari qu'il me le dise

Zt sous linux la banierre flash cache les divs qui sont dessus (merci Kioob !)... Mais pourquoi ? Si quelqu'un sais...

Merci encore de votre aide !

Modifié 7 Janvier 2009 par minal

[Dadou]

Enfin, c'est pas cool la page quand tu es sous IE, tu vas perdre 80% de tes visiteurs comme cela

[minal]

Euh... pour IE c'est temporaire c'est quasiment nickel mais vraiment trop lent à mon gout à cause des animations JS alors tant que je n'ai pas pu optimiser cela je prefere ce message plutot que de faire peur dès le début...

Sinon bon voilà vu que cette barre flash ne fonctionnait pas correctement sous Linux elle n'existe plus, tant pis pour le jolie effet...

Et Kioob Je me suis pas relu quand je demandais ta résolution je voulais savoir si l'image n'est pas resizée car certains elements me paressent réduits (comme dans la barre de filtre,le numéro des pages ou encore les stats d'une catégorie) et j'aimerais bien savoir si c'et du fait de linux (effet de police, etc) ou si c juste la capture, merci à toi en tout cas pour ces 2 captures elle me sont bien utiles.

Désormais le site devrais donc être quasi identique sous windows et linux mais le player de vidéo require le plug-in flash...

Enfin du coup pas mal de modifs et le selecteur va virer je crois... en tout cas le niveau I c'est sûr.

Reste une question qui me taraude:

Voilà le player est tout nouveau c'est pour cela qu'il est si laid (je verrai plus tard) par contre celui-ci doit pouvoir être exporté (intégré à un blog, etc...) et vu qu'il ne contient que peu de flash et que ce n'est vraiment pas mon domaine et qu'il me semble plus léger comme ça j'utilise une technique un peu spéciale pour l'

intéger, en fait il suffit de copier ce code dans votre page:

<!-- Vou pouvez changer la taille en éditant les variables 'l' et 'h'
       Taille minimale: 400x220, tailles conseillées: 400x250, 500x300, 700x400, 900x500, 950x600  -->
<div id='eduPlayer1622'>
<script type='text/javascript'>
var l = 500; var h = 300;
var s = document.createElement("script");s.setAttribute("type", "text/javascript");
s.setAttribute("src", "http://www.edupedia.fr/extPlayer.php?fid=30&w="+l+"&h="+h+"&divid=1622");
document.getElementsByTagName("head")[0].appendChild(s);
</script>
</div>

Et donc ça marche trés bien chez moi mais j'ai quelques inquiétude sur les risques de blocages point de vue sécurité via un blog ou autre ou encore point de vue compatibilité via linux et autres navigateurs...

Si juste quelqu'un peut tester de coller ça dans un fichier index.html avec 2 ou 3 balises et me dire si cela fonctionne et quel est son OS, son navigateur et sa version cela serait formidable... Aprés je me débrouille Merci !

Modifié 8 Janvier 2009 par minal

[Kioob]

J'ai pris les screens en 1024, si ça peut t'aider, et je confirme l'aspect "resizé" du site... même en 1280. C'est pour ça que je disais que c'était écrit trop petit et que c'était illisible.

Toutefois j'ai testé sur la machine d'un collègue (Firefox sous Vista), et c'est guère mieux.

Par contre je confirme que maintenant sous nunux j'ai bien la barre en haut, alors que je n'ai pas flash (enfin si, mais la version swfdec).