New How it works modal on HomePage and minor UX tweeks #37
Conversation
sandeshvijayraj
changed the title
There was a problem hiding this comment.
Looks awesome 🎉
One thing though, I'm not a big fan of where we are putting the How it works? link and also the wording of it. "How it works?" seems like we are going to explain how the RTDM app works, not a guide on how to fill in the login form... 😕
I'm not sure what the best approach here is, maybe you should ask Jennifer for input here.
I experimented with some stuff and I was thinking of something more along the lines of this:
But I'm not 100% happy with it either.
Any thoughts on this @mivasconcelos?
| > | ||
| <Stack justifyContent="center" alignItems="center" gap="26px"> | ||
| <ModalHeader fontSize="26px" fontWeight="bold" padding="8px"> | ||
| How Real-Time Digital marketing app works? |
There was a problem hiding this comment.
nit:
| How Real-Time Digital marketing app works? | |
| How does the Real-Time Digital marketing app work? |
There was a problem hiding this comment.
Honestly, I do not like either of the statement. We are not explaining how the RTDM works rather we are explaining how the connection to singlestoreDB works
Should we better rename it something like
"How does the connection to singlesytoreDB work in RTDM?"
?? @TitoGrine
There was a problem hiding this comment.
I agree. What about: "How to connect to the Real-Time Digital marketing app?"
There was a problem hiding this comment.
Agreeded, what do you think about:
"How to connect the Real-Time Digital marketing app to SingleStoreDB?"
There was a problem hiding this comment.
"How to connect the Real-Time Digital marketing app to SingleStoreDB?"
This one is better
what do you think @mivasconcelos
There was a problem hiding this comment.
deal! It seems good to me
There was a problem hiding this comment.
can you just add a screenshot just to make sure it isn't too long?
I prefer the "Need help" wording but I think it looks like a new tab and it might be odd to open a modal when clicked... I don't find a better place to have it. Maybe we can keep the placement but change the wording? |
Yeah, I see what you mean, it does look a bit odd next to the tab. Last suggestion, do you feel it looks better aligned to the right? I think I prefer it, but I want your opinion @mivasconcelos @sandeshvijayraj
|
@TitoGrine What I observed was, in many of the UI such options are centre aligned or left-aligned. They have the option on the right only if there is another option on the left. It's not always but I see in most cases Considering the fact, I would prefer to go with how it generally is which should be good as it doesn't make a big impact |
no strong opinion either. I would go with the designed approach but the changed wording |
Ya, I like "Need help?" I will be making this change |
web/src/components/dataConfigForm/DatabaseConfigFormAutomatic.tsx
Outdated
Show resolved
Hide resolved
web/src/components/dataConfigForm/DatabaseConfigFormAutomatic.tsx
Outdated
Show resolved
Hide resolved
| > | ||
| <Stack justifyContent="center" alignItems="center" gap="26px"> | ||
| <ModalHeader fontSize="26px" fontWeight="bold" padding="8px"> | ||
| How Real-Time Digital marketing app works? |
There was a problem hiding this comment.
I agree. What about: "How to connect to the Real-Time Digital marketing app?"
web/src/components/dataConfigForm/DatabaseConfigFormAutomatic.tsx
Outdated
Show resolved
Hide resolved
Summary
Added a new modal on HomePage called "how it works" that explains to the user how the connection to singlestore works in RTDM. This will help users to know what they have to do in order to use RTDM
Test Plan
cd ./webyarn installyarn devhttp://localhost:3000/configurationYou can follow the "Test Plan" to experience the changes
homepagetweek.mp4
Changes
/dashboard,/configure,/analyticssections.Subscribers
@mivasconcelos @TitoGrine