:::color2 点击下方链接关注58同城设计部

挖到宝了!AI竟然还能这样用在UX设计中?

:::

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图1

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图2

恭喜点开这篇文章的你发现了宝藏!在人人都在谈论AI的今天,那么什么是AI呢? 是通过智能化程序的设定,实现设备或系统的智能化操作过程,亦或者是在电影中常常被塑造成的一个个反派形象,不论是什么,都不可否认的是AI已经渗透至我们生活中的许多方面了。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图3

随着Midjourney、Stable Diffusion等AI绘画类工具的成熟,无疑是为设计创作者们带来了不小的影响。作为用户体验设计师,AI工具的层出不穷也为用户体验设计带来了新的工作方式和设计体验。接下来就从AI和用户研究、设计输出、设计开发三个方面来介绍 AIUX的工作方式。

AI x 用户研究

你是否还在为用户访谈感到头疼?那不妨试试这个工具。Synthetic Users(https://www.syntheticusers.com/)是一款AI驱动的虚拟合成用户生成平台,无需花费时间和金钱招募真实的用户,只需要输入描述目标用户特征和关键问题,就可以快速的呈现众多用户访谈记录,并整理出清晰的报告。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图4

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图5

Synthetic Users生成的访谈数据并非虚假的用户资料,而是基于大数据和AI技术模拟出真实的用户行为和用户反馈,简单来说就是分析数百万甚至数十亿数据后通过深度学习来模拟出一个与用户非常接近的虚拟用户。这种方式效率高,成本低,内容丰富,不过依旧存在真实性问题,效果问题和伦理问题。然而这项技术的出现的确为用户研究带来了新的可能性,至少我们在做真实的用户访谈之前,可以用它来生成访谈,获取灵感。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图6

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图7

AI x 设计输出
在设计输出环节中,AI工具的介入不仅能够提升设计整体效果,也能够帮助设计师激发灵感。接下来介绍几款Figma社区推出的AI插件。 第一款插件是图像生成类插件——AI Image Generator。它的使用方式十分简单,通过选择想要生成的效果,输入描述词即可生成图像,但是缺点在于目前只能生成固定风格的图像。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图8

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图9

与这款插件相似的还有Magician,通过输入描述词即可生成图标和图片。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图10

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图11

第二款插件是图像处理类插件——icons8 background remover。正如它的名字,这是一款抠图插件,它的操作十分简单,只需点击图片,运行插件即可获得一张背景被去除的Png图片。通过对比尝试,这款插件对于主体人物单一的图片表现性能较好。虽然现在有许多网页版的抠图工具,但这款插件的优势在于它是直接嵌入至Figma里的,在画布内即可完成操作,节省了上传图片,下载图片,再复制进Figma里的步骤。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图12

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图13

第三款插件是辅助设计类插件——Wireframe Designer。这是一款自动生成交互框架的软件。它的操作同样是输入想要生成的APP描述词,然后就可以边喝茶边看着它自动绘制交互框架了!并且,它所生成的所有模块都是可编辑的,即使对生成结果不满意,也可以自己动手调整。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图14

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图15

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图16

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图17

最后一款插件是设计分析类插件——Attention Insight。这是一款人工智能驱动的热力分析插件,基于深度学习技术,并使用 30800 条眼动追踪研究数据进行训练。通过和MIT数据库对比发现Attention Insight的眼动模拟准确率能够达到90%。这款插件不仅能够分析APP界面,还能够分析网站界面,海报图像等。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图18

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图19

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图20

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图21

以上介绍的所有插件从Figma社区中都能够找到,虽然有些AI插件现在并非十分成熟,所生成的效果也差强人意,但是它提醒我们这项技术已经能够实现,经过未来AI技术不断的优化和发展,一定能够达到更加优秀的表现,让我们拭目以待吧~
AI x 设计开发
什么?AI还可以帮我敲代码吗?要想把设计想法落地,就离不开软件开发。随着用户体验越来越被重视,软件界面已不再仅仅是功能的呈现,而是一种沟通、互动的媒介。将设计稿转换为代码是需要人工完成的,尤其是编写CSS非常复杂,虽然Chat GPT有助于编码,但是将设计直接转码仍是难题。而Kombai在试图解决这一问题。Kombai (https://kombai.com/)是一款设计生成React和HTML CSS代码的基于多模型的生成式AI工具,致力于帮助前端开发人员轻松实现创意设计。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图22

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图23

Kombai的使用几乎不需要什么学习成本,用户只需要将Figma的组件链接复制到Kombai中,就能够快速识别并生成对应的React和Html+CSS代码。其生成的代码结构清晰、适应性强、代码简洁。而在不久前Kombai获得450万美元的融资,为其未来的发展奠定了坚实的基础,其创始人希望通过不断改进和优化他们的系统来确保能够真正满足开发人员的需求。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图24

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图25

由此可见,AI在用户体验设计工作流中能够扮演许多不同的角色,Ta可以是设计师助理、灵感启迪者、数据专家、开发者等等。

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图26

既然AI已经发展到如此地步,那么最后我想来谈谈一个被讨论的快要包浆的话题——AI能否取代某某某? 人工智能是聪明的,但是对于用户体验设计来说,AI无法取代!设计的背后不仅仅是理性的思考加上艺术化展现,还包含了设计师本身的文化和底蕴。对于用户体验设计来说理解用户是十分重要的,而人工智能目前还无法做到完全理解人类的动机。同时它是缺乏创造力的,AI的创造力是基于过去的信息,而设计师的创造力是基于自身的想象力、经历、情感、思考等等。人工智能不是我们的敌人,但是却可以成为我们的帮手,而真正能够取代设计师的是会用AI的设计师,如何运用合适的AI工具来提高自己的竞争力是新时代设计师们应该思考的命题。 最后,祝愿大家都能够成为会用AI的设计师🪄

58同城|挖到宝了!AI竟然还能这样用在UX设计中? - 图27