1

I've a list of items in a table view, each of which display a small image and a name, as well as a disclosure indicator to navigate to a view with the item's details:

table view

The behavior I want is to be able to see a tapped item's details, and also be able to mark one of the items as selected (currently, checkmark at left side of the cell). When a cell is tapped, I display another view similar to this:

details view -- the first row is expanded

where a button to select the current item is placed, since I couldn`t use the tap gesture on the cell to both display the details view and mark the cell as selected.

However, this pattern forces the user to navigate to the details simply to select the item. I've been thinking about providing a control within the item's cell (in the first image) to select/deselect it when tapping such control, any ideas? A custom checkbox on the left side? A button? What may iOS users expect? I need this to conform the iOS Human Interface Guidelines.

EDIT: In case I'd perform selection/deselection by means of an specific gesture for that, instead of adding a control within the cell, which gesture should it be? Touch and hold? Simple tap is already the standard touch for navigation...

1 Answer 1

1

Apple's own Reminders app has a good example of the functionality you are asking about.

Reminders has a left column of checkboxes next to the items and a disclosure chevron on the right side of the reminder column. Touching a checkbox selects the checkbox and touching the reminder slides the user to the details page.

Link to image: http://images.macworld.com/images/article/2011/06/reminders-todo-list-241582.png

8
  • Do you have a screen shot or mock up of this? If you can't post the image, just post the link, someone else can add it as a displayed image (I'm not sure if the image permissions for questions are the same as answers).
    – elemjay19
    Commented May 21, 2013 at 16:35
  • @wootcat thanks, I think a checkbox like those would be the best option... my first one was using switches as they are standard iOS SDK controls, but I think such controls are more appropiate for settings, aren`t they?
    – AppsDev
    Commented May 21, 2013 at 19:14
  • @AppsDev I believe so. The checkboxes should also take up less space than a switch. Seeing as that layout is used in an Apple-branded app, I would expect and hope it would be available somewhere and you wouldn't have to roll your own.
    – wootcat
    Commented May 22, 2013 at 19:39
  • @wootcat And by setting a gesture for that? There is any example of, for instance, tapping and holding a cell for opening an editing view or something similar?
    – AppsDev
    Commented May 23, 2013 at 9:29
  • @AppsDev, From my recollection, there are very few examples of the tap+hold gesture. iOS uses it for activating the ability to move and delete apps, but I cannot think of an app I use which uses that gesture inside the app. In Reminders, you tap on the checkbox to check it (to the left of the vertical red line). Tapping anywhere to the right of the line slides the user to the details screen.
    – wootcat
    Commented May 23, 2013 at 14:46

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.