原型设计工具比较及实践
一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
墨刀 优点:
1.操作效率高,易于上手。
2.动效丰富。
3.分享二维码到微信等十分方便。
4.可自动生成页面流程图。
5.专为移动端产品原型设计而生。基本上能满足移动端产品原型的设计要求并且系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少不必要的工作环节。
缺点:
1.必须在线操作(离线无法保存)。
2.免费版对于项目数量、页面数量有限制。
3.页面流程图不能自由操作。
Axure 优点:
1.有强大的编辑功能, 使得制作素材库会更便捷一点。
2.更快的复制粘贴,素材库和原型库会多一些。
3.可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。
缺点: 1.正版的Axure售价高,学生等群体可能负担不起。
2.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高。
3.Axure只支持在本地设计
MockPlus 优点:
1.基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
2.有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
3.mockplus有组件库和图标库,界面设计较为方便。
缺点:
1.不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
2.表格功能还需要完善。
二、原型设计中的低保真和高保真是什么意思?
低保真:当我们明确了产品的业务需及使用场景以后,产品经理和交互设计师们可以使用低保真原型来较快的设计产品的概貌。产品经理和交互设计师们通过项目早期阶段已经明确了产品的功能需求及业务范围,基本上已经知道了产品需要做什么。根据业务会议上确定的产品方案,首先需要梳理清楚产品的功能结构和信息结构,根据业务需求推导出详细的功能点。好了,通过这些工作产品的战略目标、需求范围、功能结构都已经清楚了。线框图又称为低保真原型。
高保真:高保真原型常用于向高层领导进行产品演示或者向投资人演示产品概念,以寻求项目融资。高保真原型又可以成为产品的Demo,除了没有真实的后台数据进行支撑外,几乎可以模拟前端界面的所有功能,完全是一个高仿产品。对于一些非IT科班出身的高层领导、老板及投资人,如果我们希望他们能够尽可能详细的了解产品的功能及业务需求,这个时候低保真原型并不一定使用,因为他们总是能够从低保真原型中找到一些他们不理解的“问题”。因此在这个时候,他们希望看到的是一个无线接近线上产品的高仿Demo,从视觉显示以及交互动作上都和真实产品大致相同。高保真原型需要在低保真的基础上进行配色,插入真实的图片及icon图标。这样从视觉显示及交互设计来看,就是一个完全高仿的Demo原型。
三、利用网络资源自学墨刀原型设计工具,并利用该工具自拟主题进行原型设计。主题可以是老人手机、在线听歌、相册管理等。
主题:云音乐
功能:提供在线听歌服务
界面设计考虑因素:符合现代青年人审美,可以通过边界的操作满足进本的在线听歌需求
切换界面:
主页 我的页
搜索页 搜索结果页
播放页 歌词页
歌单页
附墨刀原型设计:https://modao.cc/app/ac869c5dc98992bf2ab30f2df8a0eb82c4d6b5d6?simulator_type=device&sticky
页面说明
页面 | 界面功能 | 界面组成 | 前置条件 | 后置条件 | 操作步骤 |
主页 | 功能导航 | 各项功能图标、背景主题、播放图标 | 无 | 进入各项功能 | 点击各项功能 |
我的页 | 回到主页、显示个人听歌记录 | 功能图标、歌单图标、播放图标 | 点击我的 | 回到主页、进入播放 | 点击主页、点击播放按钮 |
搜索页 | 按照歌曲及相关信息进行搜索 | 播放图标、热搜榜、历史记录、歌曲分类以及搜索图标 | 点击搜索框 | 回到主页、进入播放、获得搜索结果 | 点击回退按钮、点击播放按钮、点击搜索按钮 |
搜索结果页 | 获得搜索后的结果 | 播放图标、搜索结果及相关结果 | 点击搜索图标 | 回到主页、进入播放 | 点击主页、点击播放按钮 |
播放页 | 播放歌曲 | 歌曲封面、播放按钮 | 点击播放按钮 | 回到主页、进入歌词页 | 点击主页、点击歌曲封面 |
歌词页 | 显示歌词 | 歌词及播放按钮 | 点击歌曲封面 | 回到主页、回到播放页 | 点击主页、点击歌词部分 |
歌单页 | 显示歌单 | 歌单封面及播放按钮 | 点击歌单按钮 | 回到主页、进入播放 | 点击主页、点击播放按钮 |