实验一原型设计——随“易”听app
一.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点
(一)墨刀
1.适用领域:
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
2.优点:
(1)非常容易做交互,操作简单,效率极高,适合初学者。
(2)界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。
(3)强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便。
(4)非常方便分享给他人,预览速度非常快
3.缺点:
(1)有很多高级功能收费,需要付费才能进行使用。
(2)适合做交互设计,文档方面有所欠缺,不是很灵活。
(3)必须进行在线操作,由于事件系统比较简单,无法演示复杂的交互效果。
(4)功能过于简单。
(二) Axure
1.适用领域:
是一个专业的快速原型设计工具,广泛应用于网页和移动应用设计中。负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
2.优点:
(1)即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活
(2)应用灵活,可拓展性强,拥有超级强大的交互制作能力。
(3)使用成本几乎为零,高保真的原型设计工具,名声大,专业性高。
3.缺点:
(1)规范性较差。编辑能力着实强大,变相导致规范性差,管理不便。
(2)学习成本高,学习难度较大,对于小白使用和操作不太容易。
(3)本地型软件,可以下载html文档预览,手机预览不方便。制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁琐。
(三) Mockplus
1.适用领域:
是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
2.优点:
(1)开发成本低,软件免费。审阅协作、无缝真机预览。
(2)有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
(3)适合快速开发迭代的模式,上手快。
(4)模版管理、组件交互动画、素描风格等功能为独有创新。
3.缺点:
(1)软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。
(2)表格功能还需要完善,功能不够强大,个人性化设计还有潜力。
(3)适合小白,软件专业性有待提高。
二.使用摹客进行随“易”听音乐原型设计
(一)主题名称:随“易”听
(二)功能介绍
随“易”听app以淡绿色为基调,功能以简单,便捷为主。舍掉很多繁文缛节,回归本质,用最简单的界面完成听歌功能。简洁直观,用户可以轻松上手。所有功能都通过直观的图标和按钮呈现,使得用户能够快速找到并操作所需的功能。
- 音乐搜索:用户可以轻松搜索任何歌曲或艺术家,快速找到他们想要听的音乐。
- 歌词显示:当歌曲播放时,软件会自动显示对应的歌词,帮助用户更好地理解歌曲内容。
- 音乐推荐:基于用户的听歌习惯和喜好,软件会推荐新的音乐,帮助用户发现新的音乐风格和艺术家。
- 收藏功能:用户可以收藏他们喜欢的歌曲或艺术家,方便以后快速找到并播放。
5.界面切换流程图
三、界面设计
1.欢迎界面
界面功能:欢迎用户,展示软件整体基调,给用户轻松舒适的氛围。
界面组成:主题色调设计为绿色,清新淡雅风。
前置条件:打开手机端随“易”听app
后置条件:单击够进入首页
2.登录界面
界面功能:为用户创建登录账号
界面组成:单行文本框、密码框、登录按钮、注册按钮、以及使用其他方式登录和忘记密码的情况
前置条件:单击欢迎界面
后置条件:登录成功进入到首页
操作步骤:输入账号和密码登录app
3.首页
界面组成:搜索框、消息提示,推荐合集模块,推荐歌曲模块,在线听歌人数图标,正在播放歌曲,控制音乐播放(暂停,下一首,循环播放)、最近播放列表下拉按钮,首页按钮,我的按钮
界面功能:搜索音乐、播放推荐音乐合集、查看推荐歌曲、查看播放列表、查看消息,进入我的
前置条件:注册成功且登陆成功
后置条件:音乐成功播放、音乐搜索成功、歌单可以成功查看、成功接到消息,登录我的账号。
4.消息界面
界面组成:对话框,返回按钮
界面功能:接收好友,陌生人,系统发送的信息
前置条件:点击消息按钮
后置条件:成功接到消息
操作步骤:点击右上角消息图标,进入该页面,<--返回,回到首页
5.搜索页
界面组成:搜索框、搜索按钮、搜索历史、删除最近搜索记录按钮、热门搜索,键盘,返回按钮
界面功能:搜索歌曲,热门分类并进行搜索
前置条件:点击搜索框可以跳转到搜索页面
后置条件:呈现搜索结果、成功查看热搜榜和热门分类
操作步骤:点击搜索框,进入搜索歌曲进入该页面,<--返回,回到首页
6.音乐播放界面
界面组成:最近播放按钮、显示歌曲名、歌词显示模块、进度条、上一首按钮、下一首按钮、暂停播放开始播放按钮、切换播放模式按钮、查看评论按钮。
界面功能:可以切歌、控制播放或暂停状态、查看歌词、最近播放列表、评论
前置条件:点击首页音乐播放模块进入音乐播放界面
后置条件:成功控制音乐播放状态、成功查看歌词、查看评论、成功切换播放状态等
操作步骤:在主页点击最下方播放条,进入音乐播放界面
7.歌词界面
界面功能:查看歌词
界面组成:歌词栏、暂停、下拉功能
前置条件:点击查看歌词按钮
后置条件:点击任意一句歌词可跳转到该歌词播放
操作步骤:点击中右方绿色查看歌词按钮
8.播放列表界面
界面功能:查看最近播放
界面组成:歌词栏、暂停、下拉功能,下载,返回按钮,退出
前置条件:点击播放列表按钮
后置条件:显示最近你播放
操作步骤:在主页点开右下方下拉按钮或者在音乐播放界面打开。
9.评论界面
界面功能:查看评论
界面组成:精彩评论区,发表评论按钮,返回键,单行文本框,返回按钮,键盘
前置条件:点击查看评论按钮
后置条件:读评论、发表评论
操作步骤:在音乐播放界面点击评论按钮
10.我的界面
界面功能:实现一系列功能,如查看收藏,本地,消息等
界面组成:头像、姓名、收藏按钮、本地按钮、消息、最近播放、猜你喜欢、搜索框等
前置条件:点击界面下方我的按钮可以跳转到我的页面
后置条件:能够成功查看收藏、本地、消息,回到首页
操作步骤:点击我的
11.收藏/本地歌曲界面
界面功能:查看我喜欢的歌曲和保存的歌曲
界面组成:文本框,单项选择框,推荐歌曲
前置条件:点击收藏/本地按钮
后置条件:能够成功查看收藏、本地、消息,回到首页
操作步骤:点击我的