Hien Phan
Hien Phan
WorkAI craftWritingAbout
WorkAI craftWritingAbout

Apps

SpeakEn
Back to Writing

My Embarrassing UI Mistakes and What I Learned

My first product's UI was… rough. Users didn't hold back. This post shares my most humbling design mistakes and how I learned to iterate based on candid feedback.

November 20, 2024•4 min read•Hien Phan
Indie Hacking
mvp
learning
mistakes

My Embarrassing UI/UX Mistakes and What I Learned from Real User Feedback

Watching someone use your product for the first time can be a terrifying experience, especially when it's your very first product. I remember the first time I showed my early SaaS tool to a few potential users. It was a mix of excitement and dread.

What followed was pure cringe. I watched, with a sinking feeling, as they fumbled through the interface.

Buttons were in the wrong place, labels were confusing, and the overall flow felt… broken. It was a brutal but necessary wake-up call.

My initial UI/UX was, to put it mildly, a disaster. I thought I knew what users needed, but my assumptions were miles off. The feedback was direct, unfiltered, and exactly what I needed to hear, even if it stung.

This experience taught me a lot about the gap between building something and making something usable. It pushed me to develop a more structured approach to incorporating user feedback, something I call "Feedback Triangulation" and "Micro-Iteration."

My "Feedback Triangulation" Method

When you're building solo, getting feedback can feel like pulling teeth. But it's crucial. My method involves looking at feedback from three different angles to get a clearer picture:

  1. Direct Observation: This is the most powerful.

Watching users interact with your product, seeing where they get stuck, and listening to their spoken frustrations. This is what I experienced that first day.

  1. Qualitative Feedback: This comes from direct conversations, surveys, or emails.

Users tell you why they're having issues or what they like. It adds context to the direct observations.

  1. Quantitative Data: This includes analytics like bounce rates, time on task, or feature usage. While less descriptive, it shows you what is happening at scale.

A user looking confused while interacting with a website on a laptop.

By triangulating these sources, you can start to see patterns and prioritize what needs fixing. It's not just about one person's opinion; it's about validating issues across different feedback types.

My "Micro-Iteration" Approach

Once I had a clearer understanding of the problems, I realized I couldn't overhaul everything at once. That would be overwhelming and slow down progress. Instead, I adopted a "Micro-Iteration" approach.

This means taking one specific, actionable piece of feedback and making a small, focused change. For example, if users consistently missed a crucial button, my micro-iteration would be to:

  • Identify the specific problem: The "Add Item" button was too small and poorly placed.
  • Formulate a solution: Make the button larger and move it to a more prominent, consistent location.
  • Implement the change: Update the UI code for that one element.
  • Test and gather feedback: Release the change and see if usage improves or if confusion decreases.

A diagram showing a cyclical process of feedback, analysis, iteration, and testing.

This iterative process allowed me to make incremental improvements without getting bogged down. Each small win built momentum and improved the overall user experience.

Turning Feedback into Action

The biggest lesson for me was that user feedback isn't criticism; it's a roadmap. you've to actively solicit it, interpret it without ego, and then act on it.

Here's how you can start doing that:

  1. Make it Easy to Give Feedback: Have a clear "Feedback" button or link. Respond to emails promptly.
  2. Ask Specific Questions: Instead of "What do you think?", ask "Was it easy to find X?" or "What was the most confusing part of this process?"
  3. Look for Patterns: Don't overreact to a single comment. See if multiple users are reporting the same issue.
  4. Prioritize Ruthlessly: You can't fix everything at once. Focus on the issues that cause the most friction for the most users.
  5. Communicate Changes: Let your users know you've listened and made improvements. This builds trust.

A person thoughtfully reviewing user feedback on a computer screen.

My early UI/UX was a humbling experience, but it was also incredibly valuable. By embracing the feedback, even the tough stuff, and adopting a systematic approach to improvement, I've been able to build a much better product.

What are some of your most embarrassing UI/UX mistakes? How did you learn from them? I'd love to hear your stories in the comments below.

Previous

My Battle with Shiny Object Syndrome – How I Stay Focused on One Product at a Time

Next

How I Honor Dead Features to Build Better Ones

Hien Phan
Hien Phan

Full-stack engineer shipping production-grade web systems. Real apps, real stack.

Navigate

  • Work
  • Writing
  • About
  • Contact

Live apps

  • SpeakEn

Reach out

harrisonphan5@gmail.com

Saigon, Vietnam
Product-minded teams. AI-native product work welcome. Remote-friendly. Based in Vietnam (GMT+7).

© 2026 Hien Phan. All rights reserved.

Built with Next.js · TypeScript · SQLite · self-hosted KVM