分类
Posts

为 AI 时代做好准备:用速记式 UX 设计符号作为 AI 指令

Together with 

我最近对”AI优先”设计工具情有独钟。而这个正是开启高效设计之路、通过消除重复枯燥的”机械劳动”来提升质量的关键所在。

什么是机械劳动?

任何需要反复操作的常规工作,比如重复设计相同页面——尤其是当这些页面在你的设计系统中已有模板描述时。我最痛心的例子?莫过于表格和表单设计。

曾为某全球顶尖公司工作时,一个6人团队耗费三个月编写了一份长达40页的表格控件规范文档。注意:不是写代码,也不是做设计,仅仅是编写规范文档,而且里面没有任何插图。这绝非玩笑。

另一个典型案例是简单表单设计。某世界级公司花费数月设计登录页面:同样不涉及编码,只是十余位资深专家反复纠结字段长度、居中对齐方式、密码找回链接的文案措辞,以及按钮该用”Sign in”、”Log in”还是”Login”等问题,讨论次数竟达150次之多!

我敢打赌,此刻正有人忙着设计标准地址表单的新版本,争论是否拆分姓名字段、是否添加第二地址行,以及按钮该用”提交”还是其他更符合品牌指南的文案。

在AI时代,这类工作正是”数字劳工”的专长。事实上,AI通过借鉴主流网页和移动端案例,反而可能减少错误——尤其是当它基于完整成熟的设计系统运作时。

现在是时候将这个过程自动化了。即将问世的”AI优先”UX设计工具,只需简单指令就能直接生成可运行的React代码。而速记式UX设计符号,正是这个指令的核心。

但在此之前,我们需要明确哪些工作不应交给AI。

何谓非机械劳动?

作为设计师,你真正的价值应体现在哪些领域?简而言之:

  • 创新发明
  • 战略决策
  • 利用AI优化用户体验
  • 提升产品市场契合度
  • 推动产品路线图愿景
  • 协调利益相关方
  • 产品整合

更直白的答案:任何能帮公司降本增效的工作。

最直接的判断标准:无法用速记式UX设计符号描述的内容。

速记式UX设计符号解析

在前期文章中,我们承诺展示马头梁抽油机AI检测曲线异常的UI设计。

当最终”UI”呈现为以下速记符号时,许多人感到困惑:

Rule Detail: [Fluid Pound] (0)ON  ( )OFF
{Anomaly graph} <retrain>
Settings:
Analyze every [10 \//] cycles
When confidence match > [90] %, perform the following:
[X] Pause pump for [10 minutes \/ ]
[  ] Notify [Email 1, 2… ]
[  ] Generate [Warning \/] alert
[[Update]]

这种手绘线框图的速记法源自我20年前的咨询实践。

在远程会议尚未普及的年代,这种符号系统能帮助团队快速达成共识:

  • 节省时间
  • 提升沟通效率
  • 纯文本记录
  • 清晰描述设计
  • 完整记录决策
  • 实时协同创作
  • 适用于复杂表单、表格和图表

基础组件对应关系:

[Fluid Pound] //input field
[Description… 
] //text area
(0)ON  ( )OFF //radio buttons
{Anomaly graph} //non-form elements, pictures, hero images, etc.
(More info) //helper text
 <retrain> //link
Settings: //section header
[10 minutes \/ ] //drop-down
[10 minutes | 20 minutes | 30 minutes | 1 hour \/ ] //drop-down showing options
[X] //checkbox checked
[  ]  //checkbox un-checked
[[Update]] //primary button
-|——— //slider
(0   ) //switch
Etc.

表格设计的速记优势尤为明显。对于采用相同模板但不同列的标准表格,只需定义列标题和示例内容:

Table: 
Rule|On|#Wells|Runs (24hrs)|Last Updated|Updated By
Fluid Pound|(0   )|1,000|24,000|1/11/24 3:02 PM|jsmith
Sort: on; #Wells. Search: by name.

AI赋能:从速记符号到React代码

使用速记符号记录设计需求,不仅能即时提升文档效率,更关键的是这种格式极易被AI解析。很快,AI就能根据你的速记笔记,运用标准设计模式和组件库,自动生成10-20个可运行的React线框图。例如输入:

Rule Name|ON|#Wells|Runs (24hrs)|Last update| by
Fluid Pound|(0   )|1,000|24,000| 1/1/24,3:02pm| J.Smith

AI将自动识别:

  •  “by” is a standard “Updated By” column in the system.  
  • “J.Smith” is rendered as a login handle in the system, e.g. “jsmith” 
  • “1/1/24,3:02pm” is actually a date, and the standard date format in the system is “1/11/24 3:02 PM”  
  • Etc.

通过标准模式识别和即时修正,那些导致沟通障碍、浪费产品开发周期的低级错误都将被消除。这正是AI的专长——处理机械劳动,释放设计师的创造力。

设计师的未来价值

作为顾问,我常年在现有设计系统框架下工作。多数组件决策早已确定,我的价值在于:

  • 理解客户盈利模式
  • 发明专利技术(已帮助客户申请24项专利)
  • 提出战略性建议
  • 避免无谓的”重复造轮子”

在AI时代,当工具能在数秒内根据速记符号生成20种设计方案时,请自问:

  • 我是否在重复绘制相同表格/表单的Figma线框图?
  • 现有设计能否用几行速记符号直接转换为React代码?
  • 如果是,如何真正创造不可替代的价值?

答案在于:同理心、故事叙述、创新发明——这些人类独有的核心能力。