web-dev-qa-db-fra.com

Quelle est la meilleure façon de commander des articles sur une page d'administration?

Nous avons un système de gestion de contenu (assez proche). L'image ci-dessous est la page d'administration, qui est un frontal basé sur flex, affiché dans un navigateur.

enter image description here

Merci à Roger-A sur n autre Q , il m'a donné la bonne idée de faire rouler le lien vers le site principal vers une barre d'en-tête.

Après avoir parlé au développeur Flex, nous avons repensé certains des boutons qui se trouvaient sur la page principale et nous avons réalisé que les boutons Aide, Diagnostics, Licences et Déconnexion appartenaient vraiment à la barre d'en-tête.

Cela laisse ensuite les boutons principaux qui traitent réellement de l'aspect de la gestion du contenu.
Cependant, ma maquette rapide dans Paint laisse un peu de merde.
En particulier - #tools dans chaque colonne ne correspond pas; Le logo semble déplacé et trop grand.

enter image description here

Ma question peut être divisée en 2 volets:

  1. Quelle serait la meilleure façon de disposer l'ordre des articles.

    • Il y a des relations entre beaucoup d'entre eux, mais vous pouvez supposer que ce sont toutes des fonctionnalités distinctes.

  2. Où devrait aller ce logo et quelle devrait être sa taille? Nous avons en fait un autre logo de l'entreprise qui devrait également être pressé quelque part.

cmsheaderordering
11
Simon

11 éléments est un nombre difficile de choses à organiser sur plus d'une ligne, mais c'est très facile autour d'un cercle.

Que diriez-vous de quelque chose comme ce qui suit qui pourrait toujours ne pas répondre à vos besoins

J'ai également diminué la taille des icônes par rapport aux étiquettes de ma version, mais ce n'est qu'une maquette de toute façon - vous pouvez évidemment prendre l'idée et vous adapter en conséquence.

Notez que le globe (qui est environ 17% opaque) se concentre délibérément sur l'Australie.

enter image description here

18
Roger Attrill

Je viens d'essayer d'améliorer le concept tiré des conceptions ci-dessus.

J'ai essayé de regrouper des fonctionnalités qui fonctionnent ensemble.

Sources de données | Serveur Arcgis | les systèmes de coordonnées décrivent les connexions aux systèmes externes.

Les requêtes et les cartes (je suppose que les fonctions les plus utilisées) se sont déplacées vers le coin droit où les utilisateurs trouveront plus facile à localiser.

Le logo du produit est bien visible dans le coin supérieur droit par rapport au logo de l'entreprise.

enter image description here

11
Gyni

1. Vous pouvez le diviser en sections logiques, où vous avez les 3 premières colonnes avec celles-ci:

  • "Sources de données", "serveurs ArcGis"
  • "Utilisateurs", "Rôles"
  • "Outils", "Paramètres"

Et puis le reste sur une seule ligne ci-dessous:

  • "Systèmes de coordonnées", "Cartes", "Requêtes", "Présentations", "Rapports"

2. Ayez le logo Esri en haut à gauche et le logo Dekho en haut à droite. De cette façon, la symétrie est préférable d'avoir la partie texte du logo vers l'écran central et encadrée par les images du logo de chaque logo.

Maquette rapide: Quick mock-up

Avantages de cette conception:

  • Facile pour l'utilisateur de localiser la fonctionnalité souhaitée.
  • Semble bien rangé et symétrique.
  • Facile pour le concepteur Web de coder la mise en page.
10
awe