Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a table view in an iOS app that is a form for requesting user data. One of the fields (a cell in the table view) is intended for requesting a serial number the user could enter either by typing it, or by taking a picture (then, the app should recognize it). I'd want to show the serial number in the cell once provided, something like this (not necessarily a blue details label):

iPhone form

How can I show in this cell that there are two exclusive options for entering the requested data? Maybe placing some kind of button inside, then showing an action sheet, then displaying the camera view if the "take picture" option is selected, and enabling a text field in the cell itself if "enter manually" is selected? If placing a button inside the cell is a good approach, what kind of icon should be appropiate and where could I place it inside the cell? Since I already need to display the serial number value...

Thanks a lot

share|improve this question
add comment

2 Answers

up vote 0 down vote accepted

Like Will mentioned, putting a camera icon on the input field is a good option.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Alternatively, you can use the standard iOS keyboard camera icon when the user selects the serial input field.

iOS keyboard camera icon

share|improve this answer
add comment

Putting the camera icon within the editable text-box along with suggestive text "Serial Number" will make it fairly evident that the user can type or click the icon to meet the same need. See the chat interface in both Facebook and Message iPhone apps for something similar.

share|improve this answer
    
I see... this could be a nice option, thanks. However, I'm thinking about also placing some kind of icon after validation to show if the value entered is valid or not... I think I won't have space enough for the name of the field, a camera button, a text field and a validation icon... any ideas? –  AppsDev Jul 10 '13 at 15:35
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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