美食app的UI设计
来源:互联网 发布:淘宝能删除我的回答吗 编辑:程序博客网 时间:2024/04/30 07:01
一、食色--精致美食app http://www.ui.cn/project.php?id=44107
二、易信设计-- http://www.ui.cn/project.php?id=46308
三、菜谱网--http://www.zcool.com.cn/work/ZNzczNDA1Ng==.html
四、需求文档设计
智能餐饮App设计
一、 需求分析
1.背景分析
随着科技和时代的发展,人们越来越多的追求着快节奏的生活,民以食为天,面对衣食住行中的“食”,我们或许有太多的槽点,就拿排队等位来说,带着小女友或是请老板去吃某家的地道菜,万万没想到,必须得等位啊等位,这种尴尬的局面,真是破坏吃饭的心境。所以,为了让大伙儿能随时随地、随心所欲的挑选中意的美食,我们决定开发一款智能在线订餐的App。
2.客户定位
鉴于我们这是一款适用于智能手机的App,所以我们大方面就着眼于整个智能手机用户群体,年龄段可能在15~50岁,细分市场可能更多的是学生、白领、商务人士和都市小青年以及从事餐饮行业的人士等。
3.使用场景
我们的订餐系统旨在快捷、方便的让用户享受到美食,为了优化我们的使用场景,我们提供了语音辅助功能,(如在开车状态,你可以语音输入您想搜索的菜名或菜馆名,然后提示“阅读”,则App可以帮您阅读出页面显示的信息,帮助您更好的选择)(此处参照异类分析懒人听书App设计),总之,只要您有订餐的需要,便可随时随地使用我们的App。
二、 业务流程(功能设计)分析
鉴于使用用户群体的不同,我们会负责使用角色权限分配的方式,来进行用户管理。
2.1 普通用户
普通用户针对的主要是我们的消费群体,给他们提供了以下基本功能
2.1.1 分类查找
首页:城市定位(卫星自定位),同城搜索
菜品分类(中餐、西餐、火锅、自助餐等)
地区分类(距离最近、**区等)
推荐菜品
以上,这些分析来自同类竞争分析(参照美团、大众点评等团购网站)
2.1.2 搜索查找
搜索框,可选择搜索项,如搜索菜品或菜馆(参照淘宝、天猫等购物网站),当然也可以结合分类查找项,进行查找。
2.1.3 浏览、选购
用户在浏览查找到自己想订购的菜品后,点击进去,可以看到菜品详情、菜品评价、本月销量等基本信息,图文并茂,吸引客户购买。
当用户查看了一个菜品后,有进入菜馆的功能,进去后可以查看到该菜馆的所有菜品陈列,格局类淘宝、天猫的商品展示位,每一个菜品都有自己的展示位,供用户点击查看。(参照购物网站设计)。
2.1.4 订购
当用户浏览完成,或已有中意的菜品后,可以选择加入购物车、收藏或直接购买(参照购物网站),当然此处必然涉及用户的注册、登陆,我们后续再讲,此处先提示用户登陆。
当用户最终选择完成之后,需要提交订单,在提交订单时,需要选择填写的信息(用餐时间、用餐人数、餐位选择此处参照异类分析(电影购票的App的选座设计),以及乘车路线(引入百度地图,当然此选项可以选择使用,用户也可以不填写)(此功能参照异类分析携程旅行))。
2.1.5 支付
用户可以从购物车提交订单付款,也可从菜品页直接提交购买,支付功能支持支付宝、财付通以及各大银联等网上支付软件,当然,也可只选择支付订金,余额到店支付(此处参照天猫的货到付款)。
2.1.6 订单
当用户付款成功后,我们会生成订单,订单信息包括订单号、用餐时间、餐位号、乘车路线等信息。
订单要有订单状态,如未付款、付款、未消费、已消费,退款、修改订餐时间(此处参照铁路12306的改签功能,当然为了减少商家的麻烦,也只能修改一次,且过了订餐时间后,订单将被视为自动消费)。订单完成之后,我们会将订单信息发送至用户的邮箱、手机,当然还可设置一个定时发送(在距离订餐时间前三小时发送给用户)(此处参照邮箱定时发送邮件的功能)。
2.1.7 用户中心
当用户浏览页面的时候,不会强制用户登入系统,但如果用户想要使用收藏菜品、订购的功能,我们会提示用户注册(使用邮箱、手机号)、登陆,登陆之后,用户可以查看个人基本信息、修改密码、管理订单(删除订单、编辑订单(改签、退款))等。
2.2商家用户 (比普通用户多拥有一些功能)
2.3 系统管理员(拥有所有功能)
鉴于时间关系,我们就以普通用户使用的客户端为例来设计好了。
三、 App结构设计
四、 系统VI和配色
(这两部分还没想好,未完待续。。。)
番茄快点
手机点菜随心变
上线时间:4月。
在点菜APP的世界里,不出10秒就能根据就餐人数点出一桌菜,不满意还可随时调整菜单,这就是今年上线的热门点菜APP—番茄快点的主打功能。
8月28日,重庆晚报记者下载了这款APP,登录后软件自动定位到重庆,显示有314家重庆餐馆,并通过定位显示出附近餐馆列表。顺风123、翠云水煮鱼、纯阳老酒馆等大家耳熟能详的餐厅,都能查看菜品。
重庆晚报记者选择了好伦哥南坪店,软件立即显示了该餐厅60种菜品,并将菜品分为主食、粥类、色拉、小食、披萨和精选套餐6类,就像现场浏览餐厅菜单一样方便。点击你所中意的菜品,软件会自动生成点菜单,并计算总价格,让你对整个点菜过程一目了然。
这款软件最受吃货推崇的是,根据人数自动点菜功能。重庆晚报记者通过该软件选择了位于北京的陶然居餐厅,有2—12人就餐人数可供选择。重庆晚报记者选择10人点菜后,软件给出答案:辣子鸡、干锅茶树菇等6荤4素及价格,左下方还有更腐败、更实惠、爱吃肉、爱吃素和随心换5个选项。如果你不满意,可直接换菜。该软件还会即时计算总消费和人均消费,如果你要餐后核对菜单或AA制算账,都可瞬间搞定。
目前,这款APP点菜功能覆盖了北京、上海等4座城市。番茄快点APP创始人之一陈璐告诉重庆晚报记者,重庆版块的点菜功能即将开通,将进一步扩大重庆餐饮商户参与数量。
淘宝点点
看看别桌吃什么
上线时间:6月。
在手机应用界面点击进入一家餐厅,点菜后,将自动保存电子菜单。等你到达餐厅落座后,只需扫扫桌面上摆放的二维码桌签,菜单就直接传到餐厅后台,连服务员接待下单步骤都省去了。大快朵颐后,你只需结账走人,这才是真正的自助就餐。
重庆晚报记者了解到,这款APP最大特色是,通过手机实现快捷点餐,餐饮商家不需增加人力,即可将点菜下单环节复制到手机上,省去了点菜和服务员下单的时间。APP最受喜爱的延伸功能是网友菜单,也就是传说中的看看别桌吃什么,1分钟拷贝他人菜单,随手加减个菜改一改,超有趣。
客如云
随时随地找空位
上线时间:4月。
到一家心仪餐厅,结果发现客满?不想空等,试试客如云找位APP吧。
重庆晚报记者发现,这款美食应用有些像火爆一时的打车软件—当你打算出门用餐时,只需在软件中选择口味、吃饭人数及人均消费等,符合要求并有足够空位的附近餐馆就会发出邀请。你可从中选择喜欢的餐馆,接受邀请,直接杀过去大快朵颐。但需要注意的是,当你接受邀请后,餐馆只会为你保留座位1小时。如果你总是喜欢放鸽子,可能被餐馆列入黑名单。
食神摇摇
懒人点菜神器
上线时间:去年。
如果你是成天缠着网络不愿下厨的懒人,那么,这款口袋懒人点菜神器—食神摇摇,会让你的吃货生涯更有个性。
食神摇摇算是一款比较创新的美食类App,不仅对餐厅的介绍和评价较齐全,而且在一定程度上解决了用户今天吃什么的难题。
重庆晚报记者在菜单上选择烧烤,在软件定位自动缩小范围后,摇一摇手机,屏幕导航上立即显示距离重庆晚报记者所在地724米的古万州烧烤餐厅,并附电话、地图导航和吃货点评等。
重庆晚报记者 周圆
支付繁琐难放心
各种美食点菜类APP的横空出世,让吃货们找到了吃喝利器,但对于这类APP的讨论却褒贬不一。
再好的餐馆也不如自己下厨房有情调,毕竟再怎么着这也是端午节呀。什么?你不会做!其实我也一样,既然大家都一样,也就没什么不好意思的了。试试这款小工具吧,它本身就是一本随身菜谱,无论你在自己家、朋友家、父母家、亲戚家,只要偷偷地把软件打开(其实也没啥大不了的,丑媳妇怕见公婆?下回咱光明正大地开,呵呵,下回,下回……),照着里面的步骤一步步做下去就好了。
这款应用的看点就在于它有非常清晰的分类,相信我,这绝对是网上分类最清晰的菜谱应用。首先你可以很方便地根据家里的食材进行安排,比如冰箱里还有半只鸡、两把金针茹神马的,统统可以告诉应用智能匹配菜单,或者也可以根据当时的情景进行选择,比如下酒菜、家常菜等等,绝对瞬间让你露出贤妻良母的标准范儿。
最后的步骤也设计得别具一格,嫌字小看不清?没关系,直接点击一下即可。APP会将每个步骤单独占据一个页面,并且是图文并茂为你“讲解”,尤其是下方的“小贴士”做得特别贴心,可以说是做好这道菜的精华之道,有这样的大师旁边指导还怕做不好饭?
http://pcedu.pconline.com.cn/478/4786340_1.html
http://news.163.com/13/0830/07/97GQ98FI00014AED.html
- 美食app的UI设计
- 美食和时尚类App,不妨学学Gejee如何设计一款充满美感的App
- UI设计理念-app的界面设计流程
- APP UI设计的全局思维
- App UI设计注意
- APP UI设计
- 《APP开发》APP规范实例-详细的UI设计方法
- 《APP开发》APP规范实例-详细的UI设计方法
- APP-汇美食
- 手机端的点菜利器 排队美食app
- 一个基于React Native实现的美食类APP。
- 转 metro app UI设计
- App开发者必备的运营、原型、UI设计工具整理
- App开发者必备的运营、原型、UI设计工具整理
- App开发者必备的运营、原型、UI设计工具整理
- App开发者必备的运营、原型、UI设计工具整理
- iPhone APP UI 设计的相关基本尺寸和小贴士
- App开发者必备的运营、原型、UI设计工具整理
- Java 泛型: 什么是PECS(Producer Extends, Consumer Super)
- apply 使用
- 文章标题
- java servlet使用jquery 的ajax交互 传递json对象
- js如何匹配获取页面传过来的参数
- 美食app的UI设计
- Android,App 常用图标尺寸规范
- 高性能Javascript:脚本的无阻塞加载策略
- 基于数组的Stack基本操作
- vim操作(非常好!)
- 如何将android studio项目转换成eclipse
- AutoCompleteTextView及MultiAutoCompleteTextView的使用
- CMake生成的可执行文件能够gdb调试
- Lotus-IBM中文地址