There are different types of information requirements: drop down menus, text input, picture upload and radio buttons. Is there a standards or research supporting the idea to put certain requirements before others to improve usability and completion rates? (e.g. putting the more complicated parts before)
- Placing UI elements horizontally on mobile is a bad idea. With smaller screen sizes, the elements will be harder to see
- Some users may "fat finger" buttons that are closely positioned
- Can the product name be inferred from the bar code? If so, consider removing the bar code line entirely and instead move the bar code button next to the product text entry
- Be consistent. Do you want your elements aligned to the left or centered? It doesn't matter which you choose, just stick with it.
- Visually separate your top bar from the rest of the content. Consider adding a solid filled background.
- Fill up the unused whitespace. There is an enormous gap between your two buttons at the bottom that serves no purpose.
- Choose a palette. Your primary color seems to be orange, so you may want all of your primary actions to "be orange". This would mean changing the
Guardarbutton to the same shade of orange as your title text.
- You are using four very different colors in one page. People associate color with meaning, so avoid using "loud" or "strong" colors and instead opt for more neutral colors or different shades of a similar color.
Test it with users. You could consult a visual designer (or Graphic Design Stack Exchange) for tips on layout and colors and such, but the best way to assess whether this is usable or not—and why or why not, more importantly—is to watch people using it and ask them questions about their experience with it.
Here are some resources that can help you get started with user testing:
- Usability 101 by Jakob Nielsen
- Running a Usability Test on Usability.gov
- How to Conduct a Usability Test on UX Mastery
(UX.SE vets, feel free to curate this list.)