i´m working on a App for mobile devices (starting from smartphones with 800x480 res. till tablets 1280x800res). The app provides the function for checking tools of technicians in a workshop. The app shows a list of all tools the technician owns. When the check of the tools is peformed each tool can have one of this 3 results: ok, damages, lost.
The tool is designed, that the OK result is an optional input, because it is the expected result. "DAMAGED" or "LOST" has to be stored in the tool.
Now i´m searching for the best solution to desing an responsive data-row in the app, which will work on small phones an big tablets. It should work with less input clicks as possible, depending on the device.
Should in such app´s always the whole row be clickable with an standard-action?
Idea 1: No solution to store the "OK" result, "damaged" is the expected standard result
Col1: Status-Icon
Col2: Text of row "Screedriver 5mm" is clickable and store "damaged", Status-icon change for damaged
Col3: Icon on the right side of the row with "lost", click stores "lost" and status-icon will change for lost
Idea 2:
Col1: Status-Icon
Col2: Text of row "Screedriver 5mm" is NOT clickable
Col3: Option group on the right side of the row with "ok-damaged-lost", click stores the selected result and status-icon will change for selected result. On small devices the group will be shown under the text
Idea 3: Same as idea 2, but the option-group will be displayed after click on the text-row. saves space, but costs on klick more
What do you think about my ideas? Do you have better ideas?
edit: Image added: