Figma对UXPin-可能性和限制
Figma原型大可视化终端产品长相,解释设计决策并规划用户流测试原型时不及格UXPin原型发光UXPin帮助设计师创建交互式原型带质量测试结果let's分析两个工具
密钥套取 :
- Figma提供面向向量设计环境的实时协作,UXPin则通过代码法提供高级交互原型
- 高级特征如合并,复合界面在UXPin比Figma高速建
- 比较测试显示UXPin原型比Figma快8X多交互
- Figma最擅长创建静态UI模型、低信度原型并协同设计,但缺少交互原型能力
UXPin合并技术允许设计团队构建代码原型精简设计向开发过渡,提供成本和时间节约
消除设计开发间的差距并使用UXPin合并技术构建高级交互原型访问合并页面学习并请求访问
Figma是什么
Figma设计工具即时协作设计者可用Figma创建各种设计资产,从线框到模型到原型和信息架构
Figma建建于2016年,以浏览器向量图形编辑工具,使它成为Adobe产品有趣的替代物,Adobe产品当时支配市场许多UX/UI设计团队都爱Figma简单化并开始使用工具-设计用户接口
Figma原型很好向其他团队解释设计应像什么工具在制作创用原型设计探索和强力绘图方面是惊人的Figma原型缺少高级交互性 并置Dev环境约束UXPin最擅长的
UXPin是什么
UXPin基于代码全机设计工具跨功能协作UXPin最大益处是交互原型能力设计者可以建全功能原型 外观和感觉像最终产品平台还制造线框、模型、地图用户流和信息架构不费力内置库并表单.
UXPin原型行为像真产品一样,因为设计师可以在原型中实现实战,测试时存储用户输入并使用真数据
设计工具整合易用接口所有益处并配有强码支持特征允许设计师:
- 构建强交互式原型
- 获取用户和利害相关方高质量和有意义的反馈
- 精简设计搭接
Figma与UXPin之间有什么差别
Figma以协作能力和组件法为原型提供可靠解决方案,UXPin则继续先进交互作用和无缝从设计向开发过渡并发技术
UXPin合并后, 半小时到1小时内可搭建复杂接口Figma中这些交互作用需要一周时间。”LarryPage UXOptum主设计
Figma归为遗留设计工具类平台很容易使用 设计师可以实现美美Figma设计 平台尚未进化满足现代UX设计标准
快速比较UXPinFigma原型能力
Figma:
- 基本交互转换:Figma允许设计师添加基础可点击转换,使模型更多参与
- 构件创建设计系统:设计者可创建可分享可复用组件以保持UI一致性
- 协同设计能力多重设计师可同时设计同一种设计,精简设计过程并推广集体创造力
UXPin:
- 高级交互原型UXPin先进原型能力更上一层楼特征如状态、交互性、变量和表达式促进更现实原型接近最终产品
- 代码对设计并发设计者可导入React组件设计过程,允许他们建原型与最终产品不可分合并帮助消除设计开发间的差距,为顺畅产品交付对齐两个过程
- 实时协作和用户反馈UXPin评论促进团队成员和利益攸关方跨功能协作边端直接捕捉用户反馈原型, 基于有形用户洞察力和利益攸关方反馈实现迭代设计精细
Figma和UXPin对比实世界案例研究
高级UX设计师AnthonyHand写中文章UXPin和Figma原型能力比较团队创建定制微软流畅网络库包括相关品牌颜色和第三方图标
Anthony使用Figma流畅UI工具箱并用UXPin向UXPin导入ReactUI库GitHub合并技术.React组件包括回购和必要控件及API定义的定型和交互属性
反之,FigmaUI工具箱是静态版流畅设计系统要求设计师建立相关变异和交互作用-尽管远不如UXPin React组件的可靠性和功能性
实验
Anthony在平台上创建了相同的单页报告原型比较UXPin和Figma原型效率花了一小时设计Figma页面 和UXPin短短8分钟
UXPin原型有直播下拉键、日历按钮、可排序数据表,甚至交互式高图派图AnthonyHand高级UX设计.
Anthony原型UXPin质量提高,差错减少,并使用微软流畅控件提供交互式元素反之,Figma原型缺少这些交互性能,依赖光栅化图像减少实时交互-8x多创建
Anthony结论
Figma网络进化熟悉图形设计平台 并比老工具进步, 但仍有局限性UXPin通过代码设计方法聚焦于“交互原型”,允许设计师创建配有实码元素的设计,增强原型交互性和现实性此外,UXPin提供单页复杂交互能力,最小学习需求
常爱Figma远比前手设计工具大有改进宝山.但现在我学会如何利用UXPin强脚本能力并设计交互式UI系统,并使用与我工科同事在成品中使用UI相同的实时UI控制程序,我无法回溯回去。”AnthonyHand高级UX设计.
Figma好原型设计
Figma无疑是一个奇特UI设计工具,但缺少创建必备特征现实交互原型.设计师仍然可以做Figma原型设计平台设计过程最实用例子如下:
- 静态UI模型:Figma直觉用户界面和特征使得设计模型无所作为
- 低忠诚原型Figma为大低忠实线框原型因为这些只需要屏幕间基本切换
- 信息架构设计者可以在单画板上组织屏幕映射和可视化产品架构并用户流.
- 协同设计:Figma方便实时协作,允许团队留下评语,运行设计评语,存取版历史等
Figma原型限制是什么
以下是你可能想考虑 UXPin代之以:
- 交互原型设计Figma简单点击/tap交互捕捉用户数据并创建复杂组件下拉菜单、旋转木马、手风琴和日期选择器在Figma是不可能实现的限制设计师测试.
- 直播数据APIs与UXPin不同,你无法导入直播数据与Figma复杂集成需要工程输入,增加时间和资源,使多数项目无法使用。
- 代码对设计Figma工作设计对代码方法意谓开发者必须将设计转换成代码-耗时复杂任务UXPin合并代码对设计工作流程表示设计师可建代码原型使用同块开发师,大大减少开发时间并创建无缝产品开发工作流程
UXPin原型为何更好
整篇文章的共同主题为交互性现代数字产品需要设计师使用交互原型测试思想为什么
- 开发耗时耗资解决问题期间设计过程可节省组织无数时间和资源,减少浪费性开支
- 用户经验对产品接受、参与和保留至关重要交互原型设计师在设计过程解决可用性问题并增强产品用户经验
设计师使用图像工具原型和用户测试时,在设计过程错失可用性问题和商业契机产品UX和UX必须加入这些修改技术积存增加债务和可避免成本
交互原型如何减少UX债务
合并减少浪费和可避免UX和技术欠债,并改进测试和畅通设计搭接设计团队可导入设计系统存储库交互组件原型设计完全这样交互组件库增加原型范围,允许设计师制作最终产品精确复制无法使用Figma等图像工具
用户和利害相关方可以和合并原型像合并最终产品一样互动,让设计团队准确、有意义地透视迭代并改进
设计交换需要少文档和解释设计师和工程师使用完全相同的组件.Devs可导入相同的UI库从同一仓库应用JSX修改UXPin并交付终端产品
UXPin合并将工程时间减少约50%想象一下在企业级组织中节省多少钱 数十名设计师和数以百计工程师LarryPage UX主设计
快速原型重迭
合并有效为设计师创建无代码拖放原型环境Anthony案例研究显示 切换合并允许他在UXPin比Figma快8X原型使用UI库
修改组件和原型使用UXPin属性板快速高效设计师通过生成多变和状态单UI元件并存UXPin模式.设计师不调整属性面板,而简单交换组件以获取测试时即时反馈
使用UXPin构建这些高联想原型对我们大有帮助并立即获取反馈 会话后如果有东西我们可以立即修复, 我们做改变前下一个参与者 并获取反馈比前快得多。”Erica驱动器产品UX和DesaOps思想导师.
使用UXPin合并技术实现下层交互组件原型访问合并页面获取更多细节并请求访问
