0

I'm working on an app that shows the price of a product, and the end-user can update the picture for the product selected. The app will only be available for mobile phones (both iphone and android/galaxy).

This is the workflow:

  1. The list shows the different locations of the product.
  2. Shows the detail of the item in the location, based on the row selected.
  3. If the user taps "Update price with pic", then the 3rd screen will show simple instructions to end-user.
  4. The actual camera for taking picture.

My question is related to the 3rd screen where the end-user sees the instructions.

What's the best way to display these instructions? Is it with a pop-up or the sliding pane? Or is there another more fluid way?

enter image description here

Improve this question

3 Answers 3

Reset to default
1

I want to take Danielillo's idea and shape it in another way so the user can take the photo right away when they hit update price. Also I believe that you're working on a gas update pricing app, so the flow makes more sense based on the Spanish word that I saw. Because in the first screen you set the label as Not Available and in the second step it says Available. So going back to my point, If you're working with a gas app the time that the user has there is short so you have to reduce steps in the process and let them understand what's gonna happen with the button labels to make your app more intuitive. If that's the case you can remove the Available label on your first screen.

enter image description here enter image description here enter image description here

Once you enter into camera mode, you still have the section that can overlay the camera with the instructions.

Improve this answer
0

If the instructions are slightly more and requires steps then you can use the sliding pane as it provides better context of the 2nd screen while also providing space. If the instructions are very less and easy to guess then you can put them on the 2nd screen itself.

Improve this answer
0

I would simplify the process of the last window, emphasizing the action with maximum visibility and size and placing the instructions as a second option, hidden, with an access button to discover the content in the same window with a scrolling bar.

The importance of relegating the instructions as an alternative option is that the user accustomed to interacting with the application doesn't need to see the "instructions" buttons in the center of the screen every time they access to the app.

enter image description here

Improve this answer

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.