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

一、原型设计工具比较

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[结束]

热门相关:帝少的专属:小甜心,太缠人   霸皇纪   照见星星的她   夫人,你马甲又掉了!   横行霸道