COS Calculator Modifications

[shilojones]

Here are the changes we'd like to make the COS Calculator.

[shilojones]

Same thing, we are feeling there is a preference for the tabular view of the data like the original. This isn't a firm requirement though.

[shilojones]

We'll also change the title to COS / ROAS Calculator

[shilojones]

See @artemiystlr's figma mockups.

[shilojones]

@arfaouisabeur - for the ROAS you can take what the Target Paid COS was in this case 17.5% and just calculate 1 / .175 to get the Target Paid ROAS of 5.7. Let me know if you have any questions.

[arfaouisabeur]

Thank you, I understand.

[artemiystlr]

Glad to see the calculators coming along well! I’m really happy with the progress, however I have some suggestions in regards to the changes we would like to make to the calculators.

I have provided photo explanations for the COS Calculator and the Incrementality Test Budget & Length Calculator.

For the COS/Budget Change Calculator, the current layout is quite different from the mockup. We would just like it to see it a bit closer to the mockup.

[artemiystlr]

Very happy with the recent updates @arfaouisabeur. Currently all calculators look quite close to the final design, there are just a couple of things to address:

1. The field titles like "Average Order Value" don't need to be underlined by default. Instead, when the user hovers over them, they should become underlined and display the tooltip above (like it does now). Not sure how difficult that is to implement, but wanted to mention this just in case.

2. The font of the selectors (COS/ROAS) ideally should be a couple pixels smaller than the font size next to it (Calculators). Currently it's a bit too small compared to the rest of the UI.

3. All the selectors should have the same corner radii (the one you used for the COS/ROAS selector is the best, please apply it to all the selectors in all the calculators).

4. In the "Incrementality Test Budget & Length Calculator" the text fields aren't fully aligned with the rest of the UI in terms of their width. Please make them wider and make sure they align both by the left side and the right side too.

5. In all the "result" fields (the ones which have a blue background), make sure that the font size is the same as it is in the other fields.