这个系统

如何安排项目顺序,让三大支柱产生复利效应,而不是相互竞争

Thabrew Effect · 学习

The short version: sequence a project foundation first. Build accessible, semantic structure before anything else, because it is cheap to include and expensive to bolt on later. Then design for conversion on that clean structure. Then let visibility and growth compound on both, permanently, not as a final phase. Real projects bend this order. The default rarely fails you.

Let me walk you through why the order matters as much as the work itself.

Why does the order you build things in matter as much as what you build?

Every project I have run taught me some version of the same lesson. Do a thing in the wrong order, and you do not just lose time. You pay for the same work twice, once badly and once properly, and the second pass is always more expensive than if you had done it right the first time.

Accessibility is the cleanest proof of this I know. Tim Springer, chief executive of the accessibility firm SSB BART Group, told the Wall Street Journal that retrofitting an existing site for accessibility runs about 10 percent of total website costs, versus 1 to 3 percent when it is phased in as part of natural upgrades (Wall Street Journal, via Rik Williams, to re-verify). Deque, citing IBM's defect-cost research, puts a sharper number on the same idea: a single accessibility complaint that would cost about $100.50 to fix during design can cost roughly $10,050 to fix once the product is already in production, a hundred-fold difference (Deque, to re-verify). Different studies, same shape. The earlier a foundational decision gets made, the fewer things are already built on top of it, and the cheaper it is to get right.

This is not a rule unique to accessibility. It is true of any foundational layer: information architecture, content structure, page templates. Fix a heading hierarchy after fifty pages have been written against the wrong one, and you are not editing headings. You are re-editing fifty pages. Sequence is not a scheduling preference. It is a cost decision, made whether you notice it or not.

10%

cost to retrofit accessibility after launch (versus 1 to 3% to phase it in early)

Wall Street Journal, via Rik Williams

100x

more expensive to fix an accessibility defect in production than in design

Deque, citing IBM's defect-cost research

What is a sensible default sequence for the three pillars?

Here is the order I default to, and the reasoning behind each stage. Think of it less as three separate projects and more as three layers, each one resting on the layer built before it.

  1. Foundation, accessibility, and semantic structure. Clean information architecture, real heading hierarchy, landmark regions, keyboard support, color contrast built into the design tokens from day one, alt text and focus order treated as part of the build, not a pass at the end.
  2. Conversion architecture. Clear goals per page, a defined primary action, message hierarchy that leads somewhere, forms and flows that remove friction, measurement wired in before launch, not after.
  3. Visibility and ongoing growth. Content, technical SEO and AEO, distribution, and the compounding cycle of publishing, measuring, and refining, which never actually finishes.
StageWhat happensWhy it sits hereWhat it hands forward
1. Foundation and accessibilitySemantic structure, information architecture, keyboard and screen-reader support, contrast in the design systemCheapest to build in, most expensive to retrofit, and every later layer is built on top of itA page structure that is already legible to both people and machines
2. Conversion architectureDefined goals per page, clear primary actions, friction removed from flows, measurement wired inA clean structure makes conversion decisions faster to make and cheaper to test, and there has to be somewhere for traffic to convert before you go earn more of itPages worth sending traffic to, and a baseline to measure against
3. Visibility and growthContent, technical SEO and AEO, distribution, ongoing publishing and refinementSending traffic to unclear pages wastes it, so visibility earns its return once there is something ready to receive itReal traffic and behavior data that feeds back into sharper conversion decisions

Why does accessible, semantic structure come first?

Two reasons, and they reinforce each other.

The first is the cost argument above: structural decisions are the ones every later decision depends on, so they are the most expensive to unwind. A heading hierarchy, a landmark region, a focus order: these are not surface polish. They are the skeleton everything else attaches to.

The second reason is one people miss. The same semantic structure that makes a page usable with a screen reader is what search engines and AI answer engines read to understand the page at all. MDN's own guidance on accessible HTML makes this point plainly: proper semantic markup is what lets both assistive technology and machine crawlers understand a page's structure and meaning (MDN, to re-verify). You are not doing accessibility work and SEO work. You are doing one piece of structural work that both disciplines happen to read. Build it once, correctly, and you have quietly done two jobs.

Why does conversion architecture come next, and not first or last?

Because visibility without somewhere clear to land is a waste of traffic, and conversion clarity is what makes that traffic worth anything.

I have watched this play out on real redesign projects: teams pour effort into a site that looks sharper, launch it, and the conversion rate does not move, because the problems were structural, not aesthetic, and nobody defined what "convert" even meant on each page before the redesign began (Webfor, directional, to re-verify). A beautiful page with no defined action is not a conversion asset. It is a brochure.

So conversion architecture comes second, not first, because it needs the foundation underneath it: clean structure means a form field's error message is announced properly, a call-to-action is reachable by keyboard, a page's hierarchy actually guides attention rather than fighting the browser's default reading order. And it comes before visibility, not after, because sending a flood of new visitors at a page that does not know what it wants from them just produces more people leaving unconverted, faster.

Why does visibility come last, and why does it never actually finish?

Visibility is the layer that compounds, which is exactly why I put it last in the build and never let it end.

Reasoned from principle: you cannot learn what is working until you have enough real behavior to learn from. Rigorous A/B testing, for example, typically needs a real volume of visitors and conversions before a result is trustworthy rather than noise (Invesp, to re-verify). Visibility is what generates that volume. Without it, conversion optimization is just opinion dressed up as strategy. With it, every visit becomes a data point that sharpens the next conversion decision, which in turn makes each visit more valuable, which makes the next unit of visibility worth more than the last. That loop is the compounding effect the whole studio is named for. It only turns once the first two layers are solid enough to hold the traffic visibility sends.

This is also why visibility is not a phase you complete and move past. Build and Grow keep feeding each other for as long as the project lives.

Real projects flex. Here is when the sequence bends.

I want to be honest with you about this, because a rule that pretends reality never intrudes is not a useful rule.

The site already has traffic and a weak foundation. Do not wait for a full rebuild before touching conversion. Patch the worst accessibility and structural gaps in parallel with quick conversion wins, then schedule the proper foundation pass before the patches accumulate into their own mess.

A deadline forces parallel tracks. Foundation and conversion architecture can genuinely run side by side if the same person is holding both threads and watching for the moment one is building on assumptions the other has not confirmed yet.

One pillar is already strong. A client with rigorous accessibility already in place and a weak conversion story does not need to redo stage one. Start where the actual gap is. The sequence describes where value compounds best from a standing start, not a checklist every project must run in full.

The order is a default because it is where I have seen the least rework, not because reality always cooperates. Know why you are deviating, and you are sequencing on purpose instead of just improvising under pressure.

How does one owner keep the thread across Discover, Build, and Grow?

This is the part a handoff cannot do, and it is the real argument for one person owning the whole arc.

A specialist who owns only Build has no reason to build conversion architecture with Grow's future needs in mind. A specialist who owns only Grow inherits whatever structure Build left behind and has to reverse-engineer the reasoning before they can improve it. Every handoff is a small act of forgetting, and the next owner pays to relearn what the last owner already knew.

One owner across Discover, Build, and Grow does not have that gap. The information architecture gets built already anticipating the content that Grow will need to slot into it. The conversion flows get instrumented with the exact events the growth work will later analyze. Nothing gets built twice because nobody had to guess what the next phase would need. The sequence holds not because it is written down, but because one mind is carrying it from the first decision to the fiftieth.

Your turn

Take a project you are running right now, foundation, conversion, or visibility, and ask where it actually sits. If you are pushing visibility work on a page whose primary action is not defined, stop and define it first. If you are polishing conversion copy on a page with a broken heading hierarchy, fix the hierarchy first, it is cheaper today than in six months. The sequence is not a rulebook to memorize. It is a question to keep asking at the start of every stage: what does this stage assume is already true, and is it actually true yet.

常见问题

先做可达性与语义化结构,因为它们在初建时成本最低,事后补做的成本却最高。接下来是转化架构,因为它需要依托这套结构才能正常运作。之后,并持续进行的,是可见性与增长工作,因为在它能带来回报之前,首先要有一个值得为其导流的目的地。

因为之后的每一个决策,都会建立在它之上。如果50个页面已经按照错误的标题层级或焦点顺序建成,再去修复,意味着要重做的是这些页面本身,而不只是结构。Deque援引IBM缺陷成本研究指出的数据显示,在生产环境中修复一个可达性问题,成本大约是在设计阶段修复的100倍。

在默认顺序中,是在之后。把流量导向一个没有明确转化目标的页面,只会浪费这些流量。一旦转化架构就绪,可见性工作就有了值得引流的目的地,由此带来的流量,又能提供真实的行为数据,让后续的转化优化建立在事实之上,而不是靠猜测。

不必等到彻底重建基础之后再动手。先修补最严重的结构性问题和可达性缺口,同时做一些能快速见效的转化优化,再安排一次正式的基础重建,赶在这些临时修补自己也变成新问题之前完成。这个顺序,只是从零开始时的默认做法,而不是一条无视项目现有状态的死规定。

在某些情况下可以,前提是有一个人或一个团队同时统筹这三条线,并留意其中一条线是否正建立在另一条线尚未确认的假设之上。如果没有这种协调,并行推进通常意味着返工,因为每条线都会不自觉地假设其他线已经推进到了实际尚未达到的程度。

因为每一位新接手的负责人,都要从头重新弄懂上一位负责人早已明白的东西。只负责“开发”环节的专家,没有理由去预判“增长”环节会需要什么。只负责“增长”环节的专家,接手的是一套他必须先逆向拆解才能着手改进的结构。而由一个人贯穿全程,就能把这些语境不断向前延续,不会在每一次交接中流失。

不是。它只是从零开始时返工最少的顺序,不是每个项目都必须死板遵循的规则。如果一个项目已经解决了其中一个支柱的问题,就应该从它实际存在的缺口开始,而不是出于惯性从第一阶段重新来过。

在转化架构还不存在时就去追逐可见性。这会造成最糟糕的一种失败:更多流量涌向同一个方向不明的页面,在数据看板上看起来像是在进步,而底层的问题实际上却在恶化,而不是改善。

让页面能被屏幕阅读器正常使用的那套语义标记,真正的标题层级、地标区域、带有说明的链接,正是搜索引擎与AI答案引擎用来理解页面的同一套依据。这是同一份结构性工作,被两类不同的受众各自读取,而不是两份独立的工作。

先弄清楚当前阶段默认已经成立的前提是什么,再去核实它是否真的成立。如果转化方面的工作,是在一个尚未明确的信息架构上展开的,或者可见性工作,是在一批没有清晰行动指引的页面上展开的,那才是你实际应该开始的地方,不管日程表上写的是哪个阶段。