展示HN：我们分析了312个登录页面——大多数导航流程存在问题
我们在过去几个月里一直在构建一个小型的设计和导航规划工具（<a href="https://no-edit.lovable.app" rel="nofollow">https://no-edit.lovable.app</a>），在测试过程中，我们手动分析了312个着陆页，涵盖了SaaS、独立项目和AI工具。最初的目标很简单：在设计用户界面之前，了解人们如何构建导航。我们发现的结果让我们感到惊讶。
1. 68%的页面主导航不清晰
- 要么是：过多的项目（7个以上的顶级链接）
- 要么是模糊的标签，如“解决方案”、“平台”、“探索”
- 用户在点击之前需要思考。
2. 大多数CTA（行动号召）相互竞争
- 在54%的情况下：
- 2到3个主要按钮具有相同的视觉权重。
- 没有明显的行动层次。
- 设计看起来干净，但决策过程却不清晰。
3. 移动导航往往被忽视
- 很多响应式菜单在技术上“有效”，但：
- 重要链接被埋没
- CTA的可见性显著下降。
4. 信息层次 ≠ 视觉层次
- 有几个页面看起来很精致（颜色、间距、排版都很好），但：
- 导航结构没有反映用户旅程。
- 各部分的顺序是为了讲故事，而不是为了可用性。
有趣的是：
当我们将一些流程重新构建成简单的站点地图风格的图表时，清晰度立即得到了提升——甚至在触及用户界面之前。这让我思考，大多数工具在设计层面（字体、模板、组件）上投入了大量精力，但在早期阶段却忽视了结构化的导航思考。
我很好奇：
你是在视觉设计之前规划导航吗？
还是先进行设计，然后再调整结构？
希望能得到那些在大规模构建和测试着陆页的人士的反馈。
查看原文
We’ve been building
a small design + navigation planning tool(<a href="https://no-edit.lovable.app" rel="nofollow">https://no-edit.lovable.app</a>)
over the last few months, and while testing it, we ended up manually analyzing 312 landing pages across SaaS, indie projects, and AI tools.
The original goal was simple:
understand how people structure navigation before designing UI.
What we found surprised us.
1. 68% of pages had unclear primary navigation
Either:
Too many items (7+ top-level links)
Or vague labels like “Solutions”, “Platform”, “Explore”
Users had to think before clicking.
2. Most CTAs compete with each other
In 54% of cases:
2–3 primary buttons had equal visual weight.
No obvious action hierarchy.
Design looked clean.
Decision-making wasn’t.
3. Mobile navigation is often an afterthought
A lot of responsive menus technically “worked”, but:
Important links were buried
CTA visibility dropped significantly
4. Information hierarchy ≠ visual hierarchy
Several pages looked polished (good colors, spacing, typography), but:
Navigation structure didn’t reflect user journey.
Sections were ordered for storytelling, not usability.
The interesting part:
When we restructured some of these flows into simple sitemap-style diagrams first, clarity improved immediately — even before touching UI.
It made me think that most tools focus heavily on design layers (fonts, templates, components), but skip structured navigation thinking early on.
I’m curious:
Do you plan navigation before visual design?
Or do you design first and adjust structure later?
Would love feedback from people who’ve built and tested landing pages at scale.