首页

B类产品设计细节:流程状态

seo达人

 

状态的命名

流程状态的设计原则与人机交互的最根本原则一致,即「以用户为中心」,确保目标用户在相应的使用场景下能够快速理解并正确执行相关操作。

 

按行业规则命名

专业工具或平台的设计中,对于状态的命名如果有行业约定俗成的术语,则遵照行业规则命名,即便在体验设计师自己眼中可能不够简洁美好。

例如:以工程师为主要用户群体的项目管理工具 Aone 中,bug 的状态有 10 种(如下图),且遵循了英文技术术语。对于设计师来说状态种类复杂、语言不统一,但从用户的角度来说这样是必须的、规范的,因此设计师要尊重用户的习惯和需求。

 

围绕核心操作命名

流程的名称通常是描述对应操作的过程或结果,如「待付款」、「退款中」是操作的过程,「完成付款」、「退款失败」是操作的结果。

单个核心操作

最简单、最常见的流程是:角色A 发起流程 – 角色B 进行操作 – 流程结束给出结果

这种两个角色三步走的流程,状态命名通常分为如下两种(框中是状态命名):

上图里面的动词可替换成其他动作;结果状态也可用「已通过」、「未通过」等,根据实际情况而定。

围绕一个核心的操作,也可能涉及多个角色。

例如:最常见的审批流程,过程中涉及多个角色的层层审批。如果不同角色审批时,用户可执行的操作不同,或审批的详细过程对用户非常关键,这时审批单的状态命名上需要注明具体角色;如果通常不需要关注具体到哪个人审批了,则统一称为「审批中」即可,用户可以到详情页面查看具体进度。

 

多个核心操作

涉及多个角色、一串核心操作的复杂流程。

  • 在流程完成之前的中间过程中,告知用户下一步待执行的操作,比上一步刚刚完成哪个更重要;

 

  • 在角色多、极易混淆的情况下建议在状态名上增加角色名。

例如:数字仓单的仓单质押流程中涉及三个角色(存货人、仓储方、资金方)多个步骤,过程中关键是引导用户继续后续操作、高效完成申请,所以状态上展示当前要进行的操作。同时流程中包含连续多个角色的接力审核确认,容易混淆,因此状态标签中显示当前需要哪个角色进行操作;而放款、收款的角色很明显是资金方和申请方来操作,所以对应的状态没有显示角色名称。如图:

 

  • 同一阶段时,不建议区分不同用户角色看到的状态名,可以给他们不同的反馈或提醒。

 

  • 状态组间存在一对多的映射关系时,要注意区分逻辑关系,不建议将上下层状态打平到一起。

接上面数字仓单的案例:系统中,货物的所有者可以用仓单进行质押,这样仓单就会有「未质押」、「质押申请中」和「质押中」状态(不允许重复质押)。而质押申请是个复杂的流程,「质押申请中」这一仓单状态,对应「质押申请单」的一系列流程状态。同理,在仓单解除质押、注销等其它情况下,又会有「解质流程中」、「注销中」等状态,对应的「解除质押流程」、「注销流程」有会一系列对应的状态。如图:

这种情况下要梳理好业务流程,如果将上下层状态打平到一起,短期内可能看起来比较简洁,但随着产品复杂度的提升(B 类产品通常会越来越复杂),逻辑关系会越来越混乱。

 

状态的视觉设计

状态的颜色

表示状态的颜色不建议超过 5 种:红色、橙色、绿色、蓝色、灰色。

设计师需要结合色彩的功能特性、品牌色板、产品逻辑、用户需求来选择适合的颜色。常用配色举例:

 

  • 状态的颜色不止会用在标签上,对应的可视化图表、图标等视觉元素要用色一致。例如进度条:

 

状态标签的样式

不同状态对应不同用户的不同操作,因此状态信息通常与普通文本在视觉上有所区分。常用的样式包括彩色标签、彩色圆点等等。例如:

 

  • 注意列表、表单中状态标签的样式统一。

 

总结

  • 原则:流程状态的设计原则与人机交互的最根本原则一致:以用户为中心。
  • 命名:
  1. 在流程完成之前的中间过程中,告知用户下一步待执行的操作,比上一步刚刚完成哪个更重要;
  2. 在角色多、极易混淆的情况下建议在状态名上增加角色名;
  3. 同一阶段时,不建议区分不同用户角色看到的状态名,可以给他们不同的反馈或提醒。
  4. 专业工具或平台中,如果有行业约定俗成的术语来命名状态,则遵照行业规则。
  • 关系:状态组间存在一对多的映射关系时,不要将上下层状态打平到一起。
  • 颜色:表示状态的颜色不建议超过「红色、橙色、绿色、蓝色、灰色」这 5 种。

 

原文地址:Ant_Design(站酷)

作者: 林叶

转载请注明:学UI网》B类产品设计细节:流程状态

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



【产品体验设计】-设计实践篇

seo达人


图片

对外行业角度+对内产品角度 

图片

◆对外行业角度

每一个产品都会经历不同的成长阶段,由萌芽期-成长期-成熟期-衰退期。几乎所有产品都会想办法去延长整个生命周期,尤其是在成长期和成熟期这两个阶段。腾讯动漫11年成立,经历了快速的成长期之后,已经逐步进入成熟期阶段。
 

漫画行业近几年属于红海市场,随着行列竞争日益激烈,除了腾讯动漫国内市场上也出现了不少头部动漫产品如快看漫画、哔哩哔哩漫画、咚漫漫画等,加上短视频冲击,导致动漫内容整体大盘逐步开始出现被分流的状态,这是从行业角度能够观察到的行业形态上的变化。 

◆对内产品角度:

随着整体用户基数平稳且大盘逐步分流,腾讯动漫近几年数据已经逐步开始出现下滑的趋势,产品开始面临数据提升和营收增长的两大难题。 
 

图片

行业+数据+用户 

图片

通过行业趋势的变化和产品内部数据表现可以发现产品目前处于生命周期的哪一个阶段,但想要了解产品具体滑落的原因,还需要进一步对问题进行定位和分析。 

◆外部竞争:

横向了解自己产品所处的环境以及竞争对手可以帮助判断产品发展趋势。我们对市面上分流产品都做了调研,发现外部除了同类内容型产品,短视频产品冲击最为剧烈,抖音快手分流严重。同时,在内容行业这片海也涌现出了非常多的漫画类型产品,同类竞争非常激烈,产品形态和内容题材同质化越来越严重。 

◆内部困境:

纵向知道自身产品的运转逻辑以及长短板有助于站在业务角度去思考问题。漫画是内容型产品,除了自制,大多数内容依靠采买,版权成本投入非常高;相比小说这类文字内容,漫画的制作时间周期长,更新频率相对比较慢;以及漫画作为娱乐内容产业,并不是日常功能类的刚需型产品,可被替代性成本很低;这些都是我们产品面临的客观问题。

◆数据拆分:

除了对于产品大盘数据起伏有基础的了解,更需要知道产品每一个模块儿具体数据变化,以便了解用户在产品各个场景的使用情况和具体问题。通过对腾讯动漫用户产品使用路径分段拆分,能够从:用户新进-内容消费-评论互动等不同场景数据分析能够看出用户的整体活跃有明显下降。

◆用户分层:

通过对产品各场景数据模块儿的拆分能够了解用户使用产品情况,如果想要进一步知道为什么这些数据会发生变化,就需要从使用者本身,也就是用户角度来进行具体分析。

 
每一年我们都会对平台用户做调研,多年来平台用户属性基本上已经固定,分为题材型用户、消遣型用户、拓展型用户、成熟型用户。这四类用户在我们平台对于找漫画,看漫画以及漫画内容消费上都有很多诉求点是我们平台没有满足的,这也是导致我们产品数据和口碑不断下降的核心原因。 
通过将从行业数据用户三个维度分析的问题进行汇总提炼,找到目前产品存在的痛点和短板。 

图片

明确目标+目测拆解+设计策略 

明确产品存在的痛点之后,核心要做的事情就是寻求解决这些痛点的方案,这些解决方案可能并不是直接和设计关联的,以及在解决方案方向比较模糊的情况下我们如何准确定位到设计目标并执行具体实施策略非常关键。  

图片

◆明确目标: 

产品体验设计的价值核心体现在两个方面:1 帮助业务更好达成目标;2 给用户带来体验价值。体验设计在制定目标的时候,会围绕这两点去进行切入。通过前期对于产品问题定位发现从行业、数据、用户等不同维度分析出来的问题可以归类为两大类:业务诉求和用户需求。再根据这两大类问题结合我们产品实际情况分析出目前需要解决的问题是:1提升产品用户价值;2实现产品数据的增长;而设计目标就是通过设计手段去实现这两点。 

图片

◆目标拆解:

设计目标的明确决定项目在上的设计方向和预期,要找到设计着力点还需要进行目标拆解,根据不同目标制定不同的设计策略。腾讯动漫是内容型产品,我们根据用户使用行为梳理了用户在产品时的内容消费模型(吸引-感兴趣-体验-满足-留存)。这个模型和用户体验地图类似,用户在不同阶段所关注的核心点以及体验诉求会发生变化,所以我们将模型进行分段拆分,分为前期内容基础体验和后期消费转化两个部分,并且针对这两个部分不同体验场景进行要点提炼。 

图片

◆设计策略:

有了设计目标和内容体验模型,如何让两者有效的结合起来形成可推动落地的方案,就是设计策略要做的核心内容。

 
前面将内容消费模型拆解为基础体验和消费转化,分为两个不同的内容消费阶段,设计策略要做的是将设计目标和不同的内容消费阶段进行结合,形成产品体验模型。整个体验策略优化我们核心要做两件事情: 
 
  • 1基础体验升级,通过满足用户在不同场景下的体验诉求,提升产品对于用户的体验价值。
 
  • 2消费转化部分,基于用户内容消费阅读路径,建立付费转化机制,从而带来付费营收的增长,实现产品商业化闭环。 

图片    

设计策略明确后,接下来就是可落地的设计方案。设计方案是围绕设计策略进行的颗粒度拆分,拆分下来你会发现围绕基础体验和消费转化会有很多可以做的内容,不可能保证所有的点我们都能做完且起到有效的作用。所以对于设计方案的执行,也需要进行优先级的排序和筛选。
 
腾讯动漫的内容型产品,回归用户使用产品本质需求,就是找内容和看内容,围绕这两个关键点再去细分用户使用产品的过程中,核心关注的体验点是什么,再围绕这些体验点,找到问题并且制定设计方案逐一优化。 
 

图片

◆基础体验

基于内容消费模型,我们分别对用户寻找内容进行了:视觉聚焦-建立视觉降噪体系、内容识别-加强内容拓展性、信息决策-提供有效决策信息等不同策略的优化。 

图片

◆视觉聚焦-建立视觉降噪体系

首先是色彩和设计样式上做减法,再根据简化后的色彩和样式搭建了图形体系、图标、插画体系,用在产品全局的视觉降噪体系上。 

图片

◆内容识别-加强内容拓展性

从品类拓展和特性打造入手。首先是结构的拓展,3种增加到9种,并且可以在首页随意组合,提升内容组成的多样性。内容模块儿的特性上,根据模块儿不同内容属性进行了重新打造,调整后数据效果非常不错。 

图片

◆信息决策-提供有效决策信息

为了提升决策效率,我们在内容筛选和决策上做了比较大的调整。对排行榜的结构和信息组成都进行了大的调整,对分类标签进行了优化,作品标签由官方维度转换为了用户维度和作品维度,同时除了配置官方分类标签以外,新增符合用户认知和当下潮流的个性化分类标签。 

图片

排行榜以前榜单形式是固定且单一的,在拓展性,品类以及公信力上都会有很多的问题。为了提升筛选效率,我们将排行榜单重新梳理,采用纵向结构满足不同绑带配置诉求;同时将榜单进行拓充,新增不同维度的榜单丰富榜单品类;在每个上榜作品上添加了作品评分以及用户评论数,提升榜单公信力。 

图片

然后是详情页决策,从页面底层结构开始着手开始梳理,用户访谈发现,线上详情页结构和用户视角的结构重合度非常低,于是我们对详情页架构进行了优化调整,新版的详情页架构结构顺序以及信息层级上,都更符合用户的认知。在整个决策过程中,我们通过优化详情页信息结构,在用户浏览过程中用不断吸引-刺激-加强用户的决策,更有效提升决策效率。 

图片

基础体验的第二部分是看内容,对于看内容的体验,我们基于漫画内容特性和用户核心的操作体验去进行了在观看体验和阅读操作上的体验优化。 

图片

图片

图片

图片

首先是观看,要想把观看体验做好,必须要有优质的内容品质,这里我们做了三点优化:
 
  • 第一点是终端适配,将传统页漫去进行条漫的分镜优化,让其更好的适配手机阅读体验;
 
  • 第二点是画质赛选,淘汰掉小尺寸的漫画图源,新增800PX以上高清图源,确保显示清晰度;
 
  • 第三点是建立后台上传系统,规范上传的尺寸、格式、以及大小等,从根源去解决漫画品质的问题。 
   

看内容第二个核心环节是操作,对整个浏览器的色调进行了轻量化设计,提升沉浸式观感和舒适度。同时,简化了信息栏结构,并且将高频操作提核,提升操作效率和易用性。 

图片

图片  

基础体验上,我们根据用户找内容和看内容的不同场景,进行体验的优化,提升产品对于用户的使用价值,也为我们后续进行进一步的内容消费转化,提供了契机。

图片

  图片

付费转化

我们根据用户找内容和看内容的不同场景,进行了基础体验的优化,提升产品对于用户的使用价值,也为我们后续进行进一步的内容消费转化,提供了契机。

良性的消费转化机制建立是我们的第二大设计核目标,基于用户内容消费路径建立付费转化机制。根据用户阅读路径下的体验地图,分析他们不同阶段的核心诉求,从而找到设计机会点,再将设计机会点转化成设计目标,从而制定设计策略。分别在用户阅读内容的不同阶段对用户进行付费转化上的引导刺激以及养成。 

图片

 这里结合实际输出案例具体分析下:我们根据用户阅读路径分为阅读前、阅读中、阅读后,分别在不同阶段根据用户不同诉求去进行设计目标制定和方案实施。 

图片

图片

阅读前-阅读前核心诉求是去引导消费,从其他场景进入浏览页,用户最直接的目标是希望能够尽快看到内容,所以获取内容的效率非常重要。我们将以前的支付跳转页面,改为支付弹层,并且将所有付费信息整合分层,最大化提升用户付费效率,帮助用户快速获取内容;针对用户对于付费的抵触心理,采用情感化的设计,在弹窗上加入了品牌形象,并从创作者口吻弱化官方盈利感知,同时也为用户提供非付费的观看途径,平衡用户心理预期。 

图片

阅读中-在阅读中,核心目的是去刺激用户消费,刺激用户消费需要从内容本身去挖掘用户的消费点。这里做了两点优化:第一,优化弹幕交互形式,新增表情互动功能,用户可以直接发布表情包代替文字弹幕,降低弹幕互动门槛;第二提供个性化弹幕皮肤,皮肤有主题性质和IP维度,用户可以根据自己喜好调选各自风格或者不同作品人物的弹幕皮肤,满足用户个性化定制需求。 

图片

阅读后– 最后是阅读完作品后的消费养成,我们尝试去搭建用户的荣誉体系,首先增加针对作品的打赏道具,用户可以根据自己喜好去对作品进行打赏或者吐槽,满足用户对于作品的情感宣泄。同时我们也进行了荣誉体系的搭建,对整个等级体系进行升级,以前我们等级感知,趣味性都很差。于是针对等级体系,我们开展了全民共创模式,在用户群体中去征集关于等级的创意想法,强化参与感。新版等级新增6种不同特殊样式,强化不同等级之间的差异感,刺激用户升级的活跃度。最后会设计用户专属个人等级卡片和打赏榜,满足个人成就感,加强用户对于荣誉体系的粘性。 

图片

 
方案呈现-最后将整体方案做成高保证DEMO,预览实现效果,同时也更方便和产品以及开发同学理解,有助于方案更好落地。

图片

设计体系搭建 

图片

图片

图片

在设计方案落地实现的过程中,经常会遇到两类问题:

  • 1.是设计上下游协同过程效率得不到有效保证。
  • 2.实现过程中设计方案的还原偏差。为了解决这两个问题我们进行了设计体系的初步搭建。首先,为了确保设计语言的一致性,我们提前制定了视觉规范;其次,也将部分模块组件化封装上传到协同平台形成组件库,做到随用随取;然后,在协同上利用智能标注软件和切图软件,效率高且精准的解决开发实现还原的问题;通过设计系统的完善,去提升项目的实现能力和协作效率。 

图片

数据+专业+口碑 

图片

设计师经常面临的一个难题就是项目设计完成后,设计价值无法得到有效的量化。设计相对比较主观,比较难有客观的量化结果体验好与不好,但也能够通过一些不同的维度来判断一个设计作品好与不好。这些维度可以是产品角度的可用性测试、用户角度是口碑测评、内部自查角度的项目复盘总结、以及相关专业人士或者干系人的角度的建议等。

 

主观维度:

我们进行了可用性测试,用户评论调研,也将项目整体设计思路进行相应总结,并且通过和公司内外各界专业人士进行交流获取反馈。

 

在客观角度:

从整体数据效果这块儿看,改版后这半年,我们会密切关注DAU的变化趋势,同时将整体数据拆进行分段分析,对比之前不同体验阶段数据有无明显变化,用以来评判设计改版后在数据上的有效性。
收到的设计反馈信息是单一面或者单角度时,好与不好的判断相对片面,如果能够从多方不同维度收集设计反馈,信息面相对会更全面,也能够为后续迭代提供更多的切入点。 

 

– 本文小结 –

图片

通过洞察-分析-制定清晰的用户体验策略,在设计方案推动的时候确保项目实现能力以及协调效率,最后对项目进行全面的验证,形成闭环。是产品体验设计师需要构建的能力体系,也是设计为产品创造价值的链条。这是关于产品体验的整体内容。很重要的一点:任何好产品都离不开持续迭代。

z

原文地址:TCD设计中心(公众号)

作者: OUOU

转载请注明:学UI网》【产品体验设计】-设计实践篇

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



2021下半年3种UI新趋势!

seo达人


01.毛玻璃质感

毛玻璃质感的风格其实已经火了好一阵子了,但是现在依然热度不减,预计还会火很久很久,实在因为这种质感太百搭了,从界面到3D、从卡片到图标,几乎无处不在。而且都会为作品大大加分,整体高级感氛围立马就出来了。你还不学起来吗?

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

02.几何化

抽象几何化的元素也是各种作品中都少不了,今天挑的都是绝对实用的风格,每个设计师都可以用到!整体简洁抽象的表达应用场景真的太多太多了,在你不知道加点什么丰富作品的时候,选它肯定没错的!跟高饱和色彩的完美搭配也是它受欢迎的原因之一,会让你的作品十分亮眼!

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

03.3D图标

表情图标的元素也火了很久了,然而现在更吸引人的是3D图标。包括表情、手势等等元素应用越来越多。3D图标更具有观赏性的特点使它格外受欢迎,加入立体化的萌趣表情以及手势等元素,可以赋予作品更加情感化的表达,让人觉得更有趣味性。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片图片

图片

图片

图片

图片

图片

原文地址:设计师深海(公众号)

作者:设计师深海

转载请注明:学UI网》2021下半年3种UI新趋势!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



vue 数据双向绑定原理

前端达人





首先我们为每个vue属性用Object.defineProperty()实现数据劫持,为每个属性分配一个订阅者集合的管理数组dep;然后在编译的时候在该属性的数组dep中添加订阅者,v-model会添加一个订阅者,{{}}也会,v-bind也会,只要用到该属性的指令理论上都会,接着为input会添加监听事件,修改值就会为该属性赋值,触发该属性的set方法,在set方法内通知订阅者数组dep,订阅者数组循环调用各订阅者的update方法更新视图。



一小段手写实现代码

仅供参考

class Vue {
constructor(option){
this.$data = option.data
Observe(this.$data)
Object.keys(this.$data).forEach((key)=>{
Object.defineProperty(this,key,{
enumerble: true,
configurable: true,
get(){
return this.$data[key]
},
set(newVal){
this.$data[key] = newVal
},
})
})
}
}

function Observe (obj){
if(!obj || typeof obj !== 'object') return
Object.keys(obj).forEach((key)=>{
let value = obj[key]
Observe(value)
Object.defineProperty(obj,key,{
enumerble: true,
configurable: true,
get(){
console.log('有人获取了 ${key} 的值')
return value
},
set(newVal){
value = newVal
Observe(value)
},
})
})
}

1

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

使用 Nodemailer 发送邮件 邮件提醒通知功能实现

前端达人

Nodemailer 是一个基于Node的邮件服务模块。

使用 Nodemailer 完成一个发邮件功能非常简单,只需3步:

  1. 引入模块
  2. 创建 transport
  3. 发送邮件

引入模块

首先安装 Nodemailer

npm install nodemailer 

引入

var mailer = require('nodemailer'); 

创建transport

创建 transport 使用 Nodemailer 的createTransport方法,需要配置一下邮件服务。

首先,要在邮箱设置里开启 SMTP 服务。

然后,设置一个客户端授权密码。

最后,写一个配置文件(conf/mail.js)。以126邮箱为例:

module.exports = { host: 'smtp.126.com', auth: { user: 'user@126.com', pass: '******' } } 

host字段配置刚才开启的服务地址。
auth里的user字段配置邮箱账号,pass字段配置刚才设置的授权密码。

这样创建一个 transport:

var mailConf = require('conf/mail'); var transport = mailer.createTransport(mailConf); 

发送邮件

发邮件使用 Nodemailer 的sendMail方法,需要配置一下邮件内容。

这里配置了发件人,收件人,标题和正文:

var mailOptions = { from: mailConf.auth.user, to: 'receiver@xxx.com', subject: 'Hi, there', text: 'Mail from Node!' } 

可以像官方文档一样定义一个回调函数:

function mailCallback(error, info){ if(error){ return console.log(error); } console.log('Message sent: ' + info.response); } 

然后,就可以发送邮件了:

transport.sendMail(mailOptions, mailCallback); 

总结

这样就完成了最基本的发邮件功能。

Nodemailer 文档非常详细,可以探索实现更多功能。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

分享此文一切功德,皆悉回向给文章原作者及众读者.

转自:简书
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


产品数据规划指南

涛涛

数据指标基础概念

1. 数据指标是什么

定义:对于一个数据的量化,一般通过对字段进行某种计算得到(比如求和、平均)在原始数据的 基础上,通过统计汇总,加工处理形成的用于表征业务活动好坏优劣的数据。

数据指标通常由三部分组成:

  • 维度,指评估产品的视角,从不同的维度评估产品的方式是不同的。
  • 计算方式,指统计的方法,举一些生活的例子,我们常听到或调侃朋友的话语,例如有人问你有没有对象,有些人是直接没有,有些同学可能是生态园没有,又或者是今天没有的,这些都是统计方式的不同。
  • 数据,即数据+加上计算单位,顺着刚才的例子就是,我们一般在新同学介绍会问过有没有对象之后,会跟着问有几个的,说明数值也是很重要的维度。

设计师进阶必读!产品数据规划指南

好的数据指标特点:

  • 可比较性:能比较不同的时间段,用户群体、竞争产品之间的表现。
  • 简单易懂:容易被记住和讨论
  • 比率优先:产品看的数据最好是比率,而不是绝对值
  • 改变策略:最重要的评判标准,随着指标的变化采取相应的举措。

稍微解释一下可比较性、比率优先两个特点,比率是天然有可比较性的,而跟一般数值对比的区别在于,比率比率会更加注重过程、质量等。然后这些特点里面最重要的是,好的指标发生变化时,产品是可以采取相应措施去改善的。

2. 指标体系是什么

定义:一系列指标的有序结合,数据指标通常较为零散,指标体系可以全面、简洁明了地反应业务状况。

比较常见指标体系会把指标分为三个层级,一级指标是产品目标层面指标,二级指标主要是产品策略相关指标,可理解为一级指标的实现路径,三级指标是业务执行层面指标,跟二级指标的区别在于三级指标对二级指标进行了拆解,并且会可执行落地动作。

设计师进阶必读!产品数据规划指南

常见的指标类型

指标类型的划分,有一定的主观成分,这里介绍三种常见的指标划分方式。

第一种,是按照用途划分,可以划分为运营效果类、用户体验类、产品特性类、推广渠道类、性能指标类。

  • 运营效果类,价值产出、产品规模、用户活跃层面的指标。例如:收入、活跃用户数、使用频率。
  • 用户体验类,从产品各入口,各设置方式,各排列方式等体验,交互的角度来观察产品设计。例如,各种环节转化率。
  • 产品特性类,统计和产品功能特性相关数据,促进产品改善。例如,腾讯问卷的创建量、答题量;QQ 音乐的切歌率。
  • 推广渠道类,主要是衡量渠道效果,渠道转化率、贡献占比等。
  • 性能指标类,这个会比较偏向技术侧,常见到有并发数、接口耗时等。

第二种,是按环节划分,可以分为过程指标、结果指标。如果要看产品、运营活动的好坏,一般会直接看结果指标,但需要改进它们就会用到过程指标。类似活跃用户数等,部分指标即可以是过程指标,也可以是结果指标,具体是看你以什么为目标进行体系建设的。然后还有像总用户数、GMV 这种累计指标,通常是公司用于对外宣传和公关使用的。

设计师进阶必读!产品数据规划指南

第三种,按属性划分,可以氛围用户数据类、用户行为类、产品数据类。

  • 用户数据是用户的基本情况,如不同颗粒度的新增用户、活跃用户、留存情况等。
  • 用户行为是记录用户的行为,访问相关的 PV、UV,传播相关的转发率,其中这里主要讲一下 K 因子这个指标,又称为病毒系数,用来衡量推荐效果,每个发起推荐的用户带来的新用户数。
  • 产品数据类则包括了通用的营收相关,以及自身业务相关。

设计师进阶必读!产品数据规划指南

如何指导业务迭代

1. 了解北极星指标

北极星指标应该是大家比较常听到的指标,寓意是像北极星一样指导公司、产品前进的方向,制定的时候最好符合 smart 原则。 通过关注北极星指标以及有限的周边指标,可以有效的帮助业务迭代规划。

好的北极星指标特点:

  • 传递价值,能反映产品的用户价值、商业价值;
  • 易于理解,不太需要过多解释,就能相互交流和使用;
  • 用户活跃,与用户行为相关,能够反应产品的用户活跃度;
  • 非滞后性,具有先导性,非滞后指标,反映产品经营现状;
  • 可操作性,能够被拆解成更细的指标,来指导产品规划、执行。

Ps:指标好并不完全代表产品发展的很好,更多是监测作用,不应该盲目围绕其开展工作。实际开展业务的时候,也需要常常思考业务会遇到什么问题,能不能通过指标进行预警。

2. 围绕生命周期选择北极星

这里推荐一种围绕产品生命周期选择北极星指标的方法,产品生命周期可以分为启动、成长、成熟、衰落四个循环,产品通常要先确认自身产品处于生命周期的哪个阶段,通过了解对应阶段产品的关注点、常见操作策略,从而进一步选择合适的北极星指标。

启动阶段的产品通常是源于发起人的业务洞察,可能是一个伟大的想法,但这个需求是不是真的呢?我们需要通过一个 MVP 版本的去验证猜想,关注产品是否能够满足用户的需求,这个阶段北极星指标通常会选择能够表征目标用户的留存。

设计师进阶必读!产品数据规划指南

具体选择的时候考虑对用户群体进行细分,选择发力点最大的地方作为阶段北极星指标,一个简易公式可以是,整体用户留存等于新增用户留存+老用户留存,这三者的区别在于整体用户留存是最终的结果,新增用户会更具有对比性,体现在可以通过不同时间周期内的新用户留存去衡量近期产品的迭代是否产生了好的影响。老用户可能会由于已经习惯了,从而表现出相对稳定性,一般来说,新增用户、整体用户留存会更合适作为北极星指标。另一个需要考虑点是业务形态对指标颗粒度的影响,一般会取决用户习惯,高频业务可能会优先日粒度的留存,低频的则会选择周留存或者月留存。

成长阶段,产品的重点是拉新,寻求体量上的成长,以及探索商业化变现,关注产品流量的增长,这个阶段通常会选择产品的活跃度指标作为北极星指标。

设计师进阶必读!产品数据规划指南

常见有 DAU\MAU、活跃率、在线时长三种活跃度指标。其中,活跃率和 DAU、MAU 的区别在于,产品活跃数评估的是产品的市场体量,活跃率评估产品的健康度,一款产品用户数绝对值可能很高,但活跃率由于整体注册用户的体量更大,而不够健康。选择标准在于产品的市场增长空间,增长空间大的通常会用 DAU、MAU 等指标。在线时长则会更适合 killtime 产品,例如抖音、腾讯视频等等。这个阶段需要注意的是,活跃度作为北极星指标监控,不是为了逼用户天天来戳一下,而是为付费、转介绍等提供稳定的支持。

成熟阶段,产品的市场价值、用户规模均已过了增长期,进入稳定的发展阶段,产品在这个阶段通常会关注提高用户活跃度,保证产品留存的情况下,确保产品付费转化稳定增长,所以北极星的指标会优先选择付费相关指标。

设计师进阶必读!产品数据规划指南

营收有一条基础的公式,营收等于流量乘以转化率乘以客单价 Arpu 值,基于这个基础公式可以做很多变形,选择北极星的时候会从公式找到变动、提升空间大的点。举一些例子,某音乐产品的商业化,是选择新会员数作为北极星指标,原因在于国内音乐市场付费渗透率只有 5%,而对比美国音乐市场 50%付费率,有近 10 倍的提升空间。

衰退阶段,产品特征是用户需求逐渐减退,市场竞争趋于缓和,产品会更多考虑退出新的产品、服务,让老的产品为新产品引流,常见行为是减缓衰退,开展新的用户场景验证,重点在于新的增量市场,北极星指标会优先考虑新场景相关的指标。相当于是开启了一个新的循环,去验证新产品、新场景能否满足用户需求。

设计师进阶必读!产品数据规划指南

3. 拆解指标的方法

主要介绍一下三种拆解指标的方式,分别是按业务策略 OSM、增长模型或者是业务主要参与者关系进行拆解。

业务策略 OSM 模式,主要是根据业务目标、业务策略、和业务度量进行拆解,整体逻辑是,目标是 What,是什么,业务策略是 how,具体怎么做,业务度量是 which,具体是哪些指标。

举个例子,我们对某产品的北极星指标进行了拆解。某产品的北极星指标周活跃产品数,等于新接入产品加上活跃产品留存加上沉默用户激活。我们对沉默用户目前是处于接受现状,没有采取促活措施,所以大目标拆成了两个小目标,提升新接入产品以及提升老活跃产品留存。策略上,针对目标 1 是通过影响力提升自然流量以及渠道拓展,重点进行衡量是,官网流量的转化评估,从访问、创建、接入,以及渠道质量的评估,包括流量分布、转化率。而在老活跃产品留存上,主要是改善产品体验来提升用户留存,主要看的指标是活跃用户数的持续跟踪,以及细分用户维度留存情况。

设计师进阶必读!产品数据规划指南

第二种方法是按照增长模型进行拆解,AARRR 海盗模型大家应该比较常听到,主要是获客、激活、留存、收入、推荐这些,这个模型是 07 年提出,这么多年随着环境的变化,逐步演化出了 RARRA 模型,造成这种变化的主要原因是以前处于互联网流量红利时代,获客成本相对较低,所以会选择让用户进来再转化,而现在随着获客成本的升高,倾向于先做好用户留存运营,避免拉新成本的浪费,再拓展用户盘子。具体模型选择上,更多是合适的问题,选择跟自己业务相对契合的模型开展工作。

举个例子,网课平台收入可以拆解为付费用户数乘以客单价,付费用户可以进一步拆解为新用户加老用户,新老用户分别拆为流量乘以转化率,老用户数乘以续费率,老用户又可以向其他人推荐形成闭环。最下方的四个指标,分别对应着拉新、激活、留存、收入。实际的网课业务可能更加复杂,每一个维度可能对着好几个指标,需要在业务上灵活应用。

设计师进阶必读!产品数据规划指南

第三种方式按照业务主要参与者关系进行拆解,这种方法通常适用于平台型产品,产品的用户既有供给方,也有 C 端用户。拆解指标的时候围绕双方关系的边或点,按照 OSM、或者增长模式做进一步拆解。

例如,打车软件可能是大家接触较多的双边市场案例,乘客打车,需要完成下订单、付款、评价司机等,司机提供接送服务给乘客,期间需要接送乘客、收款、评价乘客,体现供需双方关系的指标是客单量,而司机侧影响这个指标可能是服务时长,乘客侧则是打车体验,可以分别再做进一步拆解。外卖类业务,则是典型的三边市场,涉及商家、骑手、用户,围绕成交订单/GMV 等建立关系。

设计师进阶必读!产品数据规划指南

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:腾讯CDC体验设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


如何从零到一创建可协作组件库

涛涛

第 1 步:基于实际情况,明确创建组件的价值

以设计师的角度,基于覆盖面的广度,组件库可以从小到大分为三个层次:

  • 为单个项目的设计复用创建的组件库
  • 为多个项目之间的设计复用创建的组件库
  • 为多个项目之间,跨职能复用创建的组件库,通过少量定制即可以形成最终产品的组件库。

第一个层次的组件库要解决的是单个项目内的复用,同时也能保证整个项目的设计统一性。如果同一个项目下如果有多个设计师,为了保证各个页面的交互和视觉一致性,一个统一的标准就更有必要了,而组件库可以说是这个标准的具化,不同的设计师使用同一个组件,可以有效保证页面的一致性,同时也提高了工作的效率。

那,这个时候就一定必要创建组件库吗?恐怕也不尽然,如果这个项目需要快速开发上线进行验证,后续发展路线也很模糊,那牺牲部分一致性,容忍不同页面的相对差异,或者用类似复制粘贴这种粗暴方式等等来达到目的,也许性价比更高。

第二个层次的组件库,其价值在于多个项目间保持统一性,解放设计师重复性的工作。这个价值有一个前提,就是这些项目之间是需要保持一致性的。

第三个层次的组件库,则是为了更广泛的提高效率,它已经跳出了设计师这个范围,和其他职业产生了联动,涵盖了研发技术甚至更多专业人员,也被称作业务型组件。虽然同样的模块不用再重新设计也不用再重新开发很吸引人,但这些组件的设计是否能被使用方认可?原有支持的技术栈是否与使用方需要的一致,学习和推广这些组件的成本是否能够得到同等回报?相关的公司流程、规则和资源是否方便对组件进行学习、推广和使用?都是需要考虑的问题。

这三个层次的组件库层层递进,每上升一个层次,听起来就越吸引人,所耗费的精力却越大。

做到最好的,诸如谷歌、微软、苹果、阿里等等,在业务上也有同等布局,比如需要开放给广大的开发者形成生态平台。这个时候,组件向外部赋能,不再局限于公司内部,所发挥的价值已经远远大于其所耗费的精力。

但作为一个新的组件库,我们首先需要根据自己的实际情况来确认要不要创建组件,而不是仅仅因为它美名在外。不做组件库,或者使用第三方的组件库,都是一种选择。而不是为了做组件库而做组件库。当确认这个组件库在当前的实际情况下依然有创建的价值,我们就要把这个价值更具像化,成为切实可行的目标。

第 2 步:借鉴 OKR 思维,创建符合实际情况的目标体系

进入公司的第二年,我开始基于我涉及到的三个 B 端产品来创建组件。

每一个 B 端产品其实都是一个系统,是平台+应用的结构,数据信息在这两者之间运转。虽然看着挺庞大,但首先,这三个产品体系都是基于一个统一的产品价值(AR 技术)来映射到不同应用场景(远程视频、巡视检查、展览展示)的。其次,在人力资源的配备上,三个系统的产品、研发和设计负责人都同属于一个团队,团队优先级一致。另外,虽然主次分工不同,但同一个产品经理或设计师都会同时涉及到三个产品线的定义中。

所以,在建设组件库的时候,我直接提炼了三个产品线的相同功能模块,给出了包含多个页面和多个交互逻辑组合而成的功能模块,对于市面上大多组件库会包含的按钮、提示、弹窗等也没有专门罗列,只将 AR 眼镜上有过特殊交互说明的模块给标示了出来。

掌握3个步骤,从零到一创建可协作组件库

来源:公司内部 Guidelines 文档

可能由于恰好符合实情,在没有费很多力气推广的情况下,研发团队就形成了登陆和首页列表 2 个模块,其中的登陆模块,更是一直沿用到了现在。

但随着探索期的深入,产品对接的业务场景迅速扩大,加上架构调整,公司布局更新,组织使命调整,想要一次打通形成第三层次的组件很快就行不通了。虽然后来我也针对这个现象做过一些调整,但收效并不明显,之前一直认定主要原因是时间和精力不够,直到组织设计团队完成了一场 workshop 后我才发现,没有联系实际情况设定切实可行的目标,可能才是收效甚微的主要问题。

现在的实际情况是怎么样的呢?

于我所在的组织来说,三个部门分别负责了 1-3 个业务线,每个业务线都对应不同的用户场景和产品需求,需要用实际的落地业绩和财务收入迅速证明自己所在业务线对于公司的价值,所以即使我能看到不同业务间存在复用的可能,想要像之前一样,直接形成第三层次的组件也很难。

这个时候,借鉴 OKR 思维,设定更具有实质性意义的 KR 目标,然后让组件库如同产品一样去迭代,确保每一次迭代都是关键和有效的。

比如,我认为创建的组件库要到第三层次才是它基于现状能获得最好的价值体现,那就可以把这个设定为 O。这个 O 的设定是由战略指引的,需要对齐公司或部门的目标,也就是我们在第一步明确的价值。

接着,我们来设计子目标,也就是 OKR 里的 Key results,可衡量的关键结果,以终为始,形成这个组件库的目标体系。

对应我这个例子,就可以从用户群的不同分为两类,一个是针对设计师而言有用,一个是对协作部门来说有用,以年度为周期,可以形成两个关键结果:

  1. 一套跨项目使用的 Sketch 组件库,覆盖项目 50% 界面设计工作量;
  2. 一套跨项目使用的组件设计定义文档和资源,支持对应功能直接进入开发阶段。

如果再往下细分,还可以把年度周期拆分为季度周期甚至月度周期,设定更小的 OKR 目标体系,使结果得到更及时的追踪和复盘。

第 3 步:聚焦相关竞品,以实际情况设定组件库内容

因为我们的项目几乎都是 To B 的业务线,每个产品无论大小都是一个体系,即信息在前端和后端之间传输,用户至少包含 2 个及以上的职业角色,最简单的是 1 个 Web 平台+1 个 AR 终端应用,所以要达到前面的 2 个关键结果,这个组件库从一开始就需要支持至少 2 个终端。

最开始由于几乎是单推我们自研的 AR 眼镜作为应用终端,在设计组件分类的时候,我选择优先罗列了组件,再在每个组件下区分终端。

这种形式和 Material design 的组件库相似,基于一种终端衍生到其他平台。在目录上,你会首先看到组件列表,再看到每个组件支持平台。

掌握3个步骤,从零到一创建可协作组件库

来源:Google Material design

但很快,这种推广模式就被改变了,除了 AR 眼镜,机器人、边缘算法盒子、工业 PDA、带 CV 模组的相机等都纳入了不同的业务线,以形成更贴合场景的方案构成。虽然它们都围绕计算视觉为核心技术,但在界面层的表现上就大不一样了。

而这个时候,我还是以之前的形式组织着这个组件库。导致使用的时候,必须得先看一看每个组件长长的目录,才能找到当前所需要的对应终端资源。

掌握3个步骤,从零到一创建可协作组件库

来源:公司内部组件介绍页面

在组织过那场 workshop 后,我开始广泛的研究行业内其他优秀的组件库。其实大多数优秀的组件库都有对应明确的、单一的终端,比如 Ant 组件是对应 web 终端,Hololens 的组件是对应 AR 眼镜的,即使苹果这样跨平台多设备的厂商,也分移动设备、电视设备、手表,输出了不同的组件库。

出于种种考虑,我将原本处于二级目录的终端分类提升到了一级,给设计师使用的 Sketch 组件也按终端划分成单独的文件。然后,再根据当前的业务情况,聚焦到 2 个主要的终端上:Web 网页和 AR 眼镜。

由于有了聚焦的终端,在借鉴其他组件库时,也就可以在之前广泛研究的基础上缩减范围,得到更有参考意义的结果。

比如,针对 AR 眼镜终端,Windows 的 Hololens 和 Magic leap 的设计就比 Material design 更具有参考意义。

掌握3个步骤,从零到一创建可协作组件库

来源:Magic Leap 设计 & Windows Hololens

即使具有参考意义,但由于每一个组件库所面临的实际情况都不一样,生成组件库时依然需要做对应性的更改。

以我这里创建的 AR 眼镜 UI kit 为例,因为最终要落入不同业务线的各个项目中,应对的客户和场景很难统一,所以,色调统一就不需要作为该组件库生成时一定要满足的条件。如果要保证一致性,Sketch 里的图层样式,甚至颜色变量都可以作为解决方案放到组件库里。

掌握3个步骤,从零到一创建可协作组件库

来源:公司内部 Sketch 页面

过硬的设计技能和专业能力,对建设一个优秀的组件库必不可少,但我认为一个优秀的组件库,必然首先是一个实用的组件库,在被它的光环吸引的同时,紧紧的扣住当前环境的实际情况,依时而定、依时而变,不被自身的专业角度限制,才能够发挥它本来应该给团队或公司带来的价值。

按照实际情况调整,这句话说来简单却最是困难,因为它就像这个组件库的土壤,土壤变了,上面就要跟着变化。这 3 个步骤,首先是在确认有这样一片让它生长的土壤,然后分析土壤当前和未来可以提供个组件库的养分,最后,才是动手开干,让组件库在这片土壤上开花结果。

因为土壤不一样,同样的方法,最后生成的组件库可能会完全不一样,但并不妨碍它成为助力协作,提高效率的一个好的组件库。

掌握3个步骤,从零到一创建可协作组件库

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:林影落

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


线下业务数据体系搭建

涛涛

编辑导语:数据分析有助于帮助我们获知业务效果及其他效果反馈,然而当下企业在线下业务当中,不少数据都有所流失,这就要求企业寻找更有效的数据体系搭建方式。本篇文章里,作者就线下业务的数据体系搭建做了总结,不妨来看一下。


前言

在实际的业务环境下,能够完全通过线上留存的数据搭建业务数据体系的情况主要还是以互联网公司为主,有大量的线下传统公司,是没办法通过线上数据的积累完成业务数据体系的搭建的,在这种情况就得通过不同类型的数据来源去获取业务中可能涉及的数据,设计合理的业务数据体系,完成线下业务数据的监控、维护和分析。

01

如果是从数据逻辑出发,第一步应当是监控数据,就是我们平常一直说的看数据。

但在实际业务中,尤其是线下业务中,其实有大量业务没有留存业务发生时点的数据,在业务的各个转化节点的数据也很难及时获取留存,大量的数据丢失。如果需要从监控数据开始,其实相对来说难度会很大,甚至有很多业务数据没有合适的方式被留存下来,在日后的数据分析搭建中也无法起到作用。

所以,我更建议从业务的发展方向上入手,尽量细化业务流程,明确各个业务流程对部门业务到底有什么影响,核心业务流程是什么,优先从核心业务流程入手,根据业务流程的步骤完成业务数据的监控和留存。

举个例子,如果对保险行业熟悉的朋友会知道,保险业所有公司都有“培训”这个项目,甚至在保险业里面“组训”、“督训”都是很吃香的岗位,能够在短期内积累大量经验,往公司中高层走更快速,这个岗位主要的业务范畴就是“培训”,培训外勤、培训新人、培训合作渠道等等。

怎么评价培训效果呢?依靠外勤人员的销售量、销售额对培训效果进行评价,剩余对培训效果的评价来自学员和更高级的培训讲师的打分。

其实可以从上述模式看出,对线下培训这种业务模式的评判,对培训岗工作人员能力、业绩的评估其实很难通过以上评分模式进行量化,更不用说实际培训效果的追踪。

还是同个例子,如果要想追踪实际培训对销售业务产生的效果和影响,要关注几个模块:

从培训业务的目标出发,如果想从更细化的角度去关注培训,会有以下几个业务方会想要关注的点:

  • 培训的效果怎么样,怎么评估培训效果;
  • 培训效果和培训人员的关系;
  • 什么课程的培训效果好;
  • 不同类型的培训课程能够影响销售人员的销售业绩;
  • 不同类型的培训课程影响销售业绩的时间长短。

所有这些关注点的数据,均无法从线上获取,也很难追踪(这还是仅仅线下业务在实际业务细化关注项提出后的一部分数据的数据量化和追踪,如果要实现业务数据的获取,就需要公司严格要求外勤人员反馈该类型数据,可想而知如果是沟通渠道获取业务数据,就会显得更为困难)。

在这种情况下,线下业务数据体系建立就需要建立严格且标准的业务数据体系,这需要与每一步工作流程相互契合,这个流程有点类似于线上数据埋点的过程,只不过因为业务不在线上,没法在线上完成数据积累。

当然,线下数据埋点和线上数据埋点完全不一样,因为缺乏线上工具的记录能力,大量数据记录只能依靠人力完成,如果想要通过人力完成这类数据登记汇总,就需要使用统一的工具,使用统一的数据字段、数据格式,这需要做到数据流转记录的标准化留存。

以上问题的解决方法除了需要依靠人力对数据进行核准清洗外,建议最好是按照统一的字段建立本地数据库。

熟悉EXCEL或者WPS EXCEL的朋友会了解,这两个软件的处理能力随着数据量的上涨会十分受限,如果是行数超过百万级的话,是无法在EXCEL中操作的,会出现数据丢失。

同样的,如果数据量在20万以上,使用IF系的函数将会加重性能负担,非常容易崩溃,尤其是当出现过去的某一原始主键重复出现的时候,利用EXCEL技巧实现等价FOR循环会变得更难。

这个时候我们会更倾向于在本地建立MySQL数据库,可以利用MySQLworkbench或者NAVICAT对本地数据库进行处理, 利用本地数据库的字典表的字段完成线下交互数据EXCEL/CSV表格表头字段的统一,在简单获取了线下汇总回来的数据之后利用update函数完成数据更新,形成本地数据库。

作为参考,这个是阿里天池某次比赛的测试集数据源,测试数据集的文件不超过100M,模型处理后的预测集也就100M-150M,这部分数据条数约为20W,如果是数据条数在70-80W左右的线下数据,文件大小会达到超过200M,如果还需要清洗、维护这些业务数据,仅仅依靠EXCEL是完全不现实的。

既然要建立数据库,线下数据的维护同步时间就极为关键,线下数据的收集端口需要明确,不同部门、不同渠道之间进行数据交互的人员要固定,交互时间要固定,否则就容易出现数据交互不清晰,导致最后在不同的统计节点的数据无法统一,不断会出现数据重复更新的情况,不利于数据检测监控。

这要数据监控和数据维护以及数据统计在同个周期内完成,同时还要确定所有数据的每一次更新都是以数据覆盖的逻辑,即每一次新增更新的数据范围和内容必须是完全新增的数据。

举个例子,新增的数据版本为C,数据库内现有数据版本为B,更早的版本为C,上传的时候就不允许C版本的数据中含有A版本的数据内容,这样会导致数据的转化顺序存在混乱,涉及时间续流的数据就出现问题。

02

以上是线下数据体系中数据监控和数据维护的部分,接下来我们聊聊线下数据分析体系的搭建.

和线上数据类似,所有的线下“埋点”的数据回收都是服务于实际业务数据分析的,可以这么说,我们要的不是数据,而是数据告诉我们的事实,以及我们根据历史事实能推导出的合理预测,从逻辑方法论上面,就是归纳—演绎。

想进行数据分析,首要的是需要对历史和现阶段的事实情况进行归纳统计,这就需要加入线下“埋点”的数据进行统计分析,即,先深入了解知道自己的情况。

深入了解自己的情况可以从以下几个方向去深入思考:

  • 我们部门/公司实现盈利、绩效评估的核心指标是什么,什么指标是业绩反馈的核心指标(从律师来说是胜诉率,从医生来说是治愈率,蒙牛公司是销售额,德勤是咨询服务的收益)。
  • 当前部门/公司处在什么样的阶段(在不同阶段下的核心指标是不完全一致的,像快要破产的公司的核心指标是清算)。
  • 和核心指标有直接关联的业务主要有哪些,这些业务的工作流程分别是什么。
  • 历史核心指标和当前核心指标出现了什么变化,这些变化主要源于什么工作流程上的改变?

了解了这些自身情况之后,还需要深入了解,那些和你在做一样事情的人,在面对同类型业务核心指标的人,他们的工作情况、业务完成情况、实际业务流程转化,和他们历史的情况。

当然,所有的这些外部事实情况都可能不准确,这就需要从业人员实际判断这些外部信息的准确性和可用性。

这些事实怎么得出?通过数据的形式。

这些事实怎么校验?通过数据的形式。

举个例子,还是以我们上说的保险公司培训部门的例子。

假设当前保险公司的业务正常,市场正常,政策上国家没有对保险市场提出什么更为严苛的政策要求,在这些条件下:

  • 核心指标:保险专项培训对实际保险销售业务的影响大小;
  • 当前部门所处阶段:所有工作正常展开,外部竞争环境处在正常竞争环境下,无不良竞争情况;
  • 和核心指标有较强相关度的工作业务流程:根据外勤需求主动拆分培训需求-进行培训项目筛选-制定培训流程-设计培训课程-执行培训-跟进培训结果;
  • 历史变动情况:历史同类型课程的培训量几乎保持一致,培训频率也保持一致。

这些是相对比较概念化的事实,这时候就需要利用数据把所有的事实细化描述清晰,且所有的数据都需要和工作流程相关联。

同时,所有的业务数据分析都需要建立“时间”的概念,我们可以画一个时间轴来看这个业务流程:

每个业务流程下其实都需要一定时间完成当前工作状态的信息收集,数据本身就具有时间的特性,如果是金融公司、金融部门,还会对数据的时间序列有更严格的要求,因此,数据本身就需要打上所属时间的标签。

在业务流程中,记录每个事件发生时间点的数据,留存这些时间标签下的数据,完成基础数据源的汇总。

在分析中可以将分析划分为几层,可以先按“事前—事中—事后”的顺序留存各个事件发生时点的数据,从中尽量明确有规律性的节点,例如:

  • 从收到不同规模的培训需求到实际举办培训需要多长时间?
  • 培训完到培训成果检验需要间隔多久时间?

这些时点的数据收集可以帮助你深入了解业务流程,在日后做到各类自动化有很大程度上的帮助,这就是业务体系初步建立之后再进行优化的工作了。

在关注了业务的核心指标后,找到能够对核心指标产生影响的因素,将这些因素拆分成“事前—事中—事后”的形式,设定一定的主键完成数据特质化的积累。

以电商为例,电商可以以“订单号—用户ID”的形式,如果是在保险培训的角度下可以参训外勤人员ID作为主键,当然,不同的业务模式会有不同类型的主键,涉及的后续的一些数据内容也不一致。

还是以保险培训为例,在培训中有大量数据是没有办法轻松进行积累的,也同样不能很明确地进行量化,这时候就要建立评分卡的制度,用于量化一部分难以直接估量的行为数据。

比方说,A讲师培训营销技巧和保险学原理课程,两门课程完全不属于同一个课程体系下,在实际外勤作业中,营销技巧所能给实际业绩的增长是短期高效的,而保险学原理课程可能在提升外勤人员金融素养方面更为突出,可能在面对高净值客户的时候能更体现优势。

这部分提升并不会很直接的在实际销售业绩上有明确的体现,这时候就会需要对实际的培训效果进行分类归纳,建立不同评分评级制度。

类似于量化投资,这些数据都会需要和业务核心指标建模拟合判断,根据历史经验,最好是建立相关的多元线性回归模型,机器学习模型虽然在预测方面更具有优势。

但是实际可解释性并没有那么强,在实际业务总结反馈的时候并不能明确的找出问题所在,所以在预测分析的角度还是更推荐从线性回归的角度配合相关性进行分析。

希望分享的这些给现在还在线下摸索业务数据体系搭建的朋友们一些启发。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理  作者:Logan_RRRC

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



2021年中国高精地图产业研究分析

涛涛

编辑导语:2021年,随着高级别自动驾驶技术的快速和智能驾驶汽车量产落地,作为关键环节的高精地图也愈发受到车企的重视。当前,部分车企L3自动驾驶车辆开启量产之路,高精地图渗透率大幅提升,前期获得订单的图商优势将进一步扩张。但是,对于行业各方参与者而言,高精地图需要长期的技术支持和大量的资金投入,中国高精地图市场竞争格局将愈演愈烈。

 

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经经理  作者:易观分析

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2021 出镜率最高的 7 种网页 UI 风格

涛涛

虽然说 2021 已经快到 10 月份,但我最近我还是花了点时间,搜罗全网设计,总结出了这 7 种出镜率最高的版式风格,也是今年最流行的设计表现形式之一。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

看完这一波网页 UI 类设计,再也不愁接下来该如何做设计创新了。

图与线叠加

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

这是今年出镜率比较多的一种设计风格,不管你是在 Dribbble 还是 Behance 上都能见到它的影子。这种风格设计最大特点:形式感、聚焦、简约而不简单。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

当然还可以是将线圈与文字叠加图片,有一种层叠纵深布局感受。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

又或者说图形只是作为装饰作用。

纯文字版式

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

纯文字版式在今年版式中出镜率也是相当之高,包括深圳设计周官网也几乎都是几个大字排版。其实我们仔细思考,将文字放大处理,有点图形化的意思。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

上图是典型的文字图形化,将文字转化成线性设计。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合设计风格大胆、新颖,让人眼前一亮。这种版式布局一般会出现在设计工作室网站居多一些,追求形式感与观赏性。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合设计,不光只是图片与文字混合排版,还可以是图标与文字、粗字体与细字体之间的混合穿插。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

圆形版式

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

圆形设计趋势一直都存在,在网页设计中出镜率高也是毋庸置疑的事情。毕竟圆形本身自带超强亲和力、聚焦。设计用它可以解决很多枯燥的版式,让画面瞬间活了起来。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

还可以将文字处理成圆形,与圆形图相呼应。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化版式今年出镜率尤其之高,将文字轮廓化设计处理,减轻了文字的视觉重量感,更像是将文字线条化设计处理。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化设计还可以用在背景,作为设计装饰效果。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

玻璃质感

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

玻璃质感设计趋势,也是今年最火的设计风格之一。那么它在网页出镜率也是在下半年开始逐渐多了起来,也许是设计师发现这种质感细腻与折射光透露出的细节之美。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

使用线条

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

线无疑是图形里面运用较多的,今年发现很多网页中都加了线条作为版式装饰,或者就是纯线条版式设计,让人眼前一亮,原来还可以这样玩。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

线条在这里作用明显,除了美学设计装饰之外,它还用作信息层级区分。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

好了,差不多到这里就结束了。7 种风格,希望能给大家带来一些新鲜的设计想法,在工作中将其运用进去。

当然,在做设计提案版式、作品集包装都是可以参考,希望大家不要被局限。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:功夫UX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档