Skip to main content
User Experience

Return to Question

edited tags
Link
JohnGB ♦
JohnGB ♦
  • 68.6k
  • 26
  • 185
  • 297
Inlined images
Source Link
JohnGB ♦
JohnGB ♦
  • 68.6k
  • 26
  • 185
  • 297

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

(Don't have enough rep to inline images: screenshots in my dropbox photo gallery:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

(Pic 1 and Pic 2)enter image description here

enter image description here

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

(Pic 3)enter image description here

Which is better, and why?

Is there an alternate design I should consider?

Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

(Don't have enough rep to inline images: screenshots in my dropbox photo gallery:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

(Pic 1 and Pic 2)

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

(Pic 3)

Which is better, and why?

Is there an alternate design I should consider?

Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

enter image description here

enter image description here

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

enter image description here

Which is better, and why?

Is there an alternate design I should consider?

Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

Tweeted twitter.com/#!/StackUX/status/120710277351227392
spelling and formatting
Source Link
ChrisF
ChrisF
  • 14.9k
  • 2
  • 60
  • 80

iphone iPhone button on screen with tableviewtable view: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

(Don't have enough rep to inline images: screenshots in my dropbox photo gallery:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

(Pic 1 and Pic 2)

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

(Pic 3)

Which is better, and why?

Is there an alternate design I should consider? Other

Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

Comments, suggestions appreciated!

iphone button on screen with tableview: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

(Don't have enough rep to inline images: screenshots in my dropbox photo gallery:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

(Pic 1 and Pic 2)

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

(Pic 3)

Which is better, and why?

Is there an alternate design I should consider? Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

Comments, suggestions appreciated!

iPhone button on screen with table view: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app.

Also like that screen, I'd like to show a "Delete Record" button at the bottom.

It seems to me there are two possibilities:

(Don't have enough rep to inline images: screenshots in my dropbox photo gallery:

Choice 1: Button in Last Row

In the iOS Contacts App, this button is the last row of the tableview. The button is not visible unless you scroll down.

(Pic 1 and Pic 2)

Choice 2: Button outside table

But you could also fix the button at the bottom of the screen, so it's always visible. Chews up more real-estate, but avoids burying the affordance.

(Pic 3)

Which is better, and why?

Is there an alternate design I should consider?

Other notes that might be relevant:

  • table wouldn't have strictly fixed number of rows, but not many either (say max 10)

  • hitting the delete button is not expected to be a particularly common operation, but I'm worried about it being hidden at the bottom of a row.

Source Link
ckhan
ckhan
  • 123
  • 3