Tableau de bord du portail Web - le bouton vs le lien séculaire
Je suis très conscient et d'accord avec les boutons pour les actions et les liens de navigation pratique mais je suis coincé sur ce design.
Il s'agit d'un portail d'entreprise interne, et c'est le tableau de bord du parrainage. Donc, cette page vous montre essentiellement les six fonctionnalités de la section Parrainage. Techniquement, aucune de ces actions n'est liée à une page de données sur laquelle vous pouvez consulter ou effectuer des actions.
Questions
Pensez-vous qu'il s'agit d'une conception appropriée (pour utiliser des liens de style bouton) pour un tableau de bord?
Si vous n'êtes pas d'accord avec la navigation de type bouton, quelle est la meilleure façon de créer ces liens?
Je ne m'en inquiéterais pas trop beaucoup. "Boutons pour les actions et liens pour la navigation" est une bonne ligne directrice mais pas une règle incassable. En fait, sur la base de votre structure filaire, je ne suis pas sûr de les désigner comme des "boutons" car ils incluent un en-tête, une description et, dans le cas de "Approuver une annonce" et "Examiner les nouveaux sponsors", un compteur d'articles en attente.
Une chose que vous voudrez peut-être faire attention est le libellé. Évitez peut-être les étiquettes qui impliquent qu'une action immédiate sera effectuée. Vous pourriez envisager d'ajouter des ellipses à la fin des en-têtes comme indice que des actions/informations supplémentaires sont nécessaires avant que l'action ne soit exécutée (c'est une convention établie après tout).
Pourquoi pensez-vous que les boutons: actions :: lien: navigation devraient pas s'appliquer?
Voulez-vous une zone cible plus large pour viser la souris? Si tel est le cas, faites-le ressembler à des liens (par exemple, soulignez le texte du titre), mais rendez toute la "tuile" du tableau de bord autour du "lien" sensible à l'activation. Il peut "s'allumer" au survol de la souris pour indiquer à l'utilisateur qu'il est suffisamment proche du lien.
Aimez-vous mieux l'esthétique des boutons? Si c'est le cas, créez un design différent qui soit tout aussi agréable. Par exemple, le simple fait de montrer les carreaux sans coins arrondis peut suffire à les "dé-boutonner". Essayez peut-être une image papier ou une fiche pour renforcer la métaphore selon laquelle l'utilisateur navigue vers une autre page. Soyez imaginatif.
Lors de la conversion du tableau de bord en liens, vous devez supprimer les verbes des étiquettes. Être un lien implique que l'utilisateur peut afficher, réviser, télécharger, modifier et plus encore. Par exemple, vous pouvez simplement dire "Statistiques de parrainage" plutôt que "Afficher les rapports: rapports et statistiques de parrainage". Si vous trouvez que vous ne pouvez pas laisser tomber le verbe sans le rendre vague ou déroutant, alors peut-être qu'il devrait être un bouton; ajoutez des points de suspension à la fin de la légende s'il accède à une boîte de dialogue exclusivement pour effectuer l'action indiquée. Par exemple, "Ajouter un enfant ..." me semble être une action qui obtient un bouton.
À moins que votre tableau de bord n'ait des animations animées, un accordéon animé ou une liste déroulante à l'aide de laquelle je puisse changer l'unité de mesure/mesure du rapport, je ne m'attendrais pas à ce que l'utilisateur amène de toute façon la souris près du tableau de bord. Les deux premiers peuvent être gérés avec des icônes simples et appropriées comme le chevron, tandis que le dernier peut être géré en capturant l'événement de modification de la liste déroulante. Je ne souscris pas aux règles du pouce dans les conceptions d'interface utilisateur, mais normalement, je ne mettrai aucun bouton ou lien de navigation sur la conception de mon tableau de bord. Autant que possible, essayez de rendre votre tableau de bord statique (mais continuez à vous rafraîchir) sans inviter aucun clic ou autre événement.