58 同城发布AI 设计 UX 流程,设计师表示卷不动了!
Ai项目交流群,Ai账号交易充值,Ai软件分享,Ai网站导航,Ai工具大全等
复制公众号
恭喜点开这篇文章的你发现了宝藏!随着AI工具的层出不穷,用户体验设计也带来了新的工作方式和设计体验。接下来就跟随58团队一起就从AI和用户研究、设计输出、设计开发三个方面来了解下 AIUX的工作方式。
▍AI x 用户研究
你是否还在为用户访谈感到头疼?那不妨试试这个工具。Synthetic Users(https://www.syntheticusers.com/)是一款AI驱动的虚拟合成用户生成平台,无需花费时间和金钱招募真实的用户,只需要输入描述目标用户特征和关键问题,就可以快速的呈现众多用户访谈记录,并整理出清晰的报告。
Synthetic Users生成的访谈数据并非虚假的用户资料,而是基于大数据和AI技术模拟出真实的用户行为和用户反馈,简单来说就是分析数百万甚至数十亿数据后通过深度学习来模拟出一个与用户非常接近的虚拟用户。这种方式效率高,成本低,内容丰富,不过依旧存在真实性问题,效果问题和伦理问题。然而这项技术的出现的确为用户研究带来了新的可能性,至少我们在做真实的用户访谈之前,可以用它来生成访谈,获取灵感。
▍AI x 设计输出
AI Image Generator
第一款插件是图像生成类插件——AI Image Generator。它的使用方式十分简单,通过选择想要生成的效果,输入描述词即可生成图像,但是缺点在于目前只能生成固定风格的图像。
与这款插件相似的还有Magician,通过输入描述词即可生成图标和图片。
icons8 background remover
第二款插件是图像处理类插件——icons8 background remover。正如它的名字,这是一款抠图插件,它的操作十分简单,只需点击图片,运行插件即可获得一张背景被去除的Png图片。通过对比尝试,这款插件对于主体人物单一的图片表现性能较好。虽然现在有许多网页版的抠图工具,但这款插件的优势在于它是直接嵌入至Figma里的,在画布内即可完成操作,节省了上传图片,下载图片,再复制进Figma里的步骤。
Wireframe Designer
Attention Insight
以上介绍的所有插件从Figma社区中都能够找到,虽然有些AI插件现在并非十分成熟,所生成的效果也差强人意,但是它提醒我们这项技术已经能够实现,经过未来AI技术不断的优化和发展,一定能够达到更加优秀的表现,让我们拭目以待吧~
▍AI x 设计开发
什么?AI还可以帮我敲代码吗?要想把设计想法落地,就离不开软件开发。随着用户体验越来越被重视,软件界面已不再仅仅是功能的呈现,而是一种沟通、互动的媒介。
将设计稿转换为代码是需要人工完成的,尤其是编写CSS非常复杂,虽然Chat GPT有助于编码,但是将设计直接转码仍是难题。而Kombai在试图解决这一问题。Kombai (https://kombai.com/)是一款设计生成React和HTML CSS代码的基于多模型的生成式AI工具,致力于帮助前端开发人员轻松实现创意设计。
Kombai的使用几乎不需要什么学习成本,用户只需要将Figma的组件链接复制到Kombai中,就能够快速识别并生成对应的React和Html+CSS代码。其生成的代码结构清晰、适应性强、代码简洁。而在不久前Kombai获得450万美元的融资,为其未来的发展奠定了坚实的基础,其创始人希望通过不断改进和优化他们的系统来确保能够真正满足开发人员的需求。
▍最后
由此可见,AI在用户体验设计工作流中能够扮演许多不同的角色,它可以是设计师助理、灵感启迪者、数据专家、开发者等等。希望大家都能够成为会用AI的设计师。