UX Design With AI

May 25, 2023

电影海报

台湾全美戏院的电影院,门口还依然使用手绘海报;手绘海报画师这个职业很早就消失了,印刷和激光喷墨技术的普及,再到液晶面板价格跳水,从手绘到打印再到数码显示;电影院外,海报的介质一直在变,这条流水线也在变,但是内容(或者更具象到创意内容)始终是一切的核心,即使是未来使用 AIGC 来创造海报,也是需要创意设计师来指令 AI 来完成创作的。这也是本文一个核心观点:即使是AI,本质上升级或取代的是创作方式,而不是内容核心。海报的手绘师如果无法学习升级使用 InDesign 之类的工具,那么只能被取代。技术本身没有取代人,人是被掌握新技术的人取代的。

AI 看起来并不像是一般的工具升级,有人用媲美蒸汽革命这样的定义来形容,纺织厂大规模机械化使手工艺人被大批量的机械操作者替代了。机械操作者的需求人数一定比手工时代的工人要少,而且是几何级数的减少。

从另外一个角度,一部电影为了迎合不同的市场会有很多不同版本的海报,电影公司会制作不同语言不同构图和不同人物的海报版本。2017年的时候,Netflix采用 AI(严格来说是机器学习)基于原始海报版本来自动生成多语言版本;甚至是根据用户的品味和喜好,为不同类型的用户生成不同风格的海报。这个阶段取代了部分创意设计师,但是最原始版本的海报和不同变体的设计规则,依然需要强大能力的创意设计师来创造。

设计海报需要的构图、排版、色彩、字体和营销能力在本次的 AI 技术下都可以做到,创意设计师仅需要真正的灵感和创意了,AI 在创作的过程中,可以极大地提高设计师检索、实验和效果的效率,甚至仅靠合理的描述即可产出预期的结果,但并没有到完全取代的阶段,更多是提高了设计师的效率和对于人工的需求,保留核心设计能力,更多延展都被AI取代了。

回顾一下这个事情:

  • 上世纪|设计海报(人工)|设计海报变体(人工)| 绘制海报(人工)

  • 本世纪初 |设计海报(人工) |设计海报变体(人工) |打印海报(人工+机器)

  • 10年前|设计海报(人工) |设计海报变体(人工) |数字显示海报(人工+机器)

  • 5年前 |设计海报(人工) |设计海报变体(人工+机器) |大数据分发展示(机器)

  • After AIGC|设计海报(人工+机器) |设计海报变体(机器) |大数据分发展示(机器)

移动优先

2014年,微软新任 CEO Satya Nadella 提出微软的新口号是:移动优先、云优先。从 Steve Jobs 拿着令人惊叹的 iPhone 出现之后,到 App Store 平台的出现,过往将近20年的发展,互联网借助智能手机滲入到我们生活的方方面面。计算机时代的软件,大多是典型的生产力工具;而移动互联网时代,强大的平台大多是生活娱乐方面的应用。

这其中最大的转变就是,应用不应该像以前那样需要经过专业的训练即可上手,十年前的每一个软件几乎都有相应的教学书籍,因为那是一种生产力工程,而互联网应用不过是生活的延伸,本应自然上手。

这个转变导致了用户体验设计的蓬勃发展,功能不再是吸引用户的首要因素,会用好用才是留住用户的关键。用户体验设计经过近十年的发展,产生如下趋势:

  • 结合市场、习惯和商业化目的,应用逐渐形成固有的交互模式,如打车、生活服务、电商、即时通讯、流媒体、音视频、短视频等。

  • 结合软件工程效率和企业品牌,应用有属于自身的设计系统,设计系统是提高产研效率和维系快速迭代质量的底层保障。

根据趋势得到如下结论:

  • 垂直领域的产品交互形态是固定的。

  • 交互原子组件是系统化的。

这个结论意味着:

  • AI通过训练,可以非常快速的参与到日常功能设计中,因为有固化的学习样本和固化的原子形态。

控制面板

控制面板师机械时代留给我们的遗产,家电的按钮、机械的控制器、汽车的方向盘。

早期的计算机系统,交互的模式是命令行,输入指令以及参数后得到结果;这种模式效率很高但是需要操作者熟悉命令和参数,以及有明确的逻辑和预期。

图形界面的控制面板是机械时代控制面板在计算机中的重生,有极好的上手简易度,也能够很好的展示自身的功能,是一种很好的控制用户预期的方式。

自然交互通过语音或文字等自然语言输入,即 Chat 模式,典型的界面就是基于 InputBox 的ChatBox,是不是很巧,我们又回到了命令行的交互形态。控制面板似乎消失了。

自然语言和命令行从输入者(用户)的角度是明显不同的,不再需要了解和熟悉所有的参数了,直接的输入意图即可。用户带着明确的意图,AI 理解和解构意图并返回结果。不过在现阶段很快发觉到,仿佛获得结果都无法令人感到符合预期,需要尝试一些更多的 Prompt ,当把一些想要的意图按照特定的 Prompt 输入后,结果才令人开始满意起来。

不过这样的方式,和命令行好像更像了:需要特定的指令和参数,才能得到更预期的结果。

分析一下Prompt,事实上很容易得出结构化的方式,控制面板在图形时代的组件是对应这些信息交互的:

  • Prompt 中的无限集|输入框 InputBox

  • Prompt 中的有限集|下拉选项 DropDown

  • Prompt 中的无限集但常用项有限|下拉选项 DropDown

  • Prompt 中的固定参数|复选框

ChatBox 并不是 AI 时代最好的交互方式,图形面板并未过时。

自动和主动

微软酷爱给产品改名,以至于曾有meme说微软最强大的部门是改名部,但是Copilot这个命名却是相当精准。

  • Copilot是飞机副驾,拥有不逊色于机长的能力,但相对于机长,不具备任何决策和责任。

这个定位来形容AI非常贴切,在日常的使用中,用户可以根据当先的场景和情况,将繁琐的事务交由AI来处理,但决策(和责任)仍由用户来掌握。

把目光聚焦在交互领域,一个好的副驾不能是仅被动接受指令的,而是需要主动的根据情况准备资料和预设。用户的操作聚焦在某个场景和页面中的时候,副驾应该主动把可以做的事情以轻量的方式告知用户。再次看向控制面板那些熟悉的组件:Hint 和 Toast。

AI 能够理解用户意图,那么就可以更加自然的主动提供交互,无需用户去层级复杂的控制面板中寻找,功能已经出现在该出现的地方了。

AI时代的控制面板,结构化的形态和原子化的形态,是并存的。

自定义

大多数用户喜欢自定义,尤其是对于高频使用的软件和应用,在基本流程无法改变的前提下,操作面板的排列亦或者仅仅是视觉效果,都希望能够使用让自己愉悦的方式。

大型的平台服务于所有人群,上文也提到过,每个领域的产品最终形态是一致的;这是一种共同的设计,为每个人服务,宗旨是尽可能让每个人都不感到反感。这种结果就是训练到每个人使用的方式都要一致,所有的公有设施都是如此,这不存在对错,这是公众的妥协。

手工艺人时代,除了必要的先后顺序,每个匠人都有自己的习惯;这些步骤和行为完全依靠他的双手,而他的大脑精确的控制他的双手,可以让他使用任何他喜欢的姿势和姿态来操作。

相信如果可能,每一个人都愿意选择自己愉悦的交互方式。

机械手臂

为什么电影中的外星人都是人型的?

  • 如果它不是人型的,即使是抽象的也是可以的,但是电影本质是讲故事,披着外星人外衣讲述的故事核心依然是基于人类的情感。

为什么现实中的机械人都是模拟人手的?

  • 我们遗留下机械时代巨量的操作面板和日常用品,这些东西的设计都是为了人类手臂操作而设计,那么在这个时代初期,机器人尽量以人手形态来适应和高效操作。

这种过渡有多久?

  • 自动驾驶即使在成熟后,汽车方向盘也会保留(一段时间)。当道路上跑的都是无人驾驶的汽车,方向盘就再也没有了。

  • 机器人等待所有的操作面板都变成集成 AI 的芯片后,自然而然的就不再以人型手臂的形态出现了。

意图和功能

控制面板,不管是机械时代还是信息时代,人类学习通过翻译自身意图为功能行为来操作和交互行为:

  • 我和三个朋友今晚想要一起吃饭,需要找到一个合适的餐厅。

条件扩展

  • 人数:四个人

  • 价格:XX-XX

  • 地点:方便四个人的

  • 菜系:XX

  • 其他诉求:我们吃完还要拍照发朋友圈纪念,所以要适合拍照。

转化为功能

  • 根据价格和菜系,前往美食应用检索

  • 根据预期的位置,前往IM+地图应用协调

  • 根据拍照的诉求,前往社交媒体寻找照片判断

  • 美食应用、IM、地图和社交媒体,上文已经讲过,都有自己固定的交互方式了。

而如果是面向意图的设计呢?

  • 输入意图,AI分析条件(甚至这一步都是靠AI对你的了解自动完成的,参考自动和主动段落),AI获取信息,展示结果供用户选择。

这是用户想要的,但是这样的交互界面是什么样子的?

  • 不再是固化的单一的交互界面,而是由AI根据每个人不同的条件和场景,实时展示出适合交互的界面。

模块化

生产力工具拥有大量的控制面板,即调参面板,这是自从图形界面出现后最流行的交互方式;海量的控件控制着输入输出。上文提过,AI 的能力会结合单个的面板,

创作型生产力工具中各个功能的能力,不大可能由一家独大,每个公司可能掌握更为垂直领域的数据训练,那么 Node 型的交互可能是较为适合的方式。

以内容为中心,通过 AI 生成与控制调参,并集合这些能力成为最终输出。

总结

设计的核心是创造,具有创造能力的人不会被AI取代,反而会在AI的辅助下,发挥更强大的作用;

大量日常应用交互设计是一致的,且是原子结构的,当下这样的形态AI可以很轻松参与到设计当中;

控制面板的输入输出依然是目前适合AI的交互方式;

控制面板的层级设计和AI功能原子模块会共存;

人们喜欢按照自己喜欢的方式交互;

新的时代变革是需要过渡期的;

未来的交互模式根据意图形式来为每个场景和用户生成适合的展示方式(即界面)。

© 2022-2023 Chang Lisheng. All Rights reserved