用TraeWork自动规划及设计产品迭代的原型图

一、我是谁,我卡在哪

  • 个人背景:我是互联网公司的产品经理,日常是产品设计及迭代规划。
  • 当前痛点:在页面中对功能进行增删改时,因为功能价值的改变需要改变位置,甚至改变整个页面的设计,需要多次修改且耗时很长,与UI的沟通成本很高。

二、我用 TraeWork 怎么解决的

  • 模式::white_check_mark:Work ☐ Code ☐ Design
  • 做法:提供现在的原型图,之后只阐述需要改动功能的价值以及预期,让它从产品经理的角度进行功能布局、配色、提示等多个维度去自我发挥并且需要全面规划,如果感觉不满意再举出不满意的地方并再次进行修改,最后输出一个带有交互的原型图。

三、提效前后对比

  • 之前:2天人力
  • 现在:0.5天人力

四、成果展示

  • 产出物:带有交互的原型图,布局、配色、内容等符合预期

五、实践和总结

  • 不要给太多的限制和范围,只需要说明预期是怎样的就可以
  • 提示词不要输入太多,否则容易出现很多理解上的错误。可以少量多次的输入
  • 如果有竞品,可以把竞品图给它,作为参考。这个方法可以剩去大部分沟通成本。
  • 使用页面右上角的“页面元素”定点修改,准确性很提高很多
  • 可以举个例子给它,帮助它理解。这样基本不会产生gap

提示词分享:

  1. 默认只展示到距离当地时间最久的一条备忘录当月的最后一天。 例如:距离今天最久的一条备忘录是下个月5号的,则展示为下个月的最后一天。如果连续三天以上没有卡片,则省略为一个横线,日期则改为5月25日——5月30日的样子,但是今天、明天、后天不计算在内。

2. 对应分组内没有卡片,则应该展示空状态的提示词,不应该再有横线。