外卖菜单结构的解析和设计方法

这个是美团外卖运营的第二步，第一步和的业务理解和整体的系统框架，可以参看之前发布的文章

第二步，菜单设计，个人理解，菜单设计关于机器重要的用户体验，如果用户点进你的店铺，花了很久没有找到自己想要的菜品，那么，直接丢失一个顾客，这样的慢慢下去，店铺慢性死亡！所以菜单的设计非常的重要

菜品选择

    洞察用户需求+符合门店定位+赛马制持续迭代

    外卖菜品选择的2要2不要

    2要，汤汁浓郁适合久放的菜品，不易变味的产品

    2不要，不利于打包的菜品，容易出水分，变色的果蔬

菜品描述

    草根基础版：简单描述所用食材，标注菜品分量

    华丽进阶版：使用味觉词汇，描述菜品制作方法，带上营养，卡路里信息，解释顾客可能误解的信息

    完美高级版：协商使用到的特殊地奥利奥，食材的特殊来源等信息，写明菜品合适的人群，菜品背后的故事

分类排序

    热卖+折扣+招牌菜+品类A+品类B+品类C+小吃+饮料+店铺信息

    热卖+折扣+口味+套餐+单品+加料+店铺信息

    热卖+折扣+场景A+场景B+场景C+饮品+店铺信息

    热卖+折扣+套餐+单品+小吃+饮料+店铺信息

    热卖+折扣+满减专区+主食+饮料+店铺信息

品类式大而全餐馆，总分式单品类餐馆，定制式麻辣烫，极简式快餐，场景是白领套餐

定价策略

    折扣定价

    渗透定价

    试销定价

    组合定价

    评价定价

出口空纸箱没有特殊要求的，正常报关出去就可以。

常规来说，如果是一般的小产品，建议纸箱不要做得过大，装得过重。最好是能够适合一个人搬运（比如，控制在20公斤的毛重以内，尺寸不超过40*30*30之类）。

而如果产品本身比较大，那么包装箱有些也必须很大（比如单车、家具类产品），这一类一般就要用叉车进行装卸搬运。那么纸箱就根据产品的实际尺寸去安排就好。不过，为了达到更好的包装效果，最好是以托盘为包装单位，这样用叉车装卸不容易伤害外包装箱。

一定要保证纸箱的外观质量，具体如下：

（1）印刷质量：图案、字迹印刷清晰，色度一致，光亮鲜艳；印刷位置误差大箱不超过7mm，小箱不超过4mm

（2）封闭质量：箱体四周无漏洞，各箱盖合拢后无参差和离缝；

（3）尺寸公差：箱体内径与设计尺寸公差应保持在大箱±5mm，小箱±3mm，外形尺寸基本一致；

（4）盖折叠次数：瓦楞纸箱摇盖经开、合180度往复折叠5次以上，一、二类箱的面层和里层、 三类箱里层裂缝长度总和不大于70mm；

此外，要求接合规范，边缘整齐，不叠角，箱面不允许有明显损坏或污迹等。

大致思路

左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display()

右侧：写个固定样式的div，id假设设置为board。

如果你的菜单内容在服务器

display()的实现如下

    $.ajax({

    type: "POST",

    url: 菜单所请求的内容地址,

    data: this.id等等相关的请求标志,

    success: funtion(data){$('board').html(data)},//返回数据填充

    dataType: dataType})

}

如果菜单内容写死在页面内

那么右侧：写和菜单数一样多的div，把所有的display属性设置为none

同时display()的实现如下

    $('#'+$(this).attr('rel')).style.display='block'

}

以上，伪代码，仅供参考

1、软件启动界面设计

软件启动界面设计也叫软件启动封面设计，在设计时应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。

如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。

2、软件主界面设计

即软件的主要面板的设计，软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

3、软件框架设计

软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。

4、菜单栏设计

主要包括菜单设计，滚动条及状态栏设计。

菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

5、软件按钮设计

软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态鼠标放在上面但未点击的状态点击前鼠标未放在上面时的状态点击后鼠标未放在上面时的状态不能点击时状 态独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。

6、界面图标设计

图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。其标签设计应该注意转角部分的变化，状态可参考按钮。

7、安装过程设计

安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。

8、包装及商品化

最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。

#include<stdio.h>

void JiShu()

void SuShu()

void menu()

void main(){

menu()

}

void menu(){

printf(" 魔方阵 \n")

printf("*********************************\n")

printf("1、奇数魔方阵\n")

printf("2、素数魔方阵\n")

printf("0、退出 \n")

printf("*********************************\n")

printf("请输入选项： \n")

int select

scanf("%d",&select)

switch(select){

case 1:

JiShu()

break

case 2:

SuShu()

break

case 0:

break

default:

break

}

}

void JiShu(){

printf("我是奇数！\n")

menu()

}

void SuShu(){

printf("我是素数！\n")

menu()

}

2、有必要的提示和帮助文档。“大学教务管理系统微信公众号”的功能主要是查询功能，对于提供哪些信息查询以及通过怎样的方式查询，在公众号回复任意内容都可看到帮助文档。

3.适合各类用户。老师和家长都可以通过该平台了解学生信息。

缺点：1、不能给用户及时快速反馈。公众号服务经常崩溃，比如选公选课时，由于用户多，不能及时响应或无响应。最近公众号又处于无法提供服务状态。

2、界面不符合惯例。信息查询方式比较繁琐，得到的信息可读性差，输入的东西都是数字、字母、符号等拼接而成，输入时都要在屏幕上划上去看一下是有哪些字母符号组成的，然后再在输入法上来回切换才能输上去，这让使用者的查询体验实在是糟糕，很不方便。

3、用户控制权不是很好。当查询某一方面信息时，总是得到大串冗长的信息，很难筛选自己所需要的信息。

4、功能单一。公众号主要功能就是查询功能。所以使用它只有在期末考试查询考试成绩时，平时基本不使用。

<frameset..

<frame src="test.htm" name="content">

在需要打开的链接中加

如

<a target="content" href="./">a</a>

                  特点 ：（3-5个标签）可清楚当前入口位置 和个入口频繁跳转

2、舵式导航   案例 ：微博 

                    特点：他的样式像轮船上用来指挥的船舵，两侧是其他操作按钮

3、抽屉导航   案例：将菜单隐藏在当前页面后，点击入口即可像抽屉一样拉出菜单

                   特点：节省页面空间，聚焦当前页面，扩展性好，但不适合频繁切换

4、宫格导航   案例 ：美图秀秀

                   特点：主要入口全部整合到页面，让用户做出选择

5、组合导航  案例：淘宝 京东

                  特点：布局灵活 适应框架的快速变化

6、列表导航    案例：微信朋友圈那面                  二三级页面常见

                    特点：层次清晰 课展示内容较强的标签

7、TAB导航     用于二级页  应用于层次较多的情况 

                     特点：用于改变当前视图 对当前页面内容分类

8、轮播导航      案例：天气类

                     特点：页面简洁 整体性强 不利于展示和查看

9、点聚导航：   主操作选项或导航合并为一个按钮 浮动在页面上

                     特点”页面开阔 有趣 

10、瀑布导航： 案例：电商搜索页面，社交图片页面  多用于图片为主的内容

                      特点：下拉自动加载，容易产生疲劳感 网络不好，产品体验下降