I have an sport app, in which you can set the results of your football (soccer) matches. In one screen, you need to set whether you played for the home/away team, the match result, and the team names (being the team's name of your team mandatory, and the other, optional.)
I came up with this screen:
As you can see, there is a button toggle in which you select whether you played home or away, and then below, you set the result, and the teams' names, in order, first the home team, then the away team.
But, it is not clear for the users, here are some examples of scenarios that happen: - Sometimes they ignore the toggle buttons, so, they properly set the teams' names and order, but maybe they played for the away team, but they don't set in the toggle button that they played for the away team. - Other times they set the toggle button, but they always put the team they played for in the 1st edit text.
So, I think that somehow I need to emphasise for what team you set you're playing. I have some ideas but maybe I can get some feedback: - Use elevation on the image, so for example, if you set you played home, the home team's kit would have an elevation. - Put the picture of the user next to the edit text you set you're playing for. So, you would see your picture before the home team's name, if you set that you played for the home team.
Any suggestion?