100条产品设计知识点及案例手册

收集了100条互联网相关知识，包含产品、交互、UI、心理学等，由于内容相对较多，拆分为三个导图展示，此模块展示1-30条。

100条产品设计及案例手册（1-30）

• 伯斯塔法则
  • 【定义】
    • 系统/产品应保有一定程度的容错能力，在设计中表现为允许用户进行任何操作，即便是错的或无效的。
  • 【案例】
    • Bilibili安卓端头部区域除了【搜索栏】和其他几个按钮之外，任意地方点击都能进入侧边栏，及时没有点击到【三条杠】，因为这三条杠是在是太小了，用户极有可能没有点击到，所以干脆扩大了可触法的热区。
• 美好即用效应
  • 【定义】
    • 当界面被设计得足够美观时，用户往往会容忍一些较为轻微、影响较小得可用性问题
  • 【案例】
    • 微信读书使用横向滑动得卡片，一屏一张卡片一个主题，相比较其他读书类APP（比如起点、京东读书）而言，这种界面得组织方式浏览效率不高，且浪费大量屏幕空间，单简洁、优雅得设计，就有了让我们多花一点耐心和操作成本看下去的欲望。
• 刺激作用
  • 【定义】
    • 刺激记忆中的特殊概念，借此影响后续行为。如何导入的刺激所激活的概念，跟先前已存在的需求或目标一致，刺激作用就能发挥有效的影响力。
  • 【案例】
    • 在电影开幕前秀出某人喝汽水的影像，会对口渴的人产生效应，诱使更多人去买汽水，但对不觉得口渴对人，就没有效果。
• 雅各布定律
  • 【定义】
    • 用户将大部分时间花在别人家对网站（产品）上，而不是你的。这意味着他们希望你的网站（产品）跟别人对有相同对操作方法和使用模式。
  • 【案例】
    • 在国内，不论是淘宝、造作、网易云音乐，不论是合家欢风格还是性冷淡风格，甚至不论是不是电商APP，只要涉及到商品对详情页面，版式都高度相似，上方是图片，中间描述，底部是悬浮都操作区域，这也是用户最熟悉、最容易接受都排版。
• 形式服从功能
  • 【定义】
    • “形式服从功能”法则，可以用两种方式来诠释，一种是美感描述，另一种是美感规范。“描述性诠释”指的是美感来自纯粹都功能，没有其他多余的装饰。“规范性诠释”指的是设计注重功能，美感属次要考虑。对优秀设计来说，定义成功标准极其重要。
  • 【案例】
    • 如果手表成功标准的定义是速度与正确性，电子显示是比较好的方式。如果成功的标准放在纯美感，极简主义的长短针显示最好看。
• 曲线偏见
  • 【定义】
    • 曲线偏见是一种倾向：对曲线造型物品的喜爱胜于对锐角或尖角物品的喜爱。但实际情况比较复杂，不能就此推断所有设计为了增加吸引力而做成圆弧形。棱角物品有助于吸引注意力和创新精神；曲线物品则有助于制造正面情绪和美学印象。
  • 【案例】
    • 下图从左上到右下，依次是Alessiil Conico、9093、9091和Mami壶，从尖角造型到曲线造型到排列。位于两极到Alessiil Conio壶和Mami 壶，前者最能吸引目光，后者最后大众欢迎。
• 恒常性
  • 【定义】
    • 一种虽然知觉在接受物体时出现改变，但人们倾向于认为物体本质不变的倾向。虽然物体的位置远近、光线、颜色或大小有所改变，人们在知觉上倾向于认为物体恒定不变。
  • 【案例】
    • 虽然照明的改变，会使物体显得更亮一点儿或更暗一点儿，但我们对物体亮度但认识维持不变（例如在昏暗但屋子里，白色衬衫看起来是灰色的，但是我们对这件衬衫对颜色的认知维持不变。）
• 奥卡姆剃刀
  • 【定义】
    • 奥卡姆剃刀的含义，就是指一些不必要的元素会降低设计的效率，而且增加不可预测后果的发生概率。不管是实体、视觉或认知上，多余的负担都会削弱表现效能。
  • 【案例】
    • 有两个功能相当的展示品（资料内容与可读性相等），就选择视觉元素较少的那一个。在不影响功能的情况下，删除多余的元素。最后，在保留原本功能的前提下，让表现形式更简单、更明确。
• 模拟
  • 【定义】
    • 在设计中，模拟指的是模仿熟悉的物体、有机体或环境的特性，增肌产品的适用性、喜爱度或物品功能。设计有三种基本模拟：表面、行为及功能。
  • 【案例】
    • 电脑软件图标的设计，就是让他们看起来像公文包或文件夹
• 干扰效应
  • 【定义】
    • 有两种或者两种以上的知觉或认知过程发生冲突时，就会产生干扰效应。思考的过程会变化得比较慢，也不太正确。
  • 【案例】
    • 当文字的意义与文字的颜色相冲突时，指出文字颜色所用的时间会曾长。
• 黑天鹅事件
  • 【定义】
    • 指非常难以预测，且不寻常的事件，通常会引起市场连锁负面反应甚至颠覆。黑天鹅存在于任何领域，无论金融市场、商业、经济、还是个人生活，都逃不过他的控制。“黑天鹅”的逻辑是：你不知道的事比你知道的事更有意义。在人类社会发展的进程中，对我们的历史和社会产生重大影响的，通常都不是我们已知或可以预见的。
  • 【案例】
    • 2018年4月16日，美国商务部发布公告称，美国政府在未来7年内禁止中兴通讯向美国企业购买敏感产品。中兴流年不利遭遇黑天鹅事件，陷入供应链风险管理危机...4月20日中兴通讯发布关于美国商务部激活拒绝令的声明，称在相关调查尚未结束之前，美国商务部工业与安全局执意对公司施以最严厉的制裁，对中兴通讯极不公平，“不能接受”5月，中兴通讯公告称，受拒绝令影响，本公司主要经营活动已无法进行。6月7日，美国商务部部长罗斯接受采访时表示，美国政府与中兴通讯已经达成协议，只要后者再次缴纳10亿美元罚金，并改组董事会，即可接触相关禁令。
• 灰犀牛事件
  • 【定义】
    • 犀牛的个体很大，一般指问题很大，也早有预兆，但是视而不见，没有给予足够对重视，结果导致了后果严重的问题或事件。与“黑天鹅事件”形成互补，“黑天鹅事件”则是极其罕见的、出乎人们意料的风险。
  • 【案例】
    • 美国次贷危机进而引发了全球性的金融风暴，渥克称，2007年至2008年的那一场金融风暴对某些人来说是“黑天鹅事件”但对大多数人来说，风暴是众多“灰犀牛”汇聚的结果。美国社会但“消费文化”，不恰当的房地产金融政策，以及长期的宽松货币政策环境共同催生了这一危机。其实，早期的警示信号就摆在那里，也有人准确地接受到了这一信息。但是，银行家们明明已经了解到次贷危机的风险，却仍然不肯从这种充满风险的投资中收手。
• 拟人形
  • 【定义】
    • 人类对应用拟人化的方式去创作某些形式和图案十分感兴趣，特别是模仿人脸和人体比例的形状和图案。这种仿效的倾向运用在设计上，是一种非常有效对手段，既可以引起消费者关注，建立积极正面的互动，同时在某种程度上，又可以激发人们对产品的情感诉求，以达到共鸣。
  • 【案例】
    • 1915年对可口可乐经典曲线瓶，因为瓶身设计应用了拟人形的法则，瓶身呈现了女性身体的比例，所以被冠以“梅蕙丝”瓶的称号。
• 鸟笼效应
  • 【定义】
    • “鸟笼效应”是一个很有意思的规律，人们会在偶然获得一件原本不需要的物品的基础上，继续添加更多与之相关而自己不需要的东西。比如，一个人买了一只空的鸟笼放在家里，那么一段时间后，她一般会为了用这只笼子再买一只鸟回来养，而不会把笼子丢掉，也就是这个人反而被笼子给异化掉了，成为笼子的俘虏。
  • 【案例】
    • 腾讯大王卡的案例非常典型，是应用“鸟笼效应”最彻底的案例。即使现在流量比较便宜，wifi也比较普遍，但如果玩大型游戏或者通过邮件发送附件等场景，流量但壁垒依然存在。腾讯系列的产品有100款，无论你是不是腾讯产品的忠实用户，你也总会用到微信、王者荣耀等几款主流app。大王卡的意义在鸟笼效应力，就相当于这个“鸟笼”，以往你很喜欢玩王者荣耀、吃鸡、但流量有限。现在我给你一个可以无限玩的“鸟笼”，相当于给你一个最优的选择去摆脱你流量不够用的借口。同样的，因为应用这个鸟笼，用户可能就不会选择其他竞品的app了
• 自我表现心里
  • 【定义】
    • 每个人都有渴望被他人关注的心理，都希望在千篇一律都世界中脱离出来，成为那个最闪耀的自己。每个人都存在自利偏差的错觉，觉得自己各方面都比别人要好。因此在表象中便极想表现自己的优秀和与众不同。我们可利用人们这一点共同性，将这个特点放入我们构想产品，设计产品运营产品过程中，自然会起到不错的反馈。
  • 【案例】
    • 比如前期QQ头像的设置，用户可以免费选择系统里边默认的系统头像，但自定义但头像采取收费。人们认为他们自己的东西（或创造的）是更有价值的。
• 推荐系统
  • 【定义】
    • 推荐系统是一种信息过滤系统，用于预测用户对物品对“评分”或“偏好”。推荐系统近年来非常流行，应用于各行各业。推荐的对象包括：电影、音乐、新闻、学术论文、搜索查询、分众分类、以及其他产品。
  • 【案例】
    • 今日头条，抖音等头条系列产品都利用推荐系统，挖掘用户的偏好，推荐用户可能会喜欢的内容，提高了产品使用时间和留存率，获得了市场成功。淘宝的主页也会根据用户的购买和浏览历史推荐用户可能感兴趣的商品。
• 紫格尼克记忆效应
  • 【定义】
    • 一位叫紫格尼克的心理学家，她给128格孩子布置了一系列作业，她让孩子们完成一部分作业，另一部分则令其中途停顿。一小时后测试结果。110个孩子对中途停顿的作业记忆犹新。结论是：人们对已完成对工作较为健忘，因为“完成欲”已经得到满足，而对未完成对工作则在脑海里萦绕不已。这就是所谓对紫格尼克效应。
  • 【案例】
    • 无论在游戏中，还是在微信中，类似小红点引导和提示用户重要信息对方式比比皆是，这也是紫格尼克记忆效应对最常见对应用，当你看到这些提醒信息或者小红点，就知道你遗漏了一些信息或者事情没有做，或者有新的内容还没有看。
• 7加减2法则
  • 【定义】
    • 由于我们头脑里面信息处理对局限，我们在处理信息组快最好是在5-9这个范围里面。这个是交互设计中一个常用的法则，例如网页导航，为了给用户提供明晰的网站向导，导航栏目最多不超过9个，栏目过多用户就会觉得混乱而难以选择，那时就得考虑分组分级显示了。而移动应用中一般导航不超过5个，从而使得页面简单明了，因为用户在查看网页或者App的时候调用的都是短期记忆，可以记得只有7+-2的范围，再多的话不容易记住。因此我们可以看到很多网页的导航都是采用7+-2的框架。
  • 【案例】
    • 如在我们淘宝App中，我们可以看到他在热搜这一块设置的标签label是5个，导航这一块的天猫超市，农贸农具，天猫优品等也是一行5个。
• 席克定律
  • 【定义】
    • 席克定律关系到一个人需要多久来做出决定。如果人们有更多的选择，就需要更长的时间做出选择，在某些情况下需要花费的时间太长，顾客心理会有压力。这就相当于你给了一个选择困难症的顾客一份很长很长的菜单，他最终纠结会放弃点菜走人。最好不要给用户太多选择。
  • 【案例】
    • 无论是web端，App端也好，我们可以点进去他的分类页面进行查看，很多app的分类导航都是往深度去分类而非广度去分类。
• 禀赋效应
  • 【定义】
    • 当一个人一旦拥有某项物品，那么他对该物品价值的评价要比未拥有之前大大增加。这一现象可以用行为金融学的“损失厌恶”理论来解释，该理论认为一定量的损失给人们带来的效用降低要多过相同的收益给人们带来的效用增加。应为禀赋效应的关系，大多数人往往会对自己曾经拥有的东西赋予过高的价值，如果扔掉就会觉得可惜。此外由于沉默成本的缘故，扔掉自己辛苦极了多时的资源，甚至有时候，并不是积累了很多的资源，如果丢掉同样也会导致人患得患失。
  • 【案例】
    • 禀赋效应在实际工作中的应用主要分两个方面：前置禀赋效应和后置禀赋效应；前者指：当用户选择离开时，将用户在该平台所付出的所有沉默成本进行清算并通过直观的方式展示给用户，比如在知乎投入的会大数。这种方式让用户意识到之前投入的沉默成本数量，而产生风险逃避意识进行留存。
• 费次定律
  • 【定义】
    • 使用指点设备到达一个目标的时间，与当前设备位置和目标位置的距离（D）和目标大小（s）有关，距离越长，所用时间越长；目标越大，所用时间越短。
  • 【案例】
    • 屏幕的边和角很适合放置像菜单栏和按钮这样的元素，因为边角是巨大的目标，你不可能用鼠标超过他们，不管你移动了多远，鼠标最终会停在屏幕的边缘，并定位到按钮或菜单的上面。
• 沉锚效应
  • 【定义】
    • 人们在作决策时，思维往往会被得到的第一信息所左右，就像沉入海底的锚一样，把你的思维固定在某处。而用一个限定性的词语或规定作行为导向，达成行为效果的心理效应，就是沉锚效应
  • 【案例】
    • 去咖啡厅被问同一个问题：要大杯还是中杯？如果说要小杯，店员说没有。但并不是所有店都没有小杯，只是被店员利用锚定效应很好的藏起来了。
• 海盗指标
  • 【定义】
    • 包含用户获取、用户激活、用户留存、用户推荐、盈利，很多团队还会加入挽回流失用户。
  • 【案例】
    • 抖音在用户获取前期一直以平台自身为主，没有外部投放。主要在抖音内部建立话题视频挑战，刺激视频库的增长，同时，雇佣专业的舞蹈或音乐大人拍视频，并发布到各主流视频平台上进行宣传引流。后边通过岳云鹏微博推广带动抖音进入大众视野。
• 接近法则
  • 【定义】
    • 根据格式塔心理学：当对象里的太近的时候，意识会认为它们是相关的。在交互设计中表现为一个提交按钮会紧挨着一个文本框，因此当相互靠近当功能块是不相关的话，就说明交互设计可能是有问题的。
  • 【案例】
    • 如今日头条及优酷视频信息布局在今日头条和优酷视频的信息条目中，我们一眼都能发现，标题和图片是表示的同一类的信息，因为它们是放在一起，具有相关性。
• 皮革马利翁效应
  • 【定义】
    • 指人们基于对某种情景的知觉而形成的期望或预言，会使该情境产生适应这一期望或预言的效应。你期望什么，你就会得到什么，你得到的不是你想要的，而是你期待的。相反的说，如果你相信事情不断地收到阻力，这些阻力就会产生。
  • 【案例】
    • 运用到管理学中，就要求领导对下属要投入感情、希望和特别的诱导，使下属得以发挥自身的主动性、积极性和创造性。如领导在交办某一项任务时，不妨对下属说：“我相信你一定能办好”、“你是会有办法的”这样下属就会朝你期待的方向发展。
• 图灵测试
  • 【定义】
    • 图灵测试由图灵发明，指测试者与被测试者（一个人和一台机器）隔开的情况下，通过一些装置向被测试者随意提问。进行多次测试后，如果有超过30%的测试者不能确出被测试者是人还是机器，那么这台机器就通过了测试，并认为具有人类智能。
  • 【案例】
    • 小明给领导两个红包。领导说：“你这是什么意思”，小明：“没什么意思，意思意思。。。”
• 认知失调
  • 【定义】
    • 认知失调是由美国社会心理学家费斯延格提出的一种态度改变理，是指个体认识到自己的态度之间、或者态度与行为之间存在着矛盾。费斯廷格认为一般情况下，个体对于事物的态度以及态度和行为间是相互协调的；当出现不一致时，就会产生认知不和谐的状态，即认知失调，并会导致心理紧张。个体为了解除紧张会使用改变认知、增加新的认知、改变新的认知、改变认知的相对重要性、改变行为等方法来力图重新回复平衡。
  • 【案例】
    • 一只狐狸试图去把长在树上的葡萄藤上的一串葡萄拿下来，但湿了多遍都不成功，于是就离开了，并怨恨地说：“那一串葡萄是酸的！一点也不好吃！我才不希望吃到呢！”
• 边际效用递减
  • 【定义】
    • 就是在一定时间内，在其他商品的消费数量保持不变的条件下，随着消费者对某种商品消费量的增加，消费者从该商品连续增加的每一消费单位中所得到的效用增量将会递减。当同一种物品被不断消费时，人们心理的兴奋程度或满足也必然减少。
  • 【案例】
    • 当你饿的时候吃馒头，第一个馒头的效用最大，以后第二个、第三个逐渐递减，直到边际效用为零（饱了），甚至为负（撑了）。并非什么事物都是“边际效用递减”的，比如我们对金钱的态度就是多多益善，赚的越多越好。
• 基尼系数
  • 【定义】
    • 基尼系数是量度贫富悬殊程度的标量。它的定义如下：我们首先收集社会上每一个人的总财富额，把它从少至大排列，计算它的累计函数，然后便可绘出图中的洛仑兹曲线。图中横轴是人口比例的累积分布，竖轴是财富比例的累计分布。
  • 【案例】
    • 我们先想象两个极端情况。假设社会上人人财富均等，那就成了图中45度直线，称平等直线。而图中的洛仑兹曲线乃实际分布。
• 系列位置效应
  • 【定义】
    • 是指记忆材料在系列位置中所处的位置对记忆效果发生的影响，包括首因效应和近因效应。系列开头的材料比系列中间的材料记得好叫首因效应或者首位效应；系列末尾的材料比系列中间的材料记得好叫近因效应或新近效应。
  • 【案例】
    • 现在大多数App选择摒弃汉堡包菜单，使用底部或顶部导航菜单，并将最重要的用户操作放置在右侧或左侧。在图中，你可以看到一些流行的ios应用程序示例。考虑到系列位置效应，每个app都将首页和用户中心项目分别放在了菜单栏的左侧或右侧。