Inline Edit pre-1.3: Instruction text changes

[Jennifer Chow]

Hi all,

Here's a recap of my chat with Jess about in-line edit instructions. To
start, we identified four blocks of text shown below. Then we came up with
some potential improvements.

1) Portal page blurb
2) Grey "Instructions box" on "view demo page"
3) Yellow instructions box on "view demo page"
4) Tool tips

*Proposed change #1 (applies to all demo pages!):
*
This is a two-part change:

A) We proposed merging item 1 and 2 into the paragraph below to reduce
redundancy. The paragraph would then be used on the portal page and
duplicated in the grey "instructions box" on the "view demo page."

"Simple Text Inline Edit allows a user to do quick edits to simple text
without having to switch modes or screens. All work is done on the same
interface which helps the user maintain context. By clicking or activating
the text, you will be able to edit the text, save it, and undo / redo edits.
This component is part of the Inline Edit family of components."

B) The grey "instructions box" would be renamed to "Description" instead as
well on all demo pages.

*Proposed change #2:*

We thought item 3, yellow instructions box, could be removed because the
user will have visual cues and tooltips to direct them. At the moment, only
the in-line edit demo page has the yellow box, so other demo pages shouldn't
be affected.

*Proposed change #3:*

Tool-tip rewording for on focus mode
Current: Edit title. Select or press Enter
Revised: Select or press Enter to edit

*Proposed change #4:*

Tool-tip rewording for editing mode
Current: Press Escape to cancel, Enter or Tab when finished
Revised: Escape to cancel, Enter or Tab when finished

Thoughts and feedback are welcome!

Jen

On Tue, Oct 19, 2010 at 12:11 PM, Colin Clark <colinbdclark at gmail.com>wrote:

> Hi all,
>
> Yesterday afternoon a bunch of us chatted about next steps for Inline Edit
> as we near the planned Infusion 1.3 freeze date. Here's the to do list that
> came out of our meeting:
>
> Must fix for 1.3
> -------------------
>
> * Remove edit mode instructions for Rich Text Inline Edit (Justin + Mike)
> * Tweak the instruction text to be awesomer (Jen + Jess)
> * Design and implement awesome default styles for each Inline Edit flavour
> (James + Mike + Justin)
>  -  Implement icon scaling for Inline Edit pencil and Undo arrows (James +
> Jen + Mike + Justin)
>  - Display mode tooltip styling: larger text, lighter background (James)
>  - Fatter pencil icon (James + Jen)
> * Screen reader testing with JAWS, NVDA, and preferably Orca (Jonathan)
>
>
> Nice to Have
> ---------------
> * Ship Undo by default with Icon + Tooltip (Justin + Mike)
> * Streamline the toolbar icons for Rich Text Inline Edit demo (Jen + Mike +
> Justin)
> * Larger font size by default with TinyMCE RTIE demo, matching the font
> size of display mode, as well as matching font faces (Jen + Mike + Justin)
>
> Colin
>
> ---
> Colin Clark
> Technical Lead, Fluid Project
> http://fluidproject.org
>
> _______________________________________________________
> fluid-work mailing list - fluid-work at fluidproject.org
> To unsubscribe, change settings or access archives,
> see http://fluidproject.org/mailman/listinfo/fluid-work
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20101019/9dbb9ba4/attachment.htm>