0

I'm re-designing a part of a mobile-first app for reading and answering customer feedback.

example of the view

My problem is: How would you display a button for uploading attachments/files in an interface that is going to be mobile-first? Adding a file to the post is optional for the user. Sorry for the rough sketch of the view, but the idea is that there is a comment box for text input on the top, and three different action buttons below (this is not my design, and for now I can't really change anything other than the attachment-button situation).

Adding an attachment isn't a primary action like the other three actions, so what would be the smartest way to approach this? Where would be the best spot to place it in so that the user can't tap on it by accident? Are there any standards for file uploading on mobile?

1

Based on my understanding of your problem, a simple color-scheme may serve you well here.

  • Submit in primary color to show it takes the interface forward
  • Attach File in secondary color to show it's not required
  • Save Draft and Cancel in secondary color as well

I wouldn't worry about users accidentally touching the Attach button. Mobile operating systems have standard UIs for attaching files; worst that could happen is they cancel out of them.

Visualized:

enter image description here

Please forgive the awful mockup, Balsamiq isn't working for me.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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