EditUIRevamp

Ideas from:

• keycontent.org & ricks99
• Mike Pilling
• Jason Diceman (coop tools /Web binder)
• Gary (Chibaguy) theme work
• support.mozilla.com team
• Marc Laporte

Problem:

• Editing a wiki page (and other edit zones in Tiki) is not as intuitive as it could be.
• Tiki is not as sexy as many other systems
• Most users are accustomed to WikiPedia UI & Syntax

Solution:
Check what everybody else is doing and enhance our own Tiki interface.
Please check out opensourcecms.com and report here on nice things you have seen.


Caveat:
Since this causes surprises/adjustments for end users, we should not do this often. All the changes below are somewhat inter-related so we should do it once, and well. And this should play nice with the WYSIWYG editor which was added to Tiki 2.0


I want to hear from end users, UI experts and people who do a lot of Tiki training (and see how new users use, and what they have trouble with, etc)


Work in progress: Tiki 3.0 edit wiki page example

Table of contents

• Lost edit protection
• Quicktags
• Accents/special characters
• Wiki Help
• Dynamic Help System
• Section Edit
• Category picker
• Spellchecker
• Icons & layout
• Preview & history
• Html & javascript stripping (security) (maybe we'll look at this, maybe not)
• Article templates
• Misc
• Wishlist
  • Open
  • Pending
  • Fixed
• Resources

Lost edit protection

moved to: Lost Edit Protection

Quicktags

Moved to Quicktags

Accents/special characters

Moved to: http://ui.tikiwiki.org/Text+area+editing+helper#Accents_special_character

Wiki Help

• Direct link to plugins (why a second step?) idea from slj done in 3.0
• Add links to doc.tikiwiki.org for all plugins done in 3.0
• Re-organize to have 5 tabs
  • Quicktags explanation (visual)
  • All wiki syntax for activated features
  • All wiki syntax for de-activated features (we still want to see what we could turn on)
  • All wiki plugins for activated features
  • All wiki plugins for de-activated features (we still want to see what we could turn on)

Very nice: http://keycontent.org/tiki-editpage.php?page=Sample%20Collaboration (Very nice that it shows the relevant Quicktag)
Cooptools had some nice stuff as well

• Done in 1.10 (and backported to 1.9.8.x, too). Wiki help now shows:
  1. Quicktag
  2. Name
  3. Wiki syntax

Dynamic Help System

New users often suffer from "feature shock" when first using TikiWiki. There are so many features and things to click on that they often become overwhelmed and afraid to use any features (from fear of doing something wrong). It would be very helpful to new users to have some sort of a dynamic help system, whereby there is a prominent help button (like the "fullscreen" button, always visible) that the user can click, and then receive pop-up descriptions of various page objects as they "mouse-over" them. They would have to then click the help button again to escape the dynamic help mode and return to normal page functionality. This feature is similar to that found in some Windows applications where a user can click a question mark icon, which then changes the mouse cursor, and then click on various application objects to receive help on those objects. This is in essence a site feature in itself (may want to be turned off) and not trivial, but getting beginning users to get comfortable with using Tiki is not trivial either.

Section Edit

Like Wikipedia
Tiki 1.10 has editable sections when using the split plugin but it's not enough.
The work has started! Please test latest 1.10 from SVN.
phase 2: wish1800

Category picker

Easier category picker from cooptools.


Can be seen here too:
http://openpolitics.ca/tiki-editpage.php?page=test
Need fallback for non JS

If a category is picked, the checkbox "Categorize this object" should be done at the same time.

Spellchecker

moved to Spellcheck

Icons & layout

Gary has been using different layouts/icons

Should pick only 2-3 nice layouts to include with the base Tiki install. This is ongoing. See Gary

Preview & history

Wiki editing: Preview with diff, like Mediawiki
Page history could be better: See WikiPedia for ideas like a button to increment the diffed versions
Have a useful diff. MediaWiki is currently much better at understanding the changes than Tiki. It goes word by word, not letter by letter.

When viewing a diff, I should be able to see

preferred diff engine: admin setting, which could be optionnally overriden by user. If I override once, next time, it should use the same one (and not default always to html diff like in 2.0)

The diff procedure is not intuitive: when page is large, it's difficult to find action button

Html & javascript stripping (security) (maybe we'll look at this, maybe not)

• These security features cause support requests. Maybe we could enhance UI to facilitate use of dynamic content so users can add html
• Also related: Built it TPL editor removes Javascript from the Templates

Article templates

• Allow for a template for new articles (containing a TOC, sample syntax, or whatever the admin wants). This already exists content template

Misc

• Don't mess with the browser's default looks and behaviour for buttons and text fields. Users are used to how these things look and act by default.
• Capitalize button labels!
• better labels & system messages

Wishlist

Open

	Rating	Subject	Priority	Category	Feature	Created
	(4)	Redirect (or page alias) on Deleted or Renamed Wiki Pages	9 high	Bug: Usability Feature request	Wiki (history, page rename, etc)	2007-07
	(2)	Wiki editing: Preview with diff, like Mediawiki	9 high	Feature request	i18n (Multilingual, l10n, Babelfish) Wiki (history, page rename, etc)	2007-07
	(2)	Include plugin: direct link to create/edit included page, and send back to initial page after edit	9 high	Community projects Feature request	Wiki (history, page rename, etc)	2008-06
	(2)	Better table editor	9 high	Bug: Usability Feature request	Trackers Wiki Syntax (text area, parser, external wiki, etc) WYSIWYG (What You See is What You Get)	2008-11
	(0)	Wiki page picker (WYSIWYCA) in edit mode, plugin help and anywhere relevant	9 high	Bug: Usability Feature request	Wiki Plugin (extends basic syntax) WYSIWYG (What You See is What You Get)	2009-08
	(2)	Signature and/or datestamp and/or approval-vote and/or comment plugin/syntax	8	Feature request	Date and Time Poll User Administration (Registration, Login & Banning) Wiki (history, page rename, etc) Wiki Syntax (text area, parser, external wiki, etc)	2007-11
	(1)	Support some of the MediaWiki syntax that doesn't conflict with TikiWiki syntax	8	Feature request	Interaction (with the outside World) Wiki Syntax (text area, parser, external wiki, etc)	2008-10
	(0)	Special Characters with tilde ~ don't seem to work	7	Bug: Error	Copyright Wiki Syntax (text area, parser, external wiki, etc) WYSIWYG (What You See is What You Get)	2007-12
	(1)	reduce losts on forums posts and trackers due to session expired (similar solution as in wiki?)	7	Feature request	Forum Lost edit protection Trackers	2008-01
	(3)	Background Save	7	Feature request	Lost edit protection Wiki (history, page rename, etc)	2008-04
	(1)	Drag & drop uploads (with Flash or Java applet?)	7	Feature request	File Gallery	2008-05
	(0)	Content templates should be part of quicktags	7	Bug: Consistency Feature request	Content template Toolbars, Quicktags and Smileys	2008-10
	(1)	Wiki transclusion a-la MediaWiki templates	7	Feature request	Wiki Plugin (extends basic syntax) Wiki Syntax (text area, parser, external wiki, etc)	2008-10
	(1)	maketoc should have plugin help	7	Bug: Consistency Bug: Usability Feature request	Help System Wiki Plugin (extends basic syntax)	2009-04
	(4)	New module: search page name, search text, edit page	6	Feature request	Modules Search Site Identity Wiki (history, page rename, etc) WYSIWYCA (What You See is What You Can Access)	2006-01
	(4)	Large File Upload Problems in File Gallery	6	Bug: Usability Feature request	File Gallery	2007-12
	(1)	duplicating events in calendar is broken on 1.10svn right now (April 17th)	6	Bug: Error	Calendar	2008-04
	(1)	Defaut user wiki page name should be based on realname instead of e-mail	6	Feature request	User Administration (Registration, Login & Banning) Wiki (history, page rename, etc)	2008-06
	(1)	Language problems with mail notifications in tracker	6	Bug: Usability	i18n (Multilingual, l10n, Babelfish) Trackers Watch (email notifications of changes)	2008-09
	(1)	Smarter detecting of domains and auto-links	6	Feature request	Wiki Syntax (text area, parser, external wiki, etc)	2008-11
	(0)	Wiki editpage broken in Opera	6	Bug: Regression	Wiki (history, page rename, etc)	2008-12
	(0)	javascript word & character counter	5	Feature request	Trackers	2007-01
	(2)	Anchor are lost after parsing	5	Bug: Error	Wiki Syntax (text area, parser, external wiki, etc) WYSIWYG (What You See is What You Get)	2008-01
	(1)	Wiki markup for icons	5	Feature request	Wiki Syntax (text area, parser, external wiki, etc)	2008-02
	(1)	wiki "edit by section" doesn't allow concurrent editions of different sections on the same page	5	Bug: Usability	Wiki Syntax (text area, parser, external wiki, etc)	2008-06
	(1)	[mailto:text|text] doesn't have antispam protection	5	Bug: Consistency	Spam protection (Anti-bot CAPTCHA) Toolbars, Quicktags and Smileys Wiki Syntax (text area, parser, external wiki, etc)	2008-11
	(0)	multibyte-letter-wiki-document-name between double braces are not recognized.	5	Bug: Usability Feature request	i18n (Multilingual, l10n, Babelfish) Wiki Syntax (text area, parser, external wiki, etc)	2008-11
	(0)	New wiki edit help sidebar doesn't work in IE7 or Opera.	5	Bug: Usability	Theme: Look & feel, Styles, CSS, Theme Control Center Wiki (history, page rename, etc)	2008-12
	(0)	Full screen edit button visible in quicktags, even if option is disabled	5	Bug: Consistency Bug: Usability	Toolbars, Quicktags and Smileys Wiki Syntax (text area, parser, external wiki, etc)	2008-12
	(1)	fix sheets created directly from wiki SHEET plugin within wiki pages for managing tables visually	5	Bug: Usability Feature request	Spreadsheet Wiki Plugin (extends basic syntax) WYSIWYCA (What You See is What You Can Access)	2009-03
	(1)	Edit Help in RC2 unreadable using Darkroom theme	5	Bug: Usability	All / Undefined	2009-05
	(1)	Blue Print CSS / BluePrintCSS	5		Theme: Look & feel, Styles, CSS, Theme Control Center	2010-01
	(1)	Recursive category field would be nice	4	Feature request	Trackers	2008-01
	(1)	allow posting comments on a wiki page when viewing history	4	Feature request	Wiki (history, page rename, etc)	2008-01
	(2)	Add preview button to tracker item submissions (useful for wiki syntax)	3	Feature request	Trackers Wiki Syntax (text area, parser, external wiki, etc)	2005-05
	(3)	[function.assert]: Assertion failed	3	Bug: Error	Wiki (history, page rename, etc)	2007-12
	(0)	wiki: automatic description of changes	3	Feature request	i18n (Multilingual, l10n, Babelfish) Wiki (history, page rename, etc)	2008-04
	(1)	Quick Edit module should detect and warn about special characters in page names	3	Feature request	i18n (Multilingual, l10n, Babelfish) Modules Wiki (history, page rename, etc)	2008-05
	(1)	Allowing for positioning of Quicktags	3	Feature request	Toolbars, Quicktags and Smileys	2008-09
	(1)	Allow Quicktags to be defined for multiple features	3	Feature request	Toolbars, Quicktags and Smileys	2008-09
	(1)	Wiki Table syntax: WYSIWCA for QuickTags	1 low	Bug: Usability	Toolbars, Quicktags and Smileys Wiki (history, page rename, etc) Wiki Syntax (text area, parser, external wiki, etc)	2007-04
	(2)	Adding images to blog posts is no way as intuitive as it should be		Bug: Usability	Blog Wiki Syntax (text area, parser, external wiki, etc)	2008-01
	(0)	Admin user link from user registration validation page		Feature request	User Administration (Registration, Login & Banning)	2008-02
	(1)	More granular control of recurring events in Calendar		Feature request	Calendar	2010-03

Pending

	Rating	Subject	Priority	Category	Feature	Created
	(3)	Reduce occurrrence of lost edits	9 high	Bug: Error Bug: Usability Feature request	Wiki (history, page rename, etc)	2007-07
	(3)	It's too difficult to re-use image gallery and file gallery content in wiki pages, trackers, etc	9 high	Bug: Usability Feature request	File Gallery Image Gallery Trackers Wiki (history, page rename, etc)	2008-01
	(2)	Tracker plugin to get title and make link to tracker item	9 high	Feature request	Trackers Wiki Plugin (extends basic syntax)	2008-05
	(4)	Social Bookmarking any content (ex.: digg this) (add the patch to the main code base)	8	Feature request	Bookmark Interaction (with the outside World) New feature (not an enhancement to a current one) Tell a Friend / Social Bookmarking	2007-12
	(2)	add jquery sheet plugin to tiki spreadsheets	7	Feature request	JQuery Spreadsheet	2009-03
	(1)	Category filtering fails in tracker	7	Bug: Error Bug: Usability	Category Trackers	2009-10
	(1)	Layout & colors in TikiSheets are not 3.0 ready with strasa (see them in dev.tw.o)	6	Bug: Usability	Spreadsheet	2009-05
	(1)	Browser session expired when you click the save button: how to avoid?	4	Feature request	All / Undefined Browser Compatibility Lost edit protection	2007-01
	(2)	Built it TPL editor removes Javascript from the Templates	3	Bug: Usability Feature request	Security Theme: Look & feel, Styles, CSS, Theme Control Center	2005-04
	(0)	Detecting if CAPS LOCK is on	3	Feature request	User Administration (Registration, Login & Banning)	2007-12

Fixed

	Rating	Subject	Priority	Category	Feature	Created
	(1)	No Plugin-Help when editing forum or trackers	9 high	Bug: Consistency Bug: Usability Feature request	Article Forum Help System Templates (Smarty) Trackers	2005-07
	(1)	Plugins admin interface to activate/deactivate plugins	9 high	Feature request	Administration Security Wiki Plugin (extends basic syntax) WYSIWYCA (What You See is What You Can Access)	2006-02
	(0)	Fullscreen Edit : Wiki & Plugins Help are missing	9 high	Bug: Consistency Feature request	WebHelp Wiki (history, page rename, etc) Wiki Plugin (extends basic syntax)	2008-10
	(4)	Section Edit, to edit part of a wiki page	8	Feature request	Wiki (history, page rename, etc) Wiki Syntax (text area, parser, external wiki, etc)	2007-11
	(1)	Saving page with SEFURL on creates 404 error	8	Bug: Error	Search engine optimization (SEO) Wiki (history, page rename, etc)	2008-08
	(0)	Make admin_quicktags use a drop down box for the Category	7	Bug: Usability Feature request	Toolbars, Quicktags and Smileys	2005-10
	(1)	Warning message when moving away from an edit box (by clicking "back" or clicking an email link)	7	Feature request	All / Undefined Lost edit protection Wiki (history, page rename, etc)	2007-05
	(1)	Item Link field creation doesn't work right	7	Bug: Error Bug: Usability	Trackers	2008-01
	(1)	Section edit: a first section is needed + more intuitive use of anchors	7	Bug: Usability Feature request	Wiki (history, page rename, etc)	2008-06
	(2)	Strikethrough syntax, and avoid collision --strike-- -- no strike--	7	Bug: conflict of two features (each works well independently) Bug: Regression Feature request	Wiki Syntax (text area, parser, external wiki, etc)	2008-08
	(2)	Plugin configuration tool	7	Feature request	Administration Mods Wiki Plugin (extends basic syntax)	2008-11
	(2)	Optional disabling on javascript stripping protection	6	Feature request	All / Undefined Permission Security Wiki Plugin (extends basic syntax) Wiki Syntax (text area, parser, external wiki, etc)	2006-07
	(1)	Help system: upgrade script should update to new destination on doc.tikiwiki.org	6	Documentation (or Advocacy)	Help System	2007-06
	(1)	Translate this page (create and associate to translation set in 1 step)	6		i18n (Multilingual, l10n, Babelfish) Wiki (history, page rename, etc)	2007-08
	(0)	Cleanup Quicktags	6	Feature request	Toolbars, Quicktags and Smileys	2008-03
	(1)	Universal Wiki Edit Button	6	Feature request	Interaction (with the outside World) Templates (Smarty) Wiki (history, page rename, etc)	2008-06
	(0)	Remove Allow HTML button in Edit tpl	6	Bug: Usability Feature request	Wiki (history, page rename, etc)	2008-07
	(1)	A SheetID is required shown when attempting to edit a sheet with jquery.sheet	6	Bug: Error Bug: Regression	JQuery Spreadsheet	2010-02
	(1)	Insert special characters : move to main template and make localized versions	5	Feature request	i18n (Multilingual, l10n, Babelfish) Templates (Smarty) Wiki (history, page rename, etc)	2006-01
	(1)	permission "minor" seems useless on doc.tw.o: registered can't use it even if granted to them	5	Bug: Usability	Wiki (history, page rename, etc) WYSIWYCA (What You See is What You Can Access)	2008-04
	(1)	Error: "A contribution is mandatory" after trying to save	5	Bug: Error Bug: Usability	Wiki (history, page rename, etc)	2010-01
	(0)	Wiki: Minor edit :: need mouse over to explain what it's for	4	Bug: Usability Documentation (or Advocacy)	i18n (Multilingual, l10n, Babelfish) Wiki (history, page rename, etc)	2008-04

Resources

• 11 usability principles for CMS products

---