Problèmes de cohérence de la conception lors de la modification de la conception par l'utilisateur
Quelle est la meilleure façon de résoudre les problèmes de cohérence de la conception utilisateur dans une application qui donne un contrôle total sur l'apparence?
Par exemple, l'utilisateur peut choisir la police de l'élément X, puis ajoute plus tard l'élément Y mais ne se souvient pas de la police qu'il a utilisée sur X ou il est paresseux pour le vérifier, alors il choisit une police différente. Puis-je présenter le sélecteur de police de manière à ce que l'utilisateur choisisse la bonne police?
Je ne comprends pas pourquoi l'utilisateur serait en mesure de définir une police spécifique à X ou Y - Vous pouvez sûrement placer le contrôle des polices comme une variable globale: définissez la police une fois pour tous les éléments. - De cette façon, l'utilisateur ne peut faire qu'un choix cohérent.
Je trouve que lorsqu'il s'agit de personnalisation des utilisateurs, il est préférable de s'en tenir à des choix limités et principalement à grande échelle: choix à l'échelle du système pour la police, le jeu de couleurs, etc. De cette façon, votre site ne finira pas par ressembler à GeoCities.
Vous devriez jeter un œil à la plupart des CMS qui incluent ce type de fonctionnalité. Ce qu'ils font généralement, c'est d'offrir des ensembles de mise en page prédéfinis avec des polices, des couleurs et un certain choix de structure (colonnes, pleine largeur vs encadré et autres). Personnellement, je propose également un moyen de modifier davantage les choses avec un codage HTML et CSS supplémentaire. Étant donné que cela ne sera utilisé que par les utilisateurs avancés, ils peuvent facilement affiner à volonté.
Laisser cette décision aux utilisateurs est un gros problème. Pour en revenir aux exemples CMS, nous obtenons cette affirmation presque tous les jours "J'ai utilisé un thème mais je ne peux pas le faire ressembler à la démo" ou "J'ai besoin d'engager un designer pour que le thème ressemble à ce que je veux". Doh. Plus vous ajoutez de choix, moins un utilisateur régulier sera susceptible de faire quelque chose qui a l'air bien. Un designer a une formation, est un professionnel, connaît la théorie et les tendances. La plupart des utilisateurs pensent que leur goût personnel est incroyable et sans égal. Pourtant, ils ne peuvent pas dire exactement pourquoi leur site est si mauvais. Et la réponse se termine toujours par ... votre codage. Aussi simple que cela.
C'est donc ce que WE faisons:
s'il s'agit d'un utilisateur final , nous recherchons et éventuellement formons l'utilisateur avec un CMS plus personnalisé. CEPENDANT, nous fixons toujours des limites strictes afin que l'utilisateur ne puisse pas devenir fou. nous ne le laissons simplement pas casser le site.
s'il s'agit d'une large base d'utilisateurs , les limites deviennent encore plus strictes et la plupart des dispositions sont prédéfinies, même des palettes de couleurs et des combinaisons, tout au plus nous en laissons choix de polices, où ils peuvent choisir entre 5 à 10 familles de polices pour les en-têtes et les mêmes pour le texte. Nous sommes les professionnels, nous devons donc fournir un produit professionnel, même s'il semble "limité".
Pensez à ceci: Les gens n'aiment pas assembler leurs meubles, ils le font parce que c'est moins cher, mais 100 fois sur 100 ils prendraient un professionnel construit un meuble sur de la merde "construisez-le vous-même". Donner des moteurs et du métal ne fera pas d'un gars ordinaire un ingénieur automobile. Alors ... pourquoi le faire avec des sites? Les sites peuvent donner un revenu plusieurs fois supérieur au prix d'une chaise Ikea, alors pourquoi voudrait-on suivre cette voie? (Bien sûr, à moins que vous ne vendiez des thèmes sur Envato ou autres, alors vous dites aux utilisateurs "vous pouvez tout faire parce que nous proposons 1 000 000 d'options!")
En bref
Si vous voulez de la cohérence, commencez par restreindre les options et rendez le tout cohérent dans vos propres règles, ne laissez pas toute place pour le hasard
EDIT: bien que plus orienté vers le mobile, vous trouverez peut-être quelques concepts utiles dans "Utilisation de la conception principale pour créer des expériences mobiles frontales personnalisables"
Cela me semble un peu contradictoire, mais si vous donnez un contrôle total sur l'apparence à l'utilisateur, comment pouvez-vous également le restreindre pour faire des choix cohérents?
Je pense qu'une stratégie courante consiste à donner aux utilisateurs un `` thème '', comme ce que font les fenêtres et les autres systèmes d'exploitation, qui applique un ensemble de styles à l'interface utilisateur, puis permettent aux utilisateurs de personnaliser des éléments spécifiques mais pas tous.
L'autre chose consiste à fournir à l'utilisateur tous les composants de l'interface utilisateur et à lui permettre de personnaliser des éléments individuels au sein de ce composant, comme ce que de nombreux outils de modification de thème bootstrap vous permettent de faire).
Je suis sûr que vous trouverez quelque chose entre les deux qui fonctionnera pour vos utilisateurs. Peut-être que le fait d'avoir des analyses sur ce que les utilisateurs choisissent de personnaliser vous permettra de déterminer ce que vous pouvez contrôler par rapport à ce que vous laissez les utilisateurs personnaliser.
Bien que la personnalisation des polices puisse sembler être une fonction agréable, vous souhaiterez peut-être limiter le nombre de choix. Il devient difficile pour les personnes autres que les concepteurs de faire des choix de polices si on leur donne plus de choix. Choisissez de manière à ce que les polices appartiennent à différentes familles pour faciliter la prise de décision. Le nombre idéal de choix pourrait être de quatre ou cinq, dont l'un s'installerait.
Fournissez simplement une section "Récemment utilisé" pour chaque type de choix de conception. Par exemple, lorsque vous changez la police, utilisez une police récemment utilisée comme celle fournie dans MS Word:
Pour les couleurs, utilisez la couleur récemment utilisée:
etc.
Si vous le souhaitez, vous pouvez ajouter en dessous une étiquette indiquant où il est utilisé, mais à moins que l'utilisateur n'utilise beaucoup trop de polices ou de couleurs, il devrait être en mesure de déterminer à partir de sa petite liste récemment utilisée celle qui va où ("Ohh the Arial Bold is ce que j'ai utilisé sur mes en-têtes ").