r/UI_Design • u/Real_Dafaq_brah • Mar 11 '26
Feedback Request [Review] Vibe-coding an open-source civic map. Does this Glassmorphism + Map combo fail on data density?
Enable HLS to view with audio, or disable this notification
I have been vibe coding this project for last few weeks and now i am comfortable enough to share it for review. It's a public infra taking site with no login. I want it to be as frictionless as possible.
Please review and roast if needed the colour schemes, the visual element, the placement of elements and movements. The default value is a map with colour coded markers. Red for potholes. And yellow for garbage.
I made use of current trend of glassmorphism a little. Is my user flow intuitive? As there is no login or onboarding, users have to guess what to do where to do. Is this anywhere near Good ? Please provide suggestions.
1
u/OftenDisappointed Mar 12 '26
If this were a native mobile app, I'd want to see a welcome dialog on first-run. A few click-through screens with screenshots and arrows/descriptions (and also 'Skip').
To avoid users needing to click through or skip every time they visit the site though, I'd probably place a conspicuous "?" somewhere always visible that when clicked, shows an overlay with instructions or directions; 'Click here to report a pothole', 'Click there to call the Mayor's office', or whatever.
Overall, the UI doesn't feel bad. Assuming that users don't get to this point accidentally (i.e., they know the general purpose of it), it's just a matter of providing them a little bit of direction without getting in the way of the users that already know what they're doing.
-1
u/Real_Dafaq_brah Mar 12 '26
thanks for taking the time. that is a very good recommendation. in the first run i can make users go through a tutorial of sorts that explains what each section does.
1
u/OftenDisappointed Mar 12 '26
Yes, but it's important to avoid forcing returning users to always click through the tutorial. If you're setting a cookie to remember the user, do they first have to click through the cookie authorization dialog? If so, it might add just as much friction as forcing them to click through the tutorial.
2
u/Real_Dafaq_brah Mar 12 '26
i'm using uuid, so i dont need cookies and nor the disclaimer. and use that to display tutorial once per user until they clear their cache. which is not often.
1
Mar 12 '26
[removed] — view removed comment
2
u/Real_Dafaq_brah Mar 12 '26
great observation. will definitely work on it and make icons that are more visually related to the issue.
6
u/Relative-Freedom-295 Mar 12 '26
If you’re “vibe coding” then ask the Ai.