Improve rating radio buttons

[oliverjam]

Currently choosing a rating uses standard radios. These could look a lot nicer, and be bigger tap targets.

@jamchiller do you have any design thoughts?

Requirements:

• [ ] 'Remove' button
• [ ] Show previously logged data when tapped on (ie.Radio buttons to be pre-filled when tapping on a day that's already been logged)

[Jamchiller]

Will design these up today

[Jamchiller]

Done!

[oliverjam]

Wondering about the copy here: do we want to use the technical terms or something more friendly like "Ate no meat", "Ate eggs", "Ate dairy" etc?

[Jamchiller]

Yeah I remember we had this convo back in Feb. It's a hard one but maybe we should leave it as is now and can test later with both? I can't think of good titles...

• Completely vegan
• Ate eggs
• Ate eggs and dairy
• Ate meat

Kinda works but it hurts the association with the mascots a lil. Happy either way

[oliverjam]

Can still keep the mascots next to the radios. Not sure you have to include eggs and dairy in the veggie one. If you do "Ate eggs" and "Ate dairy" I can't see how they'd fill in the wrong one.

Definitely something to test

[Jamchiller]

Let's put it on the backlog to test for now. I'm worried that if someone ate eggs and dairy (as most do), they'll be unsure of which one to tap. Our hierarchical system (ie, that eating eggs is ethically better than eating dairy) is definitely not something that is clear to everyone at this point. Ovo-vegetarian makes the hierarchy clear

[oliverjam]

Good point. I guess the colours help?

[oliverjam]

In progress. Slight problem: the way the popover library does the arrows makes it basically impossible to give them a box-shadow. Tbh I wanted to completely re-implement myself anyway, but that will be a huge job to build something that's always pointing at the right place

[Jamchiller]

All good, that looks absolutely fine for MVP! We'll backlog it

[oliverjam]

Also need all the SVGs now. I assume they're in the Zeplin?

[Jamchiller]

Put them in there now!