今天的任务：

任务二的深度思考：

1. 为什么做竞品调研的时候不允许写流水账，一定要先总结出所有的主流场景，再举相关案例，再找当前的要做的产品适合哪些场景？ 

流水账没有意义，总结所有主流场景是为了了解市场动态和竞争对手的产品，以及全面把握用户需求，再举例是用实例来验证前面的总结，避免想法脱离实际，最后给当前产品定位，求同存异。

2. App中通常用哪些常见的列表布局，分别适用什么样的场景？

1) 左侧列表+右侧宫格型适用于产品种类繁多时

2) 左侧列表+右侧列表型适用于产品种类不多时

3) 图标宫格型适用于板块分类明确时

4) 右侧列表型适用于规定筛选条件时

5) 下拉菜单型适用与自定义列表分类时

3. App里的导航栏为什么都会是在底部？为什么不是全部放在顶部？有哪些App是在顶部放置导航栏的？

导航栏底部设计的优点是符合手机端用户单手操作的习惯，栏目的个数一般为4个或者5个。缺点是栏目不能设置超过5个，否则不利于用户的切换，也会降低体验友好度。

现在没有顶部放置导航栏的app，只有在顶部设置分类的app，例如：淘宝、京东、美团等商品繁多的app。

4. 网页分别有哪几种常见的布局？分别适用于什么场景？首页通常会怎么设计？

常见的有：

国字形布局：

页头为网站的logo以及导航条，接下来是网站的主体内容，左右分列两小条内容，中间是主要部分，与左右一起列到底，最下面是网站的一些基本信息、联系方式、版权声明等。适用于大型网站、门户网站。

T字形布局：

页头为网站的logo以及导航条，接下来左面为菜单栏，右面为主体内容，最下面是网站的一些基本信息、联系方式、版权声明等。适用于企业官网。

顺序排列型：

页头为网站的logo以及导航条，接下主体内容为banner图和大图，其中可以加入栅格图片美化一下布局，最下面是网站的一些基本信息、联系方式、版权声明等。适用于有实体产品的公司，为突出产品。

自定义栅格型：

页头为网站的logo以及导航条，接下主体内容栅格化的若干个区域，最下面是网站的一些基本信息、联系方式、版权声明等。适用于有大量信息需要发布的网站。

5. 如果需要把二级菜单放侧边栏，应该在左边还是在右边，都有哪些知名网站用到了侧边栏，各自放到左或者是右的原因是什么？

由于人们阅读习惯是从左到右的，所以左侧是用户关注度比较高的一方，比如淘宝、京东等。右侧的二级菜单比较偏向交互类的，往往是在用户浏览完当前内容后，与页面产生交互的存在。比如回到顶部，联系我们，返回首页等。

6. PC导航一般有几种类型？应该在顶部导航中加入二级菜单吗？

pc导航可分为5种类型：顶部导航、底部导航、侧边导航、汉堡式导航、浮动式导航

汉堡式导航是下拉菜单型的，浮动式导航可以相对页面固定。

顶部导航是否加入二级菜单要根据网站内容来确定：若网站功能全面，用户类型很多，那设置二级菜单比较合适，以满足多种用户需求；若网站功能单一，那没必要设置二级菜单。也可以像微软和苹果官网那样在顶部导航只设置一个按钮的二级菜单，既保证了网站的简洁度，又能包括更多的功能需求。

7. 拆分Story的依据是什么，一个Story应该是在多少天研发完成才合理？

1) 站在使用者的角度，从功能层面说明Story的特性和能力，比如用户做一些操作，产品会有什么样的反馈；

2) 站在开发者的角度，从实现层面说明为了实现前述能力，产品内部需要做哪些调整，针对不同的操作要实现怎样的处理流程；

研发时间目前未知。

8. Story中做为一个XX（角色），这里角色需要细分到什么程度？什么是用户使用的场景，场景怎么和Story结合在一起?

具体到这个功能的需求者，用户使用的场景，就是在什么样的情况下，用户会需要这个功能，

相当于给这个用户加个定语。

9. 什么是Story，Story的三要素是什么，为什么要用Story的方式去描述需求？  

描述系统的外在行为，不能使用专业术语，

可以一句话总结为：作为一个什么样的角色，我想要做什么事, 以便于达到什么目的，

三要素即角色、活动、商业价值，

用story描述需求，可以站在用户的角度上，或者说是真正需要这个功能的人的角度上，来考虑这个功能所能呈现的商业价值。

10. web/app中的设计规范

Web：

1) 标志的使用：首页徽标和二级标志：颜色，大小，字体，样式.

2) 栅格系统：以规则的网格阵列来指导和规范版面布局以及信息分布，包括横幅图分布，视频播放器位置，广告位排布，列表排布，主要内容等

3) 颜色配色：网络中，要有一个主色调，作为网络中主要部件配色贯穿于网站结构中，其他辅色可按照部件的功能和位置划分

4) 文字：文字的大小，样式和配色，按照内容和页面层级不同，应有统一规格。可以很清楚的看到，页面中标题，时间，内容等，采用不同的文字大小划分层级。

5) 图片，图标：图片高宽比，大小按不同层级有固定模式，功能相同的图标规格统一。

6) 各部件和交互样式：包括板块样式，选项卡，导航，步骤条，搜索，按钮，提示，弹窗，浮层，表单，下拉菜单，输入框等，应尽量做到统一和复用

7) 页头页脚：首页，子页面，内容页相同层级的页面，页头页脚一般保持统一

App：

8) 间距：以统一的间距管理，区分页面控件和信息层级。

9) 颜色：应用程序中有主色保持软件风格和用户辨识度，作为主要部件配色贯穿于软件结构中，其他辅色可按照部件的功能和位置划分.ofo是给我印象比较深的，各个页面都是黄色为主色，有很高的用户辨识度。

10) 文字：应用程序中字体一般不超过两种，其他特殊的字体少量，可以特别说明字号以使用量多的为基准，定义为中字号，再根据信息，页面层级划分出大字号，小字号。

11) 各部件和交互：导航栏，标签栏，工具栏，输入框，列表，图标，下拉刷新，下拉加载，反馈提示等，应尽量做到统一和复用。对比下今日头条的两个标签页，采用相同的刷新操作，同时刷新的提示也相同，新闻列表也使用相同部件。

明日计划：

修改任务二，提交后开始着手任务三。