摹客RP交互设计的产品测评原型设计工具是很多交互设计师以及产品经理都会使用到的,国产原型工具越来越多,给了用户许多选择,

目前我们公司设计团队使用的原型设计工具就是Axure,在实际项目中,团队交互原型的呈现效果很差,统一性不强,组件的复用、新增、修改等同步的效率很低。原型设计样式和规范五花八门,给阅读的人员造成很多不便,尽管团队在每个版本结束之后都会对原型设计的规范进行汇总和要求,但是设计师在进行原型设计时,都习惯了一遍做原型,一遍去比对熟悉规范,都是独自去审查,大大影响了原型设计的统一性;

测试设备:Macbookpro2019

测试产品:摹客RP网页端、客户端

测试形式:以实际工作项目为例,对摹客RP的产品功能使用和交互操作进行体验评测

测试用时:四周

测试主要从以下三方面进行:产品的设计框架、产品使用的操作流程、产品的设计组件;框架是产品最底层的基础部分,好的框架会让用户一目了然,比如他的功能是有哪些,功能信息怎么去布局的,信息的层次感有没很有分明,这些都能有效率的让用户阅读和使用产品;操作交互是能让用户对产品体验更直观,如在某一功能的使用流程中,用起来方不方便,交互方式的操作是否顺畅,设计和组件设计决定和产品的“颜值”,设计原则、模式和合理的组件使用能提升产品的价值和表现力,所以本次的测试大纲如下:

第一个角度主要是从设计框架来进行体验,主要包括产品的功能结构、布局的信息层次;两端主页面的框架设计基本是保持一致的,均是左右结构,但还是有很多差异化的细节设计;

网页端拆解图:

客户端拆解图:

(1)左边区域对比

(2)右边区域对比

在内容区上,网页端和客户端的框架是保持一致的,都是顶-中-底三层:

原型设计页面和Axure的页面相似度很高,大致可以拆分成四大部分:标题和工具栏,左边功能区分上下两层,可以上下收缩拉伸,中间是原型设计区域,右边设置面板区主要属性、交互、备注三个主要功能。页面的布局符合设计师使用习惯,理解成本很低;网页端和客户端的也是统一的。

为了验证统一性的重要性,我找了市面上主流的设计工具做了对比,如下图,在多端统一性上(忽略极小的差异化细节),他们的共有率达到了100%,所以足以证明这些产品对统一性的重视程度。

关于操作台页面统一性的优化方案如下所示:

优化点1:两端的主页面侧边栏的信息框架可以保持一致,首先是logo、用户账号信息的位置;其次是导航菜单的数量,可以让用户在两端之间切换使用时,通过统一性加强用户对界面的理解

优化点2:两端的右边操作区域针对项目和项目集的管理和筛选,展示方式的多样性应该保持同步,包括配置筛选条件也可以同步;

优化点3:两端关于全部菜单的功能框架的设计,可以在多级菜单(全部>项目集1>项目集2)和一级菜单(全部)中二选一,复用一种设计样式,降低开发成本;

优化点4:两端关于“设计团队的切换”的设计,网页端点击团队名称出下拉菜单,进行团队切换,客户端点击侧边栏的用户名,出现次联菜单,再找到团队切换列表,两端可以在组件使用和入口方式的设计上统一,保证信息内容、位置的统一性的前提下,使用可复用的设计样式,降低开发成本。

原型设计页面,功能很全面,使用起来很便捷,整理了如下优缺点:

爽点1:如文字元素的属性设置点非常多,英文大小写,首航缩进等,可设置的参数很多;

爽点2:支持画板响应式布局,选中画板作为对象时,可以在属性面板中进行删除;

爽点3:可以创建项目资源库,包括颜色、文本、组件等设计资源,设计更加高效;

问题点1:相对应的属性列表展开显示后,模块空间的没有充分利用;如圆角这个参数可以选择百分比的样式,就需要另起一行;

优化方案1:属性面板可以保留比较常用的属性参数,新增加的参数设计如果不常用会占据空间,且在黑色色彩模式下,信息的阅读效率会收到影响

问题点2:右边整块属性面板不支持自适应拉伸,位置是固定的,如元素透明度这个参数为100%时,数字也不能够显示全。

优化方案2:属性面板增加自适应收缩,会让页面空间更加灵活。

任务1:在控制台页面找到功能的入口,新建一个名为“自定义频道”的项目和两个名为“Biuos1.0”、“苏宁智能终端”的项目集

客户端操作示例:在首页菜单,有个单独项目编辑区域,可以直接点击进行命名和选择尺寸。在其他菜单下,如果有创建按钮,均可以点击,页面中间会跳出弹窗,直接对项目和项目集进行创建编辑。

设计爽点1:在客户端,有个很大的项目创建区域,用户可以命名,选择尺寸,很直观,增加了项目创建的入口;

体验问题1:两端的很多基础导航菜基本都有新建项目或新建项目集按钮,考虑到用户在切换不同菜单时,都能提供这个入口,虽然能方便用户操作,但有一些过度引导;

优化方案1:减少过度设计,菜单应匹配相对应的信息需求。例如用户切到我的收藏菜单,需求就是去查看收藏项目,新建项目就是非必要的选择,加上就会变的强行引导;

体验问题2:在创建项目时,通过弹窗的方式去进行创建编辑,这样会让操作流程变得复杂,而且弹窗中的信息优先级不高,创建结束后也都可以修改;

优化方案2:模态弹窗对用户的干扰程度很高,创建项目应该是比较简单的操作,不需要强干扰的组件去提示用户,建议可以直接过度到原型设计界面。

任务2:在控制台页面,把项目“自定义频道”移动归类到“Biuos1.0”的项目集

客户端操作示例:项目和项目集仅有列表的展示方式,将项目“自定义频道”移动至项目集“Biuos1.0”时,需要点击项目中的操作按钮,弹出操作列表,选择移动,跳出弹窗,选择项目集确认,无二次弹窗确认。

网页端操作示例:项目和项目集有列表和宫格两种展示方式,将项目“自定义频道”移动至项目集“Biuos1.0”时,需要点击项目中的操作按钮,弹出操作列表,选择移动,跳出弹窗,选择项目集确认,再弹出弹窗二次确认。

体验问题1:网页端和客户端移动项目的过程中,第一次都需要有弹窗,选择项目集分类,但下一步的操作,网页端使用模态弹窗让用户二次确认,确认移动成功后有提示。客户端成功移动成功后,没有提示。

优化方案1:结合两端的优缺点,首先网页端避免使用确认移动的二次弹窗,减少操作流程,客户端移动成功后,增加操作提示,提升交互感知。

体验问题2:项目或项目集不可以直接拖拽进行移动管理操作,只能通过按钮点击选择移动选项才能操作,操作比较迟缓。

优化方案2:为移动操作增加鼠标拖拽功能,更加快速的进行项目归类,效率高。

任务4:选中原型设计页面的左边功能区的【页面】tab,为“自定义频道”功能创建若干个页面,随机对页面进行设置操作(创建、重命名、移动、复制、删除、撤销删除)

操作示例:点击「添加」按钮,可以进行页面创建,选中任一页面,右击出现弹框,进行选择重命名、移动、复制、删除等操作;双击页面标题都可以进行页面名修改,拖拽页面可以进行运动归类,选中页面点击设备删除键,出现弹窗提示是否删除。删除后,设备无快捷键撤销删功能。

新建和复制新页面后,新页面变为当前页面,且有背景底色,但无法使用设备删除键直接进行删除操作,需再次点击选中新页面,让文字变为纯白色,才可以删除文件。

体验问题1:页面删除后没有进行删除撤销的快捷键“command+z”操作,“撤销”快捷键是设计师最常用且依赖度很高的操作。

优化方案1:增加“撤销”快捷键的使用。

任务5:选中原型设计页面的左边功能区的【页面】tab,使用回收站功能、将“某一页面”删除再从找回

操作示例:选中某一页面,进行删除操作确认,点击回收站按钮,开始回收模式,找到分页面,鼠标悬停在页面上,显示恢复和删除按钮,点击恢复按钮,再弹窗确认,页面恢复。退出回收站模式,才能显示当前所有页面。

设计爽点1:增加“回收站“模式,用户可以找回页面,扩大了容错范围;

体验问题1:回收站模式退出的按钮样式和工具栏的撤销重合度高,易混淆;其次这里的回收站模式需要开始和关闭两种状态,整个过程中需要2次点击操作。

优化方案1:回收站对应的是页面,单独再加一个tab对于信息内容切换会更便捷,省去“回收站”,模式开启和关闭的流程。

任务6:选中原型设计页面的左边功能区的【页面】tab,选择“自定义标签”页面,切换到【图层】tab,对页面中的“默认状态”画板中的图层进行顺序调整

操作示例:选中画板其中一个图层,然后移动到另一个图层的上方或下方,调整图层顺序,但不能进行拖拽移动,只有置于顶层和底层的按钮操作。

体验问题1:设计师在制作原型图时,需要调整画板中的图层顺序,置顶或置底的操作不能解决使用者调整图层顺序的效率问题,移动拖拽能灵活快速的给图层排序。

优化方案1:增加鼠标拖拽移动功能,让图层位置的移动更加方便。

任务7:在“自定义标签”页面编辑区进行画板的创建、设备和尺寸选择、复制、命名、属性设置

操作示例:工具栏中使用“添加辅助画板”或者快捷键A创建画板,在原型编辑区域左下角可以进行进行设备和尺寸选择、使用快捷键command+c/v、直接双击画板标题可以进行重命名、选中画板后,在右侧功能区域调整参数进行属性设置。

体验问题1:画板设备和尺寸选择的优先级高于画板快捷创建,通过鼠标悬停的操作方式呼出多级菜单分类,交互的可控性比较差。

优化方案1:类比市面上其他产品,基本都是快捷键A调出设备尺寸选择,而且大多是在属性面板使用列表下拉的方式展示。快捷键“A”的使用对象可以重新定义,加强快捷创建画板的优先级,重新设计画板设备和尺寸选择的位置和交互出现方式。

体验问题2:在复制画板时,不支持选中画板后,使用“option+鼠标键”快捷操作进行复制拖拽,新画板不能任意的拖拽到自己想要的位置。

优化方案2:增加快捷键的使用。

任务8:在“自定义标签”页面的画板中利用工具绘制低保真设计稿,设置元素属性

操作示例:选中自定义页面,在默认状态的画板中对元素文字、形状、颜色等属性参数进行设置。

例1:在画板中缩放矩形,设置面板中的宽高参数没有变化;

例2:在属性中将初始矩形外边框宽度值从“1”变为“2”,但页面中元素没有变化,仍然是1,只能在点击非宽度的参数任意区域后,宽度数值的变化在页面中才能响应;

操作示例:将图片拖入某画板内,图片位置在画版的顶部位置,当将画板拖去来,在左边功能区的图层tab中,图片还在原来画板顶部显示,拖动画版,图片在画版外和画板一起移动。

体验问题1:两个例子都是属性面板和画板联动无响应的问题,不管是画板中的元素联动属性面板的参数,还是属性参数联动画板中的元素,都没有实时响应。尤其是外边框的宽度值无法实时显示,这就对设计的效果很难把控。

体验问题2:图片拖进和拖出画板时,图片图层的归属不清晰。

优化方案:这两个槽点属于产品的性能问题,可针对性能这个点,加强优化。

任务9:在“自定义标签”页面的画板中查看元素与元素,元素与画板,画板与画板的距离,进行元素和画板的距离调整

使用鼠标和键盘键可以查看“默认状态”画板中元素的间隔、与相邻画板的间隔,在悬停展示间距的同时去调整位置距离。

体验问题1:只能查看同一个画板中元素之间的距离,无法查看画板之间的距离,且同画板中不能在显示距离间隔的状态下,对元素位置进行调节。

任务10:在“流程图”页面中使用流程模式,为“自定义频道”功能绘制逻辑流程图

操作示例:在「流程图」页面,在工具栏中打开流程图模式,为“自定义标签”功能画一个简单的逻辑流程图,梳理业务流转的逻辑关系。

任务11:对“自定义频道”功能的原型项目进行保存

操作示例:当设计结束或中断时进行项目保存时,可以使用保存按钮或者快捷键“command+s”对项目进行保存。

体验问题1:当用户保存后,页面并无明显的关于“项目已经被保存或者可以实时进行保存项目”的提示;

优化方案1:首先用户不知道的项目保存的时效性,可以使用“Toast”提示用户。

任务12:为“自定义频道”功能页面的跳转和设置保存创建页面交互事件

操作示例:在当前频道有内容的场景下,开启调整模式,移动频道顺序,再次确认频道,移动跳到频道显示或隐藏功能区域,为频道自定义设置创建交互事件,最后使用弹窗对频道顺序调整、显示、隐藏这些操作进行数据保存;在右边功能区的选择“交互”菜单点击「添加交互」按钮,对事件属性参数进行设置。

设计爽点1:在使用Axure原型工具时,通常一个页面我们会使用文字描述主要信息和交互操作;例如,在自定义频道设计的页面主要就是标题、频道名称以及状态图标,这是显性化的信息。

对应保存的的操作还有各种隐性信息和操作,比如设置保存的弹窗,不可操作的提示、网络异常的提示等;我们会使用很多静态页面去描述隐形信息和操作。但摹客RP的原型工具支持的主辅画板的模式,可直接设计交互转场、提示等隐形操作,更直观的呈现原型设计效果。

任务13:使用播放功能或进入摹客协作模式预览“自定义频道”原型设计和交互效果

操作示例:在工具栏点击播放按钮,预览“自定义频道”功能的原型设计和交互点击效果;点击发布,进行项目分类,进入慕客协作网页端查看所有页面和画板以及交互效果。

体验问题1:单独演示预览时,视图窗口只展示页面,不展示页面内的画板;在慕客协作网页端可以进行查看所有内容,当使用网页端查看画板内容的过程中,有多次无法快速找到「画板」入口的场景,查看画板的入口不是很容易被注意到。

优化方案1:演示预览状态下,增加“查看画板”的入口,在慕客协作的网页端强化“查看画板”的入口

任务14:发送项目或项目集链接邀请协作人,协作者点开链接进入原型设计页面

操作实例:在操控台找到“自定义标签”的项目,点击按钮找到「成员管理」,跳出弹窗,复制链接,发给协作人,协作者点开链接进入页面协作

优化方案1:打开网页端重新进入页面的权限,让用户能够自由进入或退出页面。

第三个角度主要是从设计组件来进行体验,这部分内容主要有如下6个体验点组成。

网页端和客户端对于导航菜单(“全部”)组件的结构不一致,网页端的全部菜单下会展示二级菜单,客户端没有;两端菜单数量都不相同;

优化建议:导航菜单组件结构和数量统一。

优化建议:两端的页面相同图标需要保持一致,包括类型,样式,统一性,减少差异化,关于图标设计表意要传达精准一点。

新建项目和新建项目集是产品的两个重要功能,从功能重要程度来说应该是要保持一致的,目前设计明显是新建项目的优先级高于新建项目集,虽然都是用“图标+文字”的按钮样式,但图标的样式过于简单,且新建文件使用强提示的高亮底色,更能吸引注意力。

竞品中,如蓝湖、即时设计、Figma、Pisxo的功能和摹客RP一样都有新建文件(项目)和新建文件夹(项目集)功能,竞品基本都保持相同的设计样式,保证功能优先级是一样的,仅有mastergo虽然按钮和摹客RP一样使用强提示按钮,但它的功能框架设计和摹客RP不一样。

它创建文件夹的功能放在左边菜单的创建团队中,新建文件的按钮和文件导入是独立的,虽然设计样式不一样,新建按钮也相对突出了,文件导入的按钮还有动画效果。

优化建议:可借鉴主流的原型工具类的设计方案,平衡功能的优先级,在图标设计样式上让功能更加形象。

(1)弹窗样式设计的统一性,如新建和删除项目或项目集时的弹窗按钮,它并不是特殊使用场景,都仅需要“确认”和“取消”简单操作,但是鼠标悬停文字按钮上的样式是不一样的。一种是加浅灰底色,文字没变化,另一种是改变字体的透明度。

(2)多次弹窗增加了操作流程,如网页端项目移动时,会有二次弹窗确认。

优化建议:弹窗的按钮设计样式上可以保持一致,对于产品中的个别功能的操作,建议少用或慎用弹窗组件,缩短操作流程。

(1)文件界面的左边功能区的“图层”菜单中包含画板和图层信息,这个标题名称和内容不对应,表述不精准。

(2)页面删除的弹窗提示文案没有给出完整且能防错的的提示,弹窗只提示是否删除当前页面,并没有提示用户如何找回和被删除文件的去向。

如下例子为操控台项目删除和原型设计的页面删除:项目删除的文案:“确定将此次项目加入回收站”,页面删除的文案:“确定要删除当前页面吗?”

(3)新建项目和新建项目集两个按钮的文案表意不精准,改为“文件和文件夹”,这样的表述更简单明了。

(4)导航收藏菜单名称不一致,网页端用“收藏”,客户端用“我的收藏”,可以统一为“我的收藏”。

优化建议:关于文案部分,主要包括菜单栏、图标、按钮、弹窗提示文字等应用场景,进行修改完善。

产品的主色调很深,没有浅色色彩模式可以切换,同类的主流产品基本都是默认浅色,如即时设计、Masetrgo、Pisxo等都以默认浅色界面,Figma更是支持浅色深色切换;

优化建议:因为用户对颜色的接受和敏感度都不一样,提供深浅色两种颜色模式进行切换,可以在界面色彩运用上满足不同使用者的需求,若不提供,建议浅色模式,白色在感官上更加干净、整洁。

设计和组件主题包括6个部分,这些在产品评测,是很容易被注意的设计点,也是产品最基础的组成元素;它的设计呈现决定了用户的好感度,好的设计是需要通过这些元素来表达它的设计原则和理念;组件的设计和使用也是要合理和克制的;例如导航菜单和图标设计应该在网页端和客户端保持一致;文案表述的应该精准、简单、明了;按钮和弹窗设计也可以再克制一点,色彩模式需要干净简洁,最大程度的减少对用户的干扰,提升用户的粘性。

在交互操作上产品要有畅通感,即操作起来够舒服,能够给予操作有效提示,能够在进行任务操作时有效率;

在摹客RP体验过程中,注意到很多设计细节,有很多不错的地方,也有很多需要优化完善的设计点,如下所述;

总的来说摹客RP是一款比较专业且实用性很强的的设计协作软件,他基本兼容了原型设计软件“Axure”的大部分功能,也适合团队协作中进行使用和推广,但随着市面上的竞品越来越多,后续的竞争推广也会越演越烈,所以个人认为产品应该做好以下两点,会增加自己产品的优势;首先工具可以轻量化,注重常用功能的用户体验和产品的性能优化。

其次作为一款设计协作软件,面向的是广大设计师,产品细节方面的问题特别容易被设计师捕捉。所以需要着重把控这两点,进行积极的推广助力,才好抓住设计的心!这里也祝摹客系产品能越做越好!

THE END
1.原型图用什么软件做,看看这几款从构思产生到向开发人员提交项目,设计师在进行原型设计时都离不开原型图软件。无论是构建基础线框,还是打造功能完备的原型,原型图软件都能为设计师节省大量的时间与精力。如果你是该领域的新手,或者打算更新自己的原型图软件工具包,那么不妨来看看下面这 5 个原型图软件。 https://www.bilibili.com/read/mobile/39618293
2.什么是页面原型图,页面原型图设计工具3、网页 原型图模板怎么做-如何设计出色的网站后台 原型 如何设计一个优秀的网站后台原型我觉得可以从三个方面入手:1。独特新颖的设计理念。如果实在没什么想法,可以看看同类型网站的后台设计,寻找设计灵感。2.高效实用原型设计工具好的设计创意也需要用原型工具来制作、测试、迭代。在这方面,MOckplus是一个很好的工具http://chengdu.cdxwcx.cn/article/ejcjce.html
3.即时原型即时原型(原xiaopiu)是产品原型设计工具和团队实时协作平台,作为产品经理和交互设计师工作学习的必备软件工具,堪称快速原型交互设计神器。可制作手机app、web网站网页、桌面应用软件的原型,拥有海量原型交互模板资源素材,可替代axure在线使用无需下载https://www.xiaopiu.com/
4.原型图用什么软件做?设计师和产品经理的4款推荐工具在数字产品设计领域,原型图是沟通想法、验证概念和测试用户体验的重要工具。对于设计师和产品经理来说,选择合适的原型图制作软件至关重要。本文将为您推荐四款备受推崇的原型图制作工具,它们各具特色,能够满足不同用户的需求。 1.Axure RP 功能类型:Axure RP是一款专业的原型设计工具,它提供了丰富的交互功能和动态内https://www.banlikanban.com/info/tool/toolbag/5000.html
5.设计原型轻松搞定!分享5款不可错过的原型图绘制软件支持导出多种格式的原型设计作品,像是常见的 SVG/PNG/JPG/WebP/PDF(矢量图 / 位图)都能行,轻松输出高保真 / 低保真原型,是一个不可多得的在线原型设计工具。:https://ad.js.design/special/prototype/?source=bjh&plan=bttbjh11213 2、Adobe XD AdobeXD作为一种专业的设计工具,具有很强的原型设计https://baijiahao.baidu.com/s?id=1783160450091214084&wfr=spider&for=pc
6.6个设计师必备的画网页原型图工具汇总!本文给大家分享 6 个设计师必备的画网页原型图工具,它们分别是即时设计、Balsamiq 、UXpin、Proto.io、Figma、Montage。网页作为现代信息和服务的一个载体,成为了互联网上不可或缺的一部分。在网页设计的过程中,绘制原型图是一个关键的步骤,它可以帮助设计师将设计概念变成一个可视化的模型,与团队和客户进行沟通,及https://js.design/special/article/tools-for-drawing-web-prototypes.html
7.app开发产品原型图用什么工具设计?技术博客在app开发过程中,为了完成一个完整的产品设计,这个产品的原型图是非常重要的。原型图是用户体验设计过程中的重要工具,是模拟和呈现产品形态、功能等,为后续的产品开发提供指导。设计一个好的原型图可以大大提高产品的开发效率和用户体验。 下面介绍一些主流的产品原型图设计工具: https://www.yimenapp.net/knowledge/blog-11712.html
8.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
9.哪些在线工具适合制作App原型图?制作App原型图是重要的一步,可以帮助开发团队理解和共享设计想法,并提供给用户和利益相关者可视化展示。本文介绍了几个流行的在线工具,包括Adobe XD、Sketch、Figma、InVision和Proto.io,它们提供了丰富的功能和灵活的界面,可以创建逼真的原型,包括交互式动画、过渡效果和页面链接。选择适合自己需求和偏好的工具,以完美呈http://www.apppark.cn/t-53132.html
10.SketchMAC端专注于UI设计+原型图工具原型设计Sketch- MAC端专注于UI设计+原型图工具 详细介绍 Sketch是一个设计工具包,旨在帮助您创建最佳作品-从最早的想法到最终的艺术品。 Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.https://123.meibp.com/9083.html
11.《界面设计》复习资料19.Sketch自带根据官方规范设计的IOS和Material Design组件库。20.Sketch专门为网页、移动端设计提供优化和支持。21.Sketch是一款能同时满足交互和视觉设计需求的工具。22.使用Sketch自带的Symbol可以很容易地在高、低保真原型图中进行切换。23.Sketch 对于团队说是一款效率很高的设计工具,意味着能快速推进团队创意到具体方https://www.wjx.cn/xz/260641939.aspx
12.4000字干货!让你一次搞懂什么是产品原型设计因此,纸质原型通常用于项目最早期,尤其适合团队头脑风暴,当成员一起构思产品时,纸质原型能够以最快的方式呈现想法,帮助成员迅速讨论并做出调整,之后再逐步转向更精细的数字原型。 2、数字线框图数字线框图是使用原型设计工具绘制的低保真原型,它用简单的线条、矩形和占位符来表示产品的页面布局和功能结构。 https://www.douban.com/note/866768401/
13.UizardUizard是AI驱动的UX/UI设计工具,能快速生成应用和网站原型。用户只需输入文本描述,AI可自动创建设计。支持实时协作、截图转设计、手绘草图数字化等功能,适合设计师、产品经理等。https://ai-bot.cn/sites/122.html
14.画原型图用什么软件一款强大的原型设计和开发人员工具,适用于任何项目的原型设计,可以用来制作原型图、流程图、线框以及https://www.hxsd.com/wenda/67058/
15.教程!手把手教你如何绘制原型图将产品的交互步骤按照顺序进行梳理,制作成流程图,可以在绘制原型图时更有逻辑性。 工具:亿图图示 3、利用工具进行绘制 为了让设计师、开发尽可能的了解产品架构与交互,产品一般会需要提前绘制出直观原型图,以此来讨论产品内部结构、跳转原理等。 工具:Pixso https://www.fromgeek.com/daily/1044-417163.html
16.神器一箩筐:创建高保真的移动Demo(工具篇)优设网神器一箩筐:创建高保真的移动Demo(工具篇) Zoey:学习交互设计的童鞋,都躲不过画原型图这个必考科目。如何创建保真度(视觉、交互、内容)都较高的 Demo 呢,今天腾讯设计师分享的好文,除了推荐很多简单易上手的画图神器,更宝贵更值得细读的是她的思路,完全体现了一个设计师该有的严谨与细致。童鞋们感受一下。https://www.uisdc.com/fidelity-mobile-demo-tools
17.界面原型图是什么?该怎么画?界面原型图可以简单理解为根据需求分析阶段的要求构建出可用的产品界面,常用于项目初期或精细化阶段。可以帮助设计师将抽象的界面具体地展现,辅助设计;帮助开发工程师了解界面在系统中的作用,辅助开发;辅助产品测试员制定产品测试计划;作为产品经理、设计师、开发工程https://www.liuchengtu.com/tutorial/jiemianyuanxingtushishenme.html
18.「设计方法」UI工作流程指南(一)《超全面总结!如何画出专业的原型图?(下)》 关于原型工具 Axure 官网链接:http://www.axure.com/ 很有名的原型设计工具,也算是日常工作中最常用的原型工具,成名很早,很多设计师、PM(产品经理)都有用它,它除了能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版外,还支持javascripthttps://maimai.cn/article/detail?fid=1432760722&efid=WECXIWo5VTVdp8MWzUWhCA
19.蓝湖mastergo官网蓝湖mastergo,在线原型图设计工具,为团队协作而生的一站式产品设计工具 标签:原型设计工具 1+1-001+ 链接直达 ?>1.免费ai视频生成+写作(可联网)?>>2.免费ai视频神器推荐3.免费ai写作绘画 蓝湖mastergo官网-在线原型图设计工具,为团队协作而生的一站式产品设计工具 https://biemoyu.com/sites/mastergo.html
20.分享13款优秀的网页线框图设计和制作工具心得技巧网页制作当你开始做一个项目的时候,用线框图把你的想法勾勒出来非常重要。这是你把想法变成际成果的必要步骤,通过绘制线框图原型才能决定怎么样做更合理。今天这篇文章收集了13款超级有用的优秀网页线框图工具分享给大家,这些工具能够帮助你做出优秀的线框图。 https://www.jb51.net/web/69919.html
21.20个原型设计案例,助你原型设计效率起飞!在产品设计过程中,原型设计扮演着至关重要的角色,它为整个产品的发展奠定了基础。想要做好原型设计,经验的积累是不可或缺的。而对于新手来说,想要快速开启原型设计之旅,除了可以选择使用快速原型设计工具外,还可学习和参考一些优秀的原型设计案例。参考和学习这些高质量的原型设计案例有助于迅速理解和应用设计原则,掌握https://blog.51cto.com/u_9540389/6500487
22.ProcessOn思维导图流程图在线画思维导图流程图工程与技术设计 电路图 平面图 数据分析与研究 图表/表格 其他图形 E-R图 基础思维导图 鱼骨图 自由结构 时间轴 组织结构图 树形图 括号图 默认模式 AI助力,释放无限想象力 免费在线流程图思维导图 专业强大的作图工具,支持多人实时在线协作,可用于原型图、UML、BPMN、网络拓扑图等多种图形绘https://www.processon.com/
23.商户终端APP产品原型图(axure)软件产品原型案例资源《商户终端APP产品原型图(axure)深度解析》 商户终端APP产品原型图是产品设计过程中的关键环节,它预示着应用的功能布局、用户体验和交互设计的初步构想。在本文中,我们将深入探讨如何利用axure这一强大的原型设计工具来创建高效且直观的商户终端APP原型。 让我们了解什么是axure。Axure RP是一款专业的原型设计和规格说明https://download.csdn.net/download/jys1216/8824477
24.MasterGo莫高设计MasterGo/莫高设计是AI时代企业级产品设计平台,贯穿产品设计研发的全链条在线协作工具,是可协作的在线sketch、国内版figma,提供在线产品设计、原型图制作设计、网页开发设计、产品交互设计、UI和UX设计工具等功能,支持多人实时协作,可快速搭建设计系统,为产品设计师、交互https://www.mastergo.com/
25.sketch专注于ui设计+原型图工具Sketch puts the focus back on you and your work. Made by designers, for designers.https://www.sketch.com/
26.原型设计6种原型图的优缺点人人都是产品经理PPT里面的画图控件太少,画图工具隐藏的比较深,操作起来,不方便; 4. Html网页格式的原型图 优点: 可以在任何电脑上,用浏览器打开,直接阅读Html原型图; 不能在手机微信聊天窗口上,直接阅读Html压缩包的原型图; 可以先用Axure设计原型图,然后导出Html网页格式。 https://www.woshipm.com/rp/602951.html
27.工欲善其事必先利其器——原型图能决定原型优劣的,更关键的是加强自身能力,如:深度认知用户使用场景,充分理解需求、了解基本交互规则等多方面能力。这里先推荐大家几个比较常用的原型工具: AxureRP:老牌软件,用过都说好,市场上用的也比较多,重点推荐。 Mockplus:做线框图不错,最大的亮点,莫过于https://mp.weixin.qq.com/s?__biz=MzI1MTEwNzE2NQ==&mid=2649045288&idx=1&sn=f149a332e1f112f5e4e9b8805745d4f3&chksm=f1e99b1ac69e120cdb97ba6878958ea5165a602954f64dd71f861c5aeb1a4376fa69da8a0ec5&scene=27
28.原型工具原型图 原型工具 原型设计工具 设计工具 原型图http://www.atomstudio.cn/