Hey everyone! I'm currently working on a website called mindresets.org, which focuses on helping individuals manage nervous system regulation and chronic burnout. Given that my target audience may often feel overwhelmed and exhausted, creating a calming, lightweight user experience is essential. I'm looking for your honest feedback on a few specific areas before I start scaling the content and bringing in more visitors.
1. **Mobile Responsiveness:** Are there any issues like overlapping content or clunky navigation on mobile devices?
2. **Performance:** Does the site feel fast and responsive, or are there any slow-loading elements causing bottlenecks?
3. **Accessibility:** Are the contrast ratios, font sizes, and spacing comfortable for someone who may experience brain fog or sensory overload?
4. **General UI/UX:** Does navigating from the landing page to the course pages feel smooth and logical?
I'd really appreciate any harsh critiques about the design and user experience. Thanks a lot!
3 Answers
I found several issues specifically on mobile. The content overlapped horizontally, making it cluttered, and the spacing between elements felt cramped. There’s also no clear distinction between what’s a button and what isn’t, which is confusing. I tried to use the burger menu, but it didn't open. The hero image also seemed stuck on the header.
On a side note, the concept of the website is fantastic! I really appreciated the article on sleep aids, as it resonated with my own struggles dealing with noise while trying to sleep.
I took a look on mobile, and one major issue stood out: there's some horizontal overflow happening. If you're at the default zoom level, you can scroll left and right, which reveals whitespace on the right side. It seems like there’s an element that’s not constrained to 100% width, possibly an image or container that's breaking the viewport. Additionally, I had a hard time getting the menu to work—it just wouldn't respond at all. Overall, though, the visual design feels nice and fits well with the calming theme you're going for.
Also, I noticed a strange line appears across the top header when I clicked the mountain icon. It disappears if I tap the screen afterward, so it might be a focus issue.
Here’s my brutally honest take: while your mission is important, I've found that "calm" can sometimes lead to being confusing for your users, especially those dealing with burnout.
1. **UI/UX Issues:** Your hero section feels too vague. Users shouldn't have to guess what to do next—it needs a stronger call to action that's more obvious.
2. **Whitespace vs. Emptiness:** The excessive whitespace can make users feel lost rather than relaxed. The spacing needs to be more consistent.
3. **Accessibility Concerns:** The contrast is too low, and text might be hard to read for users in poor lighting. Make sure to run the colors through a WCAG AA checker!
4. **Performance Issues:** Even if your Lighthouse score looks good, the actual user experience might feel laggy. Ensure assets are optimized for faster loading times.
You’ve got a solid foundation, but you need to prioritize usability over aesthetics to truly help your audience.
Wow, this feedback really shifts my perspective. I see what you mean about the call to action and whitespace. I’ll work on a visually stronger CTA and check the contrast ratios today. Thank you for the thorough breakdown!
This is incredible feedback! You're right; I hadn't considered how I might be adding cognitive load instead of making things easier.
Thanks for the insights! I’ll definitely check the container that’s messing with the viewport width and see what's wrong with the mobile menu. Glad to hear the design is hitting the right vibe!