小男

「饿了么」作为热门点餐类的APP,拥有广大的用户群体,很大部分因为它很好的用户体验,因此带来持续的高使用频率。那么它的原型图是长什么样的呢?今天我们就一起来欣赏一下「饿了么」铁粉的原文小编给我们分享的关于「饿了么」APP原型吧~

恭喜你!又获得一套「饿了么」APP原型!^_^o~

这期的分享主题是「外卖」,于是,作为一个一年365天能在「饿了么」上下单1000多单的死忠粉,我速度做了一套「饿了么」APP原型分享给大家!

(插播一句:「饿了么」真的很好用啊,体验棒,送餐快,重点是有会员卡!!!对于我这么高频点外卖的选手,没有会员卡的话,一个月外送费也是很大一笔支出哇![捂脸])

虽说是外卖类APP原型,可不是只有做相关类产品才能用到哟,里面有各种列表,有支付流程、下单流程、选择城市流程、添加地址流程,相信对做其它类产品的童鞋也是一个很好的参考。

老规矩,先看演示,下载地址见文末~

 

原型展示

(右侧截图出自「饿了么」iOS版APP,仅用于此处与原型对比,不包含在原型内容中)

 

部分原型动态预览

 

组件库展示

 

利用组件库快速搭建页面

相信老朋友们都知道这个套路了,不过为了让新朋友们能快速上手,我还是在这儿重复一遍操作步骤。

1. 在广场找到「饿了么」APP原型组件库, 点击引用组件库:

或者

 

2.如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,搭建自己的页面,比如快速搭建一个「浏览足迹」页面:

 

资源地址:

原型预览:xiaopiu.com/h5/byId?

原型下载:xiaopiu.com/square?

页面库引用:xiaopiu.com/square/page?

组件库引用:xiaopiu.com/square/cont

 

其它「资源分享系列」链接:

电商(天猫商城)APP原型资源分享

WeUI(微信)原型资源分享

 

欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!

如果你觉得还不错,就点个赞吧!哈哈,给我一点更下去的动力!~动力!~动力!~

 

原文地址:xiaopiu工坊

作者:Sophia

 

转载请注明:学UI网 » 外卖(饿了么)APP原型资源分享

登录收藏
 
你可能喜欢的:
5分钟学交互:手机交互组件归纳 导航篇(下)5分钟学交互:手机交互组件归纳 导航篇(下)
交互设计案例分享之指纹识别(附完整交互文档)交互设计案例分享之指纹识别(附完整交互文档)
交互手势的应用场景分析交互手势的应用场景分析
交互原则:交互设计7大定律详解(中)交互原则:交互设计7大定律详解(中)
交互基础知识普及——心智模型交互基础知识普及——心智模型
支付宝「生物识别流程」原型资源分享支付宝「生物识别流程」原型资源分享
《沐风的交互课堂》带你一起系统学交互~《沐风的交互课堂》带你一起系统学交互~
需求&交互评审指南_KSO UEC内部经验分享需求&交互评审指南_KSO UEC内部经验分享
交互原则:交互设计7大定律详解(上)交互原则:交互设计7大定律详解(上)
视觉设计师必备的交互思维_01换个视角看问题视觉设计师必备的交互思维_01换个视角看问题