一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。
(1)Axure的优缺点
1.主要优点
Axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。
2.主要缺点
Axure缺点同样也相当明显,Axure的动态面板、中继器等功能都是强大的,但是不容易搞懂。AXURE的素材也是很蛋疼的问题,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,需要花费相应的时间。
(2)墨刀的优缺点
1.主要优点
刀对于APP的原型设计真的是体验非常好,怎么说呢?就像有一个无形的人在帮助你,和你一起打造你的原型APP。(当然以后也适用微信小程序的设计),其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。
2.主要缺点
墨刀的缺点就是相应的就是不自由啦,首先这也于墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能
(3)mockpuls的优缺点
1.主要优点
Mockpuls(摩客)是一款简介快速的原型图设计工具。审核软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockpuls设计了组件、图标、收藏、母版的Tab,切换起来很方便。还筛选了一部分常用的组件固定在组件库上面,实现高频操作不用找。另外折叠面板的功能很棒,不用纠结展开和关闭的问题。
2.主要缺点
摩客的表格功能还需要完善,和它提倡的快速目标有差距,不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
(4)三者比较
墨刀的自由度及其简约的画风使得设计者可以在设想刚产生时便使用其绘制,同样的Mockpuls有着像是一把老工具的熟悉感,你可以通过它快速的导出你脑海中的设计图,但前两者都有着绕不过去的坎,他们可以做到快速简约但却没办法做到细致而在工作过程中细节决定成败,他们只能拿来做一些预览或是展示设计的表现手段,真正在工作中还是使用Axure,你可以自己寻找常用的元件并添加进去,同时它的交互功能更是可以让团队共同操作实现细致、高效率。所以三者没有优劣之分,真正决定你使用那个软件的是,你所导出的设计图是给谁看的?墨刀和Mockpuls更加方便快捷,可以做一个简单的DEOM和领导沟通;如果是给技术将详细功能会用Axure绘制原型图,交互更多更加自由,也可以更加方便的增加备注标签,方便研发人员理解。
二、使用墨刀进行视频app的原型开发
(1)主题名称:视频app原型设计——椰子视频
(2)功能:椰子app是一款影视频观看软件,可以让用户观看到涵盖多国多语言,多题材,多类别的影视剧,同时满足用户的各项功能需求,支持个性化定制,从功能到外观全方位立体式个性化,支持在线播放,搜索,超前点播,预约,播放记录跟踪等功能,掌握全网首播资源,包含了上千万部影片,流畅播放,支持各种清晰度,同时支持立体音效,使用户能够获得沉浸式的体验。
(3)设计思路:整体设计贴合主题,采用包含热带风情的蓝色调,搭配上立体感的水滴,给人一种如同置身夏天的清凉感受,使用户在打开app的时候就牢牢抓住其眼球,给用户深刻的印象,形成认知,同时内部风格简洁,功能具体,图标鲜明,方便用户理解和操作,给用户以最好的使用体验,首页推送热门内容,方便为了影视资源慕名而来的用户第一时间满足其需求,增加用户黏性,app包含多个模块,风格区分明显,推送新剧热剧,给用户时刻的新鲜感。
(4)界面
1、登陆界面
界面功能:提供进入使用app的入口,用户可选择登录或游客体验
界面构成:清新的UI设计,简洁的功能,app名称放在正中间,抓住用户眼球,奠定app基调
前置条件:进入App
后置条件:登录App
2、App首页
界面功能:提供搜索功能,推荐热门影视剧,根据用户的点击和观看记录用户的偏好,为后续的更新和个性化的推荐奠定基础
界面构成:正上方提供剧种分类,实现便捷选择;跑马灯滚动新出热门独播影视剧,吸引用户点击;提供推荐专栏,推荐热度高,评价好的剧,吸引用户兴趣
前置条件:登录APP
后置条件:视频搜索成功,视频成功播放
3、短剧界面
界面功能:提供热门,短剧,轻综艺自由选择切换功能
界面构成:跑马灯轮播推荐短剧,分几个小模块使用简洁生动的语言介绍推荐短剧,吸引用户点击观看
前置条件:点击短剧选项卡切换
后置条件:实现热门,短剧,轻综艺的切换,模块点击成功播放
4、会员界面
界面功能:会员精选,续费,兑Vip,免费领Vip,福利社,买周边以及搜索功能
界面构成:会员卡界面,查看Vip活动模块,热播推荐模块,Svip精选模块
前置条件:点击会员选项卡切换
后置条件:会员续费成功,功能切换成功跳转,热门活动成功查看,热播推荐成功跳转播放
5、分类界面
界面功能:搜索想看功能,剧种分类筛选功能
界面构成:搜索框,标签分类筛选,高分热播剧推荐模块
前置条件:点击分类选项卡切换
后置条件:搜索成功,点击标签成功筛选,点击推荐剧成功跳转播放
6、我的界面
界面功能:扫码功能,查看播放记录,下载,收藏,购物,客服,查看积分,切换壁纸等功能
界面构成:“我的”名片卡,播放记录查看模块,追更助手模块,我的服务模块,我的椰椰模块
前置条件:点击我的选项卡切换
后置条件:成功查看播放记录,各模块功能成功实现,我的关注,粉丝,好友,扫码等功能成功实现
(5)界面流程
通过点击底栏跳转各页面