Inline editing
Monday 2 July 2007 – Filed under: User Experience Design – 6 Comments
I’m a huge fan of inline editing. AJAX technologies have made it relatively easy to allow users to directly manipulate data on screen, without going into some ‘edit’ mode. To me, flickr is one of the best examples of the usage of inline editing. For example, when browsing your own photo’s, it is just a matter of click and type to change a photo title or description, have a look at the video below:
As you can see in the video, no separate ‘edit’ mode. Just click the description to start typing. There are some visual clues that this text isn’t static: the background color changes when the mouse hovers over it and the cursor also changes into a ‘text-insert’ icon.
This way of editing enables a very smooth user experience, the flow isn’t interrupted at all.
« previously: Wireframe Schmireframe next: Dutch Adobe Usergroup alive »
6 Responses
Leave a Reply
Recent Articles
- New bike
- FLV Player 2.0.25 released
- No custom headers for Flash file upload. Why?
- Building AIR with FDT
- Adobe MAX 2007
- FLV Player 2.0 released
- The new Photoshop logo
- mProjector WindowResizer class
Advertisement
Categories
- Art & Design (4)
- Flash (37)
- FLV Player (9)
- Software (16)
- User Experience Design (3)
- Various (8)
- Work (6)
Monday 2 July 2007 at 12:51
[...] Link to Article ajax Inline editing » Posted at martijndevisser.com on Monday, July 02, 2007 [...]
Friday 6 July 2007 at 10:28
Yeah that looks like a really to-the-point approach, but doesn’t a mouse-cursor always transform into a text-caret icon when you hover over hypertext? It does in firefox/win..
Saturday 7 July 2007 at 17:45
Yes, the mouse-cursor indeed turns into a tex-caret when hovering over ‘normal’ text, as that allows the user to select and copy text. It’s a good thing this behaviour is also used for online editing, user are already familiar with it.
Tuesday 10 July 2007 at 16:04
Editing inline is one of the best things of flickr. by the way, thanks for the FLV Player, its great. It’s really useful, especially at work where I can’t see streaming media sites. Thanks a lot, and sorry for my english, hehe
ara from mex.
Saturday 28 July 2007 at 19:53
Off Topic :
The FLV player/Video Downloader is AWESOME.
I just wanted to thank you for taking the time to create it (and put it out for free)
;)>
-Aaryn
Wednesday 8 August 2007 at 08:18
The best side of inline editing is how it brings working with web even closer to intearcting with the real-world objects. In everyday life, to change something, you do not switch to the special “edit mode” - you just take it and manipulate, so now web has this ability too.
The good point here regarding Flash Platform is Adobe provided editors for number of Flex components (as well as the approach of creation your own editors).