首页 > 其他分享 >打车APP原型设计

打车APP原型设计

时间:2024-04-13 10:34:23浏览次数:23  
标签:界面 APP 选择 地址 原型 按钮 打车

实验题目:打车app原型设计
一、实验要求
对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。
1. 墨刀
优点:界面简洁直观,易于上手;支持多人协作,方便团队协作和沟通;提供了丰富的交互动画和过渡效果,使原型更具真实感;可以在墨刀上进行在线预览和测试,方便分享和获取反馈。
缺点:对于大型项目可能会有限制;缺少高级的数据交互和动态内容展示的功能。
适用领域:适用于用户体验设计、界面设计以及互动设计。
2. Axure
优点:交互制作功能强大,可以实现非常多条件判断、能够实现更复杂的交互;设计区域是无限画布,方便给设计稿添加文字注解;拥有web控件库,能快速制作网站原型;项目可共享,利于团队开发;内置了丰富的UI素材及模板;界面简洁,效率高,易上手。拥有云端保存,实时手机预览,多种手势,页面切换特效等多种功能;能够快速创建页面连接,清晰呈现页面关系。
缺点。交互制作功能强大的同时,带来了较高的学习成本;细节过于繁琐,会加重负担;仅支持本地设计;动态面板、中继器等功能不易接受;手机预览偶尔会出现闪退且不清晰。
适用领域:产品概念验证、用户体验优化、与开发团队沟通。
3. Mockplus
优点:有大量封装组件、图标以及原型模板例子,能满足不同行业的设计素材需求;提供离线版软件,确保数据的安全性;适合完全局域网办公的用户。
缺点:不支持鼠标悬停;手机预览不是很清楚;日历表组件是静态的;表格功能还需要完善。
适用领域:适合电商、教育、医疗、互联网产品和软件开发服务商等领域的产品原型设计。
综上所述,墨刀、Axure和Mockplus等原型设计工具各有其适用领域和优缺点,用户可以根据具体需求和场景选择合适的工具进行使用。
二、实验内容
1.主题名称:打车APP
2.设计目的:
为了解决用户外出叫车久、叫车难、叫车贵的问题,满足了用户对时间要求快、价值低的需求。解决用户开车在外时,遇到困难导致用户不能或者不想驾驶时,希望有人能帮助用户驾驶等问题。
3.功能:
线上叫车:可以通过打车软件线上叫车,不用等公交,随叫随到,迅速及时。
顺风车出行:出行的旅客中途愿意载客,这种拼车方式出行费用极低。
4.界面流程图:
为了更直观方便的了解打车APP的相关流程,展示不同页面之间的转换和跳转,以下是所做的界面流程图:
image
5.界面设计:
(1)进入到打车主页面
image
界面功能:上图为打车主页面,可进行选择打车起始地址和目的地址,点击【输入起始地址】框和【输入目的地址】框可进行界面的跳转。
界面组成:上方是软件定位的地图,中间是选择打车地址,下方是其他功能按钮。
操作步骤:可在界面选择【起始地址】和【目的地址】方式,点击对应的按钮框可跳转到对应的界面。
(2)选择地址页面
image
界面功能:上图为选择【起始地址】页面,可进行选择打车起始地址,点击【航空航天大学-地铁站】即可选中。
界面组成:由所有要选择的地址和搜索框组成。
操作步骤:可在界面选择需要的地址,点击对应的按钮即可。
(3)选择目的地址页面
image
界面功能:上图为选择了打车的【起始地址】,跳转回此界面,继续选择【目的地址】。选择【金融中心A口】即可完成打车的地址选择。
操作步骤:可在界面选择【输入目的地址】框,跳转到【选择地址】界面,选择【目的地址】即可。
(4)选择车型界面
image
界面功能:上图为【选择车型】功能,可以选择你想要的价位车型。
界面组成:由所有要选择的车型以及呼叫按钮组成。
操作步骤:可在界面选择需要的车型复选框,点击对应的按钮。选完车型后可点击【呼叫车型】按钮跳转到【等车】界面。
(5)同意并授权安全隐私协议
image
界面功能:上图为【权益安全】界面,为了确保自身权益,保护自己,在此为顾客提供了全程录音录像功能。
界面组成:由保护协议以及同意并授权按钮组成。
操作步骤:当选完车型后,点击【呼叫车型】按钮,即跳转到此界面,如果同意协议,点击【同意并授权】按钮,即可成功进入【等车】界面。
(6)等车界面
image
界面功能:上图为【打车成功,等车】界面,在此界面可以知道车辆信息,也可与司机取得联系。
界面组成:由车辆型号,车牌号,司机信息,以及司机距离我的位置组成。
操作步骤:当点击【同意并授权】按钮后,即跳转到此界面,表示打车成功,等待司机师傅的到来。

此链接为所做原型的动态演示:
https://rp.mockplus.cn/rps/9keSLW_yWR/6DkaCA42O

以上就是我所做的打车APP的原型设计

标签:界面,APP,选择,地址,原型,按钮,打车
From: https://www.cnblogs.com/zhubing69/p/18132489

相关文章

  • 短视频app源码,一文带你轻松搞懂前端大文件上传思路
    短视频app源码,一文带你轻松搞懂前端大文件上传思路文件上传是我们在平时开发短视频app源码中经常会遇到的业务,如果只是简单的文件上传那还不足以作为项目亮点,而当我们给它加上切片、续传的功能,就不一样了。本文会带大家搞明白这些功能的实现思路,主要聚焦于前端部分,基于Vue3......
  • 老年手机原型设计
    一:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。墨刀(MockingBot)适用领域:墨刀适用于快速原型设计和团队协作。它提供了简单易用的界面,适合不熟悉复杂设计软件的用户。优点:墨刀有丰富的元件库和模板,可以快速搭建原型。它支持多人协作,方便团......
  • JS 原型链查找 (上)
    我们都知道面向对象语言如Java,C++等都基本实现了封装,继承,多态等特性,用面向对象语言来编程的基本套路就是抽象出类,然后实例化,用实例调用方法来模拟进行程序间的通信.但JS不是面向对象的语言,或者我们称它的脚本语言,它的一等公民就是对象/函数.本篇这里主......
  • APP测试
    自我介绍测开自我介绍:偏嵌入式我叫柯泽灵,毕业于浙江大学信息与通信工程,目前在TPLINK的研发杭州分部测试8课担任自动化负责人,主要工作内容有两块,一是视频后端产品和智能家居产品的业务测试工作,包括测试用例开发、执行和缺陷跟踪;这块因为我们自动化小组主要负责相对成熟的产品,占......
  • flutterr 检测应用版本号、服务器下载文件 以及实现 App 自动升级、安装
    依赖package_info_plus:^7.0.0path_provider:^2.1.2#查找文件获取文件存储路径open_file:^3.3.2#打开文件插件permission_handler:^11.3.1#检测Apk是否拥有权限配置权限<!--在Android6(Marshmallow)之前的版本中,明确声明网络权限--><uses-perm......
  • uniapp实现虚拟列表(元素固定高度)
    一、应用场景当接口返回数据太多时,前端可使用虚拟列表,实现长列表。二、原理只有在屏幕部分元素被显示出来,并且被更新,始终只有固定数量的节点,不会卡顿。三、效果图四、思路步骤使用Object.freeze冻结对象,极大优化性能生成多个元素的options,或者动态获取根据onPag......
  • [题解][2022年江西省大学生程序设计竞赛] Remove and append
    题目描述给定一个包含n个整数的数组a。定义一个操作如下:从数组a中选择k个整数,将它们删除,并将它们的和追加到数组末尾。如果数组A比数组B(长度相同)字典序大,那么在A和B第一次不同的位置上,A的数字比B对应位置上的数字要大。例如,[0,1,14,0]比[0,1,5,6]字典序大,因为它们在第三......
  • 实验1-老年人手机原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、原型工具优缺点对比:1.墨刀优点:功能强大:可满足产品经理、设计师、开发在产品设计和团队协作上的主要需求,不需要采购多款工具来回切换同步。  2.功能特色:内置丰富的素材广场、图文结合的PRD模......
  • 实验一 原型设计—游戏商城app
    问题一1.墨刀是一款在线原型工具,具有丰富的组件库和模板,允许设计师创建具有丰富交互元素的原型。可以快速创建各种类型的原型。还支持实时协作和云端存储,方便团队成员之间的沟通和合作。优点:墨刀支持实时协作,团队成员可以在原型上直接评论和批注,方便及时沟通和反馈;多人在线编......
  • 实验一原型设计
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。(1)墨刀(Moqupslus)优点:易用性高:墨刀提供了直观易用的界面,让用户能够快速上手。在线协作:支持团队在线协作,多人可以实时编辑同一个项目。可视化编辑:提供丰富的可视化编辑工具,方便用户创建高保真的原......