SSW.Rewards.Mobile icon indicating copy to clipboard operation
SSW.Rewards.Mobile copied to clipboard

Published 20 hours ago • verified publisher icon SSWConsulting

💄 Mobile | Design "Powered by AI" for Earn Page

Open tkapa opened this issue 1 year ago • 9 comments

As per @adamcogan's request, we want to make it more obvious that our Quizzes are AI powered!

Currently we only display the OpenAI logo while loading the Quiz results, and it's difficult to tell that we're using AI on the existing Earn Page.

  • [ ] Propose a way to add some indication of AI powered quizzes to the Earn page
  • [ ] Get it checked by Adam

tkapa avatar Apr 12 '24 05:04 tkapa

including the screenshot

Image

hveraus avatar May 01 '24 14:05 hveraus

@tkapa

Hi Tylah, I am thinking adding a little badge on top of the image, see the image below:

Image

hveraus avatar May 06 '24 09:05 hveraus

@tkapa @AntPolkanov @zacharykeeping

Hi guys, thoughts on the image above?

hveraus avatar May 06 '24 09:05 hveraus

@tkapa @AntPolkanov @zacharykeeping

Hi guys, thoughts on the image above? @hveraus thanks for the mockup! I like the the badge, it's just the text at the top feels a bit clump up... And on other images, like for the .NET quiz, people are located slightly closer to the top than on the Angular one.

What do you think if we rotate the badge by 45 degrees anticlockwise and put it in the left top corner?

AntPolkanov avatar May 07 '24 20:05 AntPolkanov

@tkapa @AntPolkanov @zacharykeeping Hi guys, thoughts on the image above? @hveraus thanks for the mockup! I like the the badge, it's just the text at the top feels a bit clump up... And on other images, like for the .NET quiz, people are located slightly closer to the top than on the Angular one.

What do you think if we rotate the badge by 45 degrees anticlockwise and put it in the left top corner?

Hi Anton, I don't mind both ways, we can always move people around. I put it on the right side though. see mockup below.

Image

hveraus avatar May 08 '24 07:05 hveraus

Hi Guys, as per discussion during designer's sprint this week, we are going for this option, I'll see if I can get Adam

Image

hveraus avatar May 10 '24 02:05 hveraus

As per converstion with @adamcogan , the ribbon design for AI Powered is test passed.

hveraus avatar May 29 '24 08:05 hveraus

@tkapa @AntPolkanov

Hi guys, the design is test passed, let me when you guys are implementing it, I can export the image

hveraus avatar May 29 '24 08:05 hveraus

Hey @hveraus,

Love the approved version! Thanks for you help.

I can upload them to production. Can you please send me a link to the new images in Teams.

AntPolkanov avatar May 30 '24 00:05 AntPolkanov

This looks like a good way to implement this:

https://www.riganti.cz/en/blog-posts/maui-environment-ribbon-intro-and-basic-ui-part-1

zacharykeeping avatar Oct 10 '24 04:10 zacharykeeping