原型设计工具比较及实践--滴爱音乐

2023-04-25 01:36 由金金兑兑发表于 #软件工程

一、原型设计工具比较

1.墨刀

适用邻域

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

优点

1.组件：丰富，供不应求。每一个组件又细分到：组件、图标、图片、和页面。Axure只有单一的组件可供选择，更多时候需要自己去组合，而墨刀组合分类好的可省去很多时间。素材很多，海量免费使用。
2.帮助中心：从每一个组件、图标可以链接进入其帮助中心，查看使用指南，一条龙服务，非常方便，非常适合初学的新手。
3.由于产品设计团队都中国的，相对于Axure，比较符合我们的作业习惯，登陆方便支持网页登陆。
4.墨刀将带来全新的设计工具，响应式布局、布尔运算、渐变色填充，甚至是协作，且远不止此。性能优化实现高并发高可用的协同设计，毫秒级响应，操作体验更顺滑，智能化操作设计，减少繁琐的操作步骤，提升设计效率。

缺点

需要收费，才使用墨刀；不够灵活，自由度低；免费内容极少，只能网页操作，无法离线保存。

2.Axure

适用领域

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

优点

1.免费，功能强大，交互功能比较强大，处理可以更细节；
2.有强大的编辑功能, 使得制作素材库会更便捷一点，更快的复制粘贴，素材库和原型库会多一些，有较为完善的管理功能；
3.可以项目共享，使得同事间可以同步工作，并保留所有工作历史，并可以随时到处历史版本的项目文档。

缺点

使用需要安装；保存在本地，安全性较差；操作繁琐，而且文件一大就容易卡死。

3.Mockplus（摹客）

适用领域

摹客（Mockplus）是成都摹客科技有限公司旗下设计协作品牌，专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作。

优点

1.Mockplus设计了组件、图标、收藏、母版的 Tab，切换起来很方便。
2.做原型，交互简单，只需拖曳就可以，更快更简单
3.功能多样，组件资源丰富

缺点

手机预览偶尔会出现闪退且不清晰；不支持鼠标悬停，日历表组件是静态的；不支持手势交互。

二、原型设计

1.主题名称

在线听歌--滴爱音乐

2.功能

1.用户可查看收藏歌单及本地下载歌单
2.查看个人账号积分，积分可兑换礼品
3.用户在会员中心选择是否充值会员，可查看会员有效期

3.界面设计考虑因素

1.界面简单，用户查看通俗易懂
2.界面布局合理，图文结合，适当美观
3.用户可按照自己的喜好更改界面外观主题

4.切换界面

我的页面

界面功能
- 查看积分
- 查看会员
- 查看收藏及本地下载歌单
界面组成
- 页面切换项
- 收藏歌单
- 积分中心
- 会员中心
前置条件
- 登录软件，切换到“我的”界面
后置条件
- 选择需要进入的界面，点击选项
操作步骤
- 点击“积分中心”，进入查看积分
- 点击“会员中心”，进入查看会员有效期以及更换主题
- 点击“收藏”，可进入收藏歌单列表

积分中心页面

界面功能
- 领取积分功能
- 积分兑换礼品功能
- 查看积分兑换订单功能
界面组成
- 页面返回键
- 头像和积分信息
- 能领取积分的各项任务
- 可兑换的礼品
前置条件
- 在“我的”界面，点击进入“积分中心”
后置条件
- 返回“我的”界面
- 领取积分，查看获得积分的更多任务
操作步骤
- 点击界面左上角的箭头，返回到“我的”
- 点击“领积分”，领取积分

会员中心页面

界面功能
- 查看会员有效期功能
- 选择是否续费会员功能
界面组成
- 头像、用户名
- 会员等级徽章
- 界面返回项
前置条件
- 在“我的”界面，点击进入“会员中心”
后置条件
- 选择续费会员
- 改变主题装扮
操作步骤
- 点击界面左上角的箭头，返回到“我的”
- 点击“立即续费会员”，续费会员

我的收藏页面

界面功能
- 查看、播放收藏歌单里的音乐
- 搜索功能
界面组成
- 歌曲名称及歌手
- 音乐播放滚动条
- 页面返回项
- 搜索按钮
前置条件
- 在“我的”界面，点击进入“收藏”
后置条件
- 选择播放收藏的音乐
- 对想听的歌曲进行搜索
- 返回“我的”
操作步骤
- 点击界面左上角的箭头，返回到“我的”
- 点击任意一首歌曲播放音乐
- 点击搜索按钮，进入搜索界面

5.界面交换流程

首先进入我的页面，用户按自己想法分别选择进入任何一个页面。选择点击“积分中心”，则进入积分中心查看积分、领取积分或用积分兑换礼物；选择点击“会员中心”，则查看会员有效期；选择点击“收藏”，则进入收藏歌单，播放歌单里的音乐或者进入搜索界面，搜索歌曲。所有界面都有返回键，可返回到上一个页面。

graph TD A[开始] -->B(进入我的页面) B -->C[进入积分中心页面] B -->D[进入收藏页面] B -->E[进入会员中心页面] D -->F[进入搜索界面] C -->G[结束] F -->G[结束] E -->G[结束]