(Another) Inline Edit demo design

Jonathan Hung jhung at ocad.ca
Mon Oct 4 13:51:26 UTC 2010

Hi everyone,

Attached is another design for the inline edit demo. This design depicts an
image with an editable title, description, and tags / keywords.

Interesting moments:
- hovering or keyboard focusing any of the editable text will highlight in a
thicker border.
- while hovering or keyboard focused, a tooltip is revealed instructing the
user to Edit the text.
- when in Edit mode, instructions are announced to an AT user telling them
how to save edits.
- an undo button will appear after an edit as been saved.
- selecting Undo will revert the last edit performed on that field.
- After undo action has been performed, the Undo button is replaced with the
Redo button.

I am not sure if instructional text is required, or if the visual cues are
strong enough to convey to the user that fields are editable, and edits are


- Jonathan.

Jonathan Hung / jhung at ocad.ca <jhung.utoronto at gmail.com>
IDRC - Interaction Designer / Researcher
Fax: (416) 977-9844
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20101004/e6276193/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Inline-Edit-04.jpg
Type: image/jpeg
Size: 605827 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20101004/e6276193/attachment.jpg>

More information about the fluid-work mailing list