一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
1.墨刀:
适用领域:墨刀适用于快速创建简单的交互原型,尤其适合设计师、产品经理和开发人员等各个领域的用户。
优点:①墨刀提供了丰富的模板和组件库,用户可以快速创建交互原型。
②它支持多人协作,方便团队成员一起编辑原型。
③墨刀支持云端保存和分享,用户可以随时随地访问和分享原型。
缺点:①墨刀的功能相对简单,可能不适合制作复杂的原型。
②其交互效果相对较弱,不够灵活。
③加载速度较慢
2.Axure:
适用领域:Axure适用于设计师、产品经理和开发人员等专业领域的用户,尤其适合制作复杂的原型。
优点:①Axure能够帮助设计师将设计概念迅速转化为可交互的原型,支持创建复杂的交互设计,如页面跳转、动态面板、条件逻辑等。这使设计师能够更直观地呈现设计思路,提高设计质量。
②Axure生成的原型可以直接导出为HTML文件,方便开发团队进行理解和实现。
③拥有丰富的插件和扩展,可以根据需要自定义工具功能。
缺点:①Axure具有较高的学习曲线,需要定的时间来学习和掌握。
②需要花费相应的时间。
③价格相对较高。
3. Mockplus:
适用领域:Mockplus适用于多种领域,如电商、教育、医疗等。它提供了大量封装组件、图标以及原型模板例子,能很好地满足各种设计素材需求。
优点:①Mockplus具有离线版,适合完全局域网办公或无法连接互联网的用户。
②其提供的组件和模板能够快速满足客户需求,提高设计效率。
③Mockplus注重用户隐私和数据安全,离线环境使用更安全更保密。
缺点:①相比于Axure等工具,Mockplus在生成原型文档方面的能力较弱。
②不支持复杂的交互设计和动画效果。
③功能较简单。
(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
①主体名称:百度APP
②功能:提供网页、图片、新闻、地图、视频、知道、百科、音乐、文库等,利用百度最优质的搜索资源,让搜索结果更精准,搜索历史、搜索建议为您简化输入操作,搜索信息更快捷。
③界面设计
1.首页
界面功能:实现搜索功能,发现新闻热点等
界面组成:搜索框,百度,视频,消息,我的
前置条件:登录后默认进入首页
后置条件:按自己所想,点击想要进入的页面
操作步骤:直接点击方可跳转界面
2.消息
界面功能:实现对话功能,删除对话信息等
界面组成:垃圾站,更多,消息对话框
前置条件:进入首页,点击底部“消息”
后置条件:点击想要对话的对象,进行交流沟通
操作步骤:直接点击想要对话的对象,跳转界面,进行沟通
3.我的
界面功能:查看个人信息,收藏,历史记录,书架,文件,订单等
界面组成:收藏,历史,书架,文件,订单,钱包,知乎,百度教育等
前置条件:进入首页,点击底部“我的”
后置条件:点击想要进入的组件,进行下一步操作
操作步骤:点击图标,进行跳转
4.我的音乐
界面功能:可以播放喜欢的歌曲,进行收藏等
界面组成:音乐,歌单,收藏,播放等
前置条件:在“我的”页面,点击“音乐”
后置条件:播放音乐
操作步骤:直接点击想播放的歌曲
5.歌曲界面
界面功能:可以暂停,上一首,下一首进行控制等
界面组成:收藏,喜欢,评论,定时,暂停,上一首,下一首等
前置条件:在“我的音乐”页面,点击“精卫”
后置条件:播放音乐,进行操控
操作步骤:直接点击想操控功能的位置
6.添加到喜欢列表
界面功能:将自己喜欢的歌曲添加到喜欢列表
界面组成:按键“我知道啦”
前置条件:在“精卫”页面,点击“喜欢”
后置条件:点击“我知道啦”
操作步骤:直接点击“我知道啦”
(3)界面切换流程说明
1.页面流程图
2.文字流程图
3.原型链接
https://rp.mockplus.cn/rps/Atbm2TUm_x/Mmp0WLXoG?