I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit it.
What's the right way to make this more obvious. I've thought about giving it a border, or changing the background color. Unfortunately the box is on a white background, so giving it any other background color might look a bit odd.
Answer
Flickr seems to do this well. Anything that is editable turns butter yellow on rollover and becomes an editable field once you click.
Here is a field on its own. 
Here is a field on rollover (hover state). 
And here is the field after clicking. 
No comments:
Post a Comment