首页 > 其他分享 >实验一原型设计—恰饭app

实验一原型设计—恰饭app

时间:2024-04-15 18:34:37浏览次数:24  
标签:界面 app 用户 搜索 按钮 原型 操作步骤 恰饭

一、实验题目:原型设计

二、实验目的:掌握产品原型设计方法和相应工具使用。

三、实验要求:
对比分析墨刀、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

标签:界面,app,用户,搜索,按钮,原型,操作步骤,恰饭
From: https://www.cnblogs.com/yxw98973245/p/18136667

相关文章

  • 实验一原型设计——东南西北行app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。墨刀、Axure和Mockplus都是流行的原型设计工具,它们各自在适用领域和优缺点上有所不同。以下是对这些工具......
  • 肖sir__app搭建笔记(18)
    app搭建一、app自动化测试环境和用途:主要用于做app端UI自动化,熟悉adb命令(a表示安卓,d表示debug,b表示桥)adb是连接手机设备二、搭建环境的工具(1)jdk  已安装,java的一种编译器 (本地windows安装)(2)android-sdk 软件开发工具组,里面存放一些类和函数    (3)appium-pyt......
  • 肖sir__app测试之介绍(18.0)
    app测试app功能测试和app自动化测试===============================(一)app手工测试app手工测试:就是在app上进行手工测试app自动化测试使用代码或工具来代替手工测试(二)web测试和app测试区别?(1)单纯从功能测试的层面上来讲的化,app测试、web测试在流程和功能测试上是没有区别(2)......
  • 实验一 驾考app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。好的,下面是对这三款原型设计工具的适用领域及优缺点的分析比较:墨刀适用领域:适用于移动应用和网站的快......
  • 实现iOS App代码混淆
     简介在开发iOS应用程序时,保护代码安全是至关重要的。代码混淆是一种常用的技术,可以增加逆向工程的难度,防止他人对代码的篡改和盗用。本文将介绍如何实现iOSApp代码混淆的步骤和操作方法。整体流程下面是实现iOSApp代码混淆的整体流程: 接下来,我们将逐步介绍每个步骤的具......
  • 实验一——母婴购物App
    一、分析墨刀、Axure、Mockplus原型设计工具的各自的适用领域及优缺点(一)墨刀适用领域:适用于中小型项目的快速原型设计,尤其适合移动应用设计,需要云端操作和网页分享的场景。优点:1.用户界面简单易用,易上手,支持多人协作,可同时完成一份文件。2.交互制作功能强大,支持多种手势和转......
  • App内测分发是什么意思?内测方式有哪些?
    App内测分发是软件开发流程中的一个重要环节,主要目的是在正式发布前,将尚未公开的应用程序版本分发给特定的测试用户,以获取反馈并发现和修复潜在的问题。内测分发有助于确保应用的质量和用户体验,并减少在正式发布后可能遇到的bug或性能问题。具体来说,App内测分发的方式可以细分为......
  • Applescript成功实现imessage数据筛选,imessage蓝号检测,无痕检测是否注册imessage的
    一、imessages数据检测的两种方式:1.人工筛选,将要验证的号码输出到文件中,以逗号分隔。再将文件中的号码粘贴到iMessage客户端的地址栏,iMessage客户端会自动逐个检验该号码是否为iMessage账号,检验速度视网速而定。红色表示不是iMessage账号,蓝色表示iMessage账号。2.编写苹果MacO......
  • uniapp优缺点
    UniApp是一个使用Vue.js开发跨平台应用的开发框架。它允许开发者使用同一套代码基础来构建面向iOS、Android、以及各种小程序、H5等多个平台的应用。优点:一次编写,多端运行:只需编写一次代码,便可以生成可以运行在不同平台(iOS、Android、H5、小程序等)的应用。学习成本低......
  • 自己开发的App如何上架,详细解读App上架操作流程
     对于企业或个人开发的App,上架是必经之路。然而,许多人不清楚如何进行App上架。工信部在2023年规定,App必须备案才能上架。那么,让我们一起了解App上架流程吧。 1.准备上架所需材料在上架App之前,需要准备应用图标、应用截图、应用描述等材料。这些材料需要精心设计,以吸引用户......