: Too much buttons in one line I have my result screen from some kind of quiz. It has image with heart and text at the center. (I think this is the only place) The question is how to place
I have my result screen from some kind of quiz.
It has image with heart and text at the center. (I think this is the only place)
The question is how to place these pink action buttons. Firstly thought to place it in one line but then understand that better in UX way would place new tests at the top as action.
And now it looks like it has too much elements on the screen so I better place new tests at the bottom or not?
More posts by @Shelley591
2 Comments
Sorted by latest first Latest Oldest Best
In my opinion you shouldn't write any text below the buttons.
Frame the button graphics in solid coloured circles and align all three in a row with the share button in the centre and making it slightly larger than the other two.
Sorry I can't give a more visual answer don't have access to my equipment at the moment.
First off, personally I don't feel like there are too many objects in your design. But I do still have issue with the design for UX purposes. This is because when I look at this application as a user, the "New tests" button does have more visual weight, signifying that I should probably click it which is good, but only by a fraction more than the "Share" and "Try this test again".
Instead, I'd play around with making the call to action more centralized and direct; something like this:
You'll need to play with the design of course, but by centering the call to action and giving it a solid outline and background it reinforces the fact that it should be clicked. Keeping the arrow retains the spatial direction.
Whether or not you stick with your original approach or with a button like I suggest, should make sure that users can swipe to the next page by dragging the page.
P.S. I'd consider changing "Try this test again" to "Redo this test" or just "Redo".
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.