Apps-android-commons: Improvise the design of the Quiz response buttons

[sanjay-thiyagarajan]

Summary:
Redesigned the Yes & No radio buttons

Steps to reproduce:
Create a custom drawable layout for the radio buttons to make them look more attractive.

Device and Android version:
Emulated device - Pixel 2 XL
API 28

Commons app version:

3.0.0-debug-master~d0f895416

Screen-shots:

Previous

Planned design

Would you like to work on the issue?
Yes

[sanjay-thiyagarajan]

@nicolas-raoul @madhurgupta10 Can I work on this ?

[nicolas-raoul]

Thanks for the idea!
I have no strong opinion about this, both the first and second designs look reasonable to me.
With the second design, how about removing the "Next" button? For instance tapping "Yes" would take the user to the next step directly.
In any case this would be labeled as "improvement", which means it can only be implemented after 5 bugfixes: https://github.com/commons-app/commons-app-documentation/blob/master/android/Volunteers-welcome!.md#developers

[sanjay-thiyagarajan]

Thanks for the idea!
I have no strong opinion about this, both the first and second designs look reasonable to me.
With the second design, how about removing the "Next" button? For instance tapping "Yes" would take the user to the next step directly.
In any case this would be labeled as "improvement", which means it can only be implemented after 5 bugfixes: https://github.com/commons-app/commons-app-documentation/blob/master/android/Volunteers-welcome!.md#developers

Yeah. Removing the next button will be good. Can I start working on that ?

[nicolas-raoul]

@sanjay-thiyagarajan Please read https://github.com/commons-app/commons-app-documentation/blob/master/android/Volunteers-welcome!.md#developers . Especially the part about bugfixes. Cheers!

[sanjay-thiyagarajan]

Got it 👍

[Ayan-10]

@nicolas-raoul can I work on this?

[nicolas-raoul]

@Ayan-10 Please avoid issues labeled as debated for now. Thanks! :-)

[Ayan-10]

@nicolas-raoul ok I will keep that in mind. But I was not talking about fixing this exact issue. In this issue, you commented about removing the "Next" button? For instance, tapping "Yes" would directly take the user to the next step. I was talking about doing this improvement. So can I?

[nicolas-raoul]

I see you have 5 merged pull requests already, congratulations! :-)
OK for removing Next.

[neslihanturan]

Hi all, next button has a function as "I don't know" button. When you are not sure if the photo is relevant or not, you may need to have a next button to see the next question. If you answer the question, no need to have an additional click to next button, it automatically changes the screen after your answer without using next button. So I am not sure about removing next button.

[neslihanturan]

My suggestion would be changing the name of the button from "next" to "I dont know" maybe?

[Ayan-10]

Hi @neslihanturan @nicolas-raoul , This idea seems good. I will rename the "next" button "I don't know"
and clicking this button pop up a dialog saying about the image uploadable or not and why and show the next question. Also, I make the Yes/No radio button clickable and according to the users' action, it will react and automatically shows the next question.
Should I move forward with this idea?

Thank you.

[nicolas-raoul]

Sounds good to me!
Yes and No can actually be normal buttons rather than radio buttons, and could be placed side-by-side (like in Sanjay's design but maybe with a normal color/shape).

[Ayan-10]

@neslihanturan @nicolas-raoul What if I change the name of the button "I am not sure"? and Is the UI of the radio button okay or should I change to a button with normal(square) shape as you proposed me to do in the previous comment?

[U81-A]

I'd try to provide my edit to tackle this problem