原型设计思路(原型设计工具的三个核心价值点)
原型设计思路(原型设计工具的三个核心价值点)
2024-11-22 06:08:07  作者:声声不及你  网址:https://m.xinb2b.cn/know/wts192916.html

#本文为2022摹客RP原型工具测评大赛优秀奖作品

行业对于产品经理的原型设计颗粒度要求越来越高,本文依据真实工作场景对摹客RP进行评测,从原型设计→交互设计→原型发布,探索其是否符合易用性、便捷性、降本提效这3个核心价值点,能够成为工作中的一把手。


文章将按照工作的真实流程和场景,对摹客进行产品体验,那么摹客是否符合易用性、便捷性、降本提效这3个核心价值点呢?

原型设计是产品经理的必备技能,但它并不属于核心价值,原型设计不应该成为PM的负担,所以原型设计工具的易用性、便捷性、降本提效就成为了这类产品的核心价值点。

原型设计从早期纸上手绘原型到现在使用软件进行原型设计,行业对于PM原型设计呈现的颗粒度也越来越高。

在B端尤为明显,B端客户大多不是一个群体,而年龄普遍在40岁左右,对于互联网认知有限,这时原有的原型 文字描述来表达功能就略显吃力,增加了客户的理解成本;从而需要PM在原型基础上,做一些肉眼可见的交互来推动项目进度,快速聚集产品目标和需求,帮助客户更好的理解产品、更好的达到商业目标;对于内部员工,也大大减少了沟通时间。

有些公司具备UX设计师,PM完成基础框架后可以交付给UX设计师去完善原型和交互,而传统的原型软件并不具备协同合作的功能,导致信息无法实时同步更新出现一些冗余的操作和工作。

按照工作的真实流程和场景,从原型设计→交互设计→原型发布,对比即时、XD、Axure三个竞品,从易用性、便捷性、降本提效3个核心价值点去分析摹客是否有符合预期的体验。

一、摹客产品体验1. 操作区

Axure、XD是我经常使用的原型设计工具,所以在体验摹客这款产品时,发现整体架构和Axure相似,操作起来学习成本低,可以做到0成本上手使用。


2. 组件区

组件区整体由组件、图标、资源组成,通过tab切换的交互方式操作更加便捷。

(1)基础组件

基础组件中的控件类型可以满足大部分场景的原型设计工作;从降本提效来的角度看,组件库可以通过工作场景中高频出现的控件,做更精细化的功能;比如不同等级的按钮、文字等等;这样就省去了调整控件样式的时间,更快的满足需求目标。


(2)基础组件—可视化图表

可视化组件在企业内外演示时,尤其在当下B端、大屏较为热门的情况下具有极佳的效果;客户、员工可以直观的看到功能的视觉表达、交互。摹客的可视化图表无须预览就可以直接看到图表效果,在改变图表大小时做了自适应,节省了调整时间。但摹客的图表类型目前只能满足基础场景,种类不够丰富,未能覆盖复杂场景,这一点稍微有些欠缺。


(3)资源区

摹客的资源区提供了丰富的、不同行业的模版、组件库等等供用户使用,可快速完成高保真的demo进行演示;但摹客添加组件资源包的流程长达五步;拿Axure举例,添加资源包则需要两步。每增加一个步骤或界面,转化率的漏斗就会降低。


3. 交互流程

(1)单个控件创建交互信息&状态

当给单个控件添加交互信息时,通过拖拽控件→双击控件即可沉浸式完成交互信息的录入、交互状态的链接;交互触发后的属性面板通过悬浮的交互形式,展示在视觉中心区,操作更便捷轻量化。


(2)控件与控件建立交互链接

摹客建立交互区域在元素上方以红点表示,用户对于红色的认知有限,红点作为交互区感知不强,对新用户仍有学习成本。当建立交互后直接弹出交互属性面板,打断了用户当前操作,摹客预判了用户下一步的操作,希望在建立交互时,直接赋予交互属性,导致掌控感较弱。


(3)创建控件交互状态

摹客的交互状态属性面板,支持6种高频场景中的状态编辑、切换、自定义状态,通过简单的勾选交互完成状态增加或变更,整个操作流程更加流畅便捷友好。交互流程上减少了冗余提高了操作效率,但功能逻辑、结构的不清晰也导致从学习成本上增加了困难。


4. 原型发布

原型设计完成后,将原型组内成员或客户进行后续开发流程;摹客在原型协同上拥有丰富的标识功能,协同合作、沟通效果更高效。

但摹客没有更好的融合协同、原型效果演示的两个场景;在点击发布项目后,在原型协作平台需要四步才能直达演示界面,查看交互效果和功能描述。而作为原型发布后的目标则是评审、给到相关项目人员,需要快速到达预览演示界面,查看交互效果与功能描述,其次才是辅助功能;而摹客在这里强调了协同合作区分了两个不同场景,导致了交互的冗余。

二、改进点1. 组件区

(1)基本组件

摹客、Axure的基本组件基本类似;但Axure做的更精细化,比如Button区分普通按钮、主要按钮、链接按钮,文字有一级、二级、三级,这在原型设计时都是高频出现的场景;而摹客这方面只满足了基础场景,不同场景下仍需要手动去调整样式。


(2)基础组件—可视化图表

Axure通过Axhub元件,基础图表类型达34种、地理可视化达20种、可视化动态元件达8种、其它类型8种;仅一个元件载入通过简单的拖拽交互几乎满足了100%的场景;而摹客还未能覆盖复杂场景,这一点稍微有些欠缺。



(3)资源区

摹客的模版资源从获取到应用,需要五步才能完成,存在冗余步骤;而Axure则需要两步就可以完成资源的加载;每增加一个步骤或界面,学习成本就会增加,流程越长流失率越高,转化率的漏斗就会降低。


3. 交互流程

(1)控件与控件建立交互链接

摹客:

摹客获取焦点时以上方红点表达,当建立完交互时隐藏交互关系线,通过icon 表达当前已有交互;当面临多个项目或大量交互场景时,容易造成交互关系的迷惑,这时只能通过右侧交互面板找到相关联的交互元素。

当建立交互后,直接弹出交互属性面板,打断了用户当前操作;摹客预判了用户下一步的操作,希望在建立交互时,直接赋予交互属性,导致掌控感较弱。


即时设计:

即时在获取焦点时,从圆点变为➕增强变化感知;交互属性面板右侧展示,不干扰/打断用户当前操作,使主视觉区清晰可见,而对比摹客来说掌控感更强;当某一元素获取焦点时,仅展示相关联的交互元素进行视觉引导,在面临复杂场景时可快速找到关联关系。


XD:

XD获取焦点时通过箭头的方式进行引导,对新手用户更友好,而对比摹客上方的红点感知较弱;当多个元素建立交互时,展示全部交互关系线,在复杂场景时逻辑关系在视觉上有些混乱。


(2)创建控件交互状态

摹客添加交互流程:

摹客的交互更轻量化,操作更便捷;状态面板支持正常、选中、禁用、悬停、按下、焦点;但禁用与其它状态是互斥的,从逻辑和层级上这里是共存关系,程序也未做任何控制,支持全部勾选,在预览时就会出现效果冲突的情况,交互设计原则是不要让用户思考,而这里仍有待完善的空间。


三、原型发布1. 摹客查看原型流程

摹客在点击发布项目后,在原型协作平台需要四步才能直达演示界面,查看交互效果和功能描述,交互路径有些冗余。

2. 蓝湖查看原型流程

蓝湖仅需两步即可查看原型效果与功能描述;在进入项目后,直接选择产品就可以查看原型界面;将评论功能内嵌到原型预览上,交互更加便捷,结构更为清晰。


总结

原型工具的核心价值是要解决原型设计的易用性、便捷性、降低学习成本、提高工作效率,在最短时间内完成原型设计并发布演示或需求评审。各个产品入门门槛低、上手快、效果好则成为了产品的核心竞争点。

目前在线/客户端设计工具已相对成熟,而各产品都有自己的特色与差异化,目标群体都是UI设计师或UX设计师;从摹客RP界面功能上看,应该算是垂直细分领域,目标群体为PM。

以上是在使用摹客过程中的一些体验和心得,有不对之处还请斧正。

本文为2022摹客RP原型工具测评大赛的测评文章,如对摹客RP感兴趣可点击体验链接:https://www.mockplus.cn/rp-event/?hmsr=woshipmzhoujinhu

本文由 @三范范 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

  • 仙剑奇侠传幻璃镜怎么提升战力(超30万日本玩家预约)
  • 2024-11-22超30万日本玩家预约在过去的2018年,如果用两个关键词来概括国内手游市场行情,“低速”与“寡头”最为合适在这一态势下,海外市场不仅在各类游戏企业眼中仍然是一块能够保证持续高速增长的宝地,在中小CP眼中,有强大海外开拓能。
  • 猫头鹰的叫声一叫就死人吗 猫头鹰的叫声
  • 2024-11-22猫头鹰的叫声一叫就死人吗 猫头鹰的叫声屋子外面的猫头鹰叫了他在屋里焦急地等着消息一会坐下,一会站起来,烟灰缸里的烟头都满了,都是抽了一半的几个月前就托了人,答复说问题不大下午终于开会了,按说再不会有变化了正常的话,这会应该有消息了城里就是。
  • 宋太宗赵光义事迹(真的曾经临幸李煜的小周后)
  • 2024-11-22真的曾经临幸李煜的小周后南唐后主李煜曾经先后封司徒周宗的两个女儿为后,其中周宗的长女961年被立为皇后,964年病逝,而次女则是在968年被封为皇后,死于978年后人为了加以区分,就分别称她们为大周后和小周后李煜虽然作为皇帝。
  • 46岁林志玲自曝冻龄秘籍(林志玲独家胸部护理秘笈)
  • 2024-11-22林志玲独家胸部护理秘笈林志玲独家胸部护理秘笈经常做美胸的有关运动每天都需要做扩胸运动,而且需要定时定量运动最忌讳的就是时而运动时而放弃只有坚持下来的运动才能够产生效果每天晚上在洗澡之后或者在睡觉之前抽15~20分钟做扩胸运。
  • 健康绿色无毒文字(健康人生绿色无毒)
  • 2024-11-22健康人生绿色无毒【安宁融媒体中心讯】6月21日,十里店街道园艺社区“社工委”组织开展了“健康人生、绿色无毒”为主题的禁毒宣传活动活动中,禁毒志愿者向居民发放禁毒宣传手册,介绍毒品的种类,并详细讲解吸毒、贩毒的危害性,。
  • 汪峰效应是什么意思(什么是汪峰效应)
  • 2024-11-22什么是汪峰效应娱乐圈大火的“汪峰效应”便是在汪峰发歌之际,娱乐圈都会有大事发生不知道大家有没有发现一个现象,汪峰在热搜上的频率越来越高了,而且越来越多的被大家所提到最近很火的便是汪峰效应很多人都好奇什么是汪峰效应,。
  • 清洗羽绒服油渍8个小技巧(清洗羽绒服有什么小窍门)
  • 2024-11-22清洗羽绒服有什么小窍门局部脏用热毛巾擦羽绒服洗一次,寿命就打折一次,所以尽量少洗羽绒服只是局部脏一点,最好用热毛巾擦一般的羽绒服面料都不怕水,只要在脏污处滴几滴中性洗衣液或手洗洗衣液,5分钟后用湿的热毛巾擦干就能去污如果一。
  • 简述摩梭人走婚特点(摩梭人走婚的真相)
  • 2024-11-22摩梭人走婚的真相在云南泸沽湖畔,生活着现代“女儿国”摩梭人,摩梭人是我国最后的母系社会,在传统的摩梭人中,结婚并不是我们想象的那样“迎娶新娘”“嫁给别人家”,而是小伙子喜欢哪个姑娘,就会爬到那个姑娘的窗户下,如果姑娘。
  • 加密货币和庞氏骗局(加密货币骗局成)
  • 2024-11-22加密货币骗局成据官方统计,2020-2021年,犯罪分子诈骗了澳大利亚人至少20亿澳元其中,假装提供合法投资机会(包括加密货币)的骗子,骗走了高达7.01亿澳元的资金上述损失包括向ACCC、政府网络犯罪机构Repo。
  • 冬笋炒塔菜的正宗做法(上海年初一必吃)
  • 2024-11-22上海年初一必吃说起塔菜,可能很多人也不熟悉塔菜是什么菜塔菜因其外形像菊花,北京人叫塔菜为菊花菜,塔菜是南方人的叫法叶子是乌色的,可能是因为其形状扁塌,微微有点苦味,所以上海人叫塔菜为塌棵菜,也有叫塔苦菜的塔菜除了长。
  • pvc是什么材质是塑料吗(PVC塑料是什么材质)
  • 2024-11-22PVC塑料是什么材质PVC具有轻质、隔热、保温、防潮、阻燃、施工简便等特点,是塑料玩具应用最多的材料,但是近年来欧洲、日韩等国家纷纷对以PVC为原料的产品加以限制,因为PVC是一种硬塑料,要将它变得柔软,必须要加入大量增。
  • 番茄火锅可以涮海鲜吗(不去海底捞也能吃到番茄鱼火锅)
  • 2024-11-22不去海底捞也能吃到番茄鱼火锅美食之间的较量,从后厨的砧板到餐桌上挑剔的舌头,从未停止过同样的食材,在厨艺些微的变化中,就能产生天壤之别的味道,人们不断追求极致的味道,也在还原食材本身的原始口感刀工、火候、调味配比……这一系列繁复。