首页 > 其他分享 >原型设计工具比较及实践

原型设计工具比较及实践

时间:2023-04-21 21:47:12浏览次数:26  
标签:界面 登录 实践 歌单 原型 设计 歌曲 工具


                                                                                                     原型设计工具比较及实践

目录:

一.     原型设计工具的优缺点比较

二.     原型设计作业

原型设计工具的优缺点比较

1.墨刀

背景及适用范围“墨刀提供了一种脱离传统PRD文档的产品表达为式,即在制作的原型周围书写产品逻辑,规则,快速的完成“简易PRD”,把整个需求到中发的周期缩短很同时墨力针对大企业客户专库服务提供了企业内成员使用看刀的情况清单,可以从利于工作成果的常弄股出作量的再分配。

非常有助于阶段性的成果 全理及管程墨刀同时也是协作平台,项目成员可以协作编辑、审阅,展示产品想法,向客户收集产品反馈以及在团队内部进行协作沟通。

优点:

原型演示效果好,适合产品设计确认与交互验证

元件种类丰富,使用者无需编写可以直接使用

提供强大的共享创建功能,预览速度快

缺点:

事件系统较为简单,无法演示复杂的交互效果,比如需要变量控制     页面,数据排序等

部分便捷的操作需要购买使用,免费版对于项目、页面数量有限制

组件太少,缺少传统UI交互的基础组件

2. Axure

  背景及适用范围

    Axure是美国Axure Software Solution公司旗舰产品,致力于根据产研团队不同角色的实际需求做出一套可实现更高效协作的完整方案,将平台的服务能力应用到更多工作场景,为整个软件行业的研发生产带来更好的发展。是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

优点: o 即可以画图,又可以做文档,画图的难度较低,写文档较灵活

            o Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实

            o 使用成本很低

缺点:

             o 学习成本高,高级元件的使用有一定学习门槛

             o 素材需要寻找第三方素材库进行载入,需要花费较多时间 

             o 手机端演示效果差

3. Mockplus

  背景及适用范围

    摹客隶属于成都摹客科技有限公司,构建了一个高效、闭环的互联网协同合作生态系 统,它为设计师与产品、开发间的无缝对接、高效合作 提供了现实的可能。大幅度地提升互联网产品研发的效 率,让大量的设计、产品、开发资源得以释放,进而提 升了名万面资源的优化配置注重一站式的产品设计及协作。摹客支持全工序的产品设计,连接从需求到开发,为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅,支持全部主流设计稿交付,帮助产品经理、设计师、开发人员高效设计协作。

优点

        o 原型项目层次清晰,交互上的功能性强大

        o 项目树层级分明,项目树中以分组和子页面来规定层级

        o 基础版免费使用,操作简单,上手快

        o 很好操作,同时提供手机,平板多种原型设计工具

缺点

       o 软件设计方式相对传统。无法适应复杂、高定制化的需求

       o 表格功能需要完善,预览不是很清楚

       o 工具过于稀少,设计方式太过单调

       o 不支持手势交互,功能上的细腻性有待加强

二.     原型设计

1.主题名称:  听歌神器

2.功能:可以随时随地听自己喜欢的歌曲,下载缓存兼顾,同时收藏歌曲,创建歌单,与朋友交互分享歌曲,互相加为好友。

3.界面设计

考虑QQ音乐,网易云等听歌软件,设计了登陆界面,主页面,个人主页,歌词展示等四个界面,每个界面都兼顾用户的不同需求,例如登录界面可以选择QQ登录,微信登录,个人主页不仅包括个人信息,还兼备我的歌单,我的收藏,我的喜欢等等。

四个界面展示:

1.登录界面

 

  •  界面功能

           实现QQ,微信登录功能

  • 界面组成

          由QQ,微信登录面板组成

           下方有用户协议

  • 前置条件

          需同意用户协议方可登录

  • 后置条件

         可返回或切换其他界面

  • 操作方法

         输入QQ,微信任意一个即可登录

  2.主界面 

            1.  界面功能

                 有系统推荐的歌曲,可刷新

                 有音乐馆,可以听取各种歌曲

                 可播放喜欢的歌曲

            2.  界面组成

                有推荐,音乐馆,听书,听歌识曲

                播放歌曲界面,mv图像

                下载,收藏均可实现

            3.  前置条件

                 登录后打开主页面

            4.  后置条件

                 可随时退出,返回

            5.  操作方法

                 点击推荐,有系统推荐的歌单

                 点击红心,可收藏歌曲

                 可随意切换歌单播放

 

 

3.个人主页

 

  •      界面功能

               可以登入,登出QQ账号

               可以下载歌曲

                收藏曲目

               可以创建歌单,添加到我的喜欢

  •      界面组成

               由账号,已建歌单,收藏歌单,播放的歌曲组成

  •      前置条件

               打开个人主页,将喜欢的歌添加到我的喜欢

  •     后置条件

              可直接退出

  •      操作方法

              登录账号后可添加喜欢的歌曲,收藏歌曲

              播放歌曲,可切换到下一首

 

 

4.歌词展示

 

  • 界面功能   

              能随着歌曲播放展示歌词,可暂停可继续播放,歌词与歌单是同步播放的

  •     界面组成

              由歌单,歌词,播放按键,弹幕,下载组成,可收藏

  •     前置条件

              搜索喜欢歌曲,播放歌曲

  •     后置条件

              可暂停播放,退出app

  •      操作方法

              点击播放按钮即可播放

三.     界面切换流程(流程图)

 

                                                                                                        听歌神器运行流程图

 

 

 

 

 

 

 

 

标签:界面,登录,实践,歌单,原型,设计,歌曲,工具
From: https://www.cnblogs.com/sysgxr/p/17341890.html

相关文章

  • 定时小玩意-----bat工具
    这是一个小工具vbs脚本SetvbObj=WScript.createObject("wscript.Shell")msgbox"taskisrunning"fori=1to5 WScript.Sleep60000 vbObj.SendKeys"{F7}" 'msgbox"sleep1mincurrentiis:"&inext'msgbox&quo......
  • SASS界面编译工具——Koala的使用
    《SASS界面编译工具——Codekit的使用》一文中图解了"CodeKit"图形工具编译SASS项目。由于CodeKit是一款付费工具,而且只能在Mac中使用,因此国内众多SASS爱好者,或者初学者也就无法体验CodeKit工具编译SASS项目。幸运的是,有一款国产图形工具Koala和CodeKit功能极其类似,支持多个平台......
  • linux下查看文件内容工具发布啦!
    导读在Linux下面我们想要查看一个文件里面的内容,除了用编辑器把文件打开查看外,linux还提供了几条命令,可以不用打开文件就能把文件的内容输出到显示屏上进行查看。1、catcat命令主要用来查看文件内容,创建文件,文件合并,追加文件等。1.1、查看文件命令:cat文件名说明:这条命......
  • 【Spring】静态方法(工具类)中调用Spring管理的Bean
    背景在一些业务开发,经常会写一些工具类,但这些工具类时常需要调用到Spring管理的bean,这些Spring管理的bean注入,平常用的都是@Autowired注解一个成员变量,问题就来了:(1)成员变量(即Spring管理的bean)是非静态的,但工具类都是想写静态方法,静态方法不能引入一个非静态的变量。所以......
  • 脱敏工具类
    https://www.cnblogs.com/SjhCode/p/mask.html/***@author*@date2022/8/3113:50*@descriptionTODO信息脱敏工具类*/publicclassMaskUtil{/***手机号显示首3末4位,中间用*号隐藏代替,如:188****5593**@parammobile*@return*/pu......
  • 原型1
    目录一原型设计工具比较1.墨刀2.Axure3.Mockplus二原型设计1.签到及关注界面2.关注界面3.邮箱通知界面4.播放列表界面三总流程图一原型设计工具比较1.墨刀2.Axure3.Mockplus墨刀:适用范围墨刀是一款在线的移动应用原型与线框图工具,借助墨刀,创业者、产品经理及UI/U......
  • 测试常用工具总结
    1.adb       安卓调试查日志等2.git         代码管理平台3.idea        java集成开发平台4.pycharm    Python集成开发平台5.jdk         Java编译环境6.jmeter       压测工具7......
  • 常用的Java开发工具IDEA、eclipse比较
    常用的Java开发工具比较​ 市场上Java开发常用的编辑器可谓是琳琅满目,令人眼花缭乱,甚至让人难以抉择。所以今天挑选了几款主流的编辑器进行介绍,都是功能比较丰富的IDE,至于大神使用的普通文本编辑器就不再此次考虑范围内,主要介绍IntelliJIDEA、Eclipse、NetBeans、VisualStudi......
  • wrk压测工具
     1、参数说明使用方法:wrk<选项><被测HTTP服务的URL>Options:-c,--connections<N>跟服务器建立并保持的TCP连接数量-d,--duration<T>压测时间-t,--t......
  • 工具集
    Linux连接与文件传输工具MobaXtermportableedition免安装;installeredition安装版FileZilla文件较大时,下载较慢,因此推荐使用FileZilla下载大文件Tabby-跨越堡垒机的SSH利器-基础篇 内存消耗大,支持SSH的JumpHost跳板连接。......