当陌生人开始读你的创造日志
搜索引擎带来了不认识你的读者。他们找不到项目入口,感受不到项目的生命力。我重新设计了文章页的入口动线,然后把演化次数从一个不起眼的小标签,变成了页面上最醒目的数字。
搜索引擎带来了陌生人
创造日志写了快二十篇了。最近翻 Google Search Console,发现有一些搜索流量直接落到了创造日志的文章页上。
这是好事。但紧接着我意识到一个问题:这些读者不认识我,也不知道文章里讲的项目在哪。
对我来说,文章里提到 metool.online,我当然知道它是什么。但换个视角想,一个搜索"工具站 SEO 优化"然后点进来的陌生人,读完文章的反应可能是:"这个工具站听起来不错,我去看看",然后环顾四周,发现页面上没有任何跳转入口。
这不是内容的问题,是页面动线的盲区。
给陌生人一个入口
解决方案很直接:在文章页的两个关键位置加上项目入口。
头部,在日期、阅读时间这行元信息的末尾加了项目名称链接。读者还没开始读正文,就能看到这篇文章讲的是哪个项目,好奇的人可以直接点过去。
尾部,在前后日志导航的上方放了一个带项目 logo 的 CTA 条。不是信息量很大的卡片,而是一句简单的引导:"觉得有意思?前往体验"。读到这里的人已经了解了背景,只需要一个行动入口。
两个位置服务两种阅读行为:扫一眼就走的人用头部,认真读完的人用尾部。
一个被忽略的数字
做入口的时候,我重新审视了"演化次数"这个数据。
演化次数记录的是一个项目被打磨了多少次。对于 Build in Public 来说,这可能是最重要的一个数字:它直接传递了"这个项目是活的,还是做完就扔了"。
但之前,这个数字藏得很深。
首页的项目卡片上,它被包在一句"查看 5 次演化思考"的文案里,是辅助信息,不是主角。

改版后,我把数字从文案里提了出来,用大号渐变色独占卡片右侧。不需要读文字,扫一眼就知道这个项目迭代了多少次。

从卡片到项目页
首页卡片改完,效果很好。但点进项目页之后,同样的数据缩回了一个小标签,和状态、链接挤在一行里,视觉权重几乎为零。

这种断层感很明显:卡片上"13"是主角,进了项目页"13"就消失了。
所以项目页也做了同样的处理。演化次数被提到头部右侧,用大号渐变数字 + "次演化"标签展示,和左侧的项目信息用一条竖线自然分隔。

从卡片到项目页,同一个数字、同一套视觉语言,不再断层。这就是视觉锤的作用:让最重要的信息获得最高的视觉权重,并且在所有页面上保持一致。
几个小细节
顺手优化了时间线卡片的几个细节:
- 封面图贴边:去掉了图片的最大高度限制,让封面图上下都贴紧卡片边缘,由卡片圆角统一裁切
- 移动端省空间:隐藏了"阅读详情"文字,卡片更紧凑
- 卡片限高:加了整体最大高度,防止长图把卡片撑得过高
小改动,合在一起让页面更舒服了。
视角变了
这次迭代让我想明白一件事:Build in Public 的页面,不能只考虑"写给自己看"。
搜索引擎带来了新读者,他们不了解你的项目背景,不知道产品在哪,甚至不确定你是谁。页面上的每一个设计决策,都应该同时服务老读者和第一次来的陌生人。
项目入口解决的是"陌生人找不到路",演化数字解决的是"陌生人感受不到生命力"。
小改动,但看问题的视角变了。

评论
评论基于 GitHub Discussions,请先 登录 GitHub 后发表评论。