Re: Vos réalisations faites avec iWeb

[Yanik]

Re bonjour,

J'ai regardé ton site d'un peu plus près et je confirme, il est très clair dans le contenu des pages. Mais un peu moins sur sa structure.
Comment l'améliorer ? Rassure toi, comme tu as dû le voir, iWeb est tellement souple que c'est très simple de changer d'avis.. et l'ordre des choses.
1 - Déjà, interroge-toi sur son objectif : est-ce un site consacré à Karem Ortiz et à ses activités, ou un site destiné à proposer des prestations comme la page d'accueil le laisse penser ?
2 - Ce site a un double menu. Intéressant mais délicat à maîtriser. Le risque est grand de ne pas s'y retrouver une fois franchie la page d'accueil. Tu as rattrapé le coup en rajoutant un "accueil", à part, sur la droite. Et il y a une contradiction : sur la page d'accueil, le réflexe veut qu'on parcourt le menu dans l'ordre. Or, si l'on fait le choix cours, on tombe sur une page où le cours apparaît en deuxième position dans le menu, la biographie passant en tête. (D'où mon interrogation sur l'objectif du site).

Une proposition ? Je pars du principe que tu mets les cours en objectifs principal.

Les pages et leur ordre :
Accueil
Pédagogie et prestations
Cours 2009/2010
Stages
Festivals et soirées
Karem Ortiz
Biographie
Vidéos
Photos
Les sous pages photos (qui sont des pages comme les autres)
Liens
Contacts.
Toutes n'apparaîtront pas dans le menu.

Leurs articulations et présentations
1 - La page d'accueil est sans menu (décocher "inclure" et décocher" afficher le menu..." dans inspecteur/page). Elle décrit succinctement l'objectif principal du site (les prestations) et précise quelque chose comme : "les stages sont conçus et animés par Karem Ortiz dont vous trouverez...". Tu peux conserver ton prochainement en le mettant clairement à part et en valeur.
Elle comporte un bouton "entrer dans la danse" (tu peux trouver plus original !) qui mène à la page suivante, c'est à dire :
2 - Pédagogie et prestations. Cette page comporte le menu (où n'apparaîtront ni vidéos, ni photos, on verra plus tard comment faire).
Suivront, les autres pages, jusqu'à la page :
6 - Karem Ortiz : en fait, c'est celle de la biographie actuel. Elle va comporter trois boutons situés sous le menu : Biographie - Vidéo - Photos.
Ces boutons se trouveront aussi dans les pages vidéos, photos et les sous pages photos (par copier/coller). Ils dirigeront vers les trois pages : biographie, vidéos, photos, à l'aide un lien. Avantage : on circule dans la partie Karem ORTIZ sans perdre de vue le menu principal.
7 - Vidéos : décocher "inclure la page dans le menu de navigation"
8 - Photos : idem.
9 - Les sous pages photos : idem.
Suivront les pages : liens et contacts.
Remarque : toutes les pages Karem Ortiz peuvent être titrées clairement Karem Ortiz (au dessus des boutons par exemple).

Apparaîtront dans le menu principal
Pédagogie et prestations (prestations devrait suffire)
Cours 2009/2010
Stages (ou plutôt dates des stages).
Festivals et soirées.
Karem Ortiz
Liens
Contacts.
Les liens "accueil" et "retour à l'index" ont disparu.

Après, tu pourras reconsidérer d'un oeil neuf tes pages. Il y a quelques redondances ou autres choses inutiles, c'est naturel : on peaufine toujours après.

[Puregeof]

Bonjour, je viens de débarquer sur le forum, j'en profite pour vous laisser le lien de mon site:
Karem Ortiz

Bonjour Dyek,

J'aime beaucoup la page d'accueil et la présentation du site en général

Je rejoins Yanik pour dire qu'il est un peu confusant d'avoir un ordre de menu différent sur la page d'accueil des autres pages. Intuitivement j'ai cliqué sur "biographie" alors que je voulais revenir à l'accueil
Perso, j'aurais mis la page biographie après "pédagogie et prestations" et avant "videos" et "photos".

Enfin, je ne suis pas sûr qu'il soit prudent de diffuser ton numéro de portable sur la page d'accueil. Tu risques d'être bientôt assaillie de spams par sms.

En conclusion, c'est un très beau site qui donne envie d'en savoir plus.
Qui sait, peut-être à bientôt pour un stage ?

[jeancharleslast]

Bonjour, je viens de débarquer sur le forum, j'en profite pour vous laisser le lien de mon site:
Karem Ortiz
c'est la première fois que je m'attèle à ce genre de truc, et j'ai trouvé iWeb vraiment très intuitif. Bien évidemment je trouve continuellement de nouveaux petits trucs pour améliorer quelques détails, et j'adore. Bien qu'étant partisante du: "le mieux est l'ennemi du bien", je passe beaucoup de temps à essayer de trouver de nouvelles choses pour peaufiner tout ça.
Si vous pensez à quelque chose, je suis preneuse de toutes remarques.
merci

Je dirais surtout que c'est agréable à regarder.

Pour ceux qui ne le sauraient pas encore et qui se testent sur iWeb, sachez que la tendance est aux sites sobres. Finis les années 80....Plusieurs avantages: Pas de faute de gôut, moins de risque de déplaire à un internaute,plus lisible, direct à l'essentiel ect...

Pour revenir à ton site, j'ai trouvé très bien tes menus verticaux sur la page d'accueil.
Mais j'ai été très déçu de ne pas les retrouver sur le reste du site.
POur une meilleure cohérence, les menus ne changent que trés rarement.....

Surtout que là, c'est pour passer de beaux menus verticaux à ceux de iWeb, vilains et standards....Il vaut cent fois mieux se les créer soit même plutôt que d'utiliser ceux proposés.....

L'idée de la page d'accueil est donc à conserver.

@ ++

[Madeline]

Pour revenir à ton site, j'ai trouvé très bien tes menus verticaux sur la page d'accueil.
Mais j'ai été très déçu de ne pas les retrouver sur le reste du site.

... pour passer de beaux menus verticaux à ceux de iWeb, vilains et standards....Il vaut cent fois mieux se les créer soit même plutôt que d'utiliser ceux proposés.....

je partage absolument ce point de vue !

[dyek]

....... il semblerait donc que j'ai un sérieux soucis de menu....
il va falloir y remédier.
merci en tous cas pour toutes vos remarques avisées.
ça aide, des avis extérieurs...

[kamaxf]

Bonjour,

Alors personnellement, ce que j'ai aimé sur ton site:

- le côté convivial, il m'a donné tout de suite envi de jardiner!

- la clarté, la simplicité.

- le thème qui est en parfait harmonie avec le sujet.

Pour moi, ce qui est à améliorer:

- une faiblesse d'Iweb est de paramétrer par défaut les pages en 700 px de large. Je pense que c'est insuffisant, vu la taille et la résolution des écrans actuels. Agrandis cette donnée (inspecteur de page> disposition> largeur de page), tu en gagneras encore en clarté.

- J'aurais mis ta fiche de présentation en première page, on sait de suite à qui on a affaire.

- Le formulaire ne peut pas être rempli, est-ce un choix délibéré? Si tu as des questions sur les formulaires, je te conseille d'aller voir par là

- Je trouve un peu dommage de descendre autant dans ta page de photos, mais ça ce n'est que mon avis perso.

En espérant avoir été constructif, bonne journée

Me voilà de retour ,
ça y est je crois avoir fini pour le moment;
alors j'ai retenu et modifié mon formulaire avec jotform, mais je regrette que leur message après envoyer soit en anglais;
j'ai réduis le nombre de photos par page.(moi je n'aime pas tourner les pages)
j'ai tenter d'agrandir une page (inspecteur de page> disposition> largeur de page),mais je n'ai pas réussi a conserver mes coins supérieurs à l'identiques, c'était moche et trop voyant, tant pis

au plaisir,
merci pour vos critiques toujours constructives
http://www.coachjardin.fr

[kamaxf]

Merci ça fait plaisir de tous vous lire

Au moins je me dis que je n'ai pas galèré tout ce temps pour rien.:)

J'ai suivi votre conseil concernant les photos en mettant un album avec un seul volume pour le moment.

Je crois avoir corrigé l'alignement des modules, non remarqué sur mac, mais comment faire pour élargir la ligne de navigation( la où l'on voit les prochaines pages à visiter).

Par contre le fond d'écran est resté car je veux que les visiteurs sentent le jardin, et garder cette convivialité même si ça rame un peu ou fait vieux ça correspond mieux à mon idée qu'un site plus épuré. On verra dans le futur.

Pour le mot "coaching" il est accompagné volontairement de "cours et conseil" pour rester proche de nos racines mais beaucoup de personnes utilisent ce mot. j'aime bien le roseau!

Trouvez vous qu'il y a trop de photos?

http://www.coachjardin.fr
a+

[Puregeof]

]

Bonjour,

Je soumets humblement à votre jugement ce site que j'ai réalisé pour une amie.

www.sestosenso.fr

Bonjour,

Désolé de ne pas avoir donné suite plus tôt. J'ai été un peu occupé ces jours-ci.
Merci à tous pour vos commentaires Que du constructif et aucun sarcasme... Je dois être au paradis des forums

Je pense qu'une petite augmentation de la largeur des pages rendrait le site un peu plus harmonieux.

J'ai élargi les pages à 900 pixels.
C'est une question que je me pose souvent. Quelle largeur choisir sachant que le site peut être vu sur un iMac 27" ou un ultraportable 9" ?

Attention également à la présence de l'email en bas de page, qui peut être récupéré par tout et n'importe quoi. Il vaut mieux utiliser un formulaire, ou même l'icône de contact présente dans Iweb.

S'agissant d'un site à usage professionnel, je ne pense pas que l'affichage du mail de contact pose problème, au contraire.

Très joli site. C'est fou ce qu'on faire avec iWeb lorsqu'on a un talent artistique !

Assez ! Je rougis

Et ça donne envie d'aller dîner à-bas !

Je ne sais pas si tu y es allé. J'y ai emmené quelques amis hier soir. C'était presque complet. Gabriella constate une hausse de la fréquentation depuis deux semaines et pense que le site y est pour quelque chose Qui sait, c'est peut-être vrai...

En ce qui me concerne, je suis un peu dérangée par l'ajout d'une 3e police (time) pour la phrase d'entrée...
et par le choix de la couleur bleue (qui est ma couleur préférée !!!)

quelques suggestions ... de mon cru !

Merci ! Tu as entièrement raison.
N'ayant pas le talent artistique que Yanik me prête, je me suis permis d'appliquer à la lettre tes suggestion
Pour la couleur de la police j'ai utilisé le curseur RVB 128 0 0 qui correspond à la couleur du fond. Je n'ai pas trouvé le "RGB # 94 11 00" qui, sur ton exemple, me semble plus lumineux.

-J'aurais pour ma part changer l'ordre du menu et particuliérement, inversé "Galerie" et "Ils en parlent".
En effet, dans l'ordre d'importance du menu (de gauche à droite), la galerie est plus importante que ce pensent les autres...

Merci pour la suggestion. Réflexion faite, il m'a semblé que les références de clients satisfaits étaient plus importantes que les photos. Je n'ai pas changé.

-Je trouve inutile et dommage le rappel des titres en haut de chaques page. (Je parle pas du menu bien entendu...mais le rappel.)
Le clic sur le menu suffit. Un rappel peut se faire mais alors beaucoup plus discret....

Désolé, mais je n'ai rien compris
Tu veux dire que le titre de la page (par exemple "Accueil") devrait être plus discret ?
Tu as peut-être raison... ... C'est un choix purement esthétique. Personnellement j'aime bien. On sait où on est et ça donne une unité à l'ensemble. Mais bon... à voir ...

-Dans le menu, "contact" n'est pas nécessaire si toutes les infos sont déjà en bas de chaque page.
Au passage, j'aurais trouvé un autre mot que "s'y rendre' car l'apostrophe n'est pas du plus ésthetique et il est prérable de conserver des mots courts, pércutant....

Effectivement, j'ai remplacé "s'y rendre" par "y aller".
Je reconnais qu'il y a redondance dans les informations de contact, mais c'est voulu. Le but du site est d'inviter les visiteurs à réserver ou aller au restaurant.On veut être sûr qu'ils ne passent pas à côté.

-J'ai des décalages sur Windows XP (je sais on s'en fout.....)
As -tu vérifié l'affichage sur les autres navigateurs via le site web qui va bien pour ça?

J'ai regardé le site sur un vieux Compaq tout pourri qui tourne tout doucement sous XP avec Firefox et Explorer. J'avais un décalage au niveau des dates d'ouverture (deux lignes se chevauchaient). C'est corrigé. Sinon je n'ai pas noté d'anomalies; si ce n'est le diaporama sous firefoxpour windows : toutes les photos s'affichent et ensuite le diaporama continue avec les seuls reflets

Pourrais-tu me montrer une capture d'écran pour que je visualise les décalages dont tu parles ?

-Les photos sont bien cadrées et explicites mais je les trouve sombres.

L'endroit n'est pas très lumineux; mais plutôt feutré et chaleureux. J'ai voulu rendre cette ambiance dans les photos. J'ai peu utilisé le flash mais de longs temps d'exposition et de grandes ouvertures. Ca donne de jolis contrastes et des effets sympathiques (lumière irisée et profondeur de champ).

-Au passage, un petit site similaire que j'avais réalisé pour un pote. http://www.bodega-leon.com/

Encore un grand merci à tous pour vos commentaires et vos précieux conseils
www.sestosenso.fr

[jeancharleslast]

Tout d'abord, merci d'avoir répondu à nos remarques.


Effectivement, on peut hésiter sur la largeur d'un site. Laquelle choisir?
Pourtant la réponse est assez simple: La largeur doit être choisie en fonction de ta cible. Exemple, si un site web est fait pour des administrations françaises, (entre eux), la largeur sera peu importante. Leurs écrans étant souvent petits...
Si ton site est géneraliste, alors il faut s'adapter à la moyenne.Tout simplement. Cette statistique est trouvable facilement. Chez Adobe par exemple.
J'en profite pour te glisser un sujet unique sur la largeur et hauteur des pages ici
Je voudrais souligner quelques points qui me semblent importants car récurrents dans ce sujet du forum....
Je prends ton site pour exemple mais m'adresse à tous les internautes.



Malgré tout il y aura toujours des deçus...Au même titre que ton choix de couleur, de typo ect...Néanmoins, il existe des standards. La largeur de page en fait partie.
C'est égoiste effectivement, celui qui posséde un 12' sera "exclu".. On s'adapte aux standards et à ceux qui suivent le mouvement.....

C'est la même raisonnement pour les "contacts" dans ton site.
La norme (qui n'est pas une règle) appose les contacts en pied de page,bien alignés. C'est devenu une habitude pour les internautes. Bien que nous souhaitions tous que notre site soit clair, un lien "contact" dans un menu est devenu obsolète.En intégrant le "contact" en menu, on s'adapte aux internautes non initiés mais on déçoit la grosse partie des internautes qui chercher les contacts en bas de page....

C'est aussi la même chose pour le rappel du nom des pages en gros titre.
Exemple "accueil" en énorme. Les internautes savent ou ils cliquent et ou ils attérissent. Surtout dans un site de 4 ou 5 pages, facile à naviguer.
Un rappel du nom de la page, oui! Mais d'autres formes discrètes existent. (le lien du menu peut se colorer par exemple....)

Idem pour l'ordre du menu.
On a souvent envie de mettre en premier une page qui est importante au détriment de la logique de l'internaute et de la navigation. Quand on se rend sur un site de commerçant, Bien que certains ne souhaitent QUE la page contact; il est plutôt logique de s'attendre à un menu qui présente le restaurant , puis en bout de chaine, le menu "contact"....

Tout ça parce que l'on veut trop bien faire, parce que l'on ne voudrait pas que l'internaute se plante ou quitte le site ...On lui met bien en valeur là ou l'on veut qu'il aille..

Si l'on suivait celle logique, les boutons "acheter" sur les sites web de réference seraient apposés en énorme...Je te laisse regarder de nouveau le site APPLE par exemple...Pourtant, acheter, c'est important; mais ils présentent d'abord le produit!


Les webmasters ont bien arrêtés les"papiers peints" en fond des sites web alors qu'en 1990 c'était la classe!

Adaptons - nous aux standards sans s'attarder sur ceux qui ne comprendraient pas ou qui ne ne verraient pas ou ils cliquent ...Ou qui voudraient revoir les "papiers peints" sur tous les sites web en 2010...

Voilà c'était ma minute à moi à consommer avec modération.



Nota: Bien entendu et heureusement, certains sites enfreignent ces "régles". Quand le webmaster est un vrai pro (qui vit de ça), le résultat est souvent excellent. Dans le cas inverse, cela nuit au site et on en oublie presque les choses bien....
iWeb parait tellement simple à l'utilisation que beaucoup de débutants oublient et surpassent les standards en création graphique...

[Olivier]

Bonjour à tous

vos avis m'intéressent, vous pouvez vous lacher, les critiques font avancer selon moi...

merci pour vos comms

http://www.olivier-azema.fr

[el padre]

Bonjour,

alors pour ma part, j'aime bien la charte graphique de ton site, sa simplicité, son côté dynamique avec les animations (bannerzest?). Ce qui m'a un peu plus dérangé c'est la taille des crédits en bas de page par rapport à la taille du menu et quand on entre dans ton site on ne tombe pas directement sur la page d'accueil. J'aurais aimé que le menu du bas soit d'une couleur différente que les crédits. Très belle réalisation

[nabard]

Bonjour, je vous donne rendez-vous sur mon site tout fraîchement en ligne.
Se site est un cv
www.barrand.fr
j'ai des doute sur le design fond uni et cadres textes avec une image floutée
un autre design vous est proposé à cette adresse :
http://barrand.fr/benjamin_barrand/materiel_2.html
le soucis étant que l'ombre des cadres textes alourdis considérablement la page est n'est pas lu par tous les navigateurs mac (camino, par ex.)
A se sujet dites moi selon vos os, navigateurs et version si vous notez des incompatibilités ou bizarreries d'affichage. (j'ai noté que sous IE sur XP, la bannière supérieure déconne, super c'est une des config les plus répandue)
en vous r'merciant

[Puregeof]

Bonjour Nabard,

Très belle réalisation. D'un point de vue esthétique c'est superbe !
Aucun doute à avoir sur l'emploi de la transparence et des images floutées. C'est beaucoup plus joli que la seconde proposition.

J'ai parcouru le site sur mon mac avec Firefox et Safari. Tout fonctionne parfaitement bien. Aucune lourdeur de chargement.


Sur le fond, si je peux me permettre deux petites remarques.
Sur la page d'accueil je trouve dommage de commencer ce texte par des doutes sur l'utilité du site en soi... surtout s'il s'agit d'un cv.
Toujours, s'agissant d'un cv, j'aurais inséré la page "expérience" avant la page "matériel". Mais je ne connais pas les usages de ta profession.
Il me semble aussi étrange, voire peu prudent, de faire figurer ton n° de sécu sur la page contact.

J'adore l'utilisation des onglets dans la page expérience. C'est un modèle qui existe dans iWeb ?

[nabard]

Merci Puregeof,

pour les coordonnées je vais les enlever. Tu as raison. je les avais mise car en tant qu'intermittent du spectacle mes employeurs me les demandes sans cesse.

Concernant l'ordre des menus : expérience avant ou après matos, il n'y a pas de convention.
Le texte d'accueil est rempli sans aucune conviction. Si un chef RH et ou Marketing traîne ici, je l'en remercierai de me conseiller sur se que je peux dire pour accrocher le lecteur et bien me vendre.

Pour les onglets c'est du fait maison :
_6 onglets = 6 pages différentes. (1 page dupliquée 6 fois)
_les boutons sont de simple images au-dessus desquels j'ai placé des liens-textes

donc se sont des onglets en trompe-l'œil ! ;-) vraissemblablement j'ai réussi l'effet voulu.

[Yanik]

Pour Nabard :
Très belle réalisation. Vraiment très bien.
Les effets et transparences sont réputées retarder le chargement des pages. Ici, il n'en est rien. Comment les as-tu allégées ?
A vérifier si ça passe bien sur du matériel ancien et/ou internet explorer.

[el padre]

Chapeau pour l'effet du menu.

Ton site est clair, concis, simple, design. Y a de l'effet là où il faut. J'ai cependant des menus qui apparaissent en noir au lieu d'être gris, je trouve dommage la redondance entre le menu contact du haut et celui du bas (gardes juste celui du bas ça sera parfait). J'applaudis au passage, en tant que home studiste loin d'être confirmé, ton expérience dans ce métier où il n'est pas facile d'y faire sa place et encore moins d'y rester.

[Yanik]

Pour Olivier :
Très beau site aussi. Je rejoins el padre dans ses commentaires.

[jeancharleslast]

Bravo pour ton site.

Une construction dans les règles. Rien à redire de ce côté.

Idem au niveau "design", (même si le design c'est perso...)

Le texte d'accueil est rempli sans aucune conviction. Si un chef RH et ou Marketing traîne ici, je l'en remercierai de me conseiller sur se que je peux dire pour accrocher le lecteur et bien me vendre.

As - tu pensé à faire arriver les internautes directement sur une page de ton CV en attendant de rédiger un texte (pour peu qu'il y ait besoin de trouver un texte....)?

[nabard]

pour el padre : les effets ne sont pas générés par iweb mais réalisés dans pixelmator.
ça allège considérablement le poid.
De plus tout est en 72pix /pouce ni étiré ou mosaïqué : chaque fond est coupé à l'exact taille de son cadre.

effectivement les couleurs textes des liens sont aléatoires ... je notre aussi des choses qui bougeotte de leur mise en place même sur un même navigateur. bizarre

je constate sur un grand écran (j'ai tout fait sur mon MBA) que le bas des pages du site "coupent sec" je vais refaire ça avec un bel arrondi

merci à tous en tout cas pour vos encouragements et reconnaissances. si d'autres remarques vous viennent ....

[Madeline]

@ nabard

Très beau site... d'une sobriété que j'aime avec un design que j'apprécie beaucoup

Je ne sais si tu as remarqué que ton menu (le mot contact) dépasse l'alignement de tes filets
pour voir:

Le texte d'accueil est rempli sans aucune conviction. Si un chef RH et ou Marketing traîne ici, je l'en remercierai de me conseiller sur se que je peux dire pour accrocher le lecteur et bien me vendre.

il est vrai que ton texte en son état est ... sujet à réflexion.

c'est effectivement la mode (et c'est très pratique) de présenter son travail et ses compétences sur un site.
pratique parce qu'on peut le mettre à jour facilement, sans avoir à ré-imprimer des dossiers et simplement indiquer un lien vers son site.

une idée pour ta page d'accueil... ???

tu pourrais par exemple mettre une citation de quelqu'un que tu aimes... qui parle du son.... ???
(je n'en connais pas... car mon intérêt pour le son, allié aux images en vidéo, fait nouvellement partie de mes recherches !)

tu pourrais aussi mettre les photos sur ta page d'accueil...
car il faut se rendre jusqu'à ta page contact pour les découvrir...
ou/et dire pourquoi et/ou comment t'est venue ta passion pour le son... car tu as l'air d'aimer cela.

voilà