#7917 Create a quick and dirty prototype for the new admin toolbar


Create a rough prototype of the admin toolbar with an edit mode.

1 Attachments


Tickets: #7921


  • Dave Brondsema

    Dave Brondsema - 2015-07-13
    • labels: new-admin --> new-admin, sf-current, sf-2
  • Heith Seewald

    Heith Seewald - 2015-07-15
    • status: open --> in-progress
    • assigned_to: Heith Seewald
  • Heith Seewald

    Heith Seewald - 2015-07-15
    • status: in-progress --> review
  • Heith Seewald

    Heith Seewald - 2015-07-15

    Here is the Toolbar Prototype .

    A few things were reworked from the original drawings:

    • The 'edit' and 'move' icons are now below instead of to the right (icons on the right could have changed the amount of tools in a given row)
    • For linked with a mutable label, we show a _ _ _ style underline and change the cursor to indicate editable text.
    • 'Group similar' is not in this prototype. Dave mentioned the idea of only showing this when a project has two or more of the same tool.
    • The drag-n-drop reordering is done using html5 but doesn't have any drop zone styles applied. This might be helpful for a react dnd implementation.
    • Because some tools have the ability to be locked, we should also style those differently.

    This was a rough prototype just to see if there were any obvious design/usablility issues that we should address.

    Any thoughts on usability and/or technical considerations?

    • Dave Brondsema

      Dave Brondsema - 2015-07-15

      Looks good for a prototype to me. I think it helps illustrate the core principles. Few more comments on particulars:

      • when clicking on the "gear" icon, a list of admin menu items would appear. Heith & I talked about this and decided it would be best for that list to appear exactly where you clicked, as an overlay (kinda like how right-click menus work). It would not be a dropdown or popout since that can get messy since we already have dropdowns for grouped items
      • Grouped sections (e.g. "External Link") would not be able to be renamed. Nor have a gear icon since there isn't a setting for that. They still can be moved though.
      • Anchored tools can still be configured so they should have a gear icon that is not disabled. (Even though they can't be moved or relabled)
  • Dave Brondsema

    Dave Brondsema - 2015-07-15
    • status: review --> closed
    • Reviewer: Dave Brondsema
  • Dave Brondsema

    Dave Brondsema - 2015-07-27
    • labels: new-admin, sf-current, sf-2 --> new-admin, sf-2
  • Dave Brondsema

    Dave Brondsema - 2015-08-10
    • Milestone: unreleased --> v1.3.1

Log in to post a comment.