zgf外卖单设计p8一淘资源网

1、真功夫外卖单设计 TOC o 1-2 u 一，真功夫手机外卖订餐操作步骤 PAGEREF _Toc294884713 h 1二，美术风格 PAGEREF _Toc294884714 h 1三，面页设计： PAGEREF _Toc294884715 h 1（一），外卖首页 PAGEREF _Toc294884716 h 1（二），菜色浏览页面 PAGEREF _Toc294884717 h 3（三），点餐窗口 PAGEREF _Toc294884718 h 4（四），确认订餐菜单页面 PAGEREF _Toc294884719 h 5（五） 用户输入页面 PAGEREF _Toc29488472

2、0 h 7真功夫手机外卖订餐操作步骤步骤1：浏览真功夫菜色，选择要预定的菜色。步骤2：确认点餐单。步骤3：确定下单。把点餐单和送餐地点，订餐人联系信息，附加信息发送到真功夫服务后台。美术风格图片的色调字体美术风格应该和真功夫官网的美术风格保持一致。以展示企业一贯的形象。注意页面和图片的平滑过渡。具体请参照真功夫官网。三，面页设计：（一），外卖首页用户点击真功夫外卖LOGO，进入真功夫外卖页面。卡片1：功能点：a，在内容区中分“特殊点菜单区”和“常规点菜单区”。”特殊点菜单区”中有“优惠套餐”，“新品推荐” “我的最爱”三个点菜单。b， 用户可以点击菜单进入相应菜色浏览。需求分析：让顾客优先考虑

3、优惠菜，或者新品，或者用户个人最爱，这样顾客更容易下决定，而且减少顾客点菜的时间。设计： 让特殊点菜单和普通点菜单分开，让顾客选择分明。特殊点菜单在内容区的最前面，这是人们看手机时候屏幕优先焦点区，引导顾客快速下决定。 用户操作：a , 用户在内容区点击相应的菜单可以进入该菜单 的菜色浏览页面（卡片2）。b, 点击“已点餐按钮”弹出显示用户已经点的菜的“已点餐”页面（卡片4）。c, 用户点击公司LOGO按钮能返回程序主页（home）。（二），菜色浏览页面如果用户点击真功夫外卖页面（见卡片1）的菜单栏目，程序进入相应的菜色浏览页面（卡片2）。卡片2：功能点：a，用户浏览菜色，了解菜色具体信息。b

4、, 用户点餐。c, 收藏该菜色为“我的最爱“，方便用户以后点餐需求分析：让用户快速了解菜色， 快速决定点餐。设计：整个屏幕内容区显示的是菜色的精美图片，增加用户食欲。还显示简要的文字说明，单价，让用户对自己消费清清楚楚。用户操作：a，用户可以通过点击屏幕中央的透明按钮或通过手势操作浏览当前菜单的菜色。b，用户可以点击菜单导航栏内别的菜单名称选择别的菜单，点击左右移动按钮可以选择不显示在当前屏幕的别的菜单。c，用户可以点击屏幕右下角的点餐按钮，对当前菜色进行点菜。在屏幕中央以透明形式弹出“点餐”窗口（卡片3）。d, 点击“已点餐按钮”弹出显示用户已经点餐的“已点餐单”页面（卡片4）。e, 点击“

5、收藏“按钮，把当前菜色收藏到“我的最爱”。e, 用户点击公司LOGO按钮能返回程序主页（home）。（三），点餐窗口如果用户看中当前菜色，点击“点餐按钮”（见卡片2），对当前菜色进行点餐。在屏幕中央以透明形式弹出”点餐“ 窗口（卡片3）卡片3：功能点：用户对当前菜色点餐和选择份数需求分析：用户需要选择当前菜色的份数。设计： 以直接在当前菜色页面以透明窗口形式让用户对该菜色点餐的效果是直观明了。用户明确知道自己选择了该菜，就选择订餐份数就可以了。用户操作：a, 用户通过上下箭头选择订餐份数。b, 用户点击确定或者取消按钮，该窗口关闭。如果用户点击确定按钮而且订餐份数数值大于0，表示用户对该菜色点

6、餐，如果数值为0，表示用户没有点餐。如果用户点击取消按钮，无论订餐数值大于0还是为0，都表示用户没有对该菜色点餐。（四），确认订餐菜单页面如果用户点餐完毕，可以点击屏幕右上角的“已点餐单“按钮，进入“订餐菜单”页面（卡片4）。卡片4：（1），功能点：a,让用户确认已选菜色和具体份数。b,用户可以修改某一菜色的份数。c, 用户可以取消或重选某一菜色。 d, 用户明确知道自己的消费金额。e,用户可以输入一些自己的特别说明，让真功夫更了解客户的要求。（2），需求分析：在选完菜色后，确认自己的订餐，也许也要修改一些数量或者取消某些菜色都是常人在点餐时候所需要的。这里都提供了相应的功能。（3）设计：界面

7、简洁明了，让用户一目了然，要修改订餐也可以。用户快速确定自己所订餐，就下单去了。（4）用户操作： a, 用户可以点击某菜色栏内的上下箭头修改订餐数量。b,用户可以点击某菜色栏内的“与或按钮“，取消或者重新选择该菜色c，用户可以点击“请输入你的个人提醒“按钮，程序进入输入用户提醒页面。如果用户有输入，内容区菜色列表下方显示用户的输入文字。d,如果用户决定下单，可以点击标签栏内的“下单发送“按钮，正式向真功夫下单叫外面。完成整个叫外面过程。e， 如果用户还想去选择其他菜色，或者不想下单了，可以点击状态栏内的“返回“按钮，退出“订餐菜单”页面。f，如果订餐菜色太多，输入文字太多，单屏屏幕不足以显示全部内容，用户可以通