一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求:
对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
答:
1.适用领域:
墨刀:墨刀是一款在线的移动应用原型与线框图工具,适合设计团队和个人用户使用,用于移动端和Web端原型设计。
Axure:Axure适合大型项目和高度定制化的产品设计,通常用于企业级应用的原型设计。
Mockplus:Mockplus是一款快速的原型图设计工具,适合软件团队、个人在软件开发的设计阶段使用。
2.优点:
墨刀:1.操作简单——简单拖拽和设置,即可将想法、创意变成产品原型;
2.演示方便——有离线模式等多种演示模式,项目演示效果逼真;
3.协作高效——可与同事共同编辑原型,作品完成后,可一键分享发送给别人;
4.交互简单——简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互;
5.丰富的模板库和素材库——内置丰富的行业素材库,也可创建自己的素材库、还可以直接在模板的基础上进行修改,方便快捷。
Axure:1.快速、高效的创建原型;
2.支持多人协作设计和版本控制管理;
3.拥有全套web控件库,直接拖拽即可快速制作网站原型;
4.丰富的动态面板可以用来模拟各种复杂的交互效果。
Mockplus:1.基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样;
2.有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品;
3.mockplus有组件库和图标库,界面设计较为方便。
3.缺点:
墨刀:1.必须在线操作(离线无法保存);
2.免费版对于项目数量、页面数量有限制;
3.页面流程图不能自由操作。
Axure:1.正版的Axure售价高;
2.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高;
3.Axure只支持在本地设计。
Mockplus:1.不支持鼠标悬停;
2.手机预览不清楚;
3.表格功能不完全。
四.原型设计
1.主题名称:恰饭外卖平台
2.背景说明:随着移动互联网的高度发展,人们的生活习惯已发生了很大的转变,外卖服务已经成为人们日常生活中不可或缺的一部分,外卖平台不仅为用户提供了便捷的点餐和配送服务,也为餐饮商家提供了更广阔的市场和更多的商业机会。
3.功能:用户可以通过手机号快速注册和登录,可以浏览各家商户的菜单,查看菜品图片、价格等信息,提供搜索功能帮助用户快速找到想要的菜品,同时可以根据口味、价格、评分等条件进行筛选,用户可以将心仪的菜品加入购物车,选择配送地址和支付方式后完成订单,实时查看订单状态,了解配送员的位置和预计到达时间,并且可以对菜品、商户和配送员进行评价,提供宝贵意见。
4.恰饭app界面展示:
(1)打开APP的第一个界面:
界面功能:上图为用户登录页面,可通过手机验证码直接登录,不需要记账号密码。
界面组成:第一个窗口为输入手机号窗口,第二个窗口为输入验证码窗口,第三个窗口单机即可进入app。
操作步骤:1.输入手机号2.输入验证码3.点击立即进入。
(2)预览界面:
界面功能:欢迎用户使用app
界面组成:下一步窗口。
操作步骤:单机下一步,开启恰饭之旅。
(3)合理饮食打卡界面:
界面功能:提供搜索框用户可直接搜索自己想吃的美食,也可以参加低碳,低糖,速瘦,蛋白计划挑战,达到合理饮食,健康饮食的效果。
界面组成:搜索框,推荐和分类饮食列表,下方为四个主要页面跳转按钮,左上角箭头返回上一页。
操作步骤:用户可以在搜索框直接搜索,可以单击饮食分类进行打卡,单机下方四个主要按钮进行界面跳转。
(4)首页:
界面功能:提供搜索框用户可直接搜索自己想吃的美食,用户可以根据自己的需要直接点击下方食物小图标进行精准分类查询。
界面组成:搜索框,返回上一页按钮,美食分类界面。
操作步骤:点击箭头返回上一页,单机搜索栏进行搜索,单机下方四个主要按钮进行界面跳转。
(5)订单页面:
界面功能:查询用户历史订单,查看未评价订单,退款进度。
界面组成:搜索框,返回上一页按钮,订单,未评价,退款按钮,以及右上角的分享按钮。
操作步骤:点击箭头返回上一页,单机搜索栏进行搜索,单机我的订单,未评价,退款查看相关信息,单机下方四个主要按钮进行界面跳转。
(6)消息界面:
界面功能:查看系统,商家,骑手消息,紧急情况及时沟通,减少用户之间的损失,同时提供优惠消息通知,让用户及时体验优惠制度。
界面组成:搜索框,返回上一页按钮,系统,商家,骑手,优惠对话栏,主要界面跳转按钮,分享按钮。
操作步骤:点击相应对话栏,即可查看相关信息。
(7)个人中心界面:
界面功能:管理个人信息,设置账号安全,分享。
界面组成:意见反馈,联系客服,隐私说明,设置栏目,右上角提供分享按钮,可分享给朋友,签到领积分。
操作步骤:点击个人头像进行相关信息修改,分享,签到,设置自己的账号安全。
https://noteyd.chaoxing.com/pc/62c879ed-02d7-4c29-8240-0633f93f2aeb