My iOS app (for iPhone and iPad) has two main screen with two buttons each:

  1. A table: Clicking on one of the cells opens screen 2; with Upload & Delete button
  2. Detailed screen with more information about that specific cell; with Abort & Save button

Screen 1 looks like this:

enter image description here

After moving the two buttons in the detailed view from the bottom (same as screen 1) to the navigation bar (back button = "abort", "save" button on the right), I want to do the same for the table view.

But where does a "save"/"upload" button usually go in the navigation bar?

  1. Delete on the left, Upload on the right
  2. Upload on the left, Delete on the right
  3. Both on the left
  4. Both on the right

Both buttons are only going to be used after the detailed view for every cell was saved, so it won't happen that often.

Is there a "fixed" position in (Apple's) iOS apps? I checked the Apple HIG but there's nothing in there about it.

  • Normally when considering the location of buttons, "usually" is something to consider as part of a platforms familiarity, more important is what your users need to complete their task. – DarrylGodden Jul 4 '19 at 10:02
  • My users get a file from a server with some base information. With this base information they use the "detailed" screen to fill in the missing information (each cell is then checked off). Once they're done they can either upload the file to the server or delete it. Both won't happen often but I'd say that they are still almost equally important as seeing the base information and editing it. The problem is simply that I've not been able to find any infos about placement. The "Notes" app has 3 buttons (delete,...) in a toolbar (not a navigation bar), so that doesn't help unfortunately. – Neph Jul 4 '19 at 10:17

I recommend using either of these two layouts. enter image description here

enter image description here

| improve this answer | |
  • Sorry, I'm not sure how your suggestions would translate to my app, can you give more details please. I know that "edit" is usually in the top right and "back" in the top left but in my case it's "upload" and "delete" (which you usually don't get without any other options) and they should both be at the same y level. There's enough space for them to be displayed permanently, so pressing an additional button would be confusing - I'm guessing that's what you have to do to see the extra options on your second screen? – Neph Jul 15 '19 at 10:54
  • Why should they be on the same Y level? The first screen of iOS calendar event page illustrates a way to do it without putting them on the same level. Cancel or Delete option is usually put at the bottom of the page in iOS, and that is where users will expect it the most. If you want to put them together on the top navigation bar, use icons and put them side by side on the top right. – Ren Jul 15 '19 at 11:09
  • "Delete" is usually at the bottom of a "more detail" page with a "back" button, that's true but it's a completely different case here because my button is a "delete everything" button, which you usually don't get. "Upload" also isn't something commonly used, the only case I found is the "notes" app but that one's got 3 buttons (delete, share, edit), so that doesn't help much either. I'm trying to gain more space and make it look more like the "detailed" view, which has both buttons in the navigation bar. That's why I want to put them there too, otherwise I could keep them where they are. – Neph Jul 15 '19 at 11:29

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.