一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用
三、实验要求:
(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
1.墨刀适用领域:网页设计和移动应用界面设计快速原型制作和协作设计用户体验设计和交互设计
优点:界面直观,上手简单,适合初学者快速学习和使用。支持实时协作,多人可以同时在同一个项目上工作,提高团队协作效率。有丰富的组件库和模板,可以快速构建原型。
缺点:功能相对较为基础,对于复杂的交互和动态内容展示能力有限。免费版功能受限,更多功能需付费解锁。相对于其他专业工具,性能和稳定性可能稍逊一筹。
2.Axure RP适用领域:专业的网页和软件界面设计复杂交互设计和用户流程设计高保真原型制作和用户测试
优点:功能强大,支持变量、条件逻辑、动态内容等高级功能,适合制作复杂交互的原型。支持用户测试和数据分析,可在设计阶段就进行用户研究和反馈收集。拥有丰富的插件和扩展,可以根据需要自定义工具功能。
缺点:学习曲线较峭,新手需长时间来掌握所有功能。软件价格较高,对于个人用户和小团队可能成本较大。界面相对复杂,可能会让初学者感到困惑。
3.Mockplus适用领域:快速原型设计移动应用和网页界面设计用户体验设计和团队协作
优点:界面简洁,操作直观,适合快速搭建原型。提供丰富的图标和组件库,可以快速拖拽使用。支持团队协作和云端保存,便于团队成员之间的沟通和共享。
缺点:功能有限,对复杂的交互设计无法满足需求。免费版功能受限,高级功能需要购买专业版。更新频率相对较低,新功能和改进不如其他竞品那么及时。
(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
具体要求:
(1)对主题名称、功能、界面设计考虑因素等进行说明;
(2)每位同学提供至少四个切换界面,每个界面提供界面功能,界面组成,前置条件,后置条件,
简单说明;
(3)提供界面切换流程说明。
四、实验过程:
1.设计主题:二手车交易平台
2.设计功能:专门为卖家与买家购车所设计的一款APP
3.界面组成:
(一)打开APP的开始界面:
功能:单击打开二手车交易平台APP
界面组成:登录和注册两个按钮
前置条件:单击即可
后置条件:点击登录或者注册
(二)登录或者注册的界面:
功能:成功进入APP内部,查看内容。
界面组成:账号和密码两个单行文本框组成
前置条件:单击打开APP开始界面
后置条件:进入主界面
功能:注册账号
界面组成:手机号、用户名和密码三个单行文本框和完成、登录按钮组成
前置条件:点击开始界面或者登录界面
后置条件:进入主界面
(三)主界面:
功能:搜索,查看一些车主发布的卖车图片和报价
界面组成:车图,首页、动态、消息、我四个按钮
前置条件:单击登录或者注册界面
后置条件:动态、消息、我的、界面
(四)动态界面:
功能:查看一些车主发布的汽车动态
界面组成:一些文字和首页、动态、消息、我四个按钮
前置条件:单击首页、动态、消息、我四个按钮任意一个按钮即可
后置条件:点击首页、动态、消息、我四个按钮任意一个按钮即可
(五)消息界面:
功能:与卖家沟通
界面组成:聊天框和首页、动态、消息、我四个按钮
前置条件:单击首页、动态、消息、我四个按钮任意一个按钮即可
后置条件:单击首页、动态、消息、我四个按钮任意一个按钮即可
(六)我的界面:
功能:查看自己所收藏的车、自己做回复的评论、购买记录等
界面组成:收藏、评论、已购、其他
前置条件:单击首页、动态、消息、我四个按钮任意一个按钮即可
后置条件:单击首页、动态、消息、我四个按钮任意一个按钮即可
4.界面切换流程图:
切换流程说明:单击进入开始界面,单击登录或者注册,如果有账号直接登录即可没有账号进行注册;完成后进入首界面,可以搜索查看一些有关车的信息,单击动态、消息、我可以进行跳转。
5.原型演示链接:https://rp.mockplus.cn/editor/D5MEkgmYe/JHXqSozse-