!外包特色菜APP设计任务书

目录

1.设计任务 (2)

2.特色菜APP设计 (2)

2.1.设计要求 (2)

2.2.注册登录页面 (2)

2.3.注册页面 (3)

2.4.过渡和等待页面 (4)

2.5.消费者页面 (4)

2.5.1.消费者页面总体规划 (4)

2.5.2.搜索页面 (5)

2.5.3.搜索结果页面（评级、菜系、特色标签等） (7)

2.5.4.餐厅详情及订餐页面 (8)

2.5.5.菜品详情页面 (10)

2.5.6.“我的”页面（个人主页） (11)

2.5.7.支付和退款页面 (14)

2.5.8.《特色餐厅排行榜》页面 (14)

2.5.9.广告详情页面 (15)

2.6.餐厅页面 (16)

2.6.1.餐厅页面总体规划 (16)

2.6.2.餐厅主页页面 (16)

2.6.3.订餐管理页面 (20)

3.公司网站 (22)

3.1.首页页面 (22)

3.2.《特色餐厅排行榜》 (22)

3.3.餐厅主页页面 (23)

3.4.餐厅管理页面 (23)

3.5.APP运营管理页面 (23)

1.设计任务

1)特色菜APP

消费者订餐

特色餐厅订餐信息发布、修改

特色餐厅订单管理

2)公司官网

公司基本信息

特色菜APP功能介绍

《特色餐厅排行榜》

APP运营管理

特色餐厅订餐信息发布、修改

特色餐厅订单管理

2.特色菜APP设计

2.1.设计要求

1)风格：高贵、简约、大气

2)基本原则：贴近消费者真实需求的、便利的用户体验

3)人机交互性强

2秒定律：必需在2秒钟内让用户明白特色菜APP是什么；该如何操作

4)APP打开速度小于800ms，页面打开及转换速度

5)离线保留页面，可重复查看

6)纯黑色为主色调；中国红为点缀辅助色；其余少量留白

7)产品好才是真的好，是企业经营最基础、最核心的因素

2.2.注册登录页面

1)Logo——中上方

2)“注册”按钮——右上角——跳转到注册页面

3)“登陆”按钮——中间——弹出登录框

4)广告语

✓点击“消费者标配”，显示平台介绍

✓点击“上书房，特色餐厅；私房菜，特色菜”，显示“特色餐厅和特色菜的定义”

5)《特色餐厅排行榜》

6)游客进入——不设按钮——划动或双击首页面即可跳转到消费者搜索页面

✓未注册可以游客身份浏览

✓开始实质性操作，补登陆或注册

✓游客被要求同意获取位置定位和手机号码，但不强制；获取手机号码3天之后系统自动启动信息推送计划

要点：

1)支持第三方同步登陆，手机、iPSd和电脑等

手机短信登录通知

第三方登录，需要第一方手机短信息确认才能登录

2)一次登录后，手机开机自动保持登录状态（和微信一样）

3)下载完APP，即开始自动搜索手机号码、位置定位以及已安装的微信、QQ、

知乎等社交账号

2.3.注册页面

1)*手机号码：（自动搜索本机号码）获取验证码按钮

2)*验证码：（自动从手机短信中获取）

3)密码：

4)确认密码：

5)头像：可以直接用摄像头拍摄也可以从手机图库调用

6)昵称：给自己起一个好听的昵称，方便记忆，也能让自己有个好心情

7)性别：先生/女士/小姐

8)出生日期：用于特色菜APP生日问候

9)“注册确认”按钮，完成注册，跳转到首页

10)“我是餐厅”按钮——跳转到餐厅主页

要点：

1)*为必填项；其他项可以根据会员意愿填写或者需要时再补充

2)要求允许获取位置信息；提示：如不允许，有些重要功能就没法有效提供

3)自动获取本机号码，也可更改为其他号码

手机号码注册，作为系统内部会员编码

手机号码变更，在“我的”页面中修改，保留历史记录，以便备查或解决争议

4)验证码发送到注册手机号码，自动从手机短信中读取

2.4.过渡和等待页面

✓长时间不打开APP，再次打开的时候需要过渡页面

显示黑底红字“特色菜好，特色餐厅更好；特色菜，特色餐厅”

显示黑底红字“要吃就吃特色菜，有特色才有生命力，特色真好”

✓跳转页面等待时间需要等待页面

显示一个黑底红字各种字体的“尚”字，最好是动态毛笔手书

不显著功能介绍：如长按弹出框和左右滑动页面等

显示黑底红字“特色菜好，特色餐厅更好；特色菜，特色餐厅”

显示黑底红字“要吃就吃特色菜，有特色才有生命力，特色真好”

2.5.消费者页面

1)功能页面——所有页面都有以下按钮，可随时切换

✓“搜索”按钮

跳转到“搜索”页面——就是主页

✓“我的”按钮

跳转到“我的”页面

✓“排行榜”按钮

跳转到《特色餐厅排行榜》页面

✓“返回”按钮

跳转到前一页面

用手指左右互动屏幕也可以跳转到前后页面

2)详情页面——所有页面都有以下按钮，可随时切换

✓“转发”按钮

即刻弹出转发框：微信、QQ、微博等符号

转发完成：“返回特色菜”还是“留下”

✓“收藏”按钮

即刻把显示内容加入“收藏夹”

✓“我的”按钮

跳转到“我的”页面

✓“搜索”按钮

跳转到“搜索”页面

✓“返回”按钮

跳转到前一页面

用手指左右互动屏幕也可以跳转到前后页面

✓“订餐”按钮

在特色餐厅详情页面，即进入订餐状态

在菜品页面，跳转到特色餐厅详情页面并直接进入订餐状态✓浏览菜品转发或收藏

用手指按住菜品图片2秒即可弹出转发及收藏框

2.5.2.搜索页面

✓第一栏，城市切换按钮

弹出城市排列框

✓第二栏，登录：返回餐厅首页按钮（餐厅登录时才显示）

✓第三栏，输入型搜索：

商家名称、路名等

指定地图位置

✧点击弹出电子地图，用手指在地图上选择具体位置

✧搜索结果显示与指定地点的距离

✓第四栏，勾选型搜索：