首页

设计沉淀录:如何让你的设计更有价值

ui设计分享达人

前言:如何让你的设计更有价值,设计有价值代表你的方案有价值,你的方案有价值代表你的理论有价值、你的理论有价值代表你的专业能力体现,归根到底,说明了什么人作出什么样的作品的同时会带来相应的价值。站在设计师的角度看,在公司里,属于站在用户体验上的提出的设计建议或者设计方案,基于“以用户为中心”理念和交互设计原则,通过自己的设计思维与专业能力,为公司创造更大的价值,不单只是一个美观的输出。

目录:

一、设计行业的发展趋势

a)设计与产品的关系

b)找到自身价值的重要性

二、了解设计师的价值分层

a)设计协同

b)推动业务增长

c)设计驱动产品

三、设计师需要具备的哪些思维?

a)双钻模型解决问题

b)“五度”设计成果评估模型

c)培养数据思维,利用数据提升设计的价值


一、设计行业的发展趋势

a)设计与产品的关系

以前,设计师在团队里的位置会比较尴尬,因为没法验证自己对业务的推动是否产生了什么明确的价值。而大数据的来临,设计的价值变得显性化,作为与用户关系密切的设计师,善用好数据,可以发挥的作用其实很大。我们可以通过自己的设计思维与专业能力,为公司创造更大的价值,不单只是一个美观的输出。这就使得设计与产品业务关系越来越密切,是整个行业发展的必然趋势。


举一个设计以小成提高业务的实例。这是我之前做的分拣软件迭代首页的自定义配置组件。在改动前分拣首页功能多,甚至有时候需要滑动寻找。寻找点击率大概是不到16%,改动后提高到了40%,不消耗任何其他人力、物力成本,就可以用设计让CTR翻倍。

设计目标:减少首页模块寻找的时间,加大成功点击率,考虑延展性发展

现有问题:主次功能混淆、视觉点不够集中、点击按钮不明显

优化方案:1、主次布局调整,主上次下;2、面积放大提高模块命中率;3、色彩区分主次按钮;4、添加“➕”自定义配置首页主功能,加入人性化设计理念。

体验连接:https://www.growingio.com/projects/lPQ7bOj9/product-analytics/heatmap/j9yvlyRy(账户/密码miaomiao/liuge1)


b)找到自身价值的重要性

自身价值顾名思义就是你的工作成果会带来什么价值,按照公司更看重我们的设计能给产品的发展带来多大的价值。虽然职位的性质已经很明确你的价值的体现,但是这里注重成果的价值,设计师的成果更多是设计方案,方案成果的价值的接受度也是需要从易到难的渐进的。


举一个设计价值体现的实例。这是我之前做的新Station组件库——GM Design。设置组件和设计规范不仅保持了产品的统一性,且减少用户在使用过程中的行为认知负担,快速同事达成合作,还可以减少不必要的操作和排查,提高易用性。

设计目标:保持产品的统一性,减少认知负担,降低时间和人力成本,提高易用性

现有问题:同个功能存在组件多样、组件学习成本高、反复修改,

优化方案:1、建立组件库;2、功能类型划分,采用同一个组件的变形处理;3、组件集中化; 

体验连接:https://lanhuapp.com/url/rKmeX 


二、了解设计师的价值分层

设计师的价值可以分为以下三层:设计协同、设计推动业务增长、设计驱动产品。

a)设计协同

一个完美的执行者,能够在拿到需求后高效又完美地实现落地。简单地说就是手上功夫好。

做好这个阶段需要有优秀的专业能力,良好的沟通能力,并参与到产品的探索与构思中来。


举一个设计协调的实例。Q2阶段的B-Shop商城交互迭代。前期输出设计基础和设计规范,有助于开发高效实现,实时跟进UI进度和设计协助。在产品的探索中发现数字键盘组件的问题点,由于自己写的数字组件具有局限性,导致体验上无法满足部分需求,如:输入框的定位在数字键盘之上。基于这个问题点,我们提出A/B方案,A方案是自己写的数字组件,B方案是自己写的数字组件延用原生的逻辑,从用户测试得出,A方案是更符合用户操作习惯。

设计目标:组件高效快捷输入,侧重交互体验提升,视觉优化,提高易用性

现有问题:学习成本高、缺少设计基础、信息分层不明显、体验差

优化方案:1、划分主次信息,阅读更直观;2、建立设计规范;3、组件优化,符合用户操作习惯;4、图文结合,按钮优化,加强页面指导性

体验连接:https://bshop.guanmai.cn/?cms_key=miaotest&timestamp=1561085945884#/product(账户/密码miaomiao/1qaz2wsx)



b)推动业务增长

这个阶段的设计师,会比上一个阶段更能体现设计师的设计价值,并对产品产生一定的影响力。能在以用户为中心的基础上,推动业务的增长,所以这个阶段的设计也被称为UGD(User Growth Design)。


需要设计师具备用户洞见力,数据分析能力,从这两个维度出发,去熟悉业务、分析业务,从而推动业务

举一个推动业务增长的实例。Q2阶段的采购APP的交互迭代。表头的功能布局与标签栏的“➕”添加功能的调整,其实在用户调研阶段的热力图数据和观察法分析得出,工具类移动端侧重点在功能区,需要一目了然知道我的当前任务数是很重要的信息,且是高频操作,所以放置顶部;标签栏的添加功能是为了快速添加采购单据和询价为目的,用户群体特殊性,需要一键新建添加的需求。

设计目标:侧重交互体验提升,提高工作效率,提高易用性

现有问题:学习成本高、缺少设计基础、操作路径长、体验差

优化方案:1、操作路径简化,采用路径集合弹框;2、建立设计规范;3、组件优化,符合用户操作习惯;4、一键新建“➕”的功能,达到快速新建

体验连接:http://station.env-bugfix.dev.k8s.guanmai.cn/purchase_assistant/#/login(账户/密码zhangsan0001/ liuge1)



c)设计驱动产品

这个阶段的设计师,在团队中的价值可以说是非常大了。从被动的需求接收方,转化为从战略层,能主动提出需求的一方。也是UXD发展的终极方向。


三、设计师需要具备的哪些思维?

a)双钻模型解决问题

什么是双钻模型?

双钻设计模型由英国设计协会提出,该设计模型的核心是:发现正确的问题、发现正确的解决方案。一般应用在产品开发过程中的需求定义和交互设计阶段。


双钻设计模型把设计过程分成4个阶段:发现问题(挖掘)、定义问题(创意)、构思方案(制作)和交付方案(落地)。



采购APP进行双钻模型思维构建的基础,提供交互迭代的底层设计理论支持,在挖掘需求阶段,属于用户调研阶段;创意阶段,关注点在于问题梳理、实现目的、设计层面;制作阶段,寻找潜在的解决方案;落地阶段,解决方案的分析和验证,输出最适合一个。


b)“五度”设计成果评估模型

用户体验周期(由阿里巴巴UED提出概念)


用户体验周期指的是用户与产品的关系随着时间变化而形成的不同周期阶段。用户体验周期可以分为「当前」和「长远」两个阶段,每个阶段中有不同的细分。

  • 「当前」阶段,分为 3 个过程:

    • 触达:用户来访问网站,包括第一次访问网站的新用户和再一次访问网站的老用户;

    • 行动:用户在网站上进行相关操作;

    • 感知:用户在操作完成后对产品形成的主观感受。


  • 「长远」阶段:分为 2 种表现:

    • 回访:用户自己再次使用该产品;

    • 传播:用户推荐给其他人使用该产品。


如何在具体项目中体现呢?下图,运用一个具体项目举例:

c)培养数据思维,利用数据提升设计的价值

项目与需求上线后,去验证自己的设计是否有效地达成了目标。这个时候你就需要去看数据反馈。没有数据就就没有比较,没有比较就不能进步。

关于数据的用处有很多,举个例子,当两个人对各自的方案争执不休,分别觉得对方不好,但站在各自的逻辑上似乎都能说得通,那怎么办呢?分别做一个A/B测试,数据不会说谎,哪一个方案更有效,一目了然。

那么如何将数据结合到我们的设计中呢?首先在设计前,我们需要先定一个目标,而每一个目标就应有一项对应的数据指标。比如,提高了某一块的CTR(点击通过率),提高CVR(转化率),提高商品曝光、1/7/15/30日留存率等等。方便之后去验证自己的的action是否完成了自己的Goal。


拿到了数据之后,还需要分析数据。不管是有没有达到目标,都要去分析原因,进行复盘总结。复盘的好处是可以让我们在这一次项目中吸取有价值的经验—失败了就找失败的原因,方便以后避开同样的错误;成功了就分析成功的原因,并将成功的策略复制运用到今后的工作中,增加以后的成功率。如此,不管有没有成功,都能给我们带来最大化的价值。我们也会更加的接近用户、接近产品、接近业务。从而帮助我们进一步洞察用户、挖掘新的需求。


小结:

以上就是今天所要分享的全部内容。再带大家回顾一下,一共分为三部分:第一个是了解设计师的发展趋势,第二个是趋势下的设计师价值分层(设计协同、设计推动增长、设计驱动),第三个就是在价值分层的逐步递升中所需要培养的双钻模型、GSA的策略、数据增长思维等。

文章来源:站酷  作者:麦海欣

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

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

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


正态分布模型在体验设计中的分析及应用举例

ui设计分享达人

B端产品往往都具有较长的业务流程和操作步骤,需要用户循规蹈矩、通过较多的步骤找到相应的页面,来触达相应的用户目标。落实到体验设计中,需要设计师充分考虑用户在操作路径中的操作权重(频率&停留时长),进一步以核心步骤为中心向路径两端延伸,完成页面布局。


如何分析和评估用户在操作路径中的权重呢?今天介绍一下,本人从统计学中借用的一个概念——正态分布模型,并将其应用到体验设计的流程中。


1 首先,什么是正态分布模型呢?


正态分布,也称“常态分布”,或高斯分布,是一个在数学、物理及工程等领域都非常重要的概率分布,在统计学的许多方面有着重大的影响力。


如果一个指标受到若干独立因素共同影响,且每个因素不能产生支配性的影响,不管每个因素本身是什么分布,它们叠加后影响的这个指标平均值就是正态分布。


如图:

标准正态分布模型


正态曲线呈钟型,两头低,中间高,左右对称因其曲线呈钟形,因此,人们又经常称之为钟形曲线。


标准的正态分布模型包含了中心极限定理的三要素,影响因素独立,因素影响程度随机但无法支配,各个因素之间是相加的关系。

中心极限定理三要素


当然,在体验设计中正态分布模型就没有那么复杂,而且用户的操作也不是随机分布。那如何在体验设计中如何应用呢?


接下来,介绍一下基于用户体验,提炼的正态分布模型。


如图:

体验设计中标准正态分布模型


总的来说,体验设计中的正态分布模型,是一种用来探讨用户在某一功能的操作过程(或产品的整个生命周期)中,操作频率(权重)所集中的区间与页面布局、信息架构之间关系的方法与思维。


这个模型涉及两个维度:

一是带有指向性的操作路径(步骤/功能模块),可以是一个功能的详细、单一的操作路径,也可以是一个产品从使用到停止使用的生命周期中,用户对整体功能使用流程;


二是频率,操作路径中的步骤或者核心功能被使用的频率,即权重。这个维度可以直观的反应出用户的关注重点和高频操作,便于后续的用户引导及页面布局等。


将用户的操作频率按流程顺序放置到坐标中,即可得到类似于正态曲线的图形,直观的反映出用户在功能步骤(模块)上的关注度。


2 体验设计中正态模型的类型


根据分析功能的颗粒度不同,得到正态分布模型的验证结果也不相同。


由此,体验设计中的正态模型,大体上可分为两类:

第一类是具体的功能(功能型),通过该功能的起始到完成,获得该功能高频操作及核心页面,可有助于功能路径优化及页面布局、功能排布,让用户更方便的获取高频操作。


第二是产品整体功能(产品型),通过用户从使用到停止使用该产品的全部路径,获取用户在使用产品时关注的功能,有利于明确产品定位、优化功能架构,在B端产品上还可以进行角色和权限的管理。


接下来,我们就详细探讨一下两种类型的正态分布模型。


2.1 功能型的正态分布模型

功能型的正态分布模型多用于优化产品功能及路径。这种类型的模型关注更加聚焦,结论也更加直接,甚至可以直接应用到设计方案上。因此在分析功能路径时,要简化相关联的分支路径,避免其对聚焦问题的干扰,使分析结论更加精准。


例如,一个手机TB的购物流程,如果要研究用户购买行为,就需要更多的关注用户对商品的选择、比较等操作,同时简化用户的支付操作路径;如果研究的是购物流程中用户的支付行为,就应该相应的简化用户选择产品的路径。


如图:

举例:淘宝购物流程分析


另外,这种类型分析结果的落地,需要格外关注功能操作路径的入口及其他功能的衔接,保证在更大层级上的操作不会出现断点,保证使用流畅。


2.2、产品型的正态分布模型

产品型的正态分布模型,可以看作众多功能型路径的简化提炼版本,忽略操作细节,着眼于业务在功能模块之间的流转,多用于产品定位升级或架构调整。这种类型的模型是将产品的拓扑图,按照用户从开始使用到停止使用的的操作路径(产品的生命周期),将其映射到坐标轴上,来直观表现出产品的核心功能。


如图:

产品型&功能型


其结果属于定性结论,在设计方案时更多的是参考意义,只有在进行产品定位迭代及架构调整时,才具有指导意义。因此,在不同场景下用合适的模型才能更具有说服力。


正态分布模型的可以应用到B/C/G等多种类型的产品上,根据不同类型的产品,该模型还会有其他功能的扩展。


例如,B/G端产品往往都具有长流程、多角色、多模块的特点,当正态分布模型在B/G端产品上应用时,还可以清晰凸显角色、权限的结构,有利于对用户权限和角色的定义与管理。


3 案例分析


在本人所从事的安防行业中,实时报警的处理是较为高频、且重要的业务功能。本文仅对功能型模型进行案例分析,希望该方法(思维)的表达更加清晰明确,也能够帮到大家。


3.1 业务概述:

实时报警的业务流程大致是这样的:在监控中心或岗亭,保安人员对园区的安防状态进行警戒时,如果有异常状况触发了报警,系统会反馈推送给安保人员,安保人员通过录像抓图等信息判断报警的紧急程度以及处理方式。


3.2 业务定性

该功能是典型的“海岛事件”,具有偶然性和急迫性的特点。所谓海岛事件,是本人对具有偶然性与急迫性特点业务的概括统称,后续可以写文章专门探讨该问题。


3.3  场景推演

安保人员每时每刻都全神贯注监管整个区域的安全状态,是不可能的,更何况这类海岛事件呢?所以,在发生报警时安保人员大概率处在“摸鱼”状态。



当有报警进入时,安保人员第一时间需要确认的是报警的类型以及位置,从而快速判断如何处理。只有当报警信息不明确时,安保人员才会进一步通过录像、抓图、关联的监控来进一步判断报警信息。


实时报警场景推演


3.4  报警业务处理的正态模型分析

在整个场景推演过程中,用户的关注重点是报警详情以及报警信息的确认过程,会有较少的概率查看辅助信息,因此需要保留辅助信息的入口。


如图:


3.5  方案展示

方案采用瀑布流式,高权重的关键信息拥有更高的页面权重,用户可以快速获取信息,以判断处理方式。同时,渐进式展示确认信、辅助信息,如抓图、录像、关联视频等,一方面可以减少对用户决策的干扰,同时能够快速获取这些信息,辅助用户做出判断。


由于方案涉及到公司项目,所以方案不方便直接展示,这里只展示页面信息布局。



我们都知道,在页面纵向布局上,随着视觉流的下移,用户的关注度会逐步降低,因此,在实时报警处理页面布局上,将从上到下信息的重要性逐级降低。


首先是实时报警处理的核心区,分为两个部分基本信息区与视频辅助区,这两部分信息是判断实时报警性质以及处理方式的主要依据。其中,基本信息区是最重要的,用户可以根据报警的基本信息,来确定如何处理报警。对于大部分的报警信息,用户可直接判断报警是否需要处理,或是进一步的确认及验证,尽可能的减少用户的操作;因此,报警的处理入口,紧随基本信息。


而视频辅助区是对部分报警的回放确认,是在查看基本信息后的进一步操作,频率相对较低,因此虽然属于核心区,但是层级却低于基本信息的展示。


辅助验证区放置的报警期间的连续抓图,可以满足用户的放大查看,进行报警辅助确认,随着用户视觉流下移,其重要程度迅速降低,相应的操作的步骤也较为复杂,页面视觉权重也有较大的压缩。


最后,对于极少的报警信息,用户需要通过关联视频的信息进行验证,可通过页面底部的关联视频入口,点击展开关联视频浮层,进行报警信息验证。这是整个实时报警的最后一个层级信息展示。



4 写在最后


正态分布模型不仅仅是一个工具、方法,同时,也是一种设计思维。


在设计之初,充分理解功能的定位,完善功能入口,让用户更容易触达产品的核心功能。然后通过核心功能向业务两侧进行延伸,进而覆盖整个业务,完成产品的框架与流程的构建。


在设计之中,关注高频的核心步骤,让用户的高频操作具有更简便的操作空间,把用户更想知道、更想操作的内容推送到用户面前,让用户在整个操作流程中的操作频率与页面布局的权重分布相匹配,而不是想当然。


只有这样,设计才更具价值,才能培养更忠诚的用户。

文章来源:站酷  作者:体验设计思

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

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

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


如何锁定用户的核心需求?试试这个「层次分析法」!

ui设计分享达人

工作生活中,决策是我们不可避免的难题。如何做出明智的选择,在分析过程中保持“理中客”,抓住用户的核心诉求,提升产品的用户体验,是用户研究持续关注的议题。

传统分析方法,存在的弊端

当我们调研用户需求的重要性时,通常采取两种方法:单刀直入的问 & 委婉含蓄的算。例如,为了提升产品的满意度,我们调研用户对于产品各项因素的重视程度,以便优先迭代用户的核心诉求。

1. 单刀直入的问

问题:您刚刚为产品的满意度进行评分时,请问您最看重的产品因素是哪个(或哪 1-3 个)?「多选」

处理方式:统计本题各个选项的频数,由高到低顺序排列,从而决定优先顺序。

这种方法的缺陷显而易见,一方面直接询问会显得有些突兀,众多选项的展示极大可能会扰乱用户脑中原本的想法,导致真实答案被选项的罗列顺序影响,另一方面这种方法只能得到各个因素重要性的排序,无法得到他们各自的权重(影响程度)。

2. 委婉含蓄的算

问题:

Q1:请问您对产品满意度的评分是多少?

Q2:请问您对产品各个因素的满意度评分分别是多少?

处理方式:采取总——分的评分模式,对产品整体满意度得分、各因素满意度得分进行因子分析或者回归分析,根据分析得到的结果计算出每个因素对整体满意度的贡献度,找到贡献度最高的因素。

这种方法是一种“马后炮式”的分析,根据当前用户的评分去“科学的猜测”,因为分析结果有很强的时效性。比如当期调研中,产品由于在功能 X 方面出现了问题,给用户的体验造成了伤害,那么分析的结果势必会呈现“功能 X 的重要度极高”的结论,但真实的情况可能是,用户长期不怎么关注功能 X,只是最近产品的问题造成用户短期内关注 X 功能。

那么,有没有其他方法来分析“用户最看重的因素/哪个因素最影响用户评分”,决策“哪个方案对用户评价/项目目标的推动力最大”呢?这次向大家隆重介绍层次分析法

什么是层次分析法

层次分析法(The Analytic Hierarchy Process,简称 AHP),是美国运筹学家匹茨堡大学教授萨蒂于 20 世纪 70 年代初,在为美国国防部研究“根据各个工业部门对国家福利的贡献大小而进行电力分配”课题时,应用网络系统理论和多目标综合评价方法,提出的一种层次权重决策分析方法。

该方法根据问题的性质和要达到的总目标,将问题分解为不同的组成因素,并按照因素间的相互关联影响以及隶属关系将因素按不同层次聚集组合,形成一个多层次的分析结构模型,从而最终使问题归结为最低层(供决策的方案、措施等)相对于最高层(总目标)的相对重要权值的确定或相对优劣次序的排定。

层次分析法分两步走:建立层次结构 & 一致性检验,接下来我们一起看看这种方法如何应用:

在 M 项目中,“店东对 M 小组产生的整体价值的满意度”是一个重点跟踪的结果指标,项目组希望了解提升满意度各项抓手的过程表现及各自的重要度(对整体满意度的影响程度)。在综合考虑问卷篇幅、样本质量、重要度分析严谨性等方面,最终选择了层次分析法。

第一步、建立层次结构,形成问卷框架。首先明确四个主要抓手是通过怎样的路径来影响店东满意度的,产出多层级的结构,一般情况会采用“结果目标-抓手”两层 或“结果目标-分类-抓手”三层(本次示例中,店东对 M 小组价值提升的满意度是结果目标层,带团队的动力和带团队的能力是分类层)。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 1 “店东对 M 小组价值提升满意度”的层次结构

然后在问卷中对各项抓手捉对,采用 9 分量表对比重要性(如果是三层结构,可以先对比分类层,再对比分类层下面各自的抓手。本次项目由于抓手数量较少,所以跳过分类层,直接将四个抓手两两对比)。本次案例中抓手数量是 4,根据排列组合的结果询问次数为 6 次。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 2 重要度比较问卷

第二步、回收样本,做一致性检验。由于被访者在回答问卷时,可能对重要性的排序没有形成清晰稳定的认知,也可能没有仔细阅读或回答问卷,导致样本中有大量脏数据,比如会出现“A 比 B 重要、B 比 C 重要、C 比 A 重要”的逻辑矛盾,一致性检验可以通过矩阵分析有效的排除这类无效样本(分析过程此处省略一千字)。最终我们保留有效样本再次进行矩阵分析,可以得到各项抓手的重要度。

以虚拟的结果数据(非真实项目结果)为例,四个抓手对店东满意度的重要度如图 3 所示,其中,“平台资源倾斜”的重要度最高。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 3 各项抓手重要度

三种方法利弊比较

如何锁定用户的核心需求?试试这个「层次分析法」!

图 4 三种方法的比较

延伸应用

层次分析法除了上述应用之外,还适用于业务方案决策、日常个人决策等多领域。

业务方案决策方面,仍然以“店东对 M 小组产生的整体价值的满意度”为例。我们在前文已经分析出了四个抓手的重要度,假设目前我们有 3 套方案可以提升店东满意度,需要从中选择一个进行落地。我们要做的仍然是两步:建立层次结构 & 一致性检验

邀请 3—8名项目专家(可以是项目评委、项目负责人、该项目相关领域的资深人士等)预估各方案在抓手层面的表现。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 5 建立满意度层次结构

如何锁定用户的核心需求?试试这个「层次分析法」!

图 6 优势对比问卷

对数据进行一致性检验,并产出每个方案对各个抓手的推动力指数,这样我们就可以一目了然的看到,哪个方案对结果指标的推动力最强了。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 7 方案比较结果

个人日常决策方面也是同样的道理,比如我们在纠结去哪个城市旅游、购买哪只基金的时候,都可以搭建相应的层次结构,把自己(或者最了解自己的人)作为调研样本进行层次分析,用科学的方法帮助自己找到内心的答案。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 8 旅游目的地选择

如何锁定用户的核心需求?试试这个「层次分析法」!

图 9 购买基金选择

结语

决策不是拍脑袋赌运气的玄学事件,科学的方法能帮助我们理性地分析现状,作出明智的选择。相信掌握了层次分析法的你,不仅能在工作中锁定用户的核心诉求,也能在生活中摆脱选择恐惧的纠结,成为运筹帷幄的“小诸葛”。

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

文章来源:优设   作者:贝壳KEDC

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

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

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

如何针对不同的增长阶段,选用合适的用研思路?

ui设计分享达人

企业增长周期和用户生命周期这两个周期理论市面上皆有一些增长理论的定义。

从一般企业增长周期来看,会经历以下 5 个阶段:

  • 阶段①:问题/解决方案匹配期 → 主要是调研客户的需求;
  • 阶段②:最小可行性产品时期(MVP) → 寻求若干种最小化产品的建立方法;
  • 阶段③:产品和市场匹配期 → 提升用户的黏度和体验;
  • 阶段④:渠道和产品匹配时期 → 对高优先级的渠道进行大规模的投入;
  • 阶段⑤:成熟期 → 并购,国际化和本地化

如何针对不同的增长阶段,选用合适的用研思路?

运营常用的用户生命周期理论 AARRR 对用户在产品中各个层级的状态也有所定义:

Acquisition→Activation→Retention→Revenue→Referral

如何针对不同的增长阶段,选用合适的用研思路?

每个公司的拳头产品或产品矩阵中的各个子产品可能处在不同的生命周期,在做用研探索时需要具体分析。以酷家乐在近两年的情况为例,其主打产品早已走过 0-1 的阶段,但在大的框架下会不间断的迭代,如工具功能、生态服务功能。

在这种情况下,用研和业务密集合作的增长类用研项目主要集中在企业增长周期的“阶段③:产品和市场匹配期”之后的阶段,目的是提升用户的粘度和体验,随着产品的螺旋上升,也会对阶段①-③做阶段性小循环;反映在AARRR模型上则是以「用户留存+用户推荐」为重点。

如何在业务中挑选高杠杆监测点

那么问题来了,如何从不同的生命周期进行用研重点拆解?除市场上比较通用的生命周期拆解外,不少公司内部会有一套更加适配业务的体现生命周期的分层。

以酷家乐的业务为例,根据两种主流用户分层定义,即工具用户分层(工具行为是核心行为)和全站用户分层来拆解,我们圈定出了增长和体验中的重点观测用户阶段(橙色标注):

  • 工具用户分层中,重点关注“沉默/流失用户”
  • 全站用户分层中,重点关注“由注册用户和体验用户组成的纯新用户”

如何针对不同的增长阶段,选用合适的用研思路?

这些会被重点关注的逻辑为:

  • 用户沉默或流失若是由产品客观原因造成,往往是遇到一些比较严重的问题,其有效反馈应该被当做高优先级去处理;
  • 新用户的认知是潜在用户阶段接收市场培育的重要反应,也是其进入并使用产品、接受培育、融合进产品的黄金时期;
  • 活跃/准深度/深度用户这些在目前的追踪体系中是被剔除的,暂时不关注在平台蜜月期的用户,但对全站用户的总体衡量还是有必要的。

常用用研目标和维度拆分

用户需求可以成为产品设计的导向、市场推广的方向,用户增长类型的需求转换成用研目标,一般是:

如何针对不同的增长阶段,选用合适的用研思路?

更具体一些,我们常用的问题维度:

如何针对不同的增长阶段,选用合适的用研思路?

常见思维误区:一定要频繁做沉默/流失用户分析么

这里有一个大家通常会陷入的思维误区:一定要从沉默/流失用户着手调研–他们后来为什么不太用我们的产品了。

通常,大家普遍认为只要可以分析出沉默/流失的原因,按照 list 上条目进行改进就能降低流失率。但可以换个思维,产品的价值更多的是由认可该产品的用户群体创造的,沉默/流失用户一定程度上属于对该类产品为非刚需状态/需求匹配失败而自然流失掉的人群(非目标用户)。

单纯从调研手段上来讲,沉默/流失用户的调研难度也是很大,定量方法在这里失去了作用,基本只能预先定义好调研圈选人群时“沉默/流失用户”的定义(这里要在平台定义的基础上进一步缩小范围),通过 cold call 的方式做调研,参与过此类项目执行的同学会发现几个点,尤其是对专业垂直产品(非 C 端产品)而言:

  1. 原因中太多无效信息,如公司倒闭、转型,自己转行;
  2. 获取的有效信息大概率和留存用户群体的调研较为一致。

总结一下,沉默/流失用户的调研可做,但在产品无重大变化的前提下,建议长周期循环,如 1 年做一次足够。服务好留存用户,了解产品何种原因打动用户、如何做会更好,从留存用户中探索各种场景比去硬啃沉默/流失用户更有意义。

当然,也会有一些例外的情况,如公司的一款子产品自推出以来,长期留存非常低,这种处于探索期的产品可能是由于与目标市场匹配不当或当前产品功能做的太差,这种情况会建议关注全生命周期的用户反馈,包括沉默、流失用户;若是因为与目标市场匹配不当,调整目标市场和人群为当务之急,若市场匹配程度尚可,但当前产品功能做的太差,则需重点关注产品概念与体验链路等问题。

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

文章来源:优设   作者:酷家乐UED

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

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

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


与用户输入相关的设计模式

ui设计分享达人

模式一:模糊输入 Forgiving Format

简介:模糊输入是一种用于文本输入的模式,使用这种模式后,可以让用户输入文本内容时不用关心格式或语法,从而轻松达到预期目标。

例子: Google 搜索输入框

模糊输入详情


模式二:结构化格式 Structured Format

简介: 结构化格式是指用户在输入时,不仅仅使用纯文本输入,而是使用一组反映数据结构的字段,引导用户进行输入。

例子: Apple 双重验证码输入界面:

结构化格式详情 


模式三:语句填空 Fill in the Blanks

简介:「语句填空」使用一组短语字段将用户需要录入的信息,如文本、数字等串联为一句有指示意义的沟通语句。

例子: Visualeyes Design 网站的用户信息录入:

语句填空详情 


模式四:输入说明 Input Prompt

简介:「输入说明」是指在空白文本字段的旁边或下方,放置一个短语或示例,以解释此处需要输入的内容或提供关于此内容的详细要求及信息。

例子:  使用 Ant Design 组件-表单 搭建的创建小程序页面中的输入说明:

输入说明详情 


模式五:输入线索 Input Hints

简介:「输入线索」是指用示例输入或说明文本以占位符(Placeholder)的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。

例子:  在 Ant Design 输入框组件 的示例中(如下图),我们可以看到「输入线索」可以更好地帮助界面说明输入字段的内容或解释输入字段的功能。

undefined

输入线索详情 


模式六:密码强度计 assword Strength Meter

简介:「密码强度计」即在输入新密码时,立即向用户反馈密码的有效性和强度。

例子:  百度网盘的用户注册页面,红色文字代表不合格,白色文字代表已合格。

undefined

密码强度计详情


模式七:自动完成 Autocompletion

简介:「自动完成」即在输入内容过程中,向用户推荐与已输入内容相关的信息,把输入行为变为选择行为。

例子:   Ant Design 官网的全局搜索功能,用户只需要输入部分内容,下拉列表展示可能的结果,把录入行为变为更便捷的选择行为。

undefined

自动完成详情 


模式八:下拉选择 Drop-down Chooser

简介:「下拉选择」即通过使用下拉菜单或弹出式面板,来扩展菜单,使得菜单中可以包含更复杂的选择功能。

例子: Ant Design 官网的下拉菜单:

undefined

下拉选择详情 


模式九:列表构建器 List Builder

简介: 列表构建器是从较大的数据集中创建较小的数据集的一种模式。列表生成器的「数据源」和「结果」在同一个组件中可见。这允许用户通过按钮或拖放在它们之间移动项目。这种模式也常常称为两列多选择器。

例子: Ant Design 的 Transfer 穿梭框 组件就是基于这一模式的设计组件。

undefined

列表构建器详情 


模式十:合理预设 Good Defaults and Smart Prefills

简介:「合理预设」是指系统提供默认选项,这些默认选项不需要用户做任何操作,可以节省用户完成表单的时间和精力。

这些默认选项来的数据源包括: 先前输入的会话数据、来自用户帐户的信息、当前位置、当前数据和时间等等。

案例 :钉钉的“代办事项”设置功能,可以自动抓取到语句中的时间信息,自动帮助用户默认填写时间,减少用户的操作时长:

undefined

合理预设详情 


模式十一:错误提示 Error Messages

简介: 「错误提示」是表单出现输入错误时,为用户展示的一条引人注目的解释性消息,该消息可能描述用户如何修复错误。


案例: Ant Design 提供了多种表单错误校验样式:

undefined

错误提示详情 

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

文章来源:站酷  作者:Ant_Design

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

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

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


用户体验设计指南 - SUS系统可用性量表

ui设计分享达人

1. 什么是SUS ?


SUS 全称 System Usability Scale ,系统可用性量表。SUS最初是Brooke于1986年编制,可以科学地量化用户体验,用于完成一系列任务场景后,对产品或系统整体宏观的感知可用性测量。



翻译过后可以得到下面的中文表,参与者在使用产品后对每个题目下面打钩来对产品进行5点评分。(小伙伴们可自行保存)



2. 问题组成


SUS提供整体可用性评估度量,由10个题目组成,奇数项为正面陈述,偶数项为反面陈述。


第4,5,10三项构成的子量表为“有效性”(Effectiveness)&“易学性”(Learnability) ;第2,3,7,8四项构成的子量表为“使用效率”(Use Efficiency)&“可用性”(Usability);第1,6,9三项构成子量表“满意度”(Satisfaction)。



3. 使用场景


SUS适用范围广泛,产品新旧版本迭代之间对比,同类型竞品之间对比,同一产品不同终端之间对比均可使用。可采用线上线下问卷调研的方式,简单高效的采集真实用户反馈。避免在初期过早的关注细节。



4. 如何使用


当收集好用户问卷反馈过后,步骤如下:


1. 对于奇数序号的问题,将其得分减1;(比如第1题分数为4,得分为4-1=3分)

2. 对于偶数序号的问题,将其得分被5减去;(比如第2题分数为3,得分为5-3=2分)

3. 将所有问题最后的得分加在一起,然后乘以2.5;(每个题目的得分范围记为0~4,最大值为40,SUS可用性得分的范围在0~100,换算后乘以2.5)

4. 计算出的结果即为产品的SUS可用性得分。



Tips 注意事项:

1. 填写之前不要进行总结或讨论;

2. 应当要求用户快速完成各个题目,不要过多思考;

3. 第二题和第六题对于参与者可能难以理解,需要解释清楚;

4. 如果用户因为某些原因无法完成其中某个题目,就视为用户在该题上选择了中间值。


SUS分数等级与百分等级的区别:



我将其翻译过后得到中文表,可以大体上感知得出的SUS分数对应的用户可接受范围。



更加细化的SUS用户感知,可参照SUS分数曲线分级范围表:


注意到这里SUS分数等级与百分等级的区别。对照SUS分数曲线分级范围表,如果你的SUS分数为68,说明你的产品比市面上50%的产品可用性要好。也就是说这个产品的用户体验算是合格了,表明需要进行较小的改进。50%中值点对应SUS分数68。((59-41)/ (71-65)= 3  故中值点为65+10/3≈68 ,68分是均值,因此对应百分比是50%。)



5. SUS的优点


1. 量表公开免费,题目简单,只需参与者打分,实施便捷,操作简单;

2. 适用范围广泛,产品初期测试验证,竞品分析,新旧版本对比等等;

3. 研究证明SUS在样本量有限时,可以最快达到效果,可信度系数高;

4. 快速宏观有效区分可用系统(产品)和不可用系统(产品),避免在初期过早的关注细节;

5. 当团队内产生分歧时,SUS让更多的人员参与代替少数意见领袖说了算的形式,定量不追求定性。

6. 小样本量时依然呈现高度的内部一致性,产生真实可靠的反馈结果。



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

文章来源:站酷   作者:JZDESIGH

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

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

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



B端产品中的复杂列表如何设计?

ui设计分享达人

众所周知,B端产品中的页面以列表居多,列表的优势在于能多维度地呈现/沉淀数据项,且可结合常用操作进行管理。之前我们有对通用型的列表做过设计总结“横向看信息,纵向做类比”,当需要用“复杂”列表承载业务时,B端产品的视觉设计师可以有怎样的设计思路,以避免遇到以下场景呢?


Step01 

了解产品目标与“复杂”的原因

当接到B端产品中的简单列表要升级为“复杂”列表的需求时,作为B端视觉设计师首先需要了解背后的原因与目标,便于拓展不同维度的思考以提升产品体验。通过了解业务目标,明晰对业务流程的影响,以及如何与现有业务模块的连接;通过了解用户目标,明确业务参与者中用户层是否变化等。

Step02

理解业务功能组合及使用场景

将基于产品目标拆解的需求,具象成功能组合后,B端视觉设计师需要结合业务与场景,理解其中的“复杂”点,以及发现设计难点。如:业务的流程变化,对应是否有分支增加/顺序调换等,功能又是如何体现的;不同的用户层,关注重点是什么、对应的数据项是哪些,使用方式是否有变化等。


Step03

思考与设计“复杂”列表的界面表达

结合场景理解业务功能后,B端视觉设计师便可开始思考如何设计“复杂”列表,以表现业务的进化,同时让用户能轻松地感知到。


1.先构建列表框架,以体现业务的层级

因为框架的确定,有利于构建整个内容的大关系。而框架构建离不开对列表承载的信息层级进行分析,即对数据行之间的关系分析,其中数据行之间的关系大致可分为三种:并列关系、包含关系、父子关系,如下图所示。

不同的列表框架,其优势各不相同:

并列关系的列表 - 适合承载类似数据行的集合,是目前B端系统中最常见的通用型列表;

包含关系的列表 - 适合行的数据行差异性较大的组合,弱对比强呈现,如电商网站中的订单与商品详情;

父子关系的列表 - 适合数据行相同且层级有区分的树状结构列表,对比、呈现层级关系等的拓展性高。



2.分析数据行,提升可读性


以某家族列表为例,当框架确定之后,通用型的列表即可转换为可呈现父子关系的列表。


管理层(大B)的角度,希望通过层级了解到分布与整体情况;普通管理层(中B/小B),希望通过层级和不同维度的数据项,加深对“人”了解;小B/执行人员,通过便捷的操作增加/删除/查找/修改内容。因此当一个列表要满足不同用户层的目标时,

合理删除 - 增加不同维度的信息后,确认并删除含义重复/没有价值的信息,如:删除含义重复的子女数量列,增加其他维度更重要的信息。


分层组织 - 不同层级,数据组合可有差异,可从统计数据与详细数据、列的信息相关性组合等角度入手。如:增加统计的家庭成员数据,对其余列进行相关性分组。


适时隐藏 - 附加功能、增加选择难度等的功能/隐私信息,在用户需要时出现。如:联系方式是较为隐私信息,需要时通过hover查看/编辑。


巧妙转移 - 结合PC端的交互操作,打破静态页面呈现,增加“动态”的空间。如下图:增加横向空间宽度,以呈现更多信息。

图源于design better data tables 



3.用视觉手法优化各元素间的呈现

期望用视觉手法,带给不同用户“感官”层面的积极感受。同时减少视觉噪音带来的影响,让用户清晰地了解关注重点。

其中父子关系的列表注意与斑马纹的搭配使用,因为易削弱层级关系,斑马纹更适合通用型的列表。


之前有总结视觉细节的设计方法,这里不再赘述,点击下方图片即可查看。


Step04

设计回溯,是否达成目标

设计完成后,带着最初的产品目标再来看设计,是否有达成目标,在信息呈现方面是否更合理,用户获取信息是否更便捷等,退一步更能有全局思维。而对内是否可以沉淀设计资产,优化现有的结构或扩充设计规范。


小结:

B端产品中列表是最普遍存在的,而如何将不断变化 / 复杂的列表设计得更有用,T型思考法(升级版)探索了其中一种,若有其他思路/场景值得思考,欢迎留言讨论~

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

文章来源:站酷  作者:艾体验

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

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

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

通知消息推送从0-1

ui设计分享达人

我们每天都会收到很多应用软件推送的短信或者push消息,它们总会推送各种消息吸引我们打开APP。鉴于我每天都要手动清除这些通知消息,并且有时候打扰到了我的生活(午休的时候被推送消息吵醒),除了微信和工作软件外我基本关闭了APP消息通知,下载新的app也会选择不开启消息通知。


消息通知能提升用户活跃度,但是推送过多的消息对用户来说是一种信息负担,也打扰了用户的生活,用户轻则关闭消息通知,重则卸载应用。每天接触这么多消息通知,大家有没有想过他们是怎么推送这些消息的?


不管是to c 产品还是 to B 产品,消息推送是运营必不可少的一部分。to C产品在产品运营环节通过消息推送,能提升用户活跃率、留存率,提升业务转化率,to B产品通过消息推送能提高工作效率,及时知晓业务问题(毕竟用户只会在工作需要的时候使用系统)。


近期我在做crm系统移动端的版本时,销售反馈系统推送的消息太多,打扰了正常工作,他们觉得很烦,表示都不相干收到这么多消息通知。接到反馈后,我盘点了系统推送的所有消息,发现消息类型多达20几种,并且集中在周一上午10点推送,导致销售短时间内会收到十几条消息。对此,我把盘点出来的消息进行筛选,精简了通知数量,优化了推送策略,优化后销售的满意度和消息触达率都高了许多。


我们不能把消息推送看做是一个简单的功能,要有一个系统性的思维,从盘点消息项、制定推送策略、设计消息文案/内容、建立推送任务、选择推送渠道、筛查有效用户、消息存储等各个阶段流程,都包含了很多因素需要我们仔细考虑的。


本文将以系统通知消息为例来介绍消息推送功能。



一、简述消息推送


undefined


1、通知来源

告诉用户消息来自哪里,谁发送的,让用户对消息内容快速建立认知,同时增强用户信任度,避免认为是垃圾消息;


2、触发条件

什么情况下会推送这条消息,如任务到期没有完成。


3、推送时间/频率

什么时候推送给用户,多久推送一次


4、通知对象

消息应该推送给谁,谁会受到消息,可能是系统中的全部成员,也可能是某个部门,或者某个人。


5、推送渠道

怎么样可以把消息发送到用户的设备上,如短信,app通知。


6、消息文案

用户收到这条消息可以干什么,如处理待办任务。


7、操作反馈

用户需要做什么,可以得到什么结果,如收到线索分配通知,需要跟进线索。



二、消息推送策略


推送的消息既不会打扰到用户,又能达到运营目的,我们需要在合理的时间选择合适的渠道推送合适的消息给合适的用户,这句话有点绕但是就是这个意思。


1、列出消息清单

建立推送任务之前,我们要盘点系统中所有的通知消息,列出消息清单。根据上述消息推送描述的几大要素,以下是我在优化crm系统通知消息列举的消息项,

以销售订单和开票明细两个业务对象为例:


undefined



可以从以下三个角度来盘点消息项:

1、按通知来源:业务消息(线索、商机、回款、订单、任务等)、系统消息、用户信息等;

2、按触发条件:运营消息(回款预警、商机跟进等)、用户发起、待办消息、系统反馈等;

3、按通知对象:所有成员、部门、个人


我们要列出所有可能用到的消息项,不怕多,就怕遗漏。盘点完所有的消息后,可以按照上述表格列出消息清单,再根据业务目标、运营需求、用户需求、对消息去重、精简消息项,只留下必需推送的消息类型。



2、确定通知对象

列出消息清单后,要明确什么类型的消息应该推送给什么人,即通知消息要匹配正确的通知对象。

系统给用户推送了消息,用户对消息内容感兴趣,点开了消息查看详情并进入目标页面或者处理通知消息,才能实现推送消息的目的。


to c产品需要对用户信息、用户行为等构建用户画像,用于精准推送或者个性化推送。to b产品的用户结构相对简单一些,一般是企业人员(员工、部门负责人、管理层等),根据业务使用场景

对用户划分角色,再以角色为基础匹配功能权限,进行权限控制,如销售、研发、财务、运营等对应不同的业务场景,推送消息侧重点也不同。



3、确定推送时间/频率

确定好了通知对象,我们需要思考以下问题:

    1、什么时候推送消息既不会打扰到用户,又能引起用户的注意?

    2、是主动推送还是由用户触发后被动推送?

    3、多久推送一次合适,推送是一次性的还是持久性的?

    4、这个消息推送触发后要立即处理吗?

    3、用户怎么样能收到消息?收到消息后要做什么?

以下这个金字塔图可以解决上述的问题:


消息清单上的消息项,我们不能一股脑全部推送,要根据信息的提醒强度平衡通知量、推送时间、推送频率,避免对用户造成干扰而影响推送效果。


undefined



3.1、强提醒

消息类型:对于需要用户立即处理,或者用户确认才能继续进行的操作,如预警、异常、错误、验证码、重要消息等,让用户及时发现并采取措施。以飞书为例,飞书上要是有人给你发了紧急消息,会以短信的形式提醒你。

推送渠道:电话、短信,但是一般不会用电话,一是成本高,二是对于用户来说是强打扰,而且陌生电话用户一般不太会理。


3.2、中提醒

消息类型:无需用户立即处理,但是需要引起用户注意的操作,如运营消息、待办提醒、审批通知、系统公告等。对用户会产生一定的干扰性,此时要给用户一定的控制权,可以通过设置通知方式或者关闭通知提醒,减少消息打扰。

推送渠道:系统推送、应用内提醒,邮件。


3.3、弱提醒

消息类型:无需用户立即处理,仅提醒用户有新的状态,或者对用户操作后的反馈,如应用更新提醒、状态变更通知、操作成功提示等,对用户几乎不产生干扰

推送渠道:一般只在应用内提醒或者系统内提醒。


提醒强度越强,通知数量越少,呈金字塔形状,强提醒通知数量要比弱提醒少很多。通知消息数量较多时,要权衡推送数量,推要克制,对于推送频率比较高且用户不需及时处理的消息,可以通过合并通知的方式减少消息推送的数量,减少对用户的打扰



4、推送渠道

根据提醒强度选择推送渠道,多渠道组合协同推送,能够提高推送效率,但要保证多渠道消息内容一致。一般来说to b产品通知消息是以系统内提醒和办公协作应用(第三方工具,如飞书、企业微信等)内提醒的形式通知用户。

对于系统内的通知消息,不同强度的提醒消息会对应不同的消息通知组件。


4.1、强提醒消息组件类型

强提醒的内容对用户来说是高关注度的,要求及时、主动的把消息推送到用户面前,用户要立即采取措施,对用户当前操作具有强干预性。




4.2、中强提醒消息组件类型

中提醒的内容对用户来说是中关注度的,要在合适的时间推送,可以是系统主动推送也可以用户发起的,用户可以延后处理,对用户当前操作的干预性为中等。


undefined



4.3、弱强提醒消息组件类型

弱提醒的内容对用户来说是低关注的,可以是用户操作后的及时反馈,短暂的出现后就消失,或者可以延后处理的消息,对用户当前的操作几乎无干扰。


undefined


用户正在使用crm系统办公,同时飞书也在线,我们该如何推送消息?

用户可能已经在系统内查看了消息,再把消息推送到飞书上对用户来说就是重复提醒了。如果飞书上已经读了消息,那么系统内该条消息就要标记为已读。


5、消息文案

用户收到推送消息后,要能快速抓到重点内容,知道这条消息表达了什么,是否需要进行处理。

一般我写消息内容时是会遵循3w1h原则:what(发生了什么),why(什么原因),when(消息触发时间)、how(我该怎么做),再根据实际情况进行适当调整。在设计消息文案时要考虑用户的预期,不要标题和消息内容不一致,或者消息内容和详情页不一致,可以通过推送点击率辅助判断推送是否达到预期效果。



上述原则并不是固定死的,需要根据实际推送目的进行调整,如运营信息可以通过标题、摘要或图片吸引用户,可以直接附带链接跳转到详细信息。


设计消息文案/内容的要点:

    1、消息文案要简明易懂;

    2、重要的信息要放在前面;

    3、不同推送渠道的消息内容要保持一致;

    4、通过短信或者邮件推送的消息要说明信息来源平台,避免用户认为是垃圾信息,如【腾讯】【网易】等。




三、消息中心设计


消息推送给用户后,用户看完不一定会立即处理,延后处理的时要能够找到相应的消息,此时需要消息中心呈现所有的push消息。


消息中心受产品定位、系统框架等因素影响呈现形式会有所不同。消息中心的入口主要有顶部图标(悬浮通知)、左侧tab等形式。

    1、顶部图标:适用于消息数量较少,或者消息不是产品核心业务场景的情况。一般会在顶部导航右边,或者左侧导航下方,以 badge 的形式在图标上提示新消息的数量;

    2、左侧 tab:适用于消息以用户间通讯为核心场景的情况。可根据消息类型进行分类,以 badge 的形式提示未读消息或未处理消息的数量。


undefined


消息列表按时间维度排序,可以对信息进行分类展示,如全部,未读、稍后处理的tab分类形式展示,消息类型比较多的情况下通过选择消息类型快速找到相应消息。


undefined



四、总结


消息推送并不是简单的把需要提醒用户注意的事项全部推送出去,合理的推送策略才能到达推送目的。

消息推送前的思考:

    1、应该推送什么消息,推送给谁?

    2、什么时间适合推送,为什么要推送这条消息?

    3、怎么推送?

    4、推送的这条消息是否能引起用户兴趣?

    4、用户查阅了这条消息知道要干什么吗?


思考完以上问题基本上能确定一份消息清单 ,要保证推送效果还要注意以下推送的要点:

    1、权衡消息推送数量,只推送必需的消息;

    2、选择合适的推送时间、推送频率,避免对用户产生打扰;

    3、消息文案简明易懂;

    4、多渠道推送保持消息文案一致,不要重复推送;

    5、需要用户采取措施的消息提醒,在用户解决问题之前,要持续提醒;

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

文章来源:站酷  作者:仲夏M

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

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

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

关于B端与C端产品差异与思考

ui设计分享达人


前言


对于设计师来说,在日常的互联网设计工作中面对的主要是两类产品设计类型,一类是C端(Consumer)指的是消费者、个人用户;顾名思义就是面向个人用户提供服务的产品,是直接服务于用户的。另一类是B端(Business)指的是企业或商家;顾名思义就是面向商家、企业级、业务部门提供的服务产品,是间接服务于用户的。现在互联网进入下半场,C端产品逐渐靠近天花板,红利逐渐消退,大部分的企业开始转向B端。

对于设计师来说我们也要对自己有一个清晰的定位和转换,如何才能在业务的转换下,跟上企业的步伐,做好角色的转变和切入。


当然,从C端快速切换到B端设计或者从B端快速切换到C端都不是一件容易的事情,因为B端和C端存在比较大的一些差异。其商业属性,目标用户,使用场景,设计表达,产品诉求,用户体验,设备载体等都是不同的。B端现对于C端的业务而言更为复杂,那么这次就聊一聊B端设计师从哪些方面发掘自身设计价值,更好的为产品服务,提升产品价值。


B端产品是什么


在我们开始接触B端产品时,先要对B端产品有一个基本的概念,什么是B端产品?

常见的有OA系统,ERP,CRM,SAAS等(这里就不一一赘述,大家可以自行百度查看一下基本概念)

B端产品是帮助企业或者部门协同办公,解决一条业务链问题,将线下操作通过系统化,流程化转移到线上,提高办公效率,节约成本,高效完成任务从而提高企业的效率,减低内部不必要的消耗。

B端产品行业与行业之间的跨越度很大,因为不同的业务属性所要的产品诉求是不同的。但我们作为一个设计师,可能会遇到各种复杂的业务场景,复杂枯燥的行业术语也可能都不精通,就算学习了也不一定能非常懂,而且行业属性较重,我们大概率不是用户,业务场景还原成本高,甚至没有条件还原。所以在做设计的时候还是会懵。往往我们需要深入用户调研,尽可能地接近真实业务场景,与用户共同创造,基于业务底层逻辑提炼出强整合性、高兼容性、高拓展性的系统规范。B端的产品设计也是一个不小的挑战,那我们如何打破这个挑战更快速的接触,适应B端设计呢?


困难会有,办法也会有的


B 端产品相对而言,场景、功能、业务流程、信息架构要比 C 端更复杂,面对的异常情况也比较多,所以 B 端在设计风格上尽量做到简洁。B 端产品实用性大于美观性,在每一个功能的设计都需要你去思考很多方面:用户易用、信息层级、未来扩展,你都要做出取舍,而对于每个模块都需要你思考、结合用户场景。

面对B端产品我们应该如何分析和处理呢?

1.了解业务和产品

B 端的业务逻辑复杂,子业务多样化,产品的规则,流程,诉求可能随时就会调整,设计师应当基于B端的产品业务特性,市场与用户的需求,在看似杂乱无章的业务中寻找共性,梳理模块进行合理的整理和设计

在做B端业务前,我们要对我们即将要处理的业务有一个基本的理解和认知,不同的部门员工因为职业属性,使用产品的诉求也是不同的,所以相对应的设计方案流程也是不同的,这就需要我们充分理解业务流程,有针对性的梳理

例如:我们要做一个考勤系统,我们需要清楚公司的考勤制度,事假/病假/年假/调休等如何处理,如何提交,如何审批,月底汇算,季度汇算等问题,前期了解的流程越多越清晰,就可以帮助我们规避很多不必要的问题。

要将功能流程归类梳理整合,把杂乱的功能整理清楚,提高用户效能。


2.提高效率

用户的时间就是金钱,这对于 B 端商家角色中尤为重要,大量订单的处理、表格化的导入和导出、批量管理和网站运营等方面,对于效率有着极高的要求,商家通过可视化界面来完成某项任务。

在这其中,影响最大的莫过于交互方式了,相信各位一定用过各大银行的网站,页面的导航关联性弱、结构不合理、提示不明确、交互流程过长,甚至有的网站光是登录,就得大费周章。

如何提高效率,我认为主要从以下几个方面着手:

  1. 提高易用性

如果你的产品,让人看一眼就能上手,那么说明是非常友好的设计。易用性不一定意味着简单和低智,依据复杂守恒定理(泰勒斯定理),每个应用程序都有自己内在的、无法简化的复杂度。

所以,提高易用性意味着要设计合理的交互,易用性分为对新手(小白用户)友好和对老用户(专家用户)友好,包括数量最大的中间用户。

如果你的界面是仅仅对于新手友好,那么可能完成的任务都是简单而轻松的。但是对于老用户,他需要更复杂的功能来处理大量庞杂的任务;因此在设计的时候,既要提供傻瓜式的操作方式,也要对专家用户提供提高效率的工具。


  1. 智能化

此处的智能化既包括通过大数据或者人工智能自动将操作步骤变得简洁高效,也包括诸如一些字段输入、自动定位、图片识别、OCR 等方式来使用户的效率得以提升的功能

以前的用户要抠图可能会在 ps 中操作好几个步骤才能完成,但是随着机器学习技术的发展,ps 已经可以更加智能的抠图。当然,还包括其他功能的智能化。

在 B 端 SaaS 领域,智能化也是一个重要的趋势,针对不同的商家所面临的不同的行业领域,我们或许可以提供更加全面且友好的服务。


3.提高通用性

提高系统内的一致性减少用户认知成本。在同一平台内的页面,样式和交互上要尽量保持一致性,不要有的地方是总金额,有的地方是总价格,这会让用户犯迷糊。提高通用性,也意味着你需要关注并熟悉系统内不同功能之间的关联性,尽量做到统一处理


提高B端品质的设计方法


B端产品多在工作中需要长时间沉浸式使用,为帮助用户集中注意力、高效完成任务,设计风格多为冷静、克制、干净、简洁,相较于视觉,更多的是注重如何让用户理解产品逻辑。如何通过设计的处理更好的提升产品的效率,留住用户,让用户有更流程的产品体验。


1.内容丰富网站,提高搜索能力

在我们进入一个产品内容比较多的网站下,如何才可以让用户快速在网站中匹配到自己需求,解决自己的问题呢?最快速,便捷的处理方式就是搜索框输入关键字,通过用户的关键词在系统中为用户提供最匹配,最合适的内容,缩短用户寻找产品的时间,提升用户的使用效率,让用户有更流畅的体验。


设计要点:

提高搜索框在网站中的曝光率

提升模糊搜索的正确率

尽量不要出现搜索结果为空


2.提示信息保持简短直白

文案提醒要简练,让用户扫一眼就知道要表达什么意思,不要让用户停下时间去思考,琢磨文字提示的信息,减少干扰信息,比如在处理input时加入默认提示,让表单更清晰,表意更明确;有字数限制时,要明确可输入字数和已输入字数,这样让用户有一个预期,不会出现输着输着没法输入新的内容。


设计要点:

文字简短,清晰,通俗易懂

文案风格统一

3.及时纠正用户错误,不要仅靠色彩提示

用户使用产品时,用户与产品之间形成一种“沟通”,良好的反馈机制能够大大提升这种“沟通”体验。用户的每一步操作都应当得到相应的反馈,尤其是在错误时要及时纠正,以便用户更准确的操作下一步。但是这种操作不应该只是错误色彩提示。比如当我们在输入表单时,输入错误系统并没有给我们任何提示,只是将输入框变为错误操作的颜色,这样会让用户无法流畅完成操作内容。


设计要点:

及时纠正用户错误,减少用户焦虑

将用户的错误操作清晰明了的表述出来


4.空页面状态给用户提示操作

空状态作用和文章中“承上启下”的文字作用是一样的,空页面可以帮助我们理解上下文,让用户知道即将要发生什么,才会觉得舒服。最好的方式就是“展示和引导”:通过清晰的文字告知用户发生了什么,并且通过按钮/快速链接有效的引导用户行为,避免用户陷入死胡同,不知如何操作下一步。


设计要点:

空界面可以增加一些趣味性,个性化或者打造品牌感(IP形象/品牌logo衍生)

空界面状态保持简洁,直观易懂

引导用户操作


5.使用用户熟悉的icon便于识别

当icon被用于设计时,最好使用用户熟悉和容易识别的icon,以使用户能够迅速地了解其用途。如果icon无法传达正确的意思,就会变成视觉噪音,让使用者迷惑,成为使用者的认知障碍。


设计要点:

icon要易识别,正确传达表示含义

同一层级的icon,要统一标准,设计一致


6.内容真实性

B端的设计往往会有很多种情况,我们在做名称/数据的设计时尽量模拟真实的上线数据,如果涉及敏感数据可以自己改一下,但是尽量要采用字段长度,这样可以在设计中无限接近上线后的产品,减少后期因为数据展示出现的UI调整。


设计要点:

在设计阶段无限接近真实上线环境

将上线后可能出现的展示样式都要制作出来,避免后期的返工


7.确保最重要的功能优先靠前

确定功能操作的优先级,将一些用户关心的数据统计/报表展示一级页面,使用频率高的功能优先靠前展现出来,轻量级操作的信息入口尽量收起,不要展示给用户,以免造成不必要的困扰,增加用户学习成本。


设计要点:

确定功能优先级

高频次入口优先展示,低频次折叠隐藏


8.告诉用户某个操作可能会带来什么结果

B端产品逻辑严密和专业性较高,用户在使用时经常不可避免的操作失误,尤其是涉及到删除数据或者金额方面的操作,我们需要格外的谨慎处理。在用户犯错时,我们要及时的提示用户,这样的操作会带来什么样的后果,提示的文案要注意语气,不要将责任全部推在用户身上,礼貌对待用户。


设计要点:

要及时反馈用户后果,避免因为不当操作造成伤害

页面删除尽量给二次确定,避免用户误点,做个人保护

尽量有垃圾箱回收,方便用户后悔


9.提升加载过程中体验

避免加载中用户等待焦虑,我们可以使用分布式的加载方式预先加载页面框架然后加载内容,在内容未出现前通过占位符的方式展示,优先加载占用网络资源较少的元素,减少用户的等待心理,占位符的方式可以让用户提前了解到页面整体的展示样式效果,给用户加载好的错觉。

在加载过程中我们可以通过这几个视觉表达方式来加载,通过显示品牌元素加载;色块加载;界面布局;灰色图显示等。


设计要点:

避免空白页加载等待,增加用户焦虑

选择最符合产品调性的加载


10.可读性优化,简化界面

我们要做到减轻界面视觉呈现,但这并不是意味着减少页面功能。我们要帮助用户简化认知负担,增加界面可读性降低用户阅读浏览复杂的大块内容时的心理压力和抵触感。将一些复杂的表单内容通过数据可视化的方式让用户更快,更便捷的查看数据,从而对业务有更直观的理解。


设计要点:

数据可视化是一个不错的选择

避免不必要的元素信息

保证可读性

11.进度条增加清晰信息引导

一个优秀的进度条可以让用户减少很多的焦虑,并且让过程和结果步骤清晰可见,进度条的目的在于通过向用户反馈当前响应进度来让用户在等待中放松下来,在用户等待程序处理事情时,不应该把用户仍在一旁傻傻的猜想程序什么时候结束,这个步骤还有多长时间。正是这样的情景下,进度条刚好可以构建用户与系统之间沟通的桥梁。面对长时间的几十秒的操作的进度条不应该只是一个进度模糊显示,更好的处理是应该加入进步完成的百分比,清晰明了告诉用户系统完成了多少工作量还剩多少。


设计要点:

进度条可以打消用户对程序等待响应的疑惑

针对响应时间稍长的进度加入显示百分比


12.设计验收

开发完成后设计师要开始设计走查,因为开发不可能百分之一百的还原设计图,所以最后的设计把控是非常重要的,即使是开发按照设计图还原界面但是可能代码实现后还是有些问题,或者是不同尺寸的屏幕适配,或者是加入真实数据后一些展示问题,又或者是页面的跳转/返回以及一些弹窗提示等都需要最后的走查确定;不仅仅是视觉页面验收,交互方面还要考虑去验证思考最符合用户操作体验的流程。

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

文章来源:站酷   作者:许小鹏

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

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

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

10个让用户一眼就爱上的设计心理学知识

ui设计分享达人

一个优秀的设计不仅要解决正确的问题,同时也是给用户创造积极的情感。在过去,实体产品可以通过人类的五感来创造情感体验,但对于如今的数字化产品来说,这似乎很难达到,因为只是在屏幕上进行枯燥的交互来获取服务。


所以,数字化产品设计师们需要更深入的理解每种类型的情感,以及创造它们的心理学原则。


根据唐.诺曼(Don Norman)的研究,人们对一个物体产生情感有三个层次:本能、行为和反思。


undefined

  • 本能层: “用户想要的感觉是什么”

  • 行为层: “用户想要做什么”

  • 反思层: “用户想成为什么样的人”


在第一层,用户将通过视觉和与产品的交互设计中产生情绪。因此,这是UI设计师擅长发挥的地方。除了美学和基本的平面设计原则外,下面是我在工作中经常应用到设计中的心理学原则。


格式塔原理


相似律

人类的眼睛倾向于将相似的元素连接成一个组,而大脑会认为这些元素都有相同的目的。 


undefined


因此,在设计具有相同功能和内容的界面元素时,就应该要保持一致性。(彩云注:这也是为什么要保持一致性的理论解释)


应用场景: 导航、控件、卡片、banner、内容、分页


连续律

人眼会将连续的元素视为一组。这一定律与对称性和相似性非常相关,通过在一个序列上设计相似和重复的元素,我们可以将用户的视线引导到我们想要的方向,它能使得阅读信息更加连贯和清晰。

 

undefined


一点点的切割是在暗示用户,这里还有更多的内容等待你去查看。


应用场景: 菜单、列表、排序、轮播、服务进度


封闭律

当看到一幅不完整的图像时,大脑会依赖之前的经验进行填充。 


undefined


这是图形和logo设计中常用的规则,但是在产品设计中,我们也经常把它用在图标和Loading设计中。


应用: 图标、loading、数据可视化


相近律

这是UI设计中的一个基本规则,因为人眼会将任何相邻元素视为一个组。 


undefined


在设计的时候,我非常注重使用间距来将元素组合在一起。我通常使用大空间来分隔大内容组,然后使用小空间来分隔大内容组中的小内容组。


应用场景: 导航、控件、卡片、banner、内容、分页


对称律

我们的大脑喜欢看到对称和平衡的东西。它是所有设计领域中使用最频繁、最安全的法则。它帮助我们创造一种稳定和秩序的感觉。 


undefined


当设计需要简单和谐可视化的产品时,我经常使用对称律。当用户需要关注重要的事情时,它也能让他们感到更舒服。缺点是,如果过度使用,产品会变得乏味和单调。通常,我用标题或CTA按钮来更好地强调和号召行动,打破画面的单调格局。(彩云注:CTA是call to action的缩写,中文通常翻译为行为号召。可以理解为引导用户点击的行为都算是行为号召)


应用场景:控件,banner,强调内容,产品显示,清单,导航。


背景分割

这个定律是关于人眼倾向于注意脱离背景或组合的事物。 


undefined


我使用这个规则引导用户的眼睛看到重要信息。它通常是一个卡片设计与一个轻投影在背景之上的层。此外,构建整体也是应用这一规则的一种方式。


应用场景:卡片、内容、列表、服务、摘要


共同命运法则

在同一方向上移动的元素被认为比固定的元素或在另一个方向上移动的元素更相关。这个规则应用帮助我们建立组和状态之间的关系。 


undefined


在制作动画时,我经常更明确地使用这个规则。然而,我们仍然可以适用于许多不同的因素。


应用场景:导航/下拉菜单,折叠,手风琴,工具提示,产品滑块,视差滚动和指示器。


2. 焦点原则


当我们看东西时,我们的眼睛倾向于首先关注最突出的元素。理解这种行为将帮助我们在设计中创建一个“锚点”,从而推动用户查看我们的场景之后的内容。


undefined

应用场景:内容、落地页、价格、产品页、banner 


3. 雷斯多夫效应


(彩云注:维基百科解释为指个人对学习材料或所见所闻的资讯,容易记住最特殊的部分的现象。例如:有一些参考书将重要的资料,以不同颜色或特殊的字体标示出来,就是利用雷斯多夫效应来加深读者的印象。)


这也被称为隔离效应,它表明人们倾向于注意并记住与其他部分不同的部分。这条规则很容易与焦点定律混淆。不同的是,应用此规则的元素通常是独立的,没有为用户导航更多信息的额外功能。 


undefined

应用场景:定价表、促销banner、不同会员介绍 


4. 本能反应


基于现实世界打造的视觉体验。比如,当我们看一个视频,每个高潮笑话时都有旁白跟着一起笑时,我们会更容易发笑(彩云注:想想《快乐大本营》)。用户会喜欢我们的设计,如果它让他们感觉良好和舒适。


(彩云注:这个理论的意思是说尽可能让用户产生沉浸感,把产品用到真实的环境上,比如大家平时使用的手机样机,把设计的界面放到这些样机中就能够给人直观的感受到应用后的效果,也是这个理论的运用)。 


undefined

应用场景:产品配图、插图、摄影 


5. 色彩心理学


有很多研究表明颜色对我们的潜意识有特别的影响。对颜色的看法也因性别、宗教和文化而异。这张彩色心理学海报就足够了(彩云注:感兴趣的可以自行翻译研究下)。


undefined


此外,我们不要忘记从早期到现在一直在广泛使用的颜色,这些颜色的使用更符合用户习惯:

红色:错误

绿色:成功

蓝色:进行中

黄色:警告


6. 形状心理学


undefined


就像颜色一样,人类的潜意识对不同的形状也有不同的反应。例如:

圆形、椭圆形:传递积极的信息,通常与社区或关系有关。

方形和三角形:带有强烈的信息,通常与力量和稳定联系在一起。

竖线:代表强度、力量或攻击性。

横线:表示平静、相等、安静。


7. 双码理论


这一理论解释了人类需要视觉和语言信息来尽可能快地处理信息。此外,人类是视觉动物,我们的大脑处理图像的速度是处理文本的6万倍。为了最大化设计的有效性,我们不应该去掉解释性的文字。


(彩云注:根据这个理论,在做作品集时,就应该尽可能的多用视觉化语言,文字作为辅助,对于视觉设计师来说,能用图表达的就尽量减少文字的比重。) 


undefined


 一个很明显的例子就是导航栏。大多数新的应用或具有复杂功能的应用都同时设计了图标和文字标签。 


undefined



8. 并行设计


人类的眼睛倾向于看到平行因素比其他因素更相关。我经常使用这一原则对同一屏幕内的两组不同内容进行分类。最容易看到的例子可能是Facebook messenger界面,当帖子并排排列时,消息是平行的。 


undefined


9. 共同区域


这一原则类似于格式塔原则中的相似定律,但它并不是完全相似。共同区域原则是通过我们使用分隔线、形状或颜色的方式创建的。 


undefined


如果一个界面需要用户滚动更多来查看内容,我们应该有一些方法来更清楚地划分它,而不仅仅是使用间距。


应用场景:列表清单、信息流

 

10.扫描图形


根据NNGroup UXPin等组织或团体的各种研究,两种最常用的扫描模式是“F”和“Z”。

  • F的使用最为广泛,尤其是对于内容量大的网站。

  • Z用于不太注重文本的网站,通常强调在最后的号召行动。

一旦我们理解了如何使用这些模式,我们就可以选择布局并有效地安排元素来实现我们的设计目标。 


总结


第一印象是最令人难忘的,积极的体验可以在用户和产品之间创造持久的关系。如果能让用户在一开始就喜欢上我们的设计,就能为我们的产品创造了一个很好的优势。

文章来源:站酷   作者:彩云Sky

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

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

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

日历

链接

个人资料

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

存档