2

Context

  • I have an issue with a form, let's call it the parent form.
  • Inside the parent form, you can 'Add Item'.
  • Once you click the 'Add Item' button, it will navigate you to a new screen where you can fill in the information about the item.
  • When all info about the item is filled, you can click 'Add' so it will add the info to parent form.
  • You can add many items.

Mock screens for Add Item

Problem Statement

  • In web, we usually have the 'Add another' checkbox at the bottom of 'Add Item' page, so there will be a new empty form for you to fill for another item once the previous one is saved.

  • My issue is, this function is needed in mobile and I am not sure the checkbox is appropriate. The current solution we have is two buttons, 'Add & Back' and 'Add & Next'.

    • Add & Back: Add this item and navigate me back to parent form
    • Add & Next: Add this item and add a new item
  • My concern is that 'Next' does not clearly portray a new 'Add Item' form will show up after you add this current item.

  • And the 'Add & Back' does not make sense because when you add the item you are automatically redirected to parent form.

  • I tried to propose the 'Save' and 'Save & Add New' but it was rejected due to the word 'save' since it does not save the data but just adding the information back to the parent form.

Kindly advise :) and thank you for taking the time to read this.

1
  • When a user is already adding a new record, a button that says "Add New" may be confusing, since that is what they are already doing. I'd suggest "Save and Add Another". Because the change from their current screen to the new screen isn't switching to "Add New" (they are already adding new), it's adding ANOTHER new. Sep 18 '20 at 11:45
1

I think your new changes it the right approach, but I would be tempted to switch your "default" around to make adding another item the primary option. Then the second button is the one that returns to the previous screen. That way you can just be explicit about the return action rather than trying to force "Add and Add Another" into one button label.

So, for example the 2 buttons would be like this:

Add Item - Adds the item and remains on the current form. Clearing the fields ready for a new entry. I would also display a little notification somewhere that says "Item Successfully Added" (or something along those lines). This is important so the user knows the action actually happened, and that they didn't just clear the from by mistake.

Add Item and Return - Adds the item then returns to the parent form, nice and simple, and clearly explains what it will do. I am not 100% sure on using "Return", with more thought I might opt for a different word, but you get the idea.

Note that if the form was more of a popup dialog type we could use "Add Item and Close", but with the design you have shown that might be a bit misleading.


In addition, I would consider adding a 3rd button for "Cancel". I assume you can just press the back button in the top-left to do this, but that might not be obvious to all of your users. You don't want them getting stuck on this screen after all!

2
  • Your approach is interesting. I totally did not see that coming. True, we can have the 'Add Item' screen as a constant, so every time we click 'Add' it will show a success message and empty back the 'Add Item' form so user can register another item. This will repeat until the user voluntarily exit the 'Add Item' screen via the back button.
    – intnnn
    Aug 19 '20 at 8:43
  • @intnnn: Yeah pretty much that. I think one question to also consider though, what do you think is going to be the most common action for the user? Will they more often just add one item, or will they more often add multiple items? This might be a driving factor in which button you want to promote.
    – musefan
    Aug 19 '20 at 8:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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