Est-ce juste moi ou toutes les interfaces utilisateur du site Web sont-elles similaires?
Pourquoi est-ce que chaque site Web a une barre de navigation sur le côté ou sur le dessus? Je n'ai pas encore vu une interface de site Web vraiment innovante? Pourquoi? Existe-t-il certaines règles que la plupart des sites suivent pour la présentation de la page? Quelles sont ces règles?
Il n'y a pas de "règles" seulement des "directives".
J'entends par là qu'en théorie, rien ne vous empêche de concevoir l'interface que vous voulez, cependant, il existe différents facteurs qui peuvent vous empêcher d'atteindre votre objectif.
Les navigateurs fonctionnent d'une certaine manière. HTML ne peut que suggérer une mise en page pour la page, donc bien que vous ayez un excellent design qui fonctionne sur papier, il peut échouer sur certains navigateurs à certaines résolutions d'écran.
Les utilisateurs s'attendent à ce que certains éléments se trouvent à certains endroits. Ce n'est pas toujours une attente consciente, mais une attente fondée sur une exposition à d'autres applications, etc. Si votre conception est trop différente, elle risque de ne pas "comprendre" et de trouver votre application difficile, voire impossible, à utiliser.
Il existe de nombreuses directives communes pour la conception de sites Web qui sont souvent respectées. Le Web Style Guide en couvre plusieurs. Une autre ressource parfois utilisée pour créer des sites Web utilisables avec de telles directives est le Kit d'utilisation par Sitepoint.
La familiarité est un aspect bien connu de l'utilisabilité comme vous l'avez remarqué. La plupart des gens connaissent la navigation en haut ou à gauche. En outre, bien que cette étude soit quelque peu ancienne à ce stade, elle montre, grâce à une recherche à balayage oculaire, que les gens voient les sites selon un modèle "F".
Vous pouvez utiliser n'importe quelle mise en page de navigation que vous souhaitez sur un site Web personnel, mais si vous travaillez avec un site grand public, éducatif, fédéral ou médical, vous devez satisfaire aux exigences d'accessibilité prévues par la loi ou vous pouvez être condamné à une amende. Même avec ces exigences, il y a encore un peu de marge de manœuvre créative pour sortir de la boîte à un certain niveau.
Le vrai défi est que les humains créent des habitudes et qu'ils sont à l'aise avec ce qu'ils savent et que vous voulez éviter de les faire réfléchir. Un bon exemple est ce que Microsoft a fait en ajoutant la navigation dans la barre du ruban à Office 2007. Je pensais que le changement était beaucoup plus efficace mais 90% des gens de mon immeuble sont restés avec l'ancienne version parce qu'ils étaient "trop occupés pour apprendre la nouvelle navigation. "Le résultat final étant une vente perdue. Même Apple suit cette règle aussi innovante qu'elle soit.
La règle est la suivante: Ne jouez pas avec les attentes des utilisateurs .
Certaines conceptions se sont avérées efficaces au fil du temps, et lorsqu'elles sont efficaces et deviennent une norme, il est préférable de se conformer à la conception standard pour offrir une meilleure expérience utilisateur, plutôt que d'en créer une nouvelle qui nécessite que les utilisateurs apprennent (sauf si le nouveau peut être plus efficace).
Il existe une "règle" dans la conception appelée Golden Ratio . Vous pouvez toujours voir cela autour. Par exemple, certains sites Web ont leurs barres latérales environ 1/3 de leur largeur de page en fonction de cela.
En outre, certains sites Web utilisent des cadres de mise en page Web, tels que 960.gs , Blueprint CSS et YUI Grid . Les développeurs suivraient simplement les tutoriels/modèles donnés et feraient ainsi ressembler les sites Web.
Bien sûr, vous pouvez créer votre propre interface utilisateur innovante. J'en ai vu quelques-uns autour, comme une barre de navigation qui est toujours visible en bas ou à droite de la page. Assurez-vous simplement que l'interface que vous proposez est utilisable et ne cause pas de frustration aux utilisateurs.
Considérez le texte. Il lit de gauche à droite, de haut en bas. Les souris à molette renforcent cette notion, elles défilent de haut en bas. Pour cette raison, les sites contenant du texte (comme celui-ci) sont disposés en haut à gauche.
Il existe des exceptions célèbres. La page d'accueil de Google, par exemple. C'est possible, car c'est une page légère.
Je pense que ce que vous voyez sont des conceptions qui sont très médiatisées, attirent les utilisateurs sur le site et réussissent généralement à être dupliquées dans le format, la structure et les médias.
Fondamentalement, tout comme il existe des modèles de programmation, il existe des modèles de conception Web. Il est logique que nous voyions tant de caractéristiques similaires.