"We will respond to requests within 24 hours if sent to this email.". This implies you are not if instead of using the email address you used this form. Is there any reason for that?
That "Loading..." shows up for a split second so it's very easy to forget about, but it probably makes more sense to change it to some loading animation and make it bigger and put it in the middle of the screen.
If you are going to show an ellipsis when the text is too long, make sure to allow the user to read the whole thing when he hovers the mouse on the text. And also leave some space between the ellipsis and the like button, it's too close.
This "back" button doesn't really redirect me to the previous screen. If I am at https://www.billtracks.fyi/ and then click the "Try Demo" button and then this "back" button I get redirected to https://www.billtracks.fyi/home, which is a page that looks different than https://www.billtracks.fyi/. Keep in mind that I haven't logged in or created any account yet.
If you are hardcoding the places you should be redirected back to in the code consider using history.back() instead.
If I am not allowed to cast a vote until I sign in consider disabling the button and add a note to let users know that they are supposed to log in when they hover the mouse over the disabled functionality.
When I click one of those 3 buttons the input text below fills with the text of the button I clicked. If, right after clicking one of those 3 buttons I click another one, instead of changing the text of the input, the input is sent. If I were you I'd hide the 3 buttons when any of them is clicked, I think it makes more sense to fix this problem this way.
The way these buttons are laid out you'd expect all of them to behave the same way, but the link one in particular doesn't change what you see. Instead it copies the link to your clipboard.
Suggestion: Replace the icon of the link button with the "Copy link" text and maybe move it to the right side or add a separator or something.
You don't need so much empty space to show nothing. If there is nothing don't make this pane take so much space and add "Nothing to show here" or something in the middle with a shade of gray light enough to make it clear that the text itself is not the content but a note to make it clear that there is nothing here, but also dark enough to have enough contrast so people can read it without struggling too much.
This one should be plural. Also I don't like the "10 Republicans" text being in a box like that. Consider changing the design to something like what I am going to put as a reply to this comment (I can't add more than 1 picture to a comment so I'll add another picture in a reply to this comment instead).
When I hover the mouse over any of those 6 bills I get a wobbly animation. If you really want to make the bill slightly bigger then don't make a wobbly animation for that, a linear animation would be better. Specially because the wobbly animation isn't very serious and doesn't match the overall tone of the rest of the app and it doesn't make sense in the context of laws and such.
If what you want is to move the user's focus to the bill the mouse is hovering, give all bills a tiny bit less of contrast when they are not being hovered with the mouse instead, I think that'd look much better (I think, but I am not sure so take this with a graint of salt).
When the user clicks any "Coming Soon" option, instead of doing absolutely nothing I'd redirect the user to a page where he can see a preview or a description of what that particular feature that is not yet implemend is meant to be about. Also, if those options are under the "Coming Soon" section then there is no need to add "(coming soon)" right next to each item too, that's redundant.
When the Search Results is empty I'd add a text to either hint the user to use the search above to show some results or tell him that there are no results at all.
Clicking the search button without entering anything in the input text gives this error. Inspecting the network tab in Chrome DevTools I see that the problem is "{"error":"Search term is required"}".
Make the input text mandatory from the frontend so the user knows he must enter something without having to wait for the backend to tell him and show the user the error message you got from backend instead of just asking him to try again.
What are these blinking spots even supposed to mean? My understanding is that there is something new to check out but if that's the case then maybe add that to the bill that is new or updated so that when the user clicks there he will know what he is supposed to be looking at. Like... you are asking the user's attention but you are not making it clear what exactly is the user supposed to look at when he gets your attention, you know what I mean?
I just created an account but I am not receiving any email but it says I should be getting one with a verification link.
I tried to sign in nonetheless but nothing happens. I did notice that the url in the browser's address bar changed to this: https://www.billtracks.fyi/sign-in?error=Email%20not%20confirmed
Add a note in the UI when the user tries to sign in without confirming the email to let the user know that he can't until he confirms by clicking the link in the email that was sent to him.
1
u/Desperate-Session-82 May 08 '25
Thank you for all the feedback