StyleGuides: Dans quelle catégorie les menus de Trailbecumb tombent-ils?
Je concevons un nouveau guide de style à partir d'un guide de style existant. Le menu Breadcrumb est une partie essentielle de la conception. J'organise le nouveau guide de style dans des catégories telles que couleurs, typographie, boutons et ainsi de suite. Maintenant, il y a confusion dans quelle catégorie je devrais mettre le menu Breadcrumb? Quelqu'un a des idées?
Je mettrais chapelcrumbs dans le cadre de Conception interactive UI dans la catégorie interaction ou même plus profondément dans Navigation. Voir expliquée rationnelle et exemple de contour ci-dessous:
Taxonomie pour les éléments
Tous les éléments contenus dans le guide de style ont leurs caractéristiques et leurs objectifs. Certains sont caractérisés par des propriétés statiques comme la police et la couleur. Ils servent un objectif commun large comme l'identité d'entreprise. D'autres sont de nature dynamique et servent un cas d'utilisation dédié, comme la navigation dans les menus ou la saisie de données via des formulaires.
Ils ont une portée allant de l'applicabilité commune à des cas d'utilisation spécifiques. La taille et la typographie peuvent être couramment utilisées dans des éléments spécifiques tels que des boutons et des en-têtes.
Donc, une caisse-taxonomie ou une séparation schématique en catégories dépend de caractéristiques importantes ou d'une portée d'utilisation unique à votre contexte.
Un exemple de contour
- styles visuels: couleurs, polices, tailles, espacement, logos, icônes
- Éléments de conten:
- média (image, vidéo, son)
- texte (rubriques, corps, notes de bas de page)
- Éléments d'interaction: [.____]
- Éléments de navigation: menus, chapelure, liens
- Éléments d'entrée: formulaires, champs, boutons
Cette taxonomie peut être entrelacée, car les éléments de contenu peuvent utiliser un style visuel défini (police, un espacement) ou des boutons ou des liens (pour se déployer, sauter). D'autre part, différents styles peuvent s'appliquer aux éléments d'interaction. Par exemple, une biblique qui a moins d'espacement ou de bordure façonnée différente que définie dans le style visuel général.
Important à noter: Les éléments interactifs ne sont pas seulement caractérisés par leur style visuel, mais également par comportement cohérent et changeant visuellement en fonction de leur état (E.g Hover, cliquée). Cette dynamique devrait également être couverte par un guide de style.
La structure dépend de l'utilisation
Il n'y a pas de règle d'or comment décrire ou organiser des éléments d'interface utilisateur dans un guide de style. La structure dépend plutôt des lecteurs ciblés et de leurs besoins pour l'utiliser:
Comme indiqué dans le poteau de Toptal:
il est important de comprendre qu'il n'y a pas une approche unique.
Ce conseil suggère de demander à vos utilisateurs du guide de style pour leurs tâches et leurs besoins. Que cherchent-ils? Comment s'attendent-ils à être guidés? Quelles questions demandent-ils s'il s'agit de style et de conception de l'interface utilisateur?
Les références
- Toptal: Création d'un guide de style UI pour une meilleure ux
- UX Magazine (2013): Les éléments d'un guide de style
Quelques conseils de la manière dont vous pouvez mettre en œuvre la chapelure
Attribuez une étiquette à chacune des pages individuelles de la hiérarchie. Ces étiquettes devraient de préférence correspondre au titre de la page afin de fournir le contexte et d'aider les utilisateurs à identifier exactement où ils seront pris avec la structure du site s'ils sélectionneront un birable particulier.
Organisez la chapelure dans l'ordre dans lequel ils apparaissent dans la hiérarchie du site, avec la première étiquette comme la gauche la plus éloignée et le niveau actuel de l'utilisateur à droite. Au fur et à mesure que l'utilisateur se déplace plus profondément dans un site, laissez la liste de pare-housses à cultiver une ligne avec chaque nouvelle page.
Au fur et à mesure que l'utilisateur recule à travers la chapelure d'un niveau plus profond, les étiquettes ne doivent plus être présentes dans la liste, la position actuelle de l'utilisateur est toujours représentée comme le dernier pain d'ARRIGE. De plus, comme la chaussette sont utilisées pour suivre la position actuelle de l'utilisateur dans la hiérarchie de l'application ou du site Web, ils ne doivent pas être présents sur la page d'accueil ou le point culminant de la hiérarchie du site.
exemple
Si vous avez un magasin de commerce électronique et qu'un utilisateur se trouve sur une page pour les micro-ondes, la structure de trailAwRumbumb indiquera les catégories principales menant à la page et à la page d'accueil en fonction de leur ordre d'apparence appropriée de la page. Donc, les utilisateurs/les téléspectateurs trouveront la chaussette de gueule de gueule
"Dispositifs à la maison/électronique/appareils ménagers/micro-ondes"
Ce sentier est généralement basé sur la structure de dossiers spécifique du système backend du site. L'utilisateur peut accéder à l'une des pages du sentier en cliquant sur le texte.
Par exemple, si vous voulez aller aux appareils ménagers, vous pouvez y aller directement en cliquant sur le lien "Appareils d'accueil" sur le trail d'Ariane. Si vous voulez aller à la page d'accueil, vous pouvez directement y aller en cliquant sur le lien "Accueil" sur le trail d'Ariane. etc..
Dans votre cas, écrivez toute la structure du site, puis essayez de déterminer l'architecture de l'information. Cela vous aidera un peu plus à mettre en œuvre la chapelure.
Normalement, les trombumbs sont soit un style de texte, soit un bouton, donc dépendant de votre conception, Typographie ou .
