Présentation et demande d'avis

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Présentation et demande d'avis

quenthome

Bonjour !

Je suis un petit nouveau sur le forum, même si j'ai arpenté plusieurs fois celui-ci et hardware.fr pour consulter les avis concernant l'achat d'écrans, de notebooks etc..

Je travaille depuis quelques semaines pour une plateforme de réservation de logements meublés et j'ai pour mission, entre autres, d'aider au développement du site.
http://www.alterhome.fr

Pourriez-vous me faire part de vos remarques concernant sur architecture et son design ?

En vous remerciant
Bonne journée !

Q.

Publicité

rufo

Pas me confondre avec Lycos!

Encore un site pas accessible (A, AA, AAA), les handicapés visuels vont pas être à la noce
- utilisation de <table> pour faire de la mise en page :pfff:
- aucun title sur les liens hypertextes
- aucune tilte sur les images et les alt sont pas renseignés
- y'a des <label> qui encapsulent des input type checkbox : je trouve ça un peu bizarre
- on trouve des <p> </p> à la place d'utiliser des margin ou padding (ou tout simplement <br /> ) :??:
- je pense qu'il y a du html inutile (beaucoup de div), ce qui alourdit le poids des pages
- le nom des class CSS ne sont pas nommées par rapport à leur fonction (ex : <div class="span3">, <span class="black"> ) -> si tu changes la couleur de la classe nommée "black", t'auras l'air malin
- javascript intrusif dans le html -> il devrait être dans un fichier js appelé dans le <head>
- la fonction chargée d'affichée les infos sur les annonces est dupliqué autant de fois que d'annonce :pt1cable: -> t'en fait une seule et tu passes ne paramètre l'id de l'annonce à afficher/masquer.

Après, pour l'IHM, pas grand chose à dire : la présentation est assez claire, c'est pas trop chargé.

Ca, c'est juste pour la page d'accueil.

Je t'encourage à aller sur alsacreations, son auteur a écrit un très bon bouquin sur le css 2.1 (oui, pas tout jeune, mais les principes restent). 2 grands principes :
1) d'abord, on fait le html sans css (et sans s'en préoccuper). Il faut utiliser le moins possible de html et utiliser les balises pour leur sens sémantique et non leur apparence visuelle. Si déjà, quand une page s'affiche, on repère tous les éléments facilement (titres, menu principal, menus contextuels et diverses zones de contenu...), c'est que c'est bon a priori.

2) ensuite, on habille le html avec du css. On met le moins de règles possibles pour arriver au résultat (donc bien profiter de la hiérarchisation des règles).

Message édité par rufo le 05-06-2014 à 10:19:31

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

billgatesanonym

- Le mot "Bien" est étrange.
D'abord, il a une majuscule qui n'a pas lieu d'être quand il est au milieu d'une phrase. Donc, on a l'impression que c'est un nom propre, un nom de famille ou une marque.
Ensuite, la première signification du mot "bien" est "bon", et non pas "possession".
Ecrire "Type de logement" serait beaucoup plus clair que "Type de Bien". Ou alors, il faudrait écrire "bien immobilier". Et ce qui est étrange, c'est qu'il n'y a que des meublés, dans la liste en-dessous. S'il n'y a pas de location normale, alors vous pourriez écrire "Type de meublé".

- La liste montre des choses redondantes.
Un studio est un appartement.
Une chambre est une colocation.

- "Vous avez besoin ..." est une phrase déroutante.
Je m'attendais à lire "Si vous avez besoin ..., alors ...", ou "Avez-vous besoin ... ?" avec un point d'interrogation à la fin.

- Il y a des chiffres pour le changement de page, qui sont affichés en haut à gauche de la liste. Ce serait plus pratique de les mettre en bas à droite, parce que sinon, on lit les annonces, puis on est obligé de remonter pour changer de page. Pour aller à la page suivante, il y a juste un petit signe supérieur. Il faut bien viser.

- Il n'y a pas de tri, notamment pas de tri par prix, alors que c'est un critère important, et pas de tri selon la localisation, alors que c'est aussi un critère majeur pour un logement.

- Il manque des informations sur les transports : parking privé ou pas, possibilité de se garer facilement ou pas, distance jusqu'aux arrêts (au pluriel) de bus ou aux stations (au pluriel) de métro les plus proches, avec leurs noms. Le plan est beaucoup trop petit.

- Il manque des informations sur les documents à présenter, caution, etc.

- Est-ce qu'on peut venir avec des animaux ?

Il faudrait s'inspirer des sites qui proposent des chambres d'hôtel.

quenthome

Hello rufo et billgates,

Merci pour vos retours, j'ai un côté technique et un côté marketing à faire remonter.
Y'a encore un peu de boulot avec tout soit optimal.

Merci pour alsacréations aussi, une bonne adresse pour mes cours en alternance. A moi les joies de la gestion de projet web

---------------
www.alterhome.fr

rufo

Pas me confondre avec Lycos!

Surtout, ne te formalises pas si certaines remarques peuvent apparaître un peu "sèches". Attaches-toi surtout au fond plutôt qu'à la forme des remarques.

Pour ma part, ça le reflet d'un agacement de voir que depuis 1999, on retrouve presque toujours les mêmes erreurs dans l'approche de concevoir une page web, à croire que les mentalités n'évoluent pas (ou les méthodes d'enseignement). C'est triste et navrant. le web accessible, c'est pas encore pour la prochaine décennie.

J'attire ton attention sur le fait que les règles d'accessibilité (au moins pour les A et AA) sont très proches voir identiques que certaines bonnes pratiques pour le référencement par les moteurs de recherche

De même, un site doit pouvoir fonctionner sans Javascript. Le javascript est là uniquement pour améliorer l'ergonomie du site ou certaines fonctionnalités.

Devil'sTiger

Je rajouterai quelques points:

- pas de script dans le header, jamais, never, niet, met ca en bas du body (ca permet d'afficher la page sans que celle-ci soit prête du côté javascript)

- Fait usage de defer autant que possible:
http://www.alsacreations.com/astuc [...] defer.html

- Le JS que tu as fait, doit être particulièrement mauvais en terme de performance... Mais vu le reste t'en préoccupe pas pour le moment, ca c'est du surplus.

- ton site n'est pas responsive, a l'heure du tout mobile, ca devient un gros point très important.

Ensuite fait très attention à la validation w3C qui est déjà un bon point de départ pour améliorer sensiblement le référencement:
http://validator.w3.org/check?uri= [...] ne&group=0

Même si rufo soulève des points intéressant, d'un point de vue purement UI, avant de t'occuper des handicapés, occupe toi déjà de tous ces points car ils concernent TOUS les clients que tu peux avoir, et surtout ils vont te faire dégringoler dans le référencement...

Une fois ca fait, occupe toi du markup pour améliorer le référencement:
https://support.google.com/webmaste [...] 9170?hl=en
http://schema.org/

Ensuite, je te conseillerai un tour du côté de bootstrap ou foundation zurb (un peu plus dur que boostrap), pour revoir le CSS en responsive et éviter au maximum de mettre ton nez dedans, car clairement tu rates des points aujourd'hui critique que ces systèmes feront a ta place.

Au passage, en même temps que boostrap/foundation:
http://a11yproject.com/posts/getting-started-aria/

Pour l'accessibilité, comme ca tu fais d'une pierre plusieurs coups

Dernier point -pour le fun- t'a pas mis de keyword/description dans tes meta, jamais les laisser vides ces deux là...

rufo

Pas me confondre avec Lycos!

Mes remarques n'étaient pas hiérarchisées, donc, c'est clair qu'il faut d'abord améliorer l'IHM (et le responsive).

Cela dit, comme je l'avais indiqué, appliquer les règles d'accessibilités A et AA, c'est aussi améliorer son référencement. Par ailleurs, il y a environ 15% de la population française qui a un handicap visuel. Se priver de 15% de clients, je pense pas que ça soit une bonne idée D'autant que si ton site est A ou AA, ça peut être un critère de choix pour ce type d'utilisateur par rapport aux concurrents qui ne le seraient pas (A/AA).

Devil'sTiger

15% ca me parait quand même beaucoup mais je plussoie que l'accessibilité est clairement lié à la qualité du code :jap:

rufo

Pas me confondre avec Lycos!

Rectification : 15%, c'est la population atteinte d'un handicap, pas uniquement visuel (on est même plus proche des 18%)
http://www.webaccessibilite.fr/les [...] -08-17.php
http://www.inpes.sante.fr/sante-ha [...] tiques.asp
Mes excuses pour la confusion.

Pour le handicap visuel, c'est plutôt 3%, ça va d'une vue un peu diminuée (suffisamment pour être considérée comme handicapant) à être complètement aveugle, en passant par des trucs bien chiants comme le glaucome

Je m'y étais intéressé quand je m'étais lancé avec mon patron dans une boutique en ligne...

Message édité par rufo le 10-06-2014 à 13:41:35

quenthome

Hello !

Merci encore, j'ai pris toutes les remarques, on a déjà commencé à modifié notre plateforme de test.

Juste une petite précision, je ne suis pas membre de l'équipe de développement original.
Ca a été sous-traité et maintenant mon boulot c'est d'essayer d'améliorer le concept. Mon boulot c'est surtout la gestion de projet et l'assurance du meilleur référencement possible

Du coup j'appliquerai aussi vos méthodes pour mon site perso et pour mes travaux de cours.

---------------
www.alterhome.fr

FORUM HardWare.fr

Programmation

Divers

Présentation et demande d'avis

Sujets relatifs
demande en VHDL	PETITE DEMANDE : comment récupérer des données XML dans un flash
Prévision demande Besoin d'aide VBA EXCEL	demande de l'aide
La Nasa demande de l'aide à trouver des géocroiseurs et propose 35000$	Choix d'outils de programmation, Avis needed !
Avis sur choix nom de domaine	libre office base VS ACCESS -vos avis
Avis pour création de site internet "complexe"	Demande de coup de main pour script "stress-test"
Plus de sujets relatifs à : Présentation et demande d'avis

Page générée en 0.065 secondes