Say I develop a single page app using Angular that displays a list of todo tasks, for example:

   Task: Grocery Shopping
   Due:  10/01/17

   Task: Call Mobile Company
   Due:  23/02/17

From a usability perspective, do you think it's better to have users be able to edit the task name 'Grocery Shopping' and date in place as it is in the list with no confirmation that it's been updated (it just happens behind the scenes when it detects a change), or is it better to pop up a modal with that information then hit 'done'? Or is it better to allow them to edit it in place and then have a 'done editing' button?

1 Answer 1


Providing feedback to the user is a MUST

No matter which approach you take, the user should be given a response/feedback of some sort.

Say, you go with the inline edit approach, there must be a confirmation feedback of some sort like:

  • Loading animation that turns into a checkbox
  • A confirmation notification
  • A significant change in element styling (size, shape, font weight, tonality, borders...)
  • A pop-up confirmation (not recommended)

If not, simply add a Done or a Save button

  • Yes I understand, I will take your advice... Do you have a preference between inline / modal edit of an item?
    – Choco Cat
    Commented Jul 15, 2017 at 5:42
  • Modals and other interrupts should be avoided when not strictly necessary. Is there a reason that editing one item should hide other content or lock me out of other page actions? Sometimes our knee-jerk is to "simplify" by pushing to reduced views, modal or otherwise, but this isn't always beneficial. If editing can be accomplished readily inline, there is no need for additional views. Commented Jul 15, 2017 at 18:08
  • Hmm okay so edit inline where possible and always provide feedback. Helpful :) thanks so much for answering me.
    – Choco Cat
    Commented Jul 16, 2017 at 0:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.