Uploaded image for project: 'Workflow Online Editor'
  1. Workflow Online Editor
  2. MGNLWKLED-24

UX review for workflow editor

    XMLWordPrintable

Details

    • Task
    • Resolution: Unresolved
    • Neutral
    • None
    • None
    • None

    Description

      UX review and recommendations on Adrien's Workflow Editor so the editor can be integrated into the product.
      https://git.magnolia-cms.com/projects/SERVICES/repos/magnolia-workflow-editor/browse

      Publish / Unpublish

      The buttons currently only have the functionality to store versions of a workflow but they have nothing to do with the common action of publishing to the public instance. So the action here is not clear to the user.

      • Recommendation:
      • Remove the Publish/Unpublish buttons from action bar
      • Remove the Status column in the list
      • Add the function „store version“ when user clicks the Save button within a workflow
      • Specify following text in the info notification „Workflow successfully saved as new version.“
      • Optionally add a column „Current version“ in the list view and display the current version no.

      Export/Import vs. Download/Upload

      Import/Export buttons relate to the whole JCR node as used everywhere in Mgnl. The Upload/Download button relate to the diagram only (BPMN) so the latter is the standard bpmn format and can be opened by any BPMN tool. The difference is not clear at first glance.

      • Recommendation:
      • Specify the wording of the action „Upload bpmn diagramm“ in the action bar
      • Specify the wording of the action „Download bpmn diagramm“ in the action bar

      BPMN property panel

      1. The position of the property panel competes with the Mgnl action bar on the right side.

      • Recommendation:
      • Re-position the property panel horizontally at the bottom window border

      2. There is a lot of technical wording in labels, input fields, dropdowns.

      • Recommendation:
      • Show what is needed
      • Hide what is not needed
      • e.g. information in the tab „documentation“ is not necessarily needed for the editor, so no need to even show that tab
      • Rename labels to more user oriented wording

      3. All input fields look same and especially look like they are editable, but some of them are not.

      • Recommendation:
      • Visually distinguish between editable and disabled input fields.

      4. There are too many free text input fields where options could be clearly defined (e.g. groups, roles, users)

      • Recommendation:
      • Instead of free text input fields add dropdowns, multiselect dropdowns, autocompletion wherever possible

      5. The bpmn logo has quite a prominent position.

      • Recommendation:
      • Remove logo from the property panel

      Tab name

      The tab name of a currently selected diagram shows the path followed by the word :EDIT. In this way it is most probable that you won't see the actual name of the diagram because the path is too long and cuts off the name of the diagram which actually is the relevant information in this case.

      • Recommendation:
      • Just display the name of the current diagram without the path and :EDIT

      Bugs

      • When switching between tabs the content of opened diagrams is lost.
      • Input fields don’t seem to work in Safari

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              amanzoni Adrien Manzoni
              ahietala Antti Hietala
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:

                Checklists

                  Task DoR