我做了一个免费的文本生成器。以下是我的心得。
几个月前,我启动了一个小型的个人项目。它是一个名为 Tulisan Aesthetic 的工具,可以将普通文本转换为风格化的 Unicode 字体。用户将其用于 Instagram 简介、TikTok 文案和 WhatsApp 状态。
我使用 HTML、CSS 和原生 JS 开发了它。我使用了一个庞大的 Unicode 字符映射表。
该工具的工作原理是用看起来像字体的数学符号替换标准字母。这在不支持自定义字体的地方也能正常工作。
以下是用户数据教给我的三件事。
- 移动端就是一切。
我原以为 60% 的用户会使用移动端,但实际上超过 85% 的用户都在移动端。这改变了我的设计方法。我把“复制”按钮做得很大,方便大拇指点击。我让字体列表滚动更加顺滑。我还通过使用 16px 的最小字体大小,解决了 iOS 的自动缩放问题。
如果你为社交媒体用户开发产品,请务必移动端优先。桌面端是次要的。
- 专注于核心操作。
我最初采用的是多列网格布局。它在桌面端看起来不错,但在移动端表现很差。我观察了用户如何使用这个工具,他们只想要“复制”按钮。其他一切都是干扰。
我将工具重构为一个单一的可滚动列表。每种样式都有自己的行,并配有一个清晰的“复制”按钮。这一改动提高了用户参与度,并降低了跳出率。
找到你的工具存在的唯一目的。让那个操作变得毫不费力。
- 速度就是你的 SEO 策略。
我在广告上没花一分钱。所有的增长都来自自然搜索。
这个领域的多数工具都很慢且充斥着广告。我的工具非常轻量。页面总大小低于 80KB。我的 Lighthouse 评分在 98 分以上。因为我的工具加载速度快,我在搜索结果中的排名更高。
对于小众工具来说,性能是你赢得搜索排名的关键。
技术细节:
- 前端:原生 HTML、CSS 和 JS。
- 页面大小:低于 80KB。
如果让我重来一次,我会从一开始就加入更多语言。我立刻看到了来自印度尼西亚和巴西的流量。我对此并没有心理准备。
在这里尝试该工具:tulisanaestheticid.com