I am looking for help editing a list of text items (names) in a table in iOS.
I am using a simple table that displays the name of an item (first mockup). Currently, I allow the user to enter Edit mode, where they can reorder items and delete items (the default mechanism on iOS presents a red minus button on the left of the item, and a move symbol on the right of the item) (second mockup).
My problem is with adding new items, and editing the text of existing items.
I like editing the item's text in place, and this is easy to do. When the user clicks the text, I replace the text with a text edit box, and remove the edit box when they click away (third mockup).
Currently I have a dedicated row with the text "New Item...". Clicking on the row inserts a new row at the end of list and presents a text edit box in that row with default text "Item #3" or whatever item number is current. This gets complicated in Edit mode (clicking Edit button). Should I put a circled plus on the "New Item" row?
download bmml source – Wireframes created with Balsamiq Mockups
I am not confident that the "New Item..." mechanism gives the best experience.
Any suggestions on how to handle this?