App – 蜗牛派

浅谈金融类APP界面设计的规则

蜗牛派 — Tue, 28 Jul 2020 06:46:05 +0000

文章作者从安全和认知两个角度探讨了金融类APP界面设计的规则，接下来这篇文章继续从效率、引导和体验三个方面展开讨论，与大家分享。

三、效率快：缩短到达目标的距离

某银行APP用户查看理财收益的小短片。

从梳理的用户旅程图中可以看到，用户在查看理财收益的时候心情有一个落点。这个情绪低点出现在查看完理财产品后，要继续查看基金收益时，需要重新返回首页，才能找到基金入口。

而对比同类型的京东金融，在其首页就可以看到所有财产的情况，这样的设计缩短了用户到达目标的距离，整个任务会比较流畅，也符合用户的心智模型。

在梳理用户旅程地图的过程中，围绕“效率·快”，我们总结出几条匹配用户心智模型的设计原则：

保持交互/视觉一致性
简化流程操作、拆分主次，优先完成主要流程
与用户心智模型匹配
解决用户端的记忆负担
稳定快速流畅
充分给予用户操作控制权

四、引导准

1. 精准引导用户决策

关于引导有很多相关的原则，这里主要讲一下如何通过引导设计提高用户转化率。金融行业的竞争压力巨大，留存用户，留住他们的资金才是王道。

福格行为发生模型是一个用来探寻用户行为原因的模型。它认为，要让一个行为发生，必须同时具备三个元素：动机、能力和触发器。图中的蓝色曲线代表事情刚刚发生的一个恰好的时机。

从曲线中可以看出，当一个人的动机非常强烈的时候，即使能力不足，仍然是有机会去触发产生行为。反过来，当一个人的动机不那么强烈的时候，用户的能力够强，对他来说“easy to do”，行为也是可能发生的。

所以，金融APP要想留存用户，让用户行动起来，可以从增强行为动机，提高用户能力，同时减少决策成本三个方面努力。

2. 增强行为动机

（1）场景刺激用户

不同的用户对于理财产品的需求可能对应着马斯洛需求的不同层级，用户研究可以深入挖掘不同类型用户的理财需求。

针对那些理财需求较弱的用户，我们可以通过洞察用户的生存需求（马斯洛需求中最基础的一层），挖掘用户痛点，通过设计符合用户生存需求和痛点的理财场景，去刺激、强化用户的动机。

（2）利益刺激用户

用户投资理财产品的目的基本上都是为了赚取利益。那么只要让用户可以明确地感知到收益，便能强化用户的动机。除了突出放大产品的高收益数值，我们还可以通过收益对比、制造稀缺感、体验收益来提高收益对用户的刺激。

例如：

收益对比：可将理财产品收益与用户已建立起收益认知的产品进行对比，例如与银行活期存款、与支付宝余额宝进行收益对比；
制造稀缺感：通过制造理财产品的稀缺感，如“限定剩余额度”、“95%的用户都购买了”等运营手段，刺激用户对该产品的关注和利益争夺。
体验收益：对于利益，用户如果不进行投资是感知不到的，但倘若我们可以通过给用户一笔体验金，让用户体验3-5天的收益增长，并承诺这期间的收益送给用户，用户在体验到实实在在的收益后，便能更大程度的增强投资动机。

3. 提高用户能力

（1）降低学习成本，增强知识输出

用户的理财知识水平参差不齐，我们做设计时必须保障对金融知识了解较少，甚至没有理财概念的小白用户。在“认知·易”一节中，已经阐述过如何帮助用户进行认知降维，其实就是在提高用户的行为能力。除此之外，还应该增加金融知识的输出，提高用户的知识水平，也能提高用户决策能力。

（2）降低行为成本

除了降低用户的学习成本，降低行动成本也是提高用户能力的一个方面。通过合理的交互设计，可以缩短产品购买流程、减少用户操作的次数。

（3）排列决策要素优先级

通过观察和研究用户如何使用产品，我们可以绘制出用户体验行为地图，来挖掘用户在每个决策节点所遇到的痛点和需求。将每个决策节点的决策要素进行排序，便可找到界面设计中，信息排序的优先级。将最可能影响用户决策的要素放在最前面，就可有效减少用户的决策成本。

（4）优化、简化决策流程

简化交易流程，并针对不同类型的理财产品交易流程进行优化和简化，找出共性点，进行统一的交互、视觉设计。用户在体验过一类理财产品的交易流程后，购买另外一种理财产品时，能感知到熟悉、相似的流程，且流程不长，可以大大推动用户进行决策交易。

五、体验新：新技术、新视觉

大热的5G技术

语音识别技术

VR增强技术

金融APP的用户是基于年轻化的用户，这个群体是比较崇尚创新的。创新对于相对传统的金融行业来说，就是在各个方面都要让用户感知得到创新的元素。比如现在很多界面设计都会使用一些动效，金融类APP也是完全可以用到的。还有智能AI、云客服和VR增强技术，都可以运用到金融场景里。

本文作者：伊飒尔UXD ，其版权均为原作者所有，文章内容系作者个人观点，不代表蜗牛派对观点赞同或支持，未经许可，请勿转载，题图来自Unsplash，基于CC0协议。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

产品经理如何设计应用程序中的通知模型？

蜗牛派 — Tue, 28 Jul 2020 02:10:52 +0000

本期将为大家带来如何设计应用程序中的通知模型，现在，通知可能是一个复杂的功能。本文并未涵盖其所有详细信息，但我希望它足以为你提供一些清晰度和指导，为你的应用程序选择正确的通知模型。

在我们开始讨论通知模型之前，让我们简要介绍一下什么是通知以及它们由什么组成。通知是来自于针对用户的应用程序的信息片段。下面是通知的一些重要组成部分。

通知模型-模式

来源:这是应用程序中产生通知的部分。应用程序的体系结构可以有多个存储桶，用于对信息进行分类，这些存储桶将成为通知源。

信息:这是需要通过通知的方式传达给用户的消息。比如“小明向你发送好友请求”，或者“小莉开始关注你”。

类型:通知主要有两种类型:信息性的和可操作的。根据应用程序的上下文，这两种类型都可以有进一步的子类型。

通知徽章:这些是可视化指示器，将用户导向通知。通知指示器可以像点一样简单，也可以有一个计数来显示未读通知的数量。

锚:锚是app的可视组件，通知会出现在界面上。简单地说，用户将在这个组件上看到通知指示符/徽章。注意，锚不一定是通知源，而只是通知出现的组件。锚可以存放来自多个源的通知，也可以只存放一个源的通知。可以这样想，资源更多的是在架构/信息级别上，而锚点是可以看到通知标识的可视组件。

通知是应用程序与用户进行通信并可能将用户带回应用程序的媒介之一。因此，它们是应用程序中非常重要的一部分。让我介绍一些最流行的通知模型，以及如何使用其中一种。

1、通知中心

在这个模型中，有一个定义了所有通知的位置。通知中心可以是一个专用屏幕，也可以是一个弹出窗口，这取决于可用的尺寸。在此模型中，所有通知都锚定到通知中心，而不管它们的来源是什么。然后，你可以从通知中心导航到通知源。Medium使用这个模型来通知。一个徽章会出现在铃铛图标上，这是你所有通知的入口点。同样重要的是，已读通知和未读通知在视觉上有所不同，以便用户能够区分它们。

Medium-通知中心

这种模式最大的优点是它的灵活性。这是一个可以容纳每个通知的地方，无论是来自现有的源还是新的。

指导方针

所有不同类型的通知都必须经过深思熟虑，并遵循相同的设计模式。在设计模式时，务必将可伸缩性视为我们的主要目标。
如果你有太多的通知源，当有太多的通知时，这个模型可能会看起来有点混乱。如果有相似类型的通知，你可以把它们放在一起，这将有助于减少重复。比如，“小明和其他三个人向你发送了好友请求”。
确保通知中心易于发现和访问。

使用通知中心时

你的产品需要无法锚定到任何现有导航选项的通知。这可能是因为通知与产品上的现有对象不一致，或者通知不是来自信息体系结构中任何已定义的源。
可能的通知源比应用程序在着陆屏幕上所能容纳的要多。
当你时间不够的时候。可能会出现这样的情况:在没有时间考虑通知的所有可能场景并为每个通知找到锚之前，你需要发布一个特性。在这种情况下，通知中心可能是你的简单方法，因为它本质上非常灵活。

2、源锚定通知

在此模型中，每个通知都锚定到导航选项，该导航选项也很可能也是通知的来源。没有所有通知的单一中心/中心。看看WhatApp有一个更好的主意。在两个平台（Android和iOS）上，来自聊天或呼叫的通知都锚定在各自的导航菜单上。该模型的优点是可以导致更多的内容发现。用户现在可以直接到达通知所传达的信息，而无需添加中间层。但是此模型不像通知中心那样灵活或可扩展。

WhatsApp-源锚定通知

这种模式严重依赖于应用程序的信息架构。导航必须能够容纳所有不同类型的通知。与上一个模型一样，这里的已读通知和未读通知在视觉上有所不同也很重要。

指导方针

确保每个通知都可以锚定到着陆屏幕上的一个导航选项。随着应用程序的复杂性增加，通知源的数量也会增加。在这种情况下，你可以选择一个通知中心，或者你可以考虑一个混合模型(即锚定模型和通知中心的组合)。我们将在下一节中讨论混合模型。
每个锚都应该为它将要容纳的内容提供一个设计模式。确保通知符合锚的模式。让我们以WhatsApp为例来理解这一点。这里的锚点“chat”有一个设计模式，它定义了一个chat对象应该是什么样子。这意味着锚定到chat的任何通知都必须遵循此模式。“打电话”也是一样。
确保锚易于发现和访问。避免使用嵌套锚。

使用源锚定通知

当所有可能的通知源都可以容纳在着陆屏幕上时。
你已经考虑了通知的所有场景，并且所有通知都可以与现有的设计模式相适应。这些通知必须遵循它们锚定的源的模式，这一点很重要。

3、混合模型

这个模型是这两种模型的组合。它是最常用的模型。Facebook、LinkedIn、Twitter和Instagram是使用它的一些流行应用程序。在这里，通知中心成为导航菜单中的选项之一，可以作为不符合登陆屏幕条件的源的锚。例如，Facebook将新好友请求锚定在“好友”标签，而邀请喜欢页面锚定在通知中心。

Facebook -混合模式

该模型具有两种模型的优点，可以方便地适应大多数情况。尽管现在你已经能够将通知锚定到通知中心，但仍然有必要考虑源锚定通知能够适应的所有场景和优先级。

与源锚定模型一样，该模型也严重依赖于导航菜单，它现在也有通知中心作为选项。

指导方针

确定产品架构中最重要的信息桶并对其进行排序。对它们进行排序可以让你优先考虑哪些通知应该锚定到源，哪些应该进入通知中心。由于此模型依赖于导航，通知的配置可以根据可用的不动产进行更改。
确保主锚和通知中心作为导航的一部分很容易在着陆屏幕上被发现。

使用混合模型

你已经全面考虑了通知场景。有些通知可以锚定到它们各自的源，但其他一些通知不能锚定到体系结构中的任何现有源。
导航中嵌套了源代码。例如，Facebook应用程序上的汉堡菜单图标是来自它下面来源的通知的锚点，例如群组、观看、记忆、保存、市场等。

结论

上面提到的所有模型在正确的上下文中都是有用的。为你的应用选择哪种模式取决于信息架构和你想要迎合的通知类型。

本文作者： LDesign1 ，其版权均为原作者所有，文章内容系作者个人观点，不代表蜗牛派对观点赞同或支持，未经许可，请勿转载，题图来自Unsplash，基于CC0协议。

产品经理如何定位规划一个新的APP？

蜗牛派 — Sat, 25 Jul 2020 01:55:15 +0000

现在市面上的APP产品不计其数，包罗万象，想要开始制作一个新的APP可谓是难上加难。如何定位，切入点在哪，如何规划？这些都是产品经理需要考虑的东西。

一、背景介绍

当已经有一个亿级产品收入连续几年翻倍，月活持续爬高的时候，考虑到公司整体未来发展，该如何进行后续规划？

当前市场上的公司有大概这么几种做法：

乐观派：永远上涨，永不破灭。乐观派会持续招人，不断在产品中加入各种功能、不断加入各种营销，投广告，重营销，做品牌，做延伸。感觉每天都在忙，就好像一个四五十岁的人，再努力化妆美容，也挽回不了逝去的青春。产品也是一样，成熟期的产品会在这种“勤奋”的忙碌中慢慢死去。
稳重派：他涨由他涨，清风拂山冈。稳重派会专心继续打磨产品，补全各种细小体验，期待做出最好的产品。但世界在变，用户需求也在变，新的代际产品出现后，质量再好的诺基亚手机也打不过iPhone。
后天将死派：明天是美好的，后天是危险的。为了明天要继续优化产品，但同时要去寻找新的增长方向，在后天能够继续好好活着。

每家公司都有他们这么做的理由，但是对于我们，信奉的是后天将死派，居安思危。但是找一个适合的方向何其之难，很多公司死在了寻找的过程中、死在了错误的路上……

如何找到正确的路，是我上半年主要研究的方向，有所心得，记录在此，以做小结。

二、大路还是小路？

像是游戏、直播、娱乐，大家都知道赚钱，都想进。但如果团队小、资金少、没有壁垒，进去估计连朵水花都翻不起来。所以方向的选择a还是要根据团队的情况来决定，小团队也有小团队的玩法。

1. 有机会快速获量的小众方向

小众方向指的是大厂不屑去做的细分小领域，比如阅读器、手电筒、QR扫描等门槛低，拉新成本低，功能简单，没有壁垒，如果成为细分领域TOP，也能够上到日活千万。

这个方向的缺点就是商业天花板低，基本玩法都是通过便宜的价格买量，达到量级之后做广告变现，之后再做他个几十个小应用组成流量矩阵承接广告。

这种玩法我觉得挺适合暂时没有明确目标的创业团队，短期快速试错，达到营收平衡，之后再打造其他更好的产品。

2. 盈利前景可观的大方向

达到一定用户和营收量级的公司，基本是不屑于做几十个小应用浪费精力，还是希望找到一个非常大的市场，发挥自己在资金和技术上的优势，参与大蛋糕的争夺。这种市场规模至少在百亿以上，并且还要有年20%以上的增长速度，比如当前的娱乐、社交、短视频等领域。

3. 一些方向被否定的原因

在上半年早些时候，我对于当前多元化比较成功的公司做过相应的分析。所以无论在小方向还是大方向，这两块都进行了一些探索研究，在不断的否定中纠正探索的方向。

教育相关方向：此方向相关技术都有，但是国内市场已经有两三个产品产生垄断，用户心智基本被占领。另外此方向技术只是一个门槛，重点在于内容，如果做海外，版权是绕不过去的一个坎，没有相应版权资源，对于产品快速成长会有阻碍。
内容识别方向：此方向也是相关技术都有，本身属于细分小众领域，产品比较多，无绝对垄断产品，其中部分产品下载量级很大。但是这个领域产品生命周期过短，商业天花板太低，只能走大量买量、广告变现这个道路，所以这个方向也被否定。
办公相关方向：符合快速发展，市场量级很大的要求，产品比较多，虽然有头部产品，但是当前在市场占有率还比较低。但这个方向经过调研后，我认为当前社会发展阶段还没有到达，除非政府推动，否则此领域能普及到大众，至少还需要3～5年。

通过这些否定，我们希望的探索目标其实也就慢慢清晰：找到一个大方向，寻找一个合适的切入点进入，后续再横向延展到整个领域。

三、切入点选择

之后我就不再去找小众还没竞争太激烈的方向，把注意力聚焦到竞争的死去活来的那些大的方向，在里面寻找我们还有机会的切入点。

切入点的选择我是综合考虑以下几点：

1. 公司基因匹配、能力范围能达到

一开始步子还是不能跨大，能站在挣到钱的，何必跪着找资源达成。做产品一下子跳出舒适区并且做成功的真不多。

2. 有还未满足痛点

寻找这个市场上还没有被满足的用户大痛点，用最好的技术和体验去满足，是切入红海的最好着力点。

3. 切入点能否建立壁垒

迅雷创始人程浩说过一句话：渐进式创新都是给行业老大打工。切入点是否有颠覆性，是否有进入壁垒，也是非常重要的考虑，否则就是给别人做嫁衣裳。

四、切入点如何验证

分析大方向的整体用户链路，找到一些用户痛点之后，也要对切入点进行进一步验证，这个切入点是否真的有机会，还也是新方向探索里面比较难以衡量的点。

在实际操作中，可以通过以下几种方式进行验证：

1. 数据评估

通过现有的市场及相关数据，对切入点机会进行评估，估算可能的市场量级，产品能达到的高度，及未来发展潜力。这种评估方式，前提是拥有比较精确的数据，还需要一套经过检验的估算方法。这种评估方式适合有成功产品经验的公司BOSS使用。

如果需要通过立项才能推进的新项目，则先要在内部对这套估算方式达成共识，否则这种评估得到的数据是无根之萍，很难说服别人。

2. 目标用户调研

找到有相关痛点的用户，说明解决方案，看对方是否愿意付费使用。这也是比较常见的评估方式，这种评估方式适合整个行业共有痛点的解决方案评估。

如果预期的切入点的功能是其中部分人群使用的，那这种方式获得的结果只能证明你找到的用户愿意为此付费，很难去证明真正需要此功能的人群有多大的规模。

3. 投放验证

这种验证方式我是从出海的手机游戏行业学来的，游戏行业的开发都是以年来计算，通过做demo的方式来验证用户喜好，那成本会非常大。所以他们的做法是投放素材，看素材的数据，从而评估市场竞争情况和用户喜好度。

这是一种市场直接验证的方式，可以产生有说服力的数据来支撑相关预测，衡量的指标主要是投放的CTR、CPI和CVR三个值，通过这三个指标，可以验证用户的兴趣度和品类竞争情况。

通过投放跑出具体数据之后，可以通过前期的预期测算表，带入具体数值，重新测算，看看测算数据能否支持此项目继续进行。

测算表示例

五、产品规划

成功完成切入点验证，证明切入点可以进入后，就要开始对整个产品生命周期进行规划。

以前通过纯自然增量成长出来的产品，这种产品曲线我称之为古典成功产品曲线，这种曲线在目前一些成熟的APP市场中，已经很难重现了。

目前一般的方法是通过投放买量，通过资金缩短成长爆发期，即下面的“投放驱动-成功产品曲线”。

两种成功产品曲线

但不管怎么来说，产品有价值生命周期分为PMF阶段、成长爆发期和成熟期，成熟期之后是衰退还是找到第二增长曲线，这个是比较后面要考虑的事情。

产品曲线

针对每个阶段，都有相应的成功衡量指标。比如PMF阶段最重要的留存，成长爆发期的增长和活跃，成熟期的营收。

通过目标设定和数据预估，可以大体得到各个周期里用户量增长的情况。我使用的方法是对留存和新增进行拆解，去规划要买多少量，留存目标要达到多少。

通过测算表去测算增长的阶段成果，每个阶段能够达到的用户量和ROI。等到这个阶段的实际数据出来之后，可以带入测算表，对下一阶段数据重新调整，从而决定后续产品的策略。

六、阶段总结

做新方向探索，有两个核心考量点要贯穿始终，那就是投入和产出，思考任何问题都不能离开这两点，否则就会陷入自嗨或者迷惘之中。

对于每个阶段的打法规划和实践经验，下篇文章再说。

本文作者：产品在思考，其版权均为原作者所有，文章内容系作者个人观点，不代表蜗牛派对观点赞同或支持，未经许可，请勿转载，题图来自Unsplash，基于CC0协议。

腾讯高级UI设计师告诉您App设计如何从概念到落地

蜗牛派 — Mon, 20 Jul 2020 06:14:58 +0000

为什么会谈到从概念到落地这个话题呢？因为很多人听过很多方法，却依然做不好设计。

本文大纲：

常规UED团队流程
什么是概念
概念如何落地？

1、常规UED团队流程

由产品经理提出需求。用研做需求验证，进行用户调研。交互设计师对需求进行交互流程和页面布局设计。视觉设计师对交互原型图进行视觉设计。视觉稿完成之后，进入开发环节。

交互设计师的工作是交互架构、页面架构和功能层级的设计。进入UI设计环节后，UI设计师的可发挥空间被交互所限定，看上去可发挥空间不大。

那么UI设计师能干什么？

难道UI设计只需要美化界面设计？

举个例子：同样是台式机电脑，右侧的iMac电脑的外观上比左侧的电脑看上去高级先进很多。

初代powerbook G4苹果笔记本设计感远胜左侧的windows系列的笔记本。

通过上面两个例子可以看出，虽然是相同的产品功能，但是概念不同，会产生截然不同的产品。

产品设计首先需要满足功能，在交互上符合基本的用户体验。接下来就是美化界面，在视觉上符合人类的审美需求。最后是传达概念，在产品和营销上面像用户传达产品概念。

2、什么是概念

人类在认识过程中，从感性认识上升到理性认识，把所感知的事物的共同本质特点抽象出来，加以概括，是本我认知意识的一种表达，形成概念式思维惯性。在人类所认知的思维体系中最基本的构筑单位。

概念可以大众公认的，也可以是个人认知特有的一部分。表达概念的语言形式是词或词组。概念都有内涵和外延，即其涵义和适用范围。

概念随着社会历史和人类认识的发展而变化。中华人民共和国国家标准GB/T15237.1-2000：“概念”是对特征的独特组合而形成的知识单元。

德国工业标准2342将概念定义为一个“通过使用抽象化的方式从一群事物中提取出来的反映其共同特性的思维单位”。

简单的说，就是一个抽象的东西。

3、概念如何落地？

举个例子，如何实现中华民族的伟大复兴，需要五年规划，最后落地到提升全民教育和健康水平/提高民生保障水平…

从总概念拆解多个完整的子概念，然后每个子概念再进一步拆解，拆解成可落地元素。

总概念就是产品的品牌，子概念就是产品的架构和交互，落地元素体现在最终的视觉上面，如icon、字体等。

总概念的品牌印象是100%抽象，常见的抽象概念有亲切、稳定、安全、阳光、真实、快捷等。

子概念里面，主要包含框架和交互。其中50%是抽象，50%是具象。

子概念里面包含：颜色倾向、降低信噪比、对比、重复、接近、连续、闭合、一致性、费茨定律、席克定律等等。

落地元素体现在视觉设计，100%是具象。包含：颜色、风格、字体、icon、动效等等。

概念通过设计策略得到落地，在这一过程中，涉及到框架层、结构层和范围层。落地是基于商业诉求产生的概念。

以深圳地铁购票为例，下图是深圳地铁购票三个主界面。图1是深圳地铁行购票界面。图2是选择站点的界面。图三是查看取票二维码。

3.1购票界面

下图是一个买票的主界面。里面包含出发站、到达站和票数选择等功能操作。

购票界面的总概念是方便快捷。

子概念是交互，意味着更加明确和符合用户心理模式的操作流程。更合理的布局，这里需要运用席克定律和接近法则。

落地元素是视觉，更加明确的信息点，降低信噪比。更符合用户心理预期的形式——票（对比）

根据接近法则，购票相关联布局在一起。相同的颜色，大脑归为一组。

落地元素，界面设计更符合用户心里预期的票的形式。

通过接近法则和更加明确的信息，产生如下图2。通过降低了界面的信噪比，界面设计更加符合用户的认知。

优化之后，并不代表优化结束，产品的总概念是方便快捷。

根据席克定律：一个人面临的选择（n）越多，所需要作出决定的时间（T）就越长。用数学公式表达为反应时间 T=a+b log2（n）。在人机交互中界面中选项越多，意味着用户做出决定的时间越长。

席克定律多应用于软件/网站界面的菜单及子菜单的设计中，在移动设备中也比较适用。

进一步优化，减少选项。优化之后如下右图所示：

在以上基础上，能不能在便捷快速一点？

进一步减少选择，通过后台数据监控，大部分老用户是固定线路。所以默认选择用户出发和终点站。

3.2选择站点

下图是用户选择路线的交互。路径层级深，交互操作繁琐。用户选择线路需要点击【按站点线路图选择】列表才能进入下一页线路选择，点击线路才能进一步选择具体站点。挑战页面过多，过于繁琐，交互操作简直反人类。

选择站点界面的总概念是方便快捷。

子概念是交互，简短操作路径。更短的操作路径，这里需要运用席克定律和接近法则。

落地元素是视觉，更好识别的路线，更加明确的信息点，降低信噪比。

根据费茨定律：Fitts法则最基本的观点就是任何时候，当一个人用鼠标来移动鼠标指针时，屏幕上的目标的某些特征会使得点击变得轻松或者困难。目标离的越远，到达就越是费劲。目标越小，就越难点中。

如果我们要想鼠标比较快速的命中目标可以采取两个措施，要么减少鼠标与目标之间的距离，要么使目标足够大。

简化操作路径，将层级页面跳转变为左侧导航进行切换路径，以此减少页面层级的跳转，如下图2所示：

由于部分用户有查看地图来选择路线的需求，所以增加地图，用来辅助用户选择路线。

3.3取票二维码

取票二维码的总概念是方便快捷。

子概念是交互，固定的形式、统一性和稳定性。

落地元素是视觉，梳理信息层级，更好理解的『票』。

根据统一性原则，形式越统一，用户理解成本越低。下图1的形式结构和购票界面不统一，下图3的这个形式和购票界面形式统一，且概念呈现购票形态，用户认知成本低。

下图是深圳地铁行优化后的三个主界面。以上过程完成了如何从概念到落地。

后台回复：ppt或者keynote，获取完整版源文件。

本文作者： Echo的设计笔记，其版权均为原作者所有，文章内容系作者个人观点，不代表蜗牛派对观点赞同或支持，未经许可，请勿转载，题图来自Unsplash，基于CC0协议。

浅析菜谱类APP有趣的设计点和欠缺的设计点

蜗牛派 — Fri, 17 Jul 2020 05:54:19 +0000

时间推移，人们小日子变好了，对吃讲究了，要健康，对美食的APP的视角也逐渐增加，从外卖APP到菜谱类APP，大家开始自己在家做饭了，对于不会做饭的用户查询菜谱类APP需求也是增加了。今天我们一起来分享一下菜谱类APP有趣的设计点和欠缺的设计点。

适合吃什么满足特殊用户人群需求，比如慢性病糖尿病护理方法，告知用户应该吃什么降低血糖，日常如何护理，满足慢性病大类用户需求，减轻用户学习成本，提高用户体验。

2.欠缺体验

首页图标风格展示3个装饰图图标，3种风格体验欠佳。优化方向除促销运营外，常规视觉图标组件元素统一风格。

希望本篇文章可以给你一点点小帮助，谢谢！

最后！

现在微信订阅号的推荐策略变了：不再按时间排序。之前微信只是局部的灰度测试，现在差不多要全量放出。

本文作者：阿韩设计，其版权均为原作者所有，文章内容系作者个人观点，不代表蜗牛派对观点赞同或支持，未经许可，请勿转载，题图来自Unsplash，基于CC0协议。

浅析生鲜电商APP中的搜索功能设计

蜗牛派 — Mon, 13 Jul 2020 11:18:29 +0000

搜索功能的用户价值在于“让用户快速找到所求”。搜索产品设计的好坏，即会直接影响用户的购物体验，也会影响商家对于流量的利用效率。本文将详细介绍生鲜电商APP中的搜索功能设计。

一、需求概述

对用户来说，生鲜电商类的搜索功能通常是用来解决“快速找到满意的商品”的问题。

“快速找到满意的商品”中的“快速”和“满意”是关键词，但二者其实在很大程度上是矛盾的。

一方面“快速”意味着用户的搜索操作应尽量方便、快捷，也就是要求平台应当尽量少的让用户交互提供信息；

但另一方面“满意”通常又意味着平台需要尽量多的与用户交互，毕竟平台上的商品数以万计，只有更多的获取用户信息才能真正的明白客户到底想买什么。

对于平台来说，在设计过程中，还应当充分考虑平台“充分利用流量号召用户产生更多购买意向”的需求。

综上，生鲜电商APP搜索产品的设计目标主要可以概括为2点：

提升搜索操作的效率，让用户能更快的找到满意的商品；
充分利用搜索流量，让用户产生更多的购买意向或行为。

用户若想通过搜索功能满足该用户需求，通常的用户路径最多需要3步：

点击搜索框，触发搜索功能；
输入关键词并触发搜索行为；
浏览搜索结果，进行比较，完成选择。

结合“快速找到满意的商品”和“充分利用流量号召用户产生更多购买意向”的根本需求，具体到上述3步中的产品设计目标可以描述为：

1）用户在需要搜索时能马上进行搜索【用户需求】

价值：提高将用户产生搜索意向转化为搜索行为的转化率，从而提高交易额；

2) 搜索过程尽量高效（用户路径尽量短）【用户需求】

价值：降低用户时间成本，使用户在相同的时间内能浏览更多的商品，从而提高交易额；

3) 搜索结果尽量符合用户的真实意向【用户需求】

价值：提高用户挑选商品的效率，减少用户需要重复搜索的次数，提升展示给用户的商品被用户购买的可能性，从而使用户在相同的时间内能浏览更多真实需要的商品，从而提高交易额；

4) 在各个步骤充分利用搜索流量资源，刺激用户产生更多的购买意向【平台需求】

价值：通过刺激用户产生更多的购买意向，从而提高交易额。

二、功能梳理

从根本上来说，产品的功能其实应当“基于对用户需求和行为的深入思考”产生。

如果把这种方式称为“正向工程”的话，那么在这里，我们就把“从成熟产品的功能倒推其背后的用户需求和行为逻辑”的方式称为“逆向工程”。

采用正向工程的方式完成生鲜电商APP内搜索功能的设计并做到当前的功能完整度，其难度可能会大大超出我们的想象。

因为这其中所需的对用户行为的洞察，所需要的大量数据分析，所需要完成的一个个的细节设计，所需的一次次的假设证实或证伪，我们很难一一说清，这本身也是一个不断迭代的长期过程。

本文我主要采用逆向工程的方式，梳理了生鲜电商APP内的常见搜索功能，并对这些功能背后所蕴含的用户需求及用户行为逻辑进行了解读。

生鲜电商APP搜索功能梳理

三、产品设计

1. 入口设计

在生鲜电商APP中，用户进入APP后，通常可以把用户按照购买意向的明确程度分为3类：

1）购买目标明确到具体的商品

例如“家里油用光了想买1桶花生油”，“晚上吃火锅买点底料和羊肉片”；

2）购买目标明确到具体的品类，但没有明确的目标商品

例如“要去朋友家做客买点水果”，“给孩子买点糖果和乳饮料”；

3）无明确的购买目标，如果看到了觉得合适的商品可能会购买

例如“过几天过年回家买点能给爸妈带的东西”，“最近家里吃的少了，补充点各种吃的”，甚至“去逛逛生鲜超市看看有什么合适的随便买点”。

需要注意的是，通常用户的购买意向都是复杂的，可能同时包括不同程度的上述需求。

例如：

张三周末在家发现桶装水马上喝完了，又不想出门自己去提，就决定在盒马上买2桶水（小明习惯喝5L装的农夫山泉，并且多次在盒马购买过）吧；

同时也快中午了，计划自己做中午饭，想了想做个青椒炒肉吧，买2个青椒买200g猪肉；

另外顺便买点周末这两天在家吃的水果，具体吃什么水果还没想好。

这时，张三打开了盒马APP，开始一样一样的购买；

点击搜索框后，发现推荐关键词中的“冰淇淋”三个字，突然就想确实挺热的，再顺便挑一箱冰淇淋吧。

这就是一个很典型的用户线上购物场景。

搜索功能最具优势的使用场景是用户已经有了明确的购买目标，此时搜索功能可以让用户比通过其他方式更快的找到目标商品。

也就是说：上述三种类型的流量对于搜索功能的需求是依次减弱的。

搜索入口设计的合理性是充分发挥搜索功能的第一步，也是其中的关键一步。

入口设计方案应当能充分满足用户“在需要搜索时能马上进行搜索”的需求，从而缩短用户从产生搜索需求到开始搜索的操作成本，让用户的搜索需求更好的转化为一次次搜索行为。

首先，针对“用户在需要搜索时能马上进行搜索”这一需求，我们可以看一下常见的生鲜电商APP搜索入口位置和形式的设计方案；在生鲜电商APP中，最主要的搜索入口形式有输入框和搜索图标2种。

通常，搜索输入框通常会与周围的背景颜色形成鲜明的对比，用户很容易看到；而搜索图标的视觉效果则没有那么明显。

同时，搜索输入框更明显的代价是要比搜索图标占用更多的页面空间（输入框中的缺省关键词的功能在一定程度上又充分利用了该空间）。

因此，在具体的页面中，到底采用输入框还是图标，通常需根据在该页面中用户使用搜索功能的频率决定。

搜索入口经常出现的位置包括：首页Tab顶部、分类Tab顶部、分类型商品列表页顶部、搜索结果型商品列表顶部。

通常在商品详情页、社区模块、内容/活动页面、购物车页、订单页、个人中心模块等不设置搜索框或图表形式的搜索入口。

盒马APP搜索入口示意

京东7Fresh APP搜索入口示意

对比盒马和7Fresh两个APP的搜索入口位置和形式可以看出，两款APP的入口位置设计基本一致；

在入口形式上，首页Tab顶部、搜索结果商品列表页均采用了搜索输入框的形式，在分类型商品列表页均采用了搜索Icon的形式，且由此空余出的顶部空间作了一级类别切换的功能。

两款APP的入口形式区别在于分类Tab首页，个人认为7Fresh的产品形式更实用主义一些，盒马中显示“分类”二字功能意义不大，完全可以去除将搜索Icon替换为搜索输入框，提升搜索入口的突出程度。

生鲜电商APP搜索入口和形式设计的总体原则可以概括为：

用户最可能产生搜索需求的页面，设置输入框型搜索入口；
用户通过分类等形式进入具体的类别型商品列表页，代表用户的购买目标逐渐明确，搜索需求也逐渐降低，因此搜索入口的突出性可以逐渐弱化，此时可以使用搜索Icon替代输入框，从而节省出空间设置其他更有价值的功能；
当用户进入具体的商品详情页时，基本不会在该页面产生搜索需求，因此无需设置搜索入口；但当所浏览的商品无货时，用户通常需要进一步找替代商品，因此可以设计“找相似”功能作为一种特殊形式的、入口位置能自带明确搜索信息的搜索入口，这通常是很有价值的；
在社区模块虽然仍属于用户选择商品的环节，但进入社区模块的用户通常是“逛街式、浏览式的闲逛”的状态，此时用户的购买目标是非常不明确的，因此相对于搜索功能，用户更需要的是具体的内容和商品的推荐，此类页面通常不设置搜索入口，及时设置搜索入口更大概率也是社区生态内容的搜索，而不是商品的搜索。并且，在用户进入具体的菜谱、活动页面后，此时用户的购买意向可能会逐步明确，似乎需要设置搜索入口，但大多数APP选择的直接在内容页面中穿插所提及的商品卡片也不失为一种更精确的选择。
购物车页、订单页、个人中心模块等页面不属于用户使用APP的选购阶段，通常无需设置搜索入口。

一句话总结：产生明确商品的购买意向的频率越高的地方，越应突出设置搜索入口。

2. 关键词录入

用户进入搜索入口后，接下来通常需要输入心中的搜索关键词。

这看起来是一个非常简单的操作步骤，但在实际的场景中这一简单步骤也存在着很大的优化空间。

要想直观的感受这一点，你只需要拿出手机分别在盒马鲜生和7Fresh中分别搜索“竹排”（实际上想搜索“猪排”），然后看一下搜索结果就能明白了。

关键词录入过程中用户可能遇到的问题主要可以分为如下几类：

不知道该搜索什么；
想搜索的关键词比较长；
录入出现偏差；
清除已有内容重新录入；
录入完成后，触发搜索行为；

下面将详细介绍关键词录入相关的功能。

1）关键词推荐

搜索框缺省词

搜索输入框的形式会比搜索图标占用更多的页面空间，那是否能把搜索输入框占用的页面空间有效利用起来呢？

在搜索输入框未激活的状态下，这其实可以看做是页面上的一个广告位，把一种商品的名称展示于此，就能像页面上的其他元素一样让这种商品在用户脑中一闪而过，这就产生了唤起用户形成购买意向的可能。

这个唤醒率对于购买目标不明确的用户会更高，因此该功能在页面上的搜索框的效果要比点击页面上的搜索Icon进入录入激活状态时的效果更好。

另一方面，如果该关键词正好是用户想要搜索的，即可省去用户录入关键词的步骤，进一步缩短了用户故事路径。

搜索输入框内缺省词的功能中还涉及到策略方面的产品设计，主要包括确定缺省关键词的策略和关键词的更新策略2方面。

首先，在输入框中具体展示哪些关键词，更多依赖于推荐策略产品的设计。常见的有热门商品推荐、个性化猜你喜欢推荐、历史搜索词推荐，另外也有再次展示活动信息关键词，作为活动入口之一的。

另外，关键词的更新策略通常有2种形式：定时自动刷新和每次用户触发时刷新。定时自动刷新即定时轮换展示备选推荐词组集合中的每个元素。用户触发时刷新即用户每次退出搜索输入框后，更新其中的缺省内容。

搜索输入框内的另一方面应用是展示搜索提示语，告诉用户该搜索框中应该输入什么内容。这在电商APP内设计了非商品的搜索功能（如搜索订单信息）时比较适用。

7Fresh订单搜索

2）历史搜索标

历史搜索标签通常出现在搜索录入辅助页（用户点击页面上的搜索输入框或搜索Icon后进入的录入状态的页面），将用户最近搜索过的关键词以标签的形式呈现，当用户点击时等同于输入该关键词 + 点击搜索按钮的效果，这在操作路径上缩短了一步。

展示历史搜索标签的业务逻辑主要是为满足下述场景中的用户需求：

用户想买点菜做晚饭，于是边想吃什么边通过搜索功能先后进行了多次搜索，例如黄瓜、西红柿、茄子、豆角；最终搜索到豆角并完成搜索结果的浏览后，通过综合比较4种蔬菜的可选商品的价格，决定去买刚才西红柿搜索结果中的某商品。

此时，用户再次点击触发搜索录入框，只需点击“茄子”Lable即可快速找到想要的商品。

另外，用户搜索过的商品通常代表了较强的购买意向，将这类商品Lable展示给用户，也是一种具有较高唤醒率的购买意向召唤行为。

从盒马APP的搜索辅助页将历史搜索放在实时热搜和新品时令之上，也可以逆向猜测，从数据上看，推荐历史搜索词比推荐热门商品、新品可能具有更高的点击率。

另外，从图中可以看出，历史搜素词推荐区同时配有一键清空按钮，并且点击后通常需要二次弹窗确认。

这能让用户在认为历史搜索词近期已经不可能再次对历史关键词进行搜索时进行清空，从而为下方的推荐内容腾出更好的展示空间。

更何况这种清空行为，对于一些用户来说能带来一种解压的效果，是用户所乐意做的。

盒马-搜索辅助页示意

3）实时热搜标签

实时热搜标签与历史搜索标签的交互形式完全一致，不再重复。

进入搜索录入页的用户不一定全部是已经有了明确的购买目标的用户；用户的购买意向和目标明确程度通常是复杂的。

对于已经有了明确购买目标的用户来说，充分利用搜索辅助页的空间位置，将大家都在搜索的商品展示给用户，会有一定的概率带来额外的计划外购买行为。

比如用户A明确想买一箱啤酒，所有进入了搜索页面，但这时候如果把“大家都在搜花生毛豆”的信息展示在用户面前，是不是很可能激发用户的一次计划外购买行为呢。

对于进入了搜索页面但同时购买意向不太明确的用户来说，将大家都在搜索的商品展示给用户；

一方面可以起到给用户一些推荐的商品，帮助用户降低选择困难，至少是起到一些启发的作用；

另一方面，推荐的商品本身也会有一定的转化率。

这时，再像盒马APP所做的那样，配上一个刷新Icon，让不知道该买些什么的用户在搜索页也能实现类似浏览大家都在买什么的体验就更好了。

另外，盒马APP上一个值得注意的做的很好细节，他将“豆皮”、“卷纸”的Lable分别打上了“火热”和“真棒”的标签，能实现给用户提供更明确的暗示信息的作用，从而更好的刺激用户的购买意向。

4）新品推荐标签

盒马APP中的新品时令属于新品推荐标签，其交互方式、业务逻辑与实时热搜标签基本一致。

只是实时热搜的功能是向用户说“大家都在买A，B商品，你要不要也看看呢”，新品推荐告诉你“这个季节比较适合吃C，D商品，你要不要来看看呢”和“最近有E，F新品，要不要来看看呢”。

另外，除了上述的推荐方案，常见的还有基于你历史浏览、加购、购买记录和其他用户画像信息的综合个性化推荐方案。

无论哪种搜索关键词推荐方案，均应是通过对用户行为的深入挖掘得到的，并应制定科学的验证方案经过测试证实，再此不展开赘述。

3. 关联信息提示

关联信息提示指用户在搜索输入框中录入了关键词后，下方辅助区自动出现关联推荐信息的功能。

如盒马、京东、淘宝APP（7Fresh暂无该功能）的关联信息提示功能如图所示。

盒马APP的关联信息提示功能最为单一，点击下方推荐的标签直接完成搜索。

京东APP除基本功能外，将关联商品按类进行了汇总，采用为每类商品加标签的形式，可实现一步到位的搜索功能；这样做推荐商品展示更高效，且能展示更多的商品。

另外，京东APP还在顶部设置了“店铺搜索”的功能（淘宝APP将店铺搜索的功能做到了搜索结果页的“结果分类”卡片中）。

淘宝APP与京东APP的思路有些差异，支持点击后方的“写入”Icon，将当前关键词补全为Icon对应的关键词，支持用户在此基础上进一步编辑，这样可以让用户实现多级的关键词补全，这可能是处于淘宝的商品种类更加丰富的考虑。同时，该方案还能减少不必要的搜索触发次数。

另外，关联信息提示的每个词条后面还可以给出该关键词能得到的商品数量，为用户提供更多的信息。

盒马、京东、淘宝关联信息提示功能对比

关联信息提示的功能在用户输入了初始关键词后，把后续用户的输入任务从填空题变成了选择题，这无疑能让用户的“答题准确率”（输入准确的关键词完成搜索任务）更高，从而提高用户购买效率和转化率。

4. 录入纠错

录入纠错指用户在搜索输入框中录入的关键词因为存在错误，导致所录入的内容不是用户真正想要搜索的内容，系统自动推理用户的搜索目标显示正确的搜索结果的功能。录入纠错功能可以在用户录入错误时不影响用户搜索效率，从而降低用户搜索成本。

常见的用户录入错误有2类：错别字和拼音。

在搜索框内输入拼音“niupai”也能推荐出“牛排”的相关关键词。

当按“niupai”进行搜索时，自动给出“牛排”的搜索结果，并给出“仍然搜索niupai”的提示按钮。

当输入了错别字时（牛排写成牛牌），可以看出显示了“牛牌”的搜索结果，同时也给出了搜索“牛排”的提示。

盒马APP录入纠错功能示意

5. 一键清除

一键清除功能较为简单与常见，如上图所示，在搜索输入框后设置“清空”Icon，用户点击即可一键清空搜索框内的内容。

很多用户不可能每次进入APP第一次使用搜索功能就找到满意的商品，因此需要清空之前的关键词重新录入进行搜索，因此该功能在用户通过搜索功能选购商品时几乎是必须的，其价值无需展开赘述。

6. 搜索触发

关键词录入完成后，需用户给出“我已录入完成”的信息，平台进行搜索并返回搜索结果，我们将该动作称为搜索触发。

搜索触发的形式通常有3种：

点击搜索按钮触发
回车触发
实时触发

从上方引用的示意图可以看出，通常生鲜电商中会同时为用户提供搜索按钮触发和回车触发（软键盘右下角搜索键）。

而实时触发的功能用于触发关联信息提示的更新。毫无疑问，实时触发会产生更多的搜索行为，给服务器带来更大的压力。另外，对搜索结果返回的时效性也有更高的要求。

个人认为，在搜索行为实时触发方面，生鲜电商APP是有进一步优化的空间的。对于生鲜电商平台来说，与淘宝、京东等全品类电商平台相比，商品数量要少很多，结合现在的搜索技术来看，实现搜索结果的实时更新在技术上应该不存在问题。

之所以不采用实时显示搜索结果商品的方式，更多是由于再用户录入关键词的过程中，关联信息提示比具体的商品是用户更需要的。

但是，在一些场景中，特别是对标准化的产品，其实通过用户一次性录入的搜索关键词已经可以将用户的购买目标缩小到具体的1、2件商品了，此时完全可以不再给出关联信息提示，而是给你出具体的1个或2个商品卡片。

四、结果展示

触发搜索动作后，系统将向用户返回搜索结果，供用户从中选购商品。如何将搜索结果更好的展示在用户面前就是在该环节产品经历需要考虑的问题。

这一部分主要的功能可以概括为4个方面：

结果卡片设计
筛选功能
排序功能
结果分类功能

该部分内容较多，为控制篇幅，生鲜电商APP的搜索功能之结果展示相关的内容将在下篇文章进行详细介绍，敬请期待。

APP数据可视化设计实战分享

蜗牛派 — Tue, 26 May 2020 01:31:18 +0000

我最近一直在想自己要写什么，不如这次就来说说我最近在项目中遇到的问题吧，再给大家看看我的解决方案，如果大家有更好的方案欢迎留言或者进群，我们一起探讨啊~

最近一两年我所涉及的项目都是有关于将网页的功能系统改成APP，而针对的用户就是公司的业务经理，是金融公司的业务经理们，我们的甲方爸爸！

当然这就意味着网页的产品，会有大量的数据，而且由于网页产品的信息处理还没有太与时俱进，所以大量的数据都是文字和数字的组合，因此要将这些数据改成APP时，就觉得好难啊。

表单在APP上并不好放，最好的解决方法就是设计成图表，而现在市面上图标样式不管是网页的还是APP一搜一大把，Ant Design有专门的数据网站，如下图所示：

什么样的都能找到，那么我为什么会觉得好难呢？因为数据超多der~考虑的内容又有很多，难免忧愁。

为什么要设计图表？

因为数据表单在手机上并不好展示，同时从用户体验的角度上来考虑，数据本身都是数据组成，可读性就不太好，因此如果把这些“数字”从商业目的、用户动机进行有机组合、关联或定义就使得数据变得有意义（价值），图表只是最终的表现形式。

图表由哪些元素构成？

一张标准样式的图表基本上是如下图所标示的几种元素组成，如下图所示：

当然这只是最基础的一种图标形式，对于别的形式就不多介绍了，大家都有基础知识，本文将尝试从图表设计动机的角度和大家一起探讨如何更好的进行图表设计。

图表设计

1、明确数据指标

首先，我们得先搞明白这些数据是怎么来的、干嘛的，尽可能要求他们给到你的是尽可能精准的数据，否则会导致接下来的工作前功尽弃。就举我前几天的例子来说吧，产品给了我这样一张图，如下图所示：

我没有仔细的去问一些具体的信息，比如数据最多的时候会是什么样、业务想在这个表里看到什么信息、想要解决的问题什么？这些我都没有问！

上来就是一顿设计操作，把表单设计成了这样，如下图所示：

结果在走查的时候，业务很明确的指出数据信息不够多，他们想要在页面上将所有的数据信息都能看到，而数据最多的情况，数据表单是长这样的，如下图所示：

就是因为一开始在拿到表单的时候没有仔细去分析，才会导致这种情况的发生，因此要如何改进呢？

2、明确设计目的

其实图表设计跟产品设计的思路有点类似，一开始要先明确的就是设计目标，但这个很容易被设计师所忽略，因此前期在缺少设计目标支撑的情况下，设计师就会像一个没有指挥的小乐手，闭着眼睛乱弹，没有方向感。

就像我之前设计方案被推翻，就是因为思考不明确导致的，定义设计目标的过程需要站在业务的角度和数据的角度进行综合分析从而进行构建，一方面需要考虑业务如何更简单的分析、理解数据从而提高决策效率；一方面又需要考虑数据本身如何更加精准、一目了然的传达给用户。

3、规划设计方案

我在写这篇文章的时候，看了很多相关的图表文章，很多都是分析哪些不同类型的图表，配色上要怎么处理，或者哪些图标是用在什么地方的，对我都没有太大帮助，因为图表设计并不是普通的只是要好看的图表而已。

4、解决问题

重新设计之前，我去找业务很详细的了解了他们对于数据的需求，想要一目了然的看到所有的数据对比信息，数据在表单中要全部展示出来，数据后台每天都会刷新，针对的场景是来自在去拜访客户路途中查看客户目前的信息，我就将图表改成了下图所示：

由于面对的数据信息比较多，条纹图比较符合多数据的信息，当然这是数据最多的时候出现的情况，每家公司出现的数据是根据业务所提交的信息展现的。

在功能确定了之后，就是我们的细节问题，不是说我们在750*1624的画布上设计好了图表就行了，我们还要考虑到适配的问题，如下图所示：

屏幕较窄的时候，将X轴的标签文字打斜，保证数据正常阅读的同时也不影响美观度。还有一种解决方案就是有连续的数字时，可以有简写。

如何选深色底和浅色底

我们可以先来一个对比图，同样的数据在深色背景和浅色背景下的图表可读性做对比，如下图所示：

很显然浅色背景下的图表阅读效率更高，那么面对复杂数据的时候，情况是否一致呢？如下图所示：

很显然，深色更适合展示信息比较少，突出重点信息的页面，因此我们在找数据页面参考，在选择深色和浅色背景里犹豫的，可以参考一下。

划重点

这里讨论的只是我在公司项目中的其中一个图表设计，不能说做的很多，只是分享一下自己在试错的过程中的成长，从web端改到APP，都会说减少一些功能，让产品更好用，但是总有不想砍功能的需求方，如何满足这些需求，是需要我们一直都在思考的事情。

当然如果大家有更好的设计想法，欢迎在评论区留言~

百度：App某些频道已停更，或影响相关营销服务营收

蜗牛派 — Fri, 10 Apr 2020 01:42:05 +0000

蜗牛派4月9日晚间消息，百度方面表示，已暂停在公司App中某些新闻频道上的内容更新，除此之外，百度App将保持正常运行；预计暂停可能会影响相关营销服务方面的营收。

此前，4月7日，国家互联网信息办公室指导北京市互联网信息办公室，针对百度App多个频道存在严重违规问题，严肃约谈百度公司负责人，要求立即停止违规行为。百度APP推荐频道、图片频道、视频频道、财经频道、科技频道自4月8日上午9时起暂停更新，清理违规内容，开展深入整改。

北京市互联网信息办公室有关负责人指出，百度APP违反国家有关互联网法律法规和管理要求，落实主体责任不力，大量传播低俗庸俗信息、密集发布“标题党”文章、公众账号注册管理及内容审核不严，传播秩序和生态问题突出，社会影响恶劣。