夜雨聆风研究 Shopify App 的小工作台 · V2 翻车与填坑
给海外跨境电商卖家做的工具，我自己先把它做扎实
存储丢过、UI 丑过、交互懵过——这一版把三个坑填了
01
PART
为啥要做这个
WHY
我是个独立开发者，平时主要琢磨一件事：帮海外跨境电商的小卖家，把 Shopify 上的工具用明白、选对。
为了把这个事做扎实，我得先自己把 Shopify 上的 App 研究透。于是我用 WorkBuddy 弄了个本地小工作台，专门用来拆解、记录这些 App。
下面是这玩意从 V1 到 V2 的真实过程，不吹，踩坑如实写。
02
PART
V1：能跑，但别扭
V1
先用 WorkBuddy 做了个本地网页，能手工录入，飞轮的9 步能导航。先让它跑起来再说。
跑起来之后，用了几天，三个问题慢慢显出来：
存储路径不合理
数据存在浏览器本地。后来我换电脑，之前记的东西直接找不回来了。我对着空白页面愣了一会，心想算了，那些分析本来也就马马虎虎。是我自己没规划好存哪儿，怪不了别人。
UI 不好看
深色底、灰扑扑的，卡片间距乱，层次也没有。现在回头看那版界面，我都替自己尴尬，丑得想假装不是我做的。
交互逻辑不明确
「保存」和「导出」俩按钮，我自己都分不清点了存哪了。9 步导航点了也没个反馈，永远不知道填到哪一步。说白了就是我自己用着都费劲。
03
PART
V2：把三个坑填了
V2
忍了一阵，还是推倒重做。这次不追花哨，就把那三个别扭的地方改舒服。
存储
从浏览器本地挪到了独立文件，一个 App 一个文件，换电脑也不丢。这下踏实了。
UI
换成浅色，卡片、间距、层次重新排了一遍。起码打开不嫌弃了。
交互
保存改成输入后自动存，不用再找按钮；「导出」改成「归档到笔记库」，一键进 Obsidian；加了完成度追踪和状态栏，填到哪步一眼看得见。
顺手把分析 App 的界面调成了「截图优先」——截图放上面，文字降成注解。毕竟研究 App 本来就是看图为主，之前搞反了。
04
PART
现在到哪了
NEXT
飞轮的地基有了。但报告、文章、社媒、落地页、发布、反馈这几步还是空面板，里面啥也没填。
下一步就一件事：让飞轮先完整转一圈。挑一个 Shopify App，用新模板认真拆一遍，出一篇真分析。
做得糙的地方肯定还有，下次再改，争取一轮比一轮像样。也欢迎同样在做独立产品、或者在海外卖货的朋友一起聊聊。
复盘小结
V1 翻过车（存储丢、UI 丑、交互懵），V2 把三个坑填了，工作台终于能天天用。
让飞轮先完整转一圈，挑一个 Shopify App 认真拆一遍。
如果你觉得今天这篇有收获，欢迎点赞、在看、转发三连，我们下篇见
THANKS FOR READING
