Article Editor Mockups

Over the past two months we have been gathering feedback and ideas on how to improve the article editing experience in the Support Knowledge Base, to make Knowledge Base features more understandable and easier to use.

As part of the ongoing work for design a new editor for knowledge base articles, I’ve taken the feedback we have received and created two XHTML mockups (without images).

Some information not in the mockups:

The “Insert Image” toolbar button will pop up a prompt for:

  • Image uploader (mandatory)
  • Image height
  • Image width
  • Alignment

The “SHOWFOR” button will trigger a drop-down, that includes

  • Windows
  • Mac
  • Linux
  • Windows and Mac
  • Windows and Linux
  • Mac and Linux
  • –separator–
  • Firefox 3.1
  • Firefox 3.0
  • Firefox 3.0 and 3.1
  • Firefox 2

(when Fx2 support ceases, we should remove the last two)

The “Dynamic content” button will trigger a dropdown that includes all content labels for the language assigned to the article.

These mockups should illustrate how the new article editor would eliminate the need to know tikiwiki syntax, make all features available in one toolbar, and provide more in-depth explanations for each option and how it should be used.

If you have any questions or feedback, you can post in the Contributors forum thread. Thanks!