首页

五个案例教会你怎么做卡通 LOGO (一)

seo达人


 

图片

图片

 

事情的来源是今早 9 点零三分,我还在梦里吃着澳龙,突然微信的震动把我震醒了。我一拿手机,原来是我的恩师胡晓波给我发来一条消息,让我试着能不能写一篇关于卡通 LOGO 的教程。当然我是一个很乐于分享的好人,所以有了今天的这篇分享。

 

图片

 

准备好了吗?我要进去……哦不,我要开始了!

 

图片
图片 
做好一个卡通 LOGO,有几个关键的点需要注意。如果这几点做不好,那么你做出来的卡通 LOGO 总觉得带着一股乡村气息,总做不出那味儿。下面拿这个案例演示的时候,我会一一提到。

首先先去网上找一些关于青蛙的素材,当然,你可以找照片,也可以找一些青蛙的卡通形象参考。然后在网上我看到了这张图,觉得非常有意思。虎躯一震,决定把这个拿来当动作参考。

 

图片  
重点 1:

在做卡通logo的时候,找照片素材最好是找姿态、动作比较有故事性、有意思、有特点的,这样出来的形象也比较生动。

接着,把这张照片垫底,试着草图一下它,把它的轮廓先用 AI 钢笔工具勾出来,这样就得到了一个初始的外轮廓。

图片

再处理下这个外轮廓,得到这个初始的轮廓后,感觉这个形象完全可行,那么我们现在需要把它的线条变的更顺滑,整体的形象显得更可爱(既然是卡通,可爱一点会更好看)。

 

重点 2:

怎么能让一个形象变得 Q 萌可爱?长时间的研究卡通,我得出这么一个结论:形象偏矮胖、敦厚、圆润,就比较能突出可爱的特征,把你勾勒的初始轮廓适当压扁,让它变矮胖。

经过线条的优化(使其圆滑),外轮廓的压扁处理以后,就得到了最后的这个结果。

图片

整体形象确定以后,再给青蛙画五官,这里,我们再去网上找一些青蛙的卡通形象的处理方式(或者不局限于找青蛙也可以找一些与青蛙形象相近的动物,例如蜥蜴等等)。

图片

 

 

重点 3:

卡通的五官,处理方式其实很简单,尽量用几何图形去作为脸部的五官特征。

在这个案例上,因为主体是青蛙,所以不能单纯用一个小圆点去作为青蛙的眼睛,我们可以看到青蛙眼睛的特征,是有一个较大的眼白与较小点的眼珠。所以这边的处理方式,就是一个白色的大圆+黑色小圆。

图片

单单这个形象还是不太够,虽然这个坐姿已经比较生动了,我们可以根据这个形象展开联想,让它更充满故事性和趣味性,这里观察青蛙的姿势,这个屁股的角度,可以让它坐在跟大自然有关的物体上,加上这个双手护胸的动作,让它叼一根树枝,更能体现悠闲的气质。

图片

 

重点 4:

卡通吉祥物的标志,利用本身的的姿态动作,适当展开联想,加一些小物件可以让它更生动,更有趣。

接下来就是上色跟补充一些细节了。如果配色较差,可以去网上找一些配色的参考。这里我找到一个卡通的配色,刚好也是绿色为主,适合青蛙,且背景也可以参考它做一个叠底。

图片

最后,选个自己觉得较为合适的字体,如果会做字体的话最好是自己做个字儿,再做个排版,就OK 啦~

图片  
 
 

重点 5:

卡通 LOGO 的排版,不要太复杂,因为卡通标志本身的图形具象,排版简单更好看,用字的字体气质要符合图形。

图片
图片

前面的案例,想必大家都已经 get 到了步骤,还我还是要再演示一下这个案例,嘻嘻。

还是一样的,这张照片是我偶然看到的,觉得非常有感觉就保存到手机了。在做这个 LOGO 前突然想到有这么一张图,立马开始操作。

图片

其实大家在日常生活中看到比较有意思的图片,都可以保存下来,说不定哪天它就能变成一个好看的 LOGO 是不是呢?

 

好了不说废话,开始勾轮廓!

图片

这张图的松鼠,看起来还是比较饱满的,所以在后期调整优化曲线的时候会比较轻松,但是这个图的外轮廓,相比第一个案例的青蛙,是比较复杂的,这里需要耐心一些。

这里绘制的外轮廓,线条都不是合并的,但是我们发现,这个 LOGO 是需要做一些高光跟阴影的,所以这里先给大家普及一个基础知识。

图片

三种描边模式,我们选择第三种——使描边外侧对齐,因为我在给图形做剪切阴影或者是高光时,不可能 100% 沿着轮廓去勾勒,这样太累了,所以一般会超出外轮廓一些,再去做剪切,这样能省不少时间。

图片  

重点 6:

卡通 LOGO 的绘制,基本都是用到外轮廓,这样好做高光跟阴影的剪切。

回到主题,我们接着画这个松鼠。

图片

刚刚我们已经把草图大概勾勒出来了,现在把这个草图垫底,让它形成一个合并的状态(注意先观察草图找好锚点的起点,否则很难让整个轮廓连起来),并且过程中、优化线条曲线(这一步还是有点难度的,钢笔工具不太熟的同学需要多练习)。

勾勒完成后的线条是图 1 这样的,不少同学会有疑问,为什么有些地方会呈现双线的状态?别急,把它换成外描边模式你就明白了。

图片

因为外描边模式,当有两条相近的线条时,是有可能重叠的,这样就能形成一些细节线条。

图片

接着,我们继续调整有些不完美的地方,比如重叠到的地方线条粗细不统一等等,调整完后我们看下效果。

图片

 

到了这步以后,其实最难的点已经被你拿捏了,剩下的就是补一些细节。另外,松鼠的尾巴,这边是没有按照图片的线条去处理的,因为现在这个图形是往下走的趋势,如果尾巴还是往下垂,那整个图形的重心就不平衡了。

图片

这边尾巴的处理也可以网上找一些参考,因为上面说的平衡问题,所以我把松鼠尾巴处理成往上走的趋势。

大体造型已经完成,现在剩下的就是填补五官、填充颜色,加高光阴影。

图片 
 

重点 7:

阴影跟高光这部分,其实不需要过于严谨。没有美术功底的同学也不用发愁,在一些有交错,遮挡的部位加阴影,在头顶或者身体外边缘加高光,基本是没有什么大问题的。

 

这样图形就完成了,最后加上排版就完成了。

图片  
 
 
 
图片
图片

第三个案例跟前两个其实很相似,都是我在网上看到比较有意思的照片,下载下来做成卡通标志。废话不多说,上图了。

图片

其实我个人很喜欢做猴,当然大部分原因是因为我爱人叫……猴子,图片emmm好像离题了,收!

因为猴子本身是一种带着调皮、聪明、智慧性质的动物,做猴 LOGO 其实可以让它赋予多种性格。

图片

如上两个案例的方法,先大概绘制一下猴子的外轮廓,看一下图形大概的感觉(这里还是与第一个案例说的,图形整体看起来比较瘦高,可爱气质会偏弱,我们可以尝试压扁)。压扁后我觉得是我想要的一个高度,但是压扁后头部也会变形,那么接下去只要我们把这个压扁后的猴子轮廓复制一个,再使用第一版绘制的头部就 OK 了(这里不做具体演示)。

 

 

重点 8:

卡通类型的 LOGO,一般身体都会比较短,头比较大,圆,这样可爱的气质才会突显。

经过一番调整操作后得到这样一个轮廓,但是现在这猴子是没有尾巴的,所以我们要给它添加一根又粗又长……的尾巴。

图片

这样得到了一个最终的轮廓形态。接下来就是给它画上脸,五官,还有增加一些高光细节了。

这里看你想给猴子定义什么样的表情气质。原照片的这猴子,表情略带无辜,我觉得还蛮不错的。那么我们尝试一下画上表情,注意简化。

图片

委屈、无辜的表情,如果你不知道怎么画才能表现出来,可以对着镜子装个委屈的表情看下,或者度娘一下委屈、无辜的照片。一般委屈无辜,眼睛的形状都是呈现一个眼角往下的状态。

图片

加完五官以后,现在整个猴子的大致形象已经出来了,那现在这个姿势,需要加点什么才能让它变完整。原照片上,是两根分叉的树干,其实照着画也没什么不妥,那我们就给它画上树干,再上个色。

图片

画完树干,上完色后,整个图形是不稳的。原因是分叉的树干其实是个 V 字形,所以我们为了让它稳住,在底部加一个类似阴影的形状去压住它就完全 OK了。

图片

本以为到这,就完成了。端详许久,总觉得还差点啥,感觉这猴儿还不够灵性。这时候我突然想到我前几天买的毛线帽,然后想着,天冷了,给猴儿个帽子吧……

图片

画完后,又看了许久,不禁发出感叹,我 TMD 真是个天才……最后老规矩,加排版,完事儿!

图片  
 
 
 
图片
图片 

前面的都是根据一些照片去做的吉祥物卡通标志,其实创造性不属于特别高,我个人其实更喜欢是这类 MIX 标志,把两种不相关的物体结合起来,但却不违和,反而更显趣味创造性。

这个案例的灵感来源是我在 BE 上看到一个我很喜欢的设计师做的一个标志(下图) ,把老鼠与胡萝卜结合,非常有意思。

图片

做这个 LOGO 之前,我就一直想做个胡萝卜的创意性标志(出于对波哥的爱图片),这类型的卡通 LOGO,有时候就是灵感一瞬间迸发的事儿。但是没灵感的时候,我都会去网上瞎看,有时候看着看着,就能想到做啥了。偶然间看到几张坦克的照片,灵鸡一动,把胡萝卜跟坦克结合,因为刚好坦克的炮管,可以用胡萝卜代替(想到这里,我露出了姨母笑)。

那么胡萝卜跟坦克的造型怎么画呢?首先还是打开你的网页,可以先搜一下胡萝卜的造型,再搜坦克的图片(这里找到的坦克图片,已经是手绘图了,所以我们要把它概括简化一下)。

图片

我先不用管胡萝卜的部分,因为胡萝卜的角度是要根据坦克轮子的角度来做,所以我们先把坦克的部分绘制一下。仔细观察坦克底座的构造,拆解绘制。

图片

到这里大家可能会有点困惑,这样的图片我要怎么下手?不要急,其实不难。上面我们已经把坦克底座的部分拆解,现在只需要绘制一排车轮跟轮子上面的铁盖。这里需要注意的是,因为坦克的特征十分明显,就是一根长长的炮管与底部的一排轮子,所以只要把这两个特征能抓出来,基本不难看出是坦克了。

图片

 

 

重点 9:

当你要把一个实物/动物图片转化成卡通风格时,要仔细观察它原来的线条,使其更几何化,去繁从简。

 

坦克部分处理完就可以搞这个胡萝卜了,这里就不用做太多演示了,胡萝卜这么好画!注意跟坦克合上的角度就 OK 了!

图片

这个角度先画个草图,放上去试试合不合适。

图片

 

可以!

再观察下胡萝卜的细节,因为它要充当炮管,所以我们不加上面的叶子,但是这样会不会看不出是胡萝卜?那我们可以观察下胡萝卜身体部分有什么细节,再加上胡萝卜的橙红色,说看不出我不信!

特征:胡萝卜身上的划痕

图片

别急,现在看不出胡萝卜不要紧,上色以后一切都会好的~

好了,可以合体了!注意各个组件的图层关系。

图片

上色!排版!完事儿!

图片  
 
 
图片图片

这个案例跟上个案例其实非常相似,都是 MIX 系列的卡通 LOGO 这个 LOGO ,这个 LOGO 灵感来源于我偶然在网上看到了这张图片,以猕猴桃代替了鹦鹉的翅膀,配色也完全不违和,是非常优秀的作品了。

图片

萌生了想长做一个类似的 LOGO,当然我们不能再用猕猴桃的元素了。想想,其实很多水果可以做这样的「代替品」。但是这里需要注意的是,什么样的水果切开,还非常具有特征,让人一眼就能辨识出来。最后我选了西瓜,西瓜可以有半圆,也可以有三角形,这样的话,鸟的翅膀形态发挥空间就很大了。切开后的西瓜籽加上红色的瓜瓤十分具有辨识度。

图片

当然我们先要做的是「鸟」这个主体的造型。这边还是先去网上找一下鸟的图片,最终,我选用这张图片来作为这个 LOGO 的主体(因为它本身图片就有可爱的气质,更方便我们后面创作)。

图片

这里我只提取了这只鸟的身体跟嘴的部分,翅膀我们要用西瓜代替的,所以暂时先不去绘制。确定好身体部分以后,我们再尝试先画切开的一半的西瓜。这里也不难,网上搜一下西瓜,很多素材可以参考着画。

图片

画好的西瓜,我们再尝试旋转角度,跟鸟的身体部分合体一下。

图片

看起来真可以啊!

 

现在的造型看起来是不是还不戳!是吧~但是还没完!一般展翅的鸟儿,爪子是什么状态?别慌,继续度娘!

图片

可以看到,展翅后的鸟儿,爪子都是往前伸。我们秉着卡通能简化就简化的原则,把爪子处理成线的形式即可。加以上色,「西瓜鸟」就出来了。

图片

图形这样已经是完成了,现在就剩下排版。当我加上文字以后,发现这个 LOGO 越看越显得空,那咋办?加个背景色块其实就解决了(这里的背景色块,也是根据鸟的身体走势做的椭圆)!

图片  
 
 

重点 10:

当你的卡通 LOGO 做完后发现整体看起来不饱满,尝试加个背景色块,屡试不爽。

图片   
 
 

总结Tips:

  • 在做卡通 LOGO 的时候,找照片素材最好是找姿态,动作比较有故事性,有意思,有特点的,这样出来的形象也比较生动。
  • 怎么能让一个形象变得 Q 萌可爱?形象偏矮胖、敦厚、圆润,就比较能突出可爱的特征,把你勾勒的初始轮廓适当压扁,让它变矮胖。
  • 卡通的五官,处理方式其实很简单,尽量用几何图形去作为脸部的五官特征。
  • 卡通吉祥物的标志,利用本身的的姿态动作,适当展开联想,加一些小物件可以让它更生动,更有趣。
  • 卡通 LOGO 的排版,不要太复杂,因为卡通标志本身的图形具象,排版简单更好看,用字的字体气质要符合图形。
  • 卡通 LOGO 的绘制,基本都是用到外轮廓,这样好做高光跟阴影的剪切。
  • 阴影跟高光这部分,其实不需要过于严谨,在一些有交错,遮挡的部位加阴影,在头顶或者身体外边缘加高光,基本是没有什么大问题的。
  • 卡通类型的 LOGO,一般身体都会比较短,头比较大,圆,这样可爱的气质才会突显。
  • 当你要把一个实物/动物图片转化成卡通风格时,要仔细观察它原来的线条,使其更几何化,去繁从简。
  • 当你的卡通 LOGO 做完后发现整体看起来不饱满,尝试加个背景色块,屡试不爽。

 

初试卡通,或许效果没有很好,但是都是能靠多看,多练,练会的。喜欢它,你就能静下心去做它,练它,兴趣是最好的老师。所以如果你也喜欢卡通类型的 LOGO,让我们干起来吧!

 

原文地址:胡晓波工作室(公众号)

作者:小章鱼

转载请注明:学UI网》五个案例教会你怎么做卡通 LOGO (一)

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

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

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

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


3种状态+5种模式,从UX角度分析加载设计

seo达人


三种加载状态

页面加载进程会受多方面的影响,例如页面里图片、图标的数量,页面中是否有三维场景或模型,是列表式设计还是卡片式设计…

 

逐一加载

对于可以同时进行多个加载任务的产品,更适合应用逐一加载的形式,这样做能减少用户对于等待的感知程度。任务列表逐一加载的过程会给用户带来一种秩序感。

图片

 

完全加载

进入一个网站或App,很多页面都会一下就显示出来所有内容,这种页面完全加载的形式对用户来说更熟悉。

同样,页面完全加载的形式会让用户的操作和浏览过程更流畅。

图片

 

延迟加载

延迟加载是用户主动触发的操作,根据操作系统反馈对应的结果。延迟加载包括三种形式:

  • 无限滚动当检测到用户快要到达列表或页面的末尾的时候,通过无限滚动来作为触发器,引导用户获取更多内容。

  • 加载更多:通过点击“加载更多”按钮来获取更多内容,这个过程由用户主导决定,是否选择点击。

图片

  • 分页加载:分页是在不同页面上进行的延迟加载。这个过程也是由用户主动选择,但和“加载更多”按钮不同的地方在于,分页是页面间的切换,并且用户能清楚地看到具体的页面数量。
图片

 

五种加载模式

加载模式需要依托场景去考虑。比如一个1秒就能加载的页面和一个需要5秒才能加载出来的页面,我们就需要考虑使用不同的加载模式设计,这样才能做到差异化设计

这里我做了一个表格,将页面加载需要的时间以及对应的加载模式进行了整合。

图片

 

0.1秒以内

如果加载时长低于0.1秒,用户不需要等待加载过程,内容就能即时呈现出来,有一种“还没开始就已经结束”的感觉。

0.1秒以内的加载不需要在页面中添加任何加载状态,但要一个场景需要格外注意,如果用户刚完成一系列复杂的操作,点击提交之后,考虑为用户提供撤消机制

图片

用谷歌邮箱发送邮件时,发送成功之后会弹出一个撤销提示,允许用户在5s内撤销刚才发送成功的邮件。

 

0.1-1秒间

大多数产品的页面加载速度都在这个区间,用户几乎不会注意到这种加载延迟。所以我们不需要增加额外的加载动效来填充这段加载时间,不然可能会起到画蛇添足的反面效果。

试想一下,如果在每个页面加载的过程中都加上加载动效,不仅会分散用户的注意力,并且屏幕上总出现不断跳动的内容,会让人感到很焦躁。

 

1-2秒间

如果加载时间超过1秒,用户就会感知到这个加载过程,这个时候我们就可以考虑适当添加加载动画,缓解用户等待的焦急感。

  • 微加载1-2秒的加载时间对用户来说,说长不长说短也不短,优先推荐轻量级的动画加载形式,为用户提供一种进度感。
图片

在下载内容的过程中,使用这种轻量级的环形动画来显示加载进度,简洁清晰,而且还能作为组件来复用,能够极大提升工作效率。

 

  • 骨架屏用于整页加载,这种加载形式在产品中的应用也越来越频繁。骨架屏可以让用户在等待加载的过程中,先了解页面的架构。

图片

在骨架屏基础上,可以“选装”一些好看的效果,增加页面加载时的视觉体验观感:

  • 微光效果在骨架屏基础上添加微光效果,光感的加入能将用户的注意力从等待中转移开,有效地减少等待感知。

图片

  • 脉冲效果:效果和微光效果很像,差异的地方在于脉冲效果用于单个的任务或卡片列表。

图片

 

2-10秒

这个加载时间对于用户来说已经很长了,对于设计师来说,需要对这段加载时间进行合理有效地设计,来提升用户体验。

  • 时间提示在开发中很难以分和秒为单位来精确地估计加载时间。

图片

如果在加载的过程中,想给用户一个期望的时间值,告诉用户整个加载过程需要多长时间,我们可以用“这可能需要几秒钟”这种提示方法,既能展示加载需要的时间,又能给用户一个时间预期。

  • 进度条:最常使用的加载形式,加载过程中使用缓入动画会让整个过程看起来更像在加速。

图片

  • 分步提示如果加载过程过长,可以将整个过程分为几个不同的步骤,帮助用户预估操作完成需要的时间。如果系统正在处理多个项目,分步提示的设计能让用户明确了解已完成的操作。

图片

 

10秒以上

  • 百分比加载使用百分比加载虽然不能告诉用户加载完成需要多长时间,但是能提供一种过程感,让用户自己来估计加载时间。圆形进度条+百分比是最常见的加载形式。需要注意的是,不要在加载到99%的时候让进度条卡住不动,这样会让用户感到焦急。

图片

  • 后台加载如果一项任务需要加载很长时间,我们不能让用户看着进度条干等,其他什么都做不了,这种情况我们可以考虑将任务放到后台去加载。

图片

在Google Drive中上传较大的文件时,系统会立即给出反馈,将任务窗口缩放到屏幕的右下角,我们可以通过这个小窗口检查上传进度和上传情况,而且还不耽误使用页面上的其他功能。

 

最后

把加载细分成这五种模式,可以覆盖很多使用场景,这样的对症下药既能保证用户体验,还能让产品丰富化,起到锦上添花的作用。

在对的时间和对的场景下做对的事,这句话用在什么地方都不为过,设计也是一样。

最后考虑到大家经常使用卡片式UI排版,为大家整理了90+个iOS卡片模板,源文件已经打包好,大家可后台领取。

领取方式:关注公众号,后台回复【小组件】获取源文件。

图片

慢慢来比较快,希望对你有帮助!

 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》3种状态+5种模式,从UX角度分析加载设计

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

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

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

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


2022的100种设计法!

seo达人



图片

 

01.字形再设计

通过对0和2字体的解构与再设计,衍生出了各种形式的数字图形组合,凌厉或圆润、抽象或具象,无不表现出了设计师强大的图形想象力,是很好的设计参考。

图片

图片

图片

图片

图片

图片

图片

图片
图片
图片
图片

图片图片

图片

图片

图片

图片
图片
图片
图片
图片
图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

02.插画与文字

热衷于插画设计的设计师们将文字巧妙的融合的图形元素中,这种形式更能传达设计师的想法,使其更为具象化的表现在欣赏者的面前。

图片

图片

图片

图片

图片

图片

图片

图片

图片
图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

03.3D设计

3D软件让设计师们不在拘泥于二维世界当中,更全面的视角和细腻的质感表达,让设计作品焕发出全新的力量!

图片
图片
图片
图片
图片
图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

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

作者:设计师深海

转载请注明:学UI网》2022的100种设计法!

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

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

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

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


三个小技巧,轻松提高设计转化率

seo达人


前言

影响APP转化率的因素有很多,设计也是其中重要组成部分,那设计师需要如何应对,才能助力用户转化呢?从用户角度来看,助力转化就是扫清理解障碍,提升浏览意愿与顺畅度。

想要以设计语言达成以上目的,快速传达有效信息是十分重要的一环,接下来,我们结合案例,聊聊快速传达重要信息是如何通过节省用户时间来助力转化的。

 

01.为什么要快速传达

研究表明,人类在面对非自身兴趣的事物时,注意力只能高度集中 10 分钟左右,短暂休息后再次集中注意力的时间则为7-10 分钟[1]。

图片

当用户使用服务类APP的时间超过这个阈值后,就会因为迟迟没有达到目的而产生焦躁情绪,随之而来的负面影响要么是跳出到其他APP,亦或者对软件产生厌烦感,而无论哪一种都不是我们想要看到的结果。这也就意味着,我们每次只有20分钟的时间让用户完成从筛选到下单的时间。

因此,在用户有限的时间与精力中,迅速的传达有效信息,不仅可以缩短用户从挑选到下单的流程,站在用户角度来说,因为可以快速的找到自己想要的信息,也可以让用户切实的感觉到这是“好用”的软件。

因此我们需要快速传达的理论依据就此成立:

图片

 

02.如何快速传达

那么如何快速传达有效信息呢?方法有很多,今天我们重点阐述以下三个技巧:

图片

接下来我们结合实际案例看看如何运用以上手段以达到快速传达的目的。

 · 塑造视觉焦点

什么是视觉焦点呢?就是画面中让我们能多停留几秒的视觉元素,可以是一个点,一条线,一个面,通俗来讲,就是页面中最引人注意的地方,视线上交汇集中的地方,这个位置就叫做视觉焦点,而焦点可以通过构图,色彩运用,比例等手段进行塑造。

图片

接下来我们结合十一活动的实际案例说说如何进行焦点塑造,我们需要先构建合理的视觉层次结构,好的层级能使观者快速浏览信息,位于层级顶层的信息也可以在最短的时间内让人注意到。

图片

根据人眼对画面的阅读习惯,位于顶部和正中这两个位置的信息会最先被注意到,我们应优先将重要信息放在此处,符合了阅读习惯之后,通过运用色彩对比,字号大小等差异化手段,可以将信息的层级提高。

图片

 图片

大字号更容易让人一眼看到信息,因此就算是同处高层级的信息,通过内部字号大小的对比,可以进一步细分层级,让视觉焦点更加具体

图片

饱和度与对比色的运用同样重要,我们将彩色的图片去掉颜色之后可以发现,色彩关系对画面层次的影响,通过对灰度,明暗和色相的使用,可以使焦点位信息产生视觉前推感。

视觉焦点在具体案例中的应用展示:

图片

58到家活动

小结:通过构建画面层级之后,运用字号大小和颜色对比等手段做出差异化设计,可以快速将用户注意力吸引至焦点区域,并被引导着跳过次要区域,视线按从上到下,从左到右的顺序,在各个焦点位中跳跃,从而达成我们优先传递重要信息的目的。

· 前置思考过程

我们平时在想要达成某种目的时,需要先获取大量信息,在脑内罗列整理,然后归纳出有用信息后,再进行处理。

图片

用户在使用APP时也是这样,比如想点餐时,要挑餐厅,挑口味,挑菜品,而这一系列的信息整理过程是十分繁琐又消耗耐性的,正因此,我们才经常面临:不知道吃啥啊 这样的难题。

而这个思考过程是可以通过设计语言来简化,甚至提前完成的。通过将页面中的信息分类后,将同类信息放置在不同组块中的相同位置,使用相同的颜色和格式,会帮助用户形成阅读惯性。

图片

 结合十一活动案例来看,每个组件中都会包含有几类基本信息:产品名,利益点,和下单跳转按钮,每个组件中的信息都在固定的区域展示.

图片

同时用高饱和度的红色来强调,在这样的固定排列中,用户想要取得什么样的信息时,可以第一时间去固定的位置寻找,大大提高了信息获取的效率。

前置思考在具体案例中的应用展示:

图片

小结:通过将画面中的信息整理并归类,我们可以缩短用户的信息获取与脑内整理归纳的时间,让用户将有限的时间更多的放在优惠对比与决策中去,这不但有助于提高下单率,易读的版式也更容易让用户产生“好用”的感觉。

· 米勒定律[2]

我们先来看以下两段数字

图片

是不是后一段更容易记忆,这涉及到一个叫“组块”的概念,人脑记忆一组信息的时候,这组信息内的元素数量小于7±2时最容易记忆,具体数量因人而异,老年人的记忆数量会显著降低。

因此一长串数字看起来毫无规律难以记忆,而3个数字一组分成多个组块后,则容易记忆很多,同一组块内的信息越少,越容易让用户记忆深刻。

这个定律对设计画面同样有着重要的影响,一个板块中如果包含了过多的组块,不仅会让用户对这个板块的内容难以记忆,也会因为信息过多且没有主次而大大增加筛选成本,用户将时间过多的花费在筛选上会延长下单之前的流程,也会提高下单之前的跳出率。

图片

结合我们的页面设计来看,每一区域内的组块分布都不超过5个,同时组块内的信息类别也只有图片、产品名、简要介绍与下游链接4部分组成,通过做减法,让重要信息可以迅速被提取,更容易被记忆。无论对于新老用户来说,都可以有效的降低筛选成本,新用户能更容易理解板块功能,老用户则更容易记住自己想找的功能在什么区域。

米勒定律在具体案例中的应用展示:

图片

图片

58到家电商首页展示

 小结:通过简化板块中的信息类别,能有效缩短新老用户寻找服务的时间,同时老用户也更容易记住想要的板块在什么位置,下次再使用的时候,迅速触达。

 

03.写在最后

作为设计师,兼顾商业化与用户体验是我们的必修课,好的设计不仅仅是要“好看”,更需要兼备用户与产品两方面的功能性,将视觉语言与心理学、行为学的结合运用,既可以有效的提升用户体验,提高粘性,又能缩短下单前的必要流程,提高转化率。

 

注释:

[1]出自《教书育人》2016年1期38页,【运用心理学规律提高课堂学习效率】章节 

[2]米勒(Miller,1956)的分析,人脑处理信息有一个魔法数字7(正负2)的限制,也就是说,人的大脑最多同时处理5到9个信息(chunks)。原因是短期记忆储存空间的限制,超过9个信息团,将会使得大脑出现错误的概率大大提高。


原文地址:58UXD (公众号)

作者:环铁艺术家

转载请注明:学UI网》三个小技巧,轻松提高设计转化率

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

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

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

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


潘通(Pantone)是如何靠“色”赚钱的

seo达人


色彩研究机构潘通正式公布了2022年度流行色
长春花蓝

 

[优化输出图像]

 

特别有仙气的名称和颜色,长春花蓝是一个全新创作的颜色,代表着一种自在的信心和大胆的好奇心,期望激发个人的创意与创作力,拥抱充满可能性的未来。

当很多网友在讨论这到底是蓝色还是紫色时,潘通表示它是蓝色和紫红色的混合,将前者的「恒久」与后者的「活力和兴奋」结合在一起,并展示了多种配色组合方式。

 

图片

 

[优化输出图像]

 

其实这种分不清具体色系的颜色也出现在2001年潘通为Tiffany打造的独有品牌色Tiffany蓝,同时也成就了这个品牌。

 

图片

图片

 

很多女生买Tiffany大多为了这个颜色的包装。这个品牌色在潘通色库中是找不到的,除非是Tiffany授权,否则任何印刷厂都无法印制。

图片

 

潘通就像统治了色彩世界一样,只要跟潘通合作过的品牌色都会火,比如星巴克、可口可乐、腾讯企业官方色、华为P10的手机、欧拉汽车的粉色、五菱mini的马卡龙色等等。

图片

到底潘通为什么会这么火,而潘通到底是家什么公司,我们今天就来科普下。

潘通介绍

Pantone的前身是一家印刷品公司,创始人劳伦斯·赫伯特(Lawrence Herbert)原本是在一个小的广告印刷公司做兼职。

图片

 

同时拥有生物、化学双学位的他利用自己的专业知识简化了油墨生产流程,并且帮助公司的印刷部门实现盈利。

[优化输出图像]

 

后来一想,印刷部门盈利都是靠我,不如就自己单干,于是花费9W美元把这个印刷部门也买了下来,并命名为潘通(Pantone)。

图片

但在销售自己生产的颜色时,他经常发现会与客户需求颜色信息不对称的问题,比如客户需要一个湛蓝色,而油墨厂可能无法调制出与客户需求一样的颜色,就会导致在很多色彩上认定的误差。

 

图片

 

他意识到解决办法就是建立统一的色彩系统,每一种颜色都用数字代号来表示,比如设计师与印刷厂说,我要印制一个例如007颜色,而印刷厂只要拿着色卡找到与型号相符的油墨进行配置,就可以得到目的颜色,这样会极大的降低颜色的试错率,对印刷厂也可以减少库存,缩减成本。

 

在1963年,第一代潘通(Pantone)配色系统

(简称PMS)上市

图片

图片

接下来的20年,潘通逐步建立起了一整套色彩标准体系,使原本模糊不清的颜色概念发展成一门精准的科学,减少了设计师、制造方、零售商和终端客户间的沟通成本。

 

图片

 

 

因为便捷的色彩系统使用,应用人群也越来越广,这一套配色系统为潘通赚的盆满钵满,潘通也逐渐被市场认定为色彩标准的代表,就像国际通用货币一样的主导地位。

 

图片

图片

可赫伯特的野心不仅仅是这样,潘通建议所有的色卡用户每年都购买最新版本,理由是印刷的油墨会随着时间的推移而变黄,从而失去精准度。

图片

 

呃,虽然有点道理,但一看这色卡的价钱(割韭菜还是你狠),于是“卖色卡”成了一个持续带来现金的业务。

 

图片

但是大众也不傻,心想只要买一本色卡回去就能用好多年,于是潘通利用色卡所能涉及到的平面设计、家居装潢、服装纺织、工业产品的庞大人群便渗透到大众。

[优化输出图像]

在千禧年开始发布了第一个年度代表色,将天蓝色命名为千禧蓝(Pantone 15-4020)。

图片

 

并且植入到了《穿普拉达的女王》电影中,成为了潘通里程碑的时刻,这一招是真绝,因为电影与时尚行业是最能传播到大众市场的,加上各大品牌与潘通合作的专属色大火。

图片

 

从这一刻开始,潘通成为了全球色彩趋势的老大,之后的潘通每年都会推出一个新的年度代表色,每个代表色都有单独的色卡。

图片

 

利用每年的色彩流行趋势影响着众多产业的产品开发与采购决定,包括服装、家饰纺织品和工业设计,以及产品、包装和平面设计。

图片

而作为商家想跟时尚潮流就必须使用每一年的色卡,比如今年的长春花蓝,潘通的色彩帝国已经在影响着全球的消费心理和时尚变革。

图片

 

[优化输出图像]

 

最后来看看长春花篮的色彩

不得不说这颜色确实挺好看的

 

图片

图片

图片

图片

图片

图片

图片

 

原文地址:修先森撩设计(公众号)

作者:修先森


转载请注明:学UI网》潘通(Pantone)是如何靠“色”赚钱的

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

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

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

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


发现了10个非常棒的UI动效案例

seo达人


 01.  

动效,让点赞与众不同 

动态表情为社交场景带来更活跃的体验,使得交流过程变得更加趣味性。一个动态的表情不仅活跃了氛围,也使得通过简单的一个符号代表了千言万语。

最近在使用钉钉 APP 进行聊天的过程中,发现输入框的大拇指图标在长按的时候结合了动效的变化,对话场景中出现的大拇指表情会随着长按而增大。结合动效和长按手势,为点赞的图标增加了不一样的趣味性,带给用户不一样的社交体验。

 

[优化输出图像]

 

 

02.  

动态提醒,增强消息的关注度 

各类通知/消息在产品中随处可见,红点提示刚出现的时候还引起了用户强迫症,短时间内也增强了消息的阅读率。随着红点效应逐渐淡化,未读消息的点击率逐渐降低,大家都在尝试更多提高关注度的形式。

支付宝在消息模块的服务提醒中,采用了动态形式提高关注度。当用户点击消息进入界面时,小铃铛图标会左右晃动,以此来吸引用户的目光,达到增加关注度的目的。

图片

 

 03.  

图标动效,让你脱颖而出 

在金刚区众多的业务模块中,想要突出重点模块的关注度,采用动态图标是比较常用的方式。采用动静结合的形式,会让动态表达得到突出。

比如 Keep App 将活动挑战图标动效化,在不改变配色规则和图标设计规范前提下,依然可以达到突出主题的作用。

图片

 

 

 04.  

博人眼球的动态悬浮广告 

在不破坏产品结构的前提下,融入广告的做法中,悬浮层广告是较为明显的形式。通常是静态异形和动态异形较多,而动态的关注度相对更强一些。

比如 Keep App 将活动的折扣信息以悬浮层的形式表达,既不会占用太多空间(随着滑动会隐藏显示),又能吸引用户的关注度。如果用户觉得影响操作,也可以直接关闭,就不会反复提醒而形成干扰。

图片

 

 

 05.  

内容模块结合动效替换突出存在感 

在一些内容量比较多的产品中,比如电商产品,很多内容模块都是百花齐放。都想要突出自己模块的存在感,带来更好的流量引入。而动效的结合也是不错的选择,但是需要考虑动效的干扰度。

当当 App 在突出今日抢购栏目时,为了不影响临近板块的干扰度,利用动效转场来替换展示的商品信息。缩放替换商品时的动效既能达到差异化,也不会破坏整体的结构,算是一举两得的设计解决方案。

图片

 

 

 06.  

微弱的动效也能呈现有温度的设计 

有时候在进行产品设计的时候,动效带来的关注度并不是需要很强的表现力,一些微弱的动效依然可以提升产品体验,带给用户更有温度的设计。

自如 App 整体的设计都是做得非常不错的,在“我的”板块头部区域,结合背景插画视觉感也是非常不错。插画中部分元素的微动效增强了生活气息和真实感,让用户感受到这是一款有温度的产品,提升用户的好感度。

图片

图片

 

 

 07.  

动态感十足的底部标签栏 

图标动效运用到底部标签栏十分普遍,在这个频繁切换的操作中,动态的形式可以带来更强的趣味性和关注度。

优酷 App 底部标签栏采用多种颜色变化转场,结合路径动效带来动感十足的体验。首页图标还结合了刷新的功能,方便用户进行内容的刷新,增强用户体验感。

图片

 

 

 08. 

 拓展功能的动态指引设计 

针对一些功能体量较大的产品,会经常结合一些隐藏式设计,拓展出更多功能操作。通常默认为展开状态,在滑动浏览内容时隐藏,通过动效吸引点击展开,不会造成主内容的干扰。

比如平安口袋银行底部标签栏上方的拓展功能区,动态形式的展开与隐藏方便用户浏览主页内容。个别内容采用动态设计(点我抽奖),突出其点击欲望。动态设计不仅提高了功能的曝光度,也能引导用户操作,将繁琐的操作变得更便利。

图片

 

 

 09. 

 结合动态 IP 的下拉刷新 

针对下拉刷新这一常规操作,设计形式也是丰富多样。结合 IP 形象进行动态演变完成刷新动作,被很多产品设计师所采纳。

美团外卖就将品牌 IP 形象结合得恰到好处,下拉刷新时两只耳朵摇摆非常俏皮可爱,松开后 IP 形象露出,还配合眨眼睛等可爱的表情动效。情感化设计结合动态表现,拉近与用户之间的亲和力,带给用户更人性化的使用体验。

图片

 

 

 10. 

 图标动效带动局部功能的关注度 

对于一些局部功能或者模块占比较小的栏目,为了提高曝光度,获得用户的关注度,动态的形式是比较常用的方法。通常会在图标部分、文字部分、装饰元素部分等进行动效设计,带来的效果也是显而易见。

比如 QQ 音乐在“我的”模块中,将活动中心、会员中心、每日签到的图标采用动态设计形式,虽然几个模块占比较小,但是依然能够获得用户的关注度。

图片

 

 

 结 

动效表达在产品设计中的应用越发普及,不仅可以强化功能的关注度,也能带给用户感官体验上的升级。优秀案例的积累和分析,有助于我们掌握更多的表现形式,灵活的运用到项目设计中。

 

原文地址:黑马家族(公众号)

作者:黑马青年

转载请注明:学UI网》发现了10个非常棒的UI动效案例

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

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

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

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


一些交互体验的思考

涛涛

站酷对于长文章需要点击展开文章按钮,才能继续阅读全文;而对于短文则不需要。对于这个按钮的存在是否必要,值得深思。

站酷“展开文章”按钮合理性思考


站酷对于长文章需要点击展开文章按钮,才能继续阅读全文;而对于短文则不需要。对于这个按钮的存在是否必要,值得深思。


先说一下个人体验,每次当我看文章看的津津有味,这个按钮映入眼帘,告诉你需点击“展开文章”才能继续阅读,虽然点击这个动作很简单,但无形之中打断了用户的心流状态,这并不是一个好的用户体验。让用户沉浸在心流状态不被打扰,用户能感觉到愉悦,是产品的温柔。


什么是心流?


《About face 4》中提到,心流在心理学中是指一种人们在专注进行某行为时所表现的心理状态,理想的交互设计是专注于促成用户进入心流的状态,因此在设计过程中最核心的关注点应该是用户的目标,而不是只考虑交互是否酷炫,最完美的交互设计是让用户除了自己的目标,感受不到其他干扰。


简单的说就是用户全神贯注于某件事而产生的一种精神状态。


进入心流状态是一种美妙的境界,完全专心于一件事,沉浸享受其中,不想停下来,用户着眼于当下的事情或者目标,心无旁骛,全神贯注投入并且享受其中,而体验到的一种精神状态。


大多数用户的目标是想先看完文章,再去看评论。这是大多数人的需求。


对于有一部分用户,他并没有耐心看完全文;或者觉得文章比较枯燥很无趣,不想看了,想直奔评论区;建议可以改成“点击收起”。我想这样的体验是不是会更友好一些。


还有一些网站(例:观察者网)喜欢把一页文章分成两页,这是为了提高网页的点击数据,以牺牲用户体验而达到商业目的,也是令人不齿的。



刷手机坐公交能否更简单一些?


广州的公交车终于可以刷手机坐公交了(多年前),但我感觉广州的刷手机坐公交体验很让人迷惑,在第一次体验刷手机坐公交的时候,竟然使用了两次都不知道怎么操作,很是尴尬。我感觉广州的刷手机坐公交对于新手用户来说学习成本有点高,不够人性化,不那么自然。



在评判任何一个交互行为时,我们都要了解用户的使用场景,我们知道用户坐公交通常是比较匆忙的,着急的,而情急之下极容易犯错,因此操作过程越简单越好,学习成本越低越好,尽可能的减少用户第一次使用的挫败感。最好让人一看到就知道怎么操作,而不需要去思考。在设计硬件的时候就应该考虑到这一点。


为什么我说体验感比较差呢?当我第一次看到这个机器的时候,给我的第一感觉是把手机屏幕贴在凹槽里扫描,我试了几次,都失败了,最后无奈只能付现金。后来我才发现正确的步骤是把手机放进凹槽,这是一个非常不自然的操作,一般人都想不到。过了很久我才发现原来上面那个是摄像头,设计的很隐蔽,谁又知道呢?你会说屏幕上面不是有说明图,很抱歉,在那种场景下没有人会去看你的说明图的。


我认为更好的解决方案应该像南京公交那样的,有一个明显的摄像头,这样人们一看到就知道怎么操作,学习成本比较低,因为这种支付方式在超市、商场、高速公路收费站等早已司空见惯,用户已经习惯了这种付款方式。



当然,二维码始终不是最理想的解决方法,因为你要打开App,打开乘车码小程序,这几个步骤对于用户来说还是稍显繁琐了点。如果能够像公交卡一下,“嘀”一下就上车,这才是最理想的终极解决方案。把手机放过去就可以“嘀”一下,不需要打开任何App,手机就是公交卡,自然而然的操作,完全没有任何的学习成本。但这需要使用到NFC技术,现在并不是所有的手机都支持这个功能。因此当下这个方案还难以执行。



知乎问题时间的缺失


作为知乎的重度用户,使用这个产品多年,一直很喜欢这个产品。但在长期的使用过程中,有个问题一直困扰着我,那就是问题的时效性,在知乎上搜索问题时看不到提问时间,相信也不仅仅是我一个用户遇到这个问题吧。

有的人会问了为什么要显示时间,时间有那么重要吗?


当然重要,一般问题都具有很强的时效性,一个问题在三年前很有用,但在今天看来已经没有什么参考价值。而且我肯定是希望寻找最近的问题和答案。


举个例子来说,我搜索“广州考驾照”,那我肯定希望时间越近的越好,越有参考价值,最好是今年的,毕境驾考规则每年都在变化。而你看同样问答类的百度知道,答案给出了明确的时间,这样就合理很多,我可以根据最近的时间去选择。



再比如我想了解一下“月饼门事件”,当我进入这个问题页面时,看不到时间,根本就不知道这个事件是何时发生的,难道还要去百度搜索一下?那我要你这破乎有何用?



有人说可以通过“查看问题日志”的方式看提问时间,抱歉,我觉得那个入口隐藏的太深了,我在很长一段时间之内都不知道还有这个入口,而且根据我身边朋友的调研和网上调查,极少数用户知道这个入口的存在。况且这么重要的时间戳,隐藏起来也确实不合理,点击也麻烦。


同样,答案的时间也是很重要的,放在文章的后面也不合理,过于弱化。而且有的文章写的很长,难道还要我拉到最后面为了看个时间,那样多麻烦,拉的我手都要酸,而且容易剧透内容。


列举几个常见的用户使用场景:


很多时候我看到回答问题的时间很久了,那我就不会看了。


文章中提到“今年的互联网寒冬”,搞的我都不知道今年是哪一年,缺少时间坐标。而如果在文章的开头就显示了,起码心里有个数。


有的文章提到“预测未来5年内房价走低”,但我不知道你回答的时间是哪一年。


……

综上所述,我觉得应该加上问题的创建时间和回答的时间,明确告知用户问题的时效性。



iOS闹钟交互思考


闹钟提醒的界面有两种情况,锁屏状态和非锁屏状态。分别对应以下几种使用场景:


使用场景一,比如起床提醒(锁屏)


使用场景二,你在干别的事情需要闹钟提醒(锁屏)


使用场景三,正在使用手机(非锁屏)


起床提醒闹钟,这时手机屏幕处于锁屏状态,当闹钟响起,屏幕出现稍后提醒和停止两个按钮。很明显,这里稍后提醒按钮的权重更高,因为如果不小心关闭闹钟可能会睡过头,导致上班迟到。为了避免这种情况,稍后提醒按钮必须突显,这样即使你在朦胧状态依然可以轻松点击。而停止闹钟按钮应该弱化,防止误触。



还有一种情况,比如你晚上赶稿子熬夜太晚了,早上又要起来上班,实在没睡醒,眼睛都睁不开,点击屏幕的话有可能会关闭闹钟,那么可以利用手机实体键控制闹钟的开关,这种方式的优势在于可以盲按。按音量键和电源键都是稍后提醒,按返回键是关闭闹钟。


另外一种使用场景,当你正在使用手机时,闹钟响了。这个时候界面上方会弹出一个非模态的浮层,但这个浮层并不干扰用户的其他操作。这里会有三个交互手势,上划表示稍后提醒,有一个隐藏手势,选中浮层下拉会出现两个按钮:稍后提醒,停止。用力下滑居然是关闭闹钟,这个手势我表示从未用过。



个人觉得这里的交互略微有点复杂了,很多人可能都不知道如何关闭,我一般都是上滑,然后在消息通知栏那里关掉闹钟,我想大多数人都是这样操作的吧。因为后面两个交互手势隐藏的太深了,很多人都不知道,学习成本比较高。还不如像来电显示浮层那样,接听或挂断两个按钮,简单易用,无需思考。


岔个话题,对比一下闹钟与计时器的交互差异,计时器的界面按钮布局的刚好跟闹钟的相反,为什么会这样呢?这是由计时器的使用场景决定的,用户使用计时器一般都是为了提醒完成某个任务。而倒计时一结束,意味着需要马上去完成某个任务。因此这时需要停止倒计时,停止的权重更高。




产品初始默认值的重要性


每个产品都有初始默认设置,比如各种游戏、输入法、ps软件、浏览器,比如qq、微信的系统设置,但有多少人会去自定义设置呢?



Microsoft Office小组曾经做过这样一个用户研究,发现只有不到 5% 的用户更改了默认设置,多年来,他们以各种形式重复了这项用户研究。发现它始终如一:用户很少更改他们的设置。


《About face 4》中提到,我们只需要满足满足大多数主流用户的需求,对用户合理推断,所以在设定初始默认值的时候就要格外注意,要找出帮用户实现目标的最佳默认值设定。


比如,在疫情期间我们经常使用到的健康码,每当打开健康码都会弹出一个窗口,上报个人健康状况,这几个选项都是必填项。因为绝大多数的用户的状况都是正常的,所以全部选项直接默认正常即可,少数不正常的用户如实填写即可。



不要每次让用户去选择,在进入商场需要查看健康码的时候,很多人根本就不会认真去填,想都不想就直接点击提交了。如果每次都强制要求用户去选择,那么这就是个灾难。


用户多数时候是倾向于不调整默认值的,而默认值设置的合理与否,对于产品的整体体验影响是非常大的。


但有两类人是例外的,设计师和程序员,他们总是喜欢修改自己的默认设置,以符合自己的使用习惯,使效率最大化。



喜马拉雅可否记住定时设置?


每天晚上入睡前,家里的小宝都要听喜马拉雅的睡前故事才能入睡,这已经形成了一个睡前习惯。


喜马拉雅app有个很好用的功能,那就是定时关闭功能,比如定时30分钟,倒计时结束后,睡前故事就自动关闭了。



但是有个不完美的地方在于每次都要去手动选择定时,有时候经常会忘记定时,手机就会一直播放,直到手机没电。这样第二天的起床闹钟就不响了,容易睡过头。

站酷对于长文章需要点击展开文章按钮,才能继续阅读全文;而对于短文则不需要。对于这个按钮的存在是否必要,值得深思。

站酷“展开文章”按钮合理性思考


站酷对于长文章需要点击展开文章按钮,才能继续阅读全文;而对于短文则不需要。对于这个按钮的存在是否必要,值得深思。


先说一下个人体验,每次当我看文章看的津津有味,这个按钮映入眼帘,告诉你需点击“展开文章”才能继续阅读,虽然点击这个动作很简单,但无形之中打断了用户的心流状态,这并不是一个好的用户体验。让用户沉浸在心流状态不被打扰,用户能感觉到愉悦,是产品的温柔。


什么是心流?


《About face 4》中提到,心流在心理学中是指一种人们在专注进行某行为时所表现的心理状态,理想的交互设计是专注于促成用户进入心流的状态,因此在设计过程中最核心的关注点应该是用户的目标,而不是只考虑交互是否酷炫,最完美的交互设计是让用户除了自己的目标,感受不到其他干扰。


简单的说就是用户全神贯注于某件事而产生的一种精神状态。


进入心流状态是一种美妙的境界,完全专心于一件事,沉浸享受其中,不想停下来,用户着眼于当下的事情或者目标,心无旁骛,全神贯注投入并且享受其中,而体验到的一种精神状态。


大多数用户的目标是想先看完文章,再去看评论。这是大多数人的需求。


对于有一部分用户,他并没有耐心看完全文;或者觉得文章比较枯燥很无趣,不想看了,想直奔评论区;建议可以改成“点击收起”。我想这样的体验是不是会更友好一些。


还有一些网站(例:观察者网)喜欢把一页文章分成两页,这是为了提高网页的点击数据,以牺牲用户体验而达到商业目的,也是令人不齿的。



刷手机坐公交能否更简单一些?


广州的公交车终于可以刷手机坐公交了(多年前),但我感觉广州的刷手机坐公交体验很让人迷惑,在第一次体验刷手机坐公交的时候,竟然使用了两次都不知道怎么操作,很是尴尬。我感觉广州的刷手机坐公交对于新手用户来说学习成本有点高,不够人性化,不那么自然。



在评判任何一个交互行为时,我们都要了解用户的使用场景,我们知道用户坐公交通常是比较匆忙的,着急的,而情急之下极容易犯错,因此操作过程越简单越好,学习成本越低越好,尽可能的减少用户第一次使用的挫败感。最好让人一看到就知道怎么操作,而不需要去思考。在设计硬件的时候就应该考虑到这一点。


为什么我说体验感比较差呢?当我第一次看到这个机器的时候,给我的第一感觉是把手机屏幕贴在凹槽里扫描,我试了几次,都失败了,最后无奈只能付现金。后来我才发现正确的步骤是把手机放进凹槽,这是一个非常不自然的操作,一般人都想不到。过了很久我才发现原来上面那个是摄像头,设计的很隐蔽,谁又知道呢?你会说屏幕上面不是有说明图,很抱歉,在那种场景下没有人会去看你的说明图的。


我认为更好的解决方案应该像南京公交那样的,有一个明显的摄像头,这样人们一看到就知道怎么操作,学习成本比较低,因为这种支付方式在超市、商场、高速公路收费站等早已司空见惯,用户已经习惯了这种付款方式。



当然,二维码始终不是最理想的解决方法,因为你要打开App,打开乘车码小程序,这几个步骤对于用户来说还是稍显繁琐了点。如果能够像公交卡一下,“嘀”一下就上车,这才是最理想的终极解决方案。把手机放过去就可以“嘀”一下,不需要打开任何App,手机就是公交卡,自然而然的操作,完全没有任何的学习成本。但这需要使用到NFC技术,现在并不是所有的手机都支持这个功能。因此当下这个方案还难以执行。



知乎问题时间的缺失


作为知乎的重度用户,使用这个产品多年,一直很喜欢这个产品。但在长期的使用过程中,有个问题一直困扰着我,那就是问题的时效性,在知乎上搜索问题时看不到提问时间,相信也不仅仅是我一个用户遇到这个问题吧。

有的人会问了为什么要显示时间,时间有那么重要吗?


当然重要,一般问题都具有很强的时效性,一个问题在三年前很有用,但在今天看来已经没有什么参考价值。而且我肯定是希望寻找最近的问题和答案。


举个例子来说,我搜索“广州考驾照”,那我肯定希望时间越近的越好,越有参考价值,最好是今年的,毕境驾考规则每年都在变化。而你看同样问答类的百度知道,答案给出了明确的时间,这样就合理很多,我可以根据最近的时间去选择。



再比如我想了解一下“月饼门事件”,当我进入这个问题页面时,看不到时间,根本就不知道这个事件是何时发生的,难道还要去百度搜索一下?那我要你这破乎有何用?



有人说可以通过“查看问题日志”的方式看提问时间,抱歉,我觉得那个入口隐藏的太深了,我在很长一段时间之内都不知道还有这个入口,而且根据我身边朋友的调研和网上调查,极少数用户知道这个入口的存在。况且这么重要的时间戳,隐藏起来也确实不合理,点击也麻烦。


同样,答案的时间也是很重要的,放在文章的后面也不合理,过于弱化。而且有的文章写的很长,难道还要我拉到最后面为了看个时间,那样多麻烦,拉的我手都要酸,而且容易剧透内容。


列举几个常见的用户使用场景:


很多时候我看到回答问题的时间很久了,那我就不会看了。


文章中提到“今年的互联网寒冬”,搞的我都不知道今年是哪一年,缺少时间坐标。而如果在文章的开头就显示了,起码心里有个数。


有的文章提到“预测未来5年内房价走低”,但我不知道你回答的时间是哪一年。


……

综上所述,我觉得应该加上问题的创建时间和回答的时间,明确告知用户问题的时效性。



iOS闹钟交互思考


闹钟提醒的界面有两种情况,锁屏状态和非锁屏状态。分别对应以下几种使用场景:


使用场景一,比如起床提醒(锁屏)


使用场景二,你在干别的事情需要闹钟提醒(锁屏)


使用场景三,正在使用手机(非锁屏)


起床提醒闹钟,这时手机屏幕处于锁屏状态,当闹钟响起,屏幕出现稍后提醒和停止两个按钮。很明显,这里稍后提醒按钮的权重更高,因为如果不小心关闭闹钟可能会睡过头,导致上班迟到。为了避免这种情况,稍后提醒按钮必须突显,这样即使你在朦胧状态依然可以轻松点击。而停止闹钟按钮应该弱化,防止误触。



还有一种情况,比如你晚上赶稿子熬夜太晚了,早上又要起来上班,实在没睡醒,眼睛都睁不开,点击屏幕的话有可能会关闭闹钟,那么可以利用手机实体键控制闹钟的开关,这种方式的优势在于可以盲按。按音量键和电源键都是稍后提醒,按返回键是关闭闹钟。


另外一种使用场景,当你正在使用手机时,闹钟响了。这个时候界面上方会弹出一个非模态的浮层,但这个浮层并不干扰用户的其他操作。这里会有三个交互手势,上划表示稍后提醒,有一个隐藏手势,选中浮层下拉会出现两个按钮:稍后提醒,停止。用力下滑居然是关闭闹钟,这个手势我表示从未用过。



个人觉得这里的交互略微有点复杂了,很多人可能都不知道如何关闭,我一般都是上滑,然后在消息通知栏那里关掉闹钟,我想大多数人都是这样操作的吧。因为后面两个交互手势隐藏的太深了,很多人都不知道,学习成本比较高。还不如像来电显示浮层那样,接听或挂断两个按钮,简单易用,无需思考。


岔个话题,对比一下闹钟与计时器的交互差异,计时器的界面按钮布局的刚好跟闹钟的相反,为什么会这样呢?这是由计时器的使用场景决定的,用户使用计时器一般都是为了提醒完成某个任务。而倒计时一结束,意味着需要马上去完成某个任务。因此这时需要停止倒计时,停止的权重更高。




产品初始默认值的重要性


每个产品都有初始默认设置,比如各种游戏、输入法、ps软件、浏览器,比如qq、微信的系统设置,但有多少人会去自定义设置呢?



Microsoft Office小组曾经做过这样一个用户研究,发现只有不到 5% 的用户更改了默认设置,多年来,他们以各种形式重复了这项用户研究。发现它始终如一:用户很少更改他们的设置。


《About face 4》中提到,我们只需要满足满足大多数主流用户的需求,对用户合理推断,所以在设定初始默认值的时候就要格外注意,要找出帮用户实现目标的最佳默认值设定。


比如,在疫情期间我们经常使用到的健康码,每当打开健康码都会弹出一个窗口,上报个人健康状况,这几个选项都是必填项。因为绝大多数的用户的状况都是正常的,所以全部选项直接默认正常即可,少数不正常的用户如实填写即可。



不要每次让用户去选择,在进入商场需要查看健康码的时候,很多人根本就不会认真去填,想都不想就直接点击提交了。如果每次都强制要求用户去选择,那么这就是个灾难。


用户多数时候是倾向于不调整默认值的,而默认值设置的合理与否,对于产品的整体体验影响是非常大的。


但有两类人是例外的,设计师和程序员,他们总是喜欢修改自己的默认设置,以符合自己的使用习惯,使效率最大化。



喜马拉雅可否记住定时设置?


每天晚上入睡前,家里的小宝都要听喜马拉雅的睡前故事才能入睡,这已经形成了一个睡前习惯。


喜马拉雅app有个很好用的功能,那就是定时关闭功能,比如定时30分钟,倒计时结束后,睡前故事就自动关闭了。



但是有个不完美的地方在于每次都要去手动选择定时,有时候经常会忘记定时,手机就会一直播放,直到手机没电。这样第二天的起床闹钟就不响了,容易睡过头。


文章来源:站酷   作者:
CdzhcHappy

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

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

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



体验设计指南:问卷篇

涛涛



1.前言

12月份马上就结束了,这也意味着这个双月的体验OKR也到了复盘的阶段。想趁这个机会复盘一下自己这么久以来的体验经历,帮助我拓宽了设计职能的边界,站在整个产品和业务的角度,思考当前产品遇到的问题和解决方案。


所以打算分几篇文章输出一些关于我在体验中遇到的问题和解决方案,以及一些个人感悟。


之所以会先从问卷入手,一方面是因为我们在问卷的设计的过程中,很难找到全面分析问卷设计的文章。另一方面是因为理解用户,才能理解体验。真正好的体验一定来自于用户,且以帮助用户解决问题为目的。


接下来,本文会通过大量问卷案例,把实际过程中的落地经验分享给大家。


1.1 问卷的使用场景

问卷还是访谈?

在实际的工作中,常用的用户调研方式有两种:问卷调研和用户访谈。


那么,我们这次体验调研,为什么使用问卷调研而不是用户访谈呢?


想要回答这个问题,可以从问卷和访谈的差异性上进行对比:

当一个问题没有明确答案的时候,很适合做访谈,因为没有确定的参考变量,不知道方向在哪,访谈可以帮助我们找到目标方向。甚至你的访谈对象可以不是产品用户,但是他一定要有相同的产品需求。比如一个用户没有使用过微信,但是他有明确的社交需求,那么这个用户就有被访谈的价值,因为他能够帮助我们找到产品后续的迭代方向。


而问卷是基于现有数据,向用户求证问题的过程。当公司产品经历了冷启动阶段之后,后台已经记录了足够的产品数据,这其中包括各功能的使用情况、用户行为等,都为问卷设计提供了很好的参考变量。所以,这个时候调研对象控制在使用过我们产品的用户,可以帮助我们快速定位问题。


当然,上述观点并不绝对,根据公司业务、使用场景、成本预算等因素,问卷和调研一起使用的情况也是有的,所以找到适合自己公司的调研方式最重要。


补充:问卷是一种常用的定量分析工具,使用场景主要分为收集用户数据和需求验证



收集用户数据

收集用户数据主要是为了判断我们对用户的的定位是否精准。具体表现为收集用户的基本信息、和用户的体验反馈(吐槽、好评),主要作为了完善用户画像。


需求验证

需求验证主要是调研产品功能是否符合用户预期,以及判断现有功能是否有优化的价值和空间(判断优化空间的依据主要以后台数据为根本立足点)。


举个例子:平台上架了一个xx功能,新功能的触达路径从首页到目标页需要三步,通过后台数据埋点的追踪发现,在第二步的时候,触达人数骤降。那么针对新功能的问卷重点之一,就会放在这个页面触达率为什么这么低上,以此寻找解决方案。



1.2 问卷的特点:

问卷调研属于间接调查,即被调查者填写问卷是在调查者不在场的情况下进行的,即调查者与被调查者一般不见面。


问卷的优点:

  • 效率高:低成本、反馈快。

  • 容易量化:问卷的内容呈封闭式,答案基本会被限定在有限的数量范围内,很少有主观问答,样本结果可控,容易量化。

  • 范围广:问卷调研不受人数、地域范围、时空的限制。


问卷的缺点:

  • 封闭性:问卷的答案是设计者预先设计好的,所以收到的信息有限。

  • 数据质量不稳定:由于问卷覆盖的用户广,回答问卷的人是不受约束的,用户的配合意愿对数据质量影响较大(可能会出现随便答题的情况)。




1.3 问卷流程

在工作中,问卷的设计流程通常被分为四个阶段:准备阶段、设计阶段、发放并回收阶段,分析报告阶段。



2. 问卷设计前

2.1 关键目的

确定问卷目的是为了聚焦问题的范围和方向。

每一个产品调研问卷都应该围绕着至少1-2个核心目标进行拆分,过多的核心目标会导致问题数量没法控制和调研方向不清晰。


2.2 问卷说明

在向用户提出问题之前,有个最重要也是最容易忽略的地方,就是问卷的说明部分,通常这些说明会包括以下内容:

  • 告诉用户为什么要做这份问卷调查:让用户知道,他们的建议会影响产品的设计方向。

  • 告诉用户做调研的人是谁(即平台方的名称)

  • 告诉用户这份问卷的重要程度:告诉用户的选择会影响最后产品的方向

  • 告诉用户需要多久能填完这份问卷:让用户判断当前是否有足够的时间完成全部问卷。

  • 告诉用户回答问卷的有效期限:避免用户填写完后,提交的时候发现已经错过了时机。

  • 告诉用户保证受访者的个人隐私是保密的:打消用户不必要的顾虑,反映客观事实和观点。

  • 问卷奖励的说明:激励用户答题,最好是和产品相关的奖励,比如说平台会员奖励。


2.3 确定问卷的目标用户

用户分群:

用户分群其实就是通过权衡来让调研目的和用户的需求相匹配,忽略和调研目的不相关的用户,从而更好的调研目标用户的需求,本质是为了提升效率。



常用的用户分群维度由时间、用户行为和用户属性三个维度组合完成:



  • 时间范围:比如,最近7天,或者给出一个时间区间。


  • 用户行为:围绕调研目标,明确用户的核心行为路径以及分支路径。然后判断用户完成了/未完成/依次完成了xx路径,比如:

    1. 完成了登录注册的用户

    2. 没完成登录注册的用户

    3. 完成了登录注册,并且点击了首页广告位的用户


  • 用户属性:关于用户属性的定义,没有统一的标准,通常会从业务角度出发,基于产品功能或运营玩法,对用户进行属性分类,比如:性别/是否新用户/是否实名认证/用户来源(抖音、地推)等。



下图是我们用的用户分群工具:



选择的维度越多,用户越精准

我们在进行用户分群时,定位的精准程度,和维度的选择数量是正相关的。时间范围越窄,用户行为越多,用户属性越多,定位到的用户越精确。


举个例子:“近7天使用xx功能的男性用户”,一定比“近7天使用xx功能的用户”更加精准,因为多了一个“性别”的维度。


当然,每一个产品的业务模式和用户群体都是复杂的,根据商业模式、产品功能、用户使用习惯和目的不同,这些因素都可能成为用户细分的维度。


样本数量

样本的数量,主要取决于我们想要回收多少份有效问卷,也就是回收率。

  • 回收率 = 回收的有效回答份数 / 总发送的份数 × 100%

  • 问卷回收数 = 回收率 × 样本数量


所以,在回收率固定不变的情况下,样本数量越大,问卷回收的数量越多,反之,样本数量越小,问卷回收的数量越少。


影响样本数量的因素

影响样本数量的因素主要分为响应率和完成率:

  • 响应率 = 打开问卷的用户 / 问卷实际发放人数×100%

举个例子:平台通过渠道向100人发放问卷,只有50人打开了问卷,那么调查的响应率为50 / 100 × 100% = 50%


  • 完成率 = 完成并提交问卷的用户 / 打开问卷的用户×100%

举个例子:有100人点开了问卷,最终有50个人填写完成,那么完成率为50 / 100 × 100% = 50%


相同的调研样本数量,用户响应率和完成率越高,有效问卷的回收率也就越高。所以,除了增加样本数量外,也可以通过提高用户的响应率和完成率,来提高问卷的回收数量。


举个例子:

  • 扩大问卷的曝光量,从而触达更多用户,提高响应率。

  • 丰富问卷奖励,增加用户的答题意愿,提高完成率。



样本数量的边际效益

问卷数量的价值是存在边际效应的,因为随着样本数量的增多,回收的答案是趋于一致的,参考价值较低,所以问卷的样本数量并不是越多越好。



通常为了保证最终的有效问卷回收能满足研究报告,应该在理想的样本数量上,进行适当的扩充。


举个例子:通过观察平台用户的响应率和完成度,估算出抽取1000数量的样本数量能够支撑最终的研究产出,但是考虑一些特殊情况的产生,此时会再加上200的样本数量,来确保问卷的回收率。



3. 问题和答案的设计

3.1 MECE原则

MECE是一种将一个具体事物进行"拆分"的原则,该原则由麦肯锡顾问巴巴拉·明托(Barbara Minto)在《金字塔原理》一书中首次提出,随即被奉为咨询解决思路的圭臬。其目的在于分析问题时尽量做到对问题点进行不重叠且不遗漏的分类,而且能够借此有效把握问题的核心,并成为有效解决问题的方法。


MECE原则可以分为两个部分:


  • 相互独立(ME):

互斥性原则是指在问卷答案的设计中,同一问题的若干个答案之间关系时是互相排斥的,不能有重叠、交叉、包含等情况。

  • 完全穷尽(CE):

完备性原则是指在问卷答案的设计中,所排列出的答案应包含问题的全部情况,不能有遗漏。特别是针对封闭题而言的,必须做到穷尽。



MECE的步骤

了解完MECE原则后,接着从以下四个步骤来说一下它的实际用法:



步骤一:确定范围

明确问题是什么,比如说我们当前产品的问题是:“为什么新用户搭讪次数低?”,所以我们的问题就会聚焦在搭讪数低的原因上,这也是“完全穷尽”的基础,只有当问题有了边界,才能穷尽。


步骤二:寻找切入点

切入点指的是按什么方向进行拆分,还是以“为什么新用户搭讪次数低?”这个问题来举例,我们从搭讪数低的原因出发,选择的切入点是“角色”。即:在整个业务中,会涉及到的“用户方”和“产品方”两个角色:

  • 用户在使用过程中遇到哪些问题,导致用户搭讪次数低,比如说用户对平台推荐的人不感兴趣、不知道搭讪是什么等。

  • 产品的功能设计是否合理,比如说交互逻辑、界面布局,甚至可以聚焦到按钮的大小和颜色,这些都可能会影响用户使用搭讪。


步骤三:继续细分

考虑当前问题是否可以继续细分,比如说用户方可以分为男性和女性,但是这对搭讪数并没有直接的影响,可能还要继续细分为年龄、地区、职业等属性,直到找到影响“搭讪”的因素。


步骤四:检查确认

细分完成之后,对问题进行检查,看看是否有明显遗漏或者重复的问题。

怎么检查提出的问题是否已经满足相互独立和完全穷尽呢?这里提供以下两个方法:

  • 判断是否相互独立:每个拆分后的问题,是否可以和其他问题清楚的区分开。

  • 判断是否完全穷尽:拆分后的问题是否具有唯一性,是否把能想到的都想到了。


*注:MECE原则同时适用于问题和答案的设计。



MECE原则的拆分方法

MECE的拆分方法具体分为以下五种:



二分法

二分法指的是把信息分成A和非A的两个部分,也就是说在找出事物的某一维度后,继续找出一个相反的维度,通俗来说就是找出他的反义词。常见的例子在我们生活中随处可见,比如说:未婚和已婚、成年和未成年、黑和白、上和下等等。


象限法

找到一个事物的两个维度,进行坐标系划分,变成4个象限。

比如我们一次性接到了很多迭代的设计需求,可以根据任务的重要性和紧急程度两个维度,确定所有迭代需求的优先级。

  • P0:重要且紧急,该问题未得到解决,用户无法顺利完成任务,这种需要马上开始进行优化解决的,比如一个电商软件,用户付款时总是失败。

  • P1:重要但不紧急,这种一般指用户在操作时可能感到麻烦,但仍然可以继续完成任务,比如说按钮、反馈很不显眼,需要仔细查找。可以过段时间交付的内容也算在这个范围内,比如国庆大型活动这种需求一般都要提前很久准备,可能交付时间在一两个星期之后。

  • P2:不重要但紧急,这种情况在设计工作中一般会比较少,比如历史版本中遗留下来的字号、间距等问题。

  • P3:不重要且不紧急,尽量少做,或者可以不做的需求,比如需求评审会上不完善、待修改的需求。



要素法

要素法是根据一个事物的做成要素行划分的。比如说我们作为设计师,都知道体验很重要,但是什么样的体验才能被称之为好呢?于是很多公司会制定自己的体验度量标准,比如Ant rDesign的PTECH模型,就把体验拆分成了性能体验、任务完成度、参与度、清晰度和满意度。


*题外话补充:

HEART模型更多是用来度量C端产品的体验,并不太适用于B端产品。B端产品多是提高效率的工具类产品,业务比较复杂且用户需要付费才能使用,比较注重任务的完成效率和逻辑的清晰度。


公式法

按照现有公式中的要素进行去分类,比如说销售额 = 销售量 x 价格,CTR = 点击数 / 曝光数(根据不同业务和场景会有细微差异)。


这种时候,我们就可以把销售额拆分为销售量和价格,CTR拆分为点击数和曝光数。



流程法

流程法指的是把一个事物,按照进行的流程进行划分。拿我自己的上班日常来举例:8个活动组成一个流程。


3.2 问题设计

问题的四种形式

  • 封闭式:

在提出的每个问题下面给出若干个答案,让被调查者选出其中的一个或若干个问题来回答的问卷形式。封闭式问题的优势在于,用户在看到问题和答案的时候,很快就能理解提问者的目的。


a. 是非型:有且只有两个备选答案,受访者只能从中选择一个答案。



b. 并列型:提供两个及以上的并列答案,让用户在其中选择最适合自己的答案。



c. 等级型:对两个及以上分成等级的答案进行选择的题型,只能从中选择一个答案。



d. 排序型:让用户从备选答案中选出全部或者部分答案,根据用户选择顺序对答案进行排列的一种方式。


  • 开放式:

开放式问卷是问卷设计者提供问题,由被调查者自行构思自由发挥,从而按自己意愿答出问题的问答题型为主,也就是我们常说的填空题。


开放式的优势是经常会收集到一些意料之外的信息,且都是用户直观的感受。但正是由于它的开放性,会导致问题的答案很不规范,经常会出现用户的回答和问题不相符的情况。这类不规范的回答无法使用数据分析方法,严重影响最后的分析效率。


比如说我们本次的问卷目标是调研影响用户搭讪率和回复率的因素,其中有道填空题:

问题:您在搭讪聊天的过程中,有什么不满意的地方?或有什么建议?

回答:不太清楚、不知道等词语。


  • 混合式:指的是封闭式+开放式组合,常见的是在封闭式的答案下,用户选择一个答案后,会出现一个输入框,填写用户自己的看法,根据不同的情况,输入框分为必填和非必填。


问题产生的依据

*问题的产生要有理有据。


我们本次调研的目的,主要是为了帮助用户解决问题,所以在问卷的设计过程中,要问自己两个问题:

  • 找到用户遇到了哪些问题?

  • 造成用户遇到这些问题的原因有哪些?

步骤一:通过用户使用路径差异,定位问题

通过对比路径和数据漏斗,发现并记录用户在使用过程中遇到的问题。

如下图,是一个简化的用户路径和漏斗数据,主要分析的是“首页 - 发送消息”这条核心路径,可以发现:用户流失最大的地方在“查看用户资料 - 进入IM页”这一阶段。


当定位问题后,还需要通过福格模型来拟定问题和答案。



步骤二:通过福格模型,分析影响因素

福格模型认为,行为的发生,有 3 个关键的要素,并且需要 3 个要素同时发生才能产生作用,也就是动机、能力和提示:

  • 动机:做出行为的欲望。

  • 能力:去做某个行为的能力。

  • 提示:提醒你做出某个行为的信号。


*之前的版本为 B=MAT,其中 T 是 trigger 触发的意思,后续迭代成 B=MAP,P 是 Prompt 提示的意思,但是提示和触发的差异并不大,不必纠结。



当我们利用福格模型去分析“查看用户资料 - 进入IM页”的流失问题时,就变成了:

  • 动机:对方资料页的哪些信息对用户的吸引力高?哪些吸引力低?

  • 能力:阻碍用户点击私聊的原因可能是什么?按钮是否在拇指可触控区域?

  • 提示:用户是否注意到了私聊的存在?怎样在不打扰用户的情况下让用户注意到私聊按钮?



针对MAP这三个因素,预测用户在各个使用场景会遇到的困难,总结成问卷,向用户求证。




问题筛选

我们通过上述方法设计出很多的问题后,时常会出现问题很多,“我全都要”的情况。

步骤一:通过属性,对问题进行归类

这里提供给大家一个思路:根据属性不同,对所有问题进行归类。当然,有时候会遇到这样的情况:有一些问题没有明确的属性进行定义,但是又很重要,这种问题可以统一概括为其他。



步骤二:问题筛选

归类完成后,从每一个属性中,选出固定数量的问题整合成问卷,筛选的标准以目标结果为导向,也就是每个问题和本次问卷目标的关联性,关联性强,则纳入问卷,反之则剔除。


这样做的好处是在最后的问卷结构上,可以把相同属性的问题放在一起,保证上下问题的逻辑性和相关性,用户作答时不显得别扭。




3.3 问题数量

问题的数量没有固定的要求,根据不同的业务、不同的问卷目的,问卷的数量都是不同的。

通常情况下,问卷中的问题越多,所得的数据就越详细。但是问题越多,用户的投入成本也就越高,这样就会导致填写意愿降低。


我们公司平时的问题数量,基本会控制在15个左右,为的是让用户能够在半小时内填写完毕。因为用户填写问卷的耐心和时间都是有限的,所以在问题的数量上,不宜过多。


提问技巧


由浅入深

  • 按照问题的难易程度进行排列:问题应该先易后难,由浅入深,先问正面的问题,后问负面的问题,先描述客观问题,后描述主观问题,先一般性质的问题,后特殊性质的问题。


  • 按照问题的类型进行排序:排列问题的顺序时,要注意把不同类型的问题放在一起,这样用户可以一起回答,避免破坏用户的思路和注意力。


  • 按照问题的时间顺序进行排列:一般来说,问题应该按照事情发生的过去、现在、未来的时间顺序进行排列,也可以发过来,即由近到远。


提供场景预设,帮助用户回忆

在设计问题时,避免回忆性问题,特别是长时间以前的回忆,记忆的模糊会降低答题的准确率。


因为人的记忆是呈碎片化存储在大脑里的,直接问用户是很难被搜索到的。但是,在实际调研中,经常会出现不得不让用户回忆的情况,针对这种场景,需要在问题当中构建出一个具象的场景,这里的场景可以是时间、地点或者产品功能等,能够帮助用户串联起回忆的都可以。



举个例子:比如我现在想调研用户使用发布模块的情况,那么在问题设计时,就会围绕发布相关的场景进行提问。



保持客观,避免导向型问题

如果问题中带有偏向性的语境,这样就可能引发“诱导”,会导致用户选择问题“暗示”的答案。


举个例子:


避免范围很大的问题

如下图,单看修改前的问题是没什么对错的,但聊天只是我们产品的功能之一,它由1v1聊天、群组聊天等多个功能组成。这样就会造成用户回答的内容很宽泛,很难提取出有价值的信息。所以在问题的修改上,我们需要更加具体的指向性内容。



避免一个问句,两个问题

一个问句中,出现两个及以上的问题。这个很简单,我们直接用上面学到的MECE原则进行拆分就可以了,直接分成两个问题提问。



避免术语、黑话

在设计问题时要避免使用专业性术语,通俗易懂的语言容易被不同画像的用户理解,避免误会而引起的问答偏差。有些用户可能因为不知道“算法”的具体意思,导致问卷无法进行。



避免双重否定句式

双重否定就是否定两次,即表示肯定的意思,如:不得不。这种句式的问题,用户通常不能一下子就读懂句子的意思,增加答题成本。



敏感问题

  • 转移法

不直接询问用户对某事的观点,而是把问题转移到其他人身上,然后,请用户以第三人称的视角,对他人的回答作出评价,更能得到用户真实的想法。


  • 假设法

首先假设某一情景或现象的存在,然后再询问用户的看法。


3.4 答案设计

答案设计的注意事项

答案的设计最后会影响数据的有效性,所以在设计上需要注意以下三点事项:

  • 具体量化:避免主观描述,比如,偶尔、经常、几乎、相当多。这类词语在不同的情况下,不同的用户会有不同程度的理解。

  • 避免无效数据:特殊情况下,提供无效答案,比如其他、以上都不是等选项,避免给出的答案都不是用户想要的,随便选一个,影响最后的数据分析。

  • 避免多选:多选的话设置上限,一般不超过三个,可根据具体情况增加或减少。


3.5 问卷评审

内审和外审

在内部评审之前,首先要自审一遍,这就要求我们在设计问卷后,最好是站在问卷回答者的角度,试着自己做一遍问卷,避免出现一些比较常规性质的问题,比如问卷的逻辑性、用词的通俗性、语意的表达等。


问卷自审后没什么问题后,可以邀请项目组的人进行内审,最好可以拉上开发、产品一起,提供多角度的思考方向。


4. 问卷发放

问卷发放主要从时间、地点、人物三个维度出发。

4.1 时间:

在问卷的发放和回收时间之间,需要考虑用户看到问卷的时间和答题时间。


根据问卷的曝光程度,留有足够的时间让用户能够看到并点击问卷,如果发放和回收中间留的时间过短,会造成用户可能没看到问卷,或正在答题中,就已经开始回收了。这种情况会导致用户在没有完整阅读题目或者充分思考的情况下,随便作答,无法获取足够的样本数据和用户的真实想法。


当然,发放和回收中间留的时间也不宜过长,时间越长,用户忘记调研问卷这回事的概率也就越大。


4.2 地点(投放方式):

投放渠道,由于我们的体验工作一般围绕APP进行,所以我们的渠道主要分为以下几种:


  • app消息推送(push)

优点:可实现精准投放

缺点:受限于设备的消息开关,打扰性强


  • app广告位推送:启动页,banner,信息流等形式

优点:由于是用户主动点击进行,所以有效性较高

缺点:广告位多为全量投放,无法保证用户参与度


4.3 人物:

用户和问卷的匹配关系:问卷的调研对象必须是我们的用户。也就是说,如果投放的用户和问卷不匹配,那么最后得到的数据是没有意义。


并且在分发方式上,还会根据规模分为部分和全量。部分就是针对用户分群后的具体用户,有选择性的进行问卷发放。全量则是针对平台所有用户的问卷,这种由于平台的用户类型很多,资源浪费等问题,基本不太用。



5. 问卷整理:数据清洗

5.1 有效问卷的数量影响最后分析的准确性

在前文关于问卷的特点中我们提到,用户回答问题的场景是不可控的,可能会出现瞎填的情况,如果我们回收问卷后立马进行分析,会混入一些无效数据,大大降低我们调研结果的可靠性。


所以,在正式进行数据分析之前,还有一个问卷筛选的环节,以此保证数据的有效性,专业名称叫做数据清洗。

 


5.2 筛选无效问卷的标准

既然涉及数据清洗,那么就一定会有一套标准去判断哪些数据是可以“被清洗”的,所以我们这里总结了以下几个标准供大家参考:


  • 选项呈重复性和规律性

检查答案是否出现保持一致,或呈现某种规律的情况,出现的问卷进行删除。

举个例子:所有的答案都是“A-A-A-A”或”A-B-A-B”


  • 剔除漏答数过多的问卷

严格来说应该将漏填的答卷全都进行剔除,但有时候会遇到回收样本量很少的情况,所以一般会设置漏答数的标准。

常用的标准是总题数的2/3,例如问卷一共设计了 10 个问题,回答了 6 个以上的用户即视为有效问卷,反之,则视为无效问卷。



  • 前后逻辑不符

有些用户受主客观因素影响,可能不会认真选答案,所以需要检查前后的选项是否矛盾。

在问题的设计中,经常会出现多个问题之间保持逻辑关系,如果用户选择了前一题“A”,则不应该选择后一道题的“B”。


举个例子:用户在前一题中选择了“从未搭讪过”,后面却又选择了“搭讪后没有人回复“,这种就可以视为前后逻辑不符的答卷。


如果问卷中实在找不出可以用来表示逻辑关系的问题,那么也可以设置一个明显错误的答案,最后统计问卷数据时,剔除该问卷即可。

当然问题的迷惑性不能太强,我们只是想要检验用户是否在认真答题,而不是为难用户,所以认真阅读问题和答案就不会出错。


  • 未按问卷所指示之题项填答

举个例子:第1题问:「请问您使用过语音功能吗?若没有,请忽略第 2 题」,如果用户第1题选没有的,却仍回答了第2题,那么就可以把该问卷视为无效。


  • 根据填答时间和提交时间处理

在发放问卷前,我们会进行答题测试,目的是估算出答题所需要的总时长,以此作为问卷答题时长的有效性依据,如果最后回收的问卷答题时间比预估时间过长或过短,就可以判断为答题不认真,都可以根据业务需求酌情剔除。


提交时间主要针对的是在规定时间内完成答题,但超过了提交时间的用户。比如说我们回收问卷的截止时间是12月7日,但是有的用户是在12月8日完成答题并提交的,也会被视为无效问卷。(市面上有些问卷工具,可以回收设置时间,超过规定时间提交的问卷不计入问卷回收。)


6. 分析报告

统计各选项的数量、频率是最常用到的分析方法,然后通过图表展现出来,可以非常直观的看出整体分布情况。具体可以分为趋势分析和分组分析两种方法。

6.1 分类筛选

顾名思义,分类筛选是根据类别来进行数据筛选的一种方法,常用的类别有:

  • 按回答筛选:根据题目中某道题进行筛选分类。使用场景如:需要分别查看男、女性的数据,或者是按部门查看数据。

  • 问卷提交时间:顾名思义按提交的时间筛选(以天为时间单位)。

  • 来源详情:如链接地址、邮件地址、手机、PC等。

  • 地区:省份、城市

  • 其他类别:比如得分、IP地址等。


举个例子:如下图,选择的筛选条件是问题回答+提交日期。最终选择的类别为:年龄在21-30岁之间的用户,且2021/12/23之前提交问卷的用户,最后得到的有效答卷是 44 份,这就说明满足该筛选条件的用户有44人。




此时,系统会把这44个人回答的其他问题也全部筛选出来,如下图:

44个人当中,有7个人搭讪过 1 次,9个人搭讪过 2-5 次,4个人搭讪过6-10次,5个人搭讪过 10 次以上,剩下19个人从未搭讪过。




6.2 交叉分析

除了分类统计,我们还可以通过交叉法,进行差异分析,找出影响因素。


交叉分析法通常用于分析两个及以上的变量关系,即同时将有一定联系的变量及其值交叉排列在一张表格内,形成交叉表,从而分析交叉表中变量之间的关系。



听上去有一些麻烦,但是现在的很多问卷平台都会提供交叉分析的功能,下面会以问卷星为例,简单的了解一下交叉分析的具体流程。



步骤一:点击问卷后台的统计页面,选择交叉分析,选择自变量X和因变量Y,点击交叉分析。



步骤二:得出“分析年龄和关注信息之间的关系”数据表现。

当数据都放在一起分析时,很难看出年龄和关注信息这一行为的关系,但使用交叉分析之后,可以聚焦每个年龄段对于关注点的偏好,针对性的给出优化方案。

  • 20岁以下的用户中,最关注的是颜值,占比为63.64%。

  • 21-30岁的所有用户中,最关注的是年龄,占比为67.86%。

  • 31-40岁的所有用户中,最关注城市,占比为76.92%。

  • 其他年龄的信息偏好等等...




上述的两种分析方法(分类筛选和交叉分析),都是我们常用且方便的分析方法。如果想要更加深入的进行调研总结,可以使用一些专业的分析软件,例如使用SPSS软件,或者导入Excel表格做数据的处理,这都是目前使用比较广泛的一些分析工具。


*重要的不是分析工具,而是对数据的敏感程度和分析能力。

7. 写在最后

至此,从问卷设计到最后的数据分析就讲解完了。


问卷调研不是目的,目的是通过调研得出的结论,指导我们体验的优化方向,问卷调研本身只是了解用户的手段之一,重要的是在问卷设计过程中加深对手头业务的理解。



1.前言

12月份马上就结束了,这也意味着这个双月的体验OKR也到了复盘的阶段。想趁这个机会复盘一下自己这么久以来的体验经历,帮助我拓宽了设计职能的边界,站在整个产品和业务的角度,思考当前产品遇到的问题和解决方案。


所以打算分几篇文章输出一些关于我在体验中遇到的问题和解决方案,以及一些个人感悟。


之所以会先从问卷入手,一方面是因为我们在问卷的设计的过程中,很难找到全面分析问卷设计的文章。另一方面是因为理解用户,才能理解体验。真正好的体验一定来自于用户,且以帮助用户解决问题为目的。


接下来,本文会通过大量问卷案例,把实际过程中的落地经验分享给大家。


1.1 问卷的使用场景

问卷还是访谈?

在实际的工作中,常用的用户调研方式有两种:问卷调研和用户访谈。


那么,我们这次体验调研,为什么使用问卷调研而不是用户访谈呢?


想要回答这个问题,可以从问卷和访谈的差异性上进行对比:

当一个问题没有明确答案的时候,很适合做访谈,因为没有确定的参考变量,不知道方向在哪,访谈可以帮助我们找到目标方向。甚至你的访谈对象可以不是产品用户,但是他一定要有相同的产品需求。比如一个用户没有使用过微信,但是他有明确的社交需求,那么这个用户就有被访谈的价值,因为他能够帮助我们找到产品后续的迭代方向。


而问卷是基于现有数据,向用户求证问题的过程。当公司产品经历了冷启动阶段之后,后台已经记录了足够的产品数据,这其中包括各功能的使用情况、用户行为等,都为问卷设计提供了很好的参考变量。所以,这个时候调研对象控制在使用过我们产品的用户,可以帮助我们快速定位问题。


当然,上述观点并不绝对,根据公司业务、使用场景、成本预算等因素,问卷和调研一起使用的情况也是有的,所以找到适合自己公司的调研方式最重要。


补充:问卷是一种常用的定量分析工具,使用场景主要分为收集用户数据和需求验证



收集用户数据

收集用户数据主要是为了判断我们对用户的的定位是否精准。具体表现为收集用户的基本信息、和用户的体验反馈(吐槽、好评),主要作为了完善用户画像。


需求验证

需求验证主要是调研产品功能是否符合用户预期,以及判断现有功能是否有优化的价值和空间(判断优化空间的依据主要以后台数据为根本立足点)。


举个例子:平台上架了一个xx功能,新功能的触达路径从首页到目标页需要三步,通过后台数据埋点的追踪发现,在第二步的时候,触达人数骤降。那么针对新功能的问卷重点之一,就会放在这个页面触达率为什么这么低上,以此寻找解决方案。



1.2 问卷的特点:

问卷调研属于间接调查,即被调查者填写问卷是在调查者不在场的情况下进行的,即调查者与被调查者一般不见面。


问卷的优点:

  • 效率高:低成本、反馈快。

  • 容易量化:问卷的内容呈封闭式,答案基本会被限定在有限的数量范围内,很少有主观问答,样本结果可控,容易量化。

  • 范围广:问卷调研不受人数、地域范围、时空的限制。


问卷的缺点:

  • 封闭性:问卷的答案是设计者预先设计好的,所以收到的信息有限。

  • 数据质量不稳定:由于问卷覆盖的用户广,回答问卷的人是不受约束的,用户的配合意愿对数据质量影响较大(可能会出现随便答题的情况)。




1.3 问卷流程

在工作中,问卷的设计流程通常被分为四个阶段:准备阶段、设计阶段、发放并回收阶段,分析报告阶段。



2. 问卷设计前

2.1 关键目的

确定问卷目的是为了聚焦问题的范围和方向。

每一个产品调研问卷都应该围绕着至少1-2个核心目标进行拆分,过多的核心目标会导致问题数量没法控制和调研方向不清晰。


2.2 问卷说明

在向用户提出问题之前,有个最重要也是最容易忽略的地方,就是问卷的说明部分,通常这些说明会包括以下内容:

  • 告诉用户为什么要做这份问卷调查:让用户知道,他们的建议会影响产品的设计方向。

  • 告诉用户做调研的人是谁(即平台方的名称)

  • 告诉用户这份问卷的重要程度:告诉用户的选择会影响最后产品的方向

  • 告诉用户需要多久能填完这份问卷:让用户判断当前是否有足够的时间完成全部问卷。

  • 告诉用户回答问卷的有效期限:避免用户填写完后,提交的时候发现已经错过了时机。

  • 告诉用户保证受访者的个人隐私是保密的:打消用户不必要的顾虑,反映客观事实和观点。

  • 问卷奖励的说明:激励用户答题,最好是和产品相关的奖励,比如说平台会员奖励。


2.3 确定问卷的目标用户

用户分群:

用户分群其实就是通过权衡来让调研目的和用户的需求相匹配,忽略和调研目的不相关的用户,从而更好的调研目标用户的需求,本质是为了提升效率。



常用的用户分群维度由时间、用户行为和用户属性三个维度组合完成:



  • 时间范围:比如,最近7天,或者给出一个时间区间。


  • 用户行为:围绕调研目标,明确用户的核心行为路径以及分支路径。然后判断用户完成了/未完成/依次完成了xx路径,比如:

    1. 完成了登录注册的用户

    2. 没完成登录注册的用户

    3. 完成了登录注册,并且点击了首页广告位的用户


  • 用户属性:关于用户属性的定义,没有统一的标准,通常会从业务角度出发,基于产品功能或运营玩法,对用户进行属性分类,比如:性别/是否新用户/是否实名认证/用户来源(抖音、地推)等。



下图是我们用的用户分群工具:



选择的维度越多,用户越精准

我们在进行用户分群时,定位的精准程度,和维度的选择数量是正相关的。时间范围越窄,用户行为越多,用户属性越多,定位到的用户越精确。


举个例子:“近7天使用xx功能的男性用户”,一定比“近7天使用xx功能的用户”更加精准,因为多了一个“性别”的维度。


当然,每一个产品的业务模式和用户群体都是复杂的,根据商业模式、产品功能、用户使用习惯和目的不同,这些因素都可能成为用户细分的维度。


样本数量

样本的数量,主要取决于我们想要回收多少份有效问卷,也就是回收率。

  • 回收率 = 回收的有效回答份数 / 总发送的份数 × 100%

  • 问卷回收数 = 回收率 × 样本数量


所以,在回收率固定不变的情况下,样本数量越大,问卷回收的数量越多,反之,样本数量越小,问卷回收的数量越少。


影响样本数量的因素

影响样本数量的因素主要分为响应率和完成率:

  • 响应率 = 打开问卷的用户 / 问卷实际发放人数×100%

举个例子:平台通过渠道向100人发放问卷,只有50人打开了问卷,那么调查的响应率为50 / 100 × 100% = 50%


  • 完成率 = 完成并提交问卷的用户 / 打开问卷的用户×100%

举个例子:有100人点开了问卷,最终有50个人填写完成,那么完成率为50 / 100 × 100% = 50%


相同的调研样本数量,用户响应率和完成率越高,有效问卷的回收率也就越高。所以,除了增加样本数量外,也可以通过提高用户的响应率和完成率,来提高问卷的回收数量。


举个例子:

  • 扩大问卷的曝光量,从而触达更多用户,提高响应率。

  • 丰富问卷奖励,增加用户的答题意愿,提高完成率。



样本数量的边际效益

问卷数量的价值是存在边际效应的,因为随着样本数量的增多,回收的答案是趋于一致的,参考价值较低,所以问卷的样本数量并不是越多越好。



通常为了保证最终的有效问卷回收能满足研究报告,应该在理想的样本数量上,进行适当的扩充。


举个例子:通过观察平台用户的响应率和完成度,估算出抽取1000数量的样本数量能够支撑最终的研究产出,但是考虑一些特殊情况的产生,此时会再加上200的样本数量,来确保问卷的回收率。



3. 问题和答案的设计

3.1 MECE原则

MECE是一种将一个具体事物进行"拆分"的原则,该原则由麦肯锡顾问巴巴拉·明托(Barbara Minto)在《金字塔原理》一书中首次提出,随即被奉为咨询解决思路的圭臬。其目的在于分析问题时尽量做到对问题点进行不重叠且不遗漏的分类,而且能够借此有效把握问题的核心,并成为有效解决问题的方法。


MECE原则可以分为两个部分:


  • 相互独立(ME):

互斥性原则是指在问卷答案的设计中,同一问题的若干个答案之间关系时是互相排斥的,不能有重叠、交叉、包含等情况。

  • 完全穷尽(CE):

完备性原则是指在问卷答案的设计中,所排列出的答案应包含问题的全部情况,不能有遗漏。特别是针对封闭题而言的,必须做到穷尽。



MECE的步骤

了解完MECE原则后,接着从以下四个步骤来说一下它的实际用法:



步骤一:确定范围

明确问题是什么,比如说我们当前产品的问题是:“为什么新用户搭讪次数低?”,所以我们的问题就会聚焦在搭讪数低的原因上,这也是“完全穷尽”的基础,只有当问题有了边界,才能穷尽。


步骤二:寻找切入点

切入点指的是按什么方向进行拆分,还是以“为什么新用户搭讪次数低?”这个问题来举例,我们从搭讪数低的原因出发,选择的切入点是“角色”。即:在整个业务中,会涉及到的“用户方”和“产品方”两个角色:

  • 用户在使用过程中遇到哪些问题,导致用户搭讪次数低,比如说用户对平台推荐的人不感兴趣、不知道搭讪是什么等。

  • 产品的功能设计是否合理,比如说交互逻辑、界面布局,甚至可以聚焦到按钮的大小和颜色,这些都可能会影响用户使用搭讪。


步骤三:继续细分

考虑当前问题是否可以继续细分,比如说用户方可以分为男性和女性,但是这对搭讪数并没有直接的影响,可能还要继续细分为年龄、地区、职业等属性,直到找到影响“搭讪”的因素。


步骤四:检查确认

细分完成之后,对问题进行检查,看看是否有明显遗漏或者重复的问题。

怎么检查提出的问题是否已经满足相互独立和完全穷尽呢?这里提供以下两个方法:

  • 判断是否相互独立:每个拆分后的问题,是否可以和其他问题清楚的区分开。

  • 判断是否完全穷尽:拆分后的问题是否具有唯一性,是否把能想到的都想到了。


*注:MECE原则同时适用于问题和答案的设计。



MECE原则的拆分方法

MECE的拆分方法具体分为以下五种:



二分法

二分法指的是把信息分成A和非A的两个部分,也就是说在找出事物的某一维度后,继续找出一个相反的维度,通俗来说就是找出他的反义词。常见的例子在我们生活中随处可见,比如说:未婚和已婚、成年和未成年、黑和白、上和下等等。


象限法

找到一个事物的两个维度,进行坐标系划分,变成4个象限。

比如我们一次性接到了很多迭代的设计需求,可以根据任务的重要性和紧急程度两个维度,确定所有迭代需求的优先级。

  • P0:重要且紧急,该问题未得到解决,用户无法顺利完成任务,这种需要马上开始进行优化解决的,比如一个电商软件,用户付款时总是失败。

  • P1:重要但不紧急,这种一般指用户在操作时可能感到麻烦,但仍然可以继续完成任务,比如说按钮、反馈很不显眼,需要仔细查找。可以过段时间交付的内容也算在这个范围内,比如国庆大型活动这种需求一般都要提前很久准备,可能交付时间在一两个星期之后。

  • P2:不重要但紧急,这种情况在设计工作中一般会比较少,比如历史版本中遗留下来的字号、间距等问题。

  • P3:不重要且不紧急,尽量少做,或者可以不做的需求,比如需求评审会上不完善、待修改的需求。



要素法

要素法是根据一个事物的做成要素行划分的。比如说我们作为设计师,都知道体验很重要,但是什么样的体验才能被称之为好呢?于是很多公司会制定自己的体验度量标准,比如Ant rDesign的PTECH模型,就把体验拆分成了性能体验、任务完成度、参与度、清晰度和满意度。


*题外话补充:

HEART模型更多是用来度量C端产品的体验,并不太适用于B端产品。B端产品多是提高效率的工具类产品,业务比较复杂且用户需要付费才能使用,比较注重任务的完成效率和逻辑的清晰度。


公式法

按照现有公式中的要素进行去分类,比如说销售额 = 销售量 x 价格,CTR = 点击数 / 曝光数(根据不同业务和场景会有细微差异)。


这种时候,我们就可以把销售额拆分为销售量和价格,CTR拆分为点击数和曝光数。



流程法

流程法指的是把一个事物,按照进行的流程进行划分。拿我自己的上班日常来举例:8个活动组成一个流程。


3.2 问题设计

问题的四种形式

  • 封闭式:

在提出的每个问题下面给出若干个答案,让被调查者选出其中的一个或若干个问题来回答的问卷形式。封闭式问题的优势在于,用户在看到问题和答案的时候,很快就能理解提问者的目的。


a. 是非型:有且只有两个备选答案,受访者只能从中选择一个答案。



b. 并列型:提供两个及以上的并列答案,让用户在其中选择最适合自己的答案。



c. 等级型:对两个及以上分成等级的答案进行选择的题型,只能从中选择一个答案。



d. 排序型:让用户从备选答案中选出全部或者部分答案,根据用户选择顺序对答案进行排列的一种方式。


  • 开放式:

开放式问卷是问卷设计者提供问题,由被调查者自行构思自由发挥,从而按自己意愿答出问题的问答题型为主,也就是我们常说的填空题。


开放式的优势是经常会收集到一些意料之外的信息,且都是用户直观的感受。但正是由于它的开放性,会导致问题的答案很不规范,经常会出现用户的回答和问题不相符的情况。这类不规范的回答无法使用数据分析方法,严重影响最后的分析效率。


比如说我们本次的问卷目标是调研影响用户搭讪率和回复率的因素,其中有道填空题:

问题:您在搭讪聊天的过程中,有什么不满意的地方?或有什么建议?

回答:不太清楚、不知道等词语。


  • 混合式:指的是封闭式+开放式组合,常见的是在封闭式的答案下,用户选择一个答案后,会出现一个输入框,填写用户自己的看法,根据不同的情况,输入框分为必填和非必填。


问题产生的依据

*问题的产生要有理有据。


我们本次调研的目的,主要是为了帮助用户解决问题,所以在问卷的设计过程中,要问自己两个问题:

  • 找到用户遇到了哪些问题?

  • 造成用户遇到这些问题的原因有哪些?

步骤一:通过用户使用路径差异,定位问题

通过对比路径和数据漏斗,发现并记录用户在使用过程中遇到的问题。

如下图,是一个简化的用户路径和漏斗数据,主要分析的是“首页 - 发送消息”这条核心路径,可以发现:用户流失最大的地方在“查看用户资料 - 进入IM页”这一阶段。


当定位问题后,还需要通过福格模型来拟定问题和答案。



步骤二:通过福格模型,分析影响因素

福格模型认为,行为的发生,有 3 个关键的要素,并且需要 3 个要素同时发生才能产生作用,也就是动机、能力和提示:

  • 动机:做出行为的欲望。

  • 能力:去做某个行为的能力。

  • 提示:提醒你做出某个行为的信号。


*之前的版本为 B=MAT,其中 T 是 trigger 触发的意思,后续迭代成 B=MAP,P 是 Prompt 提示的意思,但是提示和触发的差异并不大,不必纠结。



当我们利用福格模型去分析“查看用户资料 - 进入IM页”的流失问题时,就变成了:

  • 动机:对方资料页的哪些信息对用户的吸引力高?哪些吸引力低?

  • 能力:阻碍用户点击私聊的原因可能是什么?按钮是否在拇指可触控区域?

  • 提示:用户是否注意到了私聊的存在?怎样在不打扰用户的情况下让用户注意到私聊按钮?



针对MAP这三个因素,预测用户在各个使用场景会遇到的困难,总结成问卷,向用户求证。




问题筛选

我们通过上述方法设计出很多的问题后,时常会出现问题很多,“我全都要”的情况。

步骤一:通过属性,对问题进行归类

这里提供给大家一个思路:根据属性不同,对所有问题进行归类。当然,有时候会遇到这样的情况:有一些问题没有明确的属性进行定义,但是又很重要,这种问题可以统一概括为其他。



步骤二:问题筛选

归类完成后,从每一个属性中,选出固定数量的问题整合成问卷,筛选的标准以目标结果为导向,也就是每个问题和本次问卷目标的关联性,关联性强,则纳入问卷,反之则剔除。


这样做的好处是在最后的问卷结构上,可以把相同属性的问题放在一起,保证上下问题的逻辑性和相关性,用户作答时不显得别扭。




3.3 问题数量

问题的数量没有固定的要求,根据不同的业务、不同的问卷目的,问卷的数量都是不同的。

通常情况下,问卷中的问题越多,所得的数据就越详细。但是问题越多,用户的投入成本也就越高,这样就会导致填写意愿降低。


我们公司平时的问题数量,基本会控制在15个左右,为的是让用户能够在半小时内填写完毕。因为用户填写问卷的耐心和时间都是有限的,所以在问题的数量上,不宜过多。


提问技巧


由浅入深

  • 按照问题的难易程度进行排列:问题应该先易后难,由浅入深,先问正面的问题,后问负面的问题,先描述客观问题,后描述主观问题,先一般性质的问题,后特殊性质的问题。


  • 按照问题的类型进行排序:排列问题的顺序时,要注意把不同类型的问题放在一起,这样用户可以一起回答,避免破坏用户的思路和注意力。


  • 按照问题的时间顺序进行排列:一般来说,问题应该按照事情发生的过去、现在、未来的时间顺序进行排列,也可以发过来,即由近到远。


提供场景预设,帮助用户回忆

在设计问题时,避免回忆性问题,特别是长时间以前的回忆,记忆的模糊会降低答题的准确率。


因为人的记忆是呈碎片化存储在大脑里的,直接问用户是很难被搜索到的。但是,在实际调研中,经常会出现不得不让用户回忆的情况,针对这种场景,需要在问题当中构建出一个具象的场景,这里的场景可以是时间、地点或者产品功能等,能够帮助用户串联起回忆的都可以。



举个例子:比如我现在想调研用户使用发布模块的情况,那么在问题设计时,就会围绕发布相关的场景进行提问。



保持客观,避免导向型问题

如果问题中带有偏向性的语境,这样就可能引发“诱导”,会导致用户选择问题“暗示”的答案。


举个例子:


避免范围很大的问题

如下图,单看修改前的问题是没什么对错的,但聊天只是我们产品的功能之一,它由1v1聊天、群组聊天等多个功能组成。这样就会造成用户回答的内容很宽泛,很难提取出有价值的信息。所以在问题的修改上,我们需要更加具体的指向性内容。



避免一个问句,两个问题

一个问句中,出现两个及以上的问题。这个很简单,我们直接用上面学到的MECE原则进行拆分就可以了,直接分成两个问题提问。



避免术语、黑话

在设计问题时要避免使用专业性术语,通俗易懂的语言容易被不同画像的用户理解,避免误会而引起的问答偏差。有些用户可能因为不知道“算法”的具体意思,导致问卷无法进行。



避免双重否定句式

双重否定就是否定两次,即表示肯定的意思,如:不得不。这种句式的问题,用户通常不能一下子就读懂句子的意思,增加答题成本。



敏感问题

  • 转移法

不直接询问用户对某事的观点,而是把问题转移到其他人身上,然后,请用户以第三人称的视角,对他人的回答作出评价,更能得到用户真实的想法。


  • 假设法

首先假设某一情景或现象的存在,然后再询问用户的看法。


3.4 答案设计

答案设计的注意事项

答案的设计最后会影响数据的有效性,所以在设计上需要注意以下三点事项:

  • 具体量化:避免主观描述,比如,偶尔、经常、几乎、相当多。这类词语在不同的情况下,不同的用户会有不同程度的理解。

  • 避免无效数据:特殊情况下,提供无效答案,比如其他、以上都不是等选项,避免给出的答案都不是用户想要的,随便选一个,影响最后的数据分析。

  • 避免多选:多选的话设置上限,一般不超过三个,可根据具体情况增加或减少。


3.5 问卷评审

内审和外审

在内部评审之前,首先要自审一遍,这就要求我们在设计问卷后,最好是站在问卷回答者的角度,试着自己做一遍问卷,避免出现一些比较常规性质的问题,比如问卷的逻辑性、用词的通俗性、语意的表达等。


问卷自审后没什么问题后,可以邀请项目组的人进行内审,最好可以拉上开发、产品一起,提供多角度的思考方向。


4. 问卷发放

问卷发放主要从时间、地点、人物三个维度出发。

4.1 时间:

在问卷的发放和回收时间之间,需要考虑用户看到问卷的时间和答题时间。


根据问卷的曝光程度,留有足够的时间让用户能够看到并点击问卷,如果发放和回收中间留的时间过短,会造成用户可能没看到问卷,或正在答题中,就已经开始回收了。这种情况会导致用户在没有完整阅读题目或者充分思考的情况下,随便作答,无法获取足够的样本数据和用户的真实想法。


当然,发放和回收中间留的时间也不宜过长,时间越长,用户忘记调研问卷这回事的概率也就越大。


4.2 地点(投放方式):

投放渠道,由于我们的体验工作一般围绕APP进行,所以我们的渠道主要分为以下几种:


  • app消息推送(push)

优点:可实现精准投放

缺点:受限于设备的消息开关,打扰性强


  • app广告位推送:启动页,banner,信息流等形式

优点:由于是用户主动点击进行,所以有效性较高

缺点:广告位多为全量投放,无法保证用户参与度


4.3 人物:

用户和问卷的匹配关系:问卷的调研对象必须是我们的用户。也就是说,如果投放的用户和问卷不匹配,那么最后得到的数据是没有意义。


并且在分发方式上,还会根据规模分为部分和全量。部分就是针对用户分群后的具体用户,有选择性的进行问卷发放。全量则是针对平台所有用户的问卷,这种由于平台的用户类型很多,资源浪费等问题,基本不太用。



5. 问卷整理:数据清洗

5.1 有效问卷的数量影响最后分析的准确性

在前文关于问卷的特点中我们提到,用户回答问题的场景是不可控的,可能会出现瞎填的情况,如果我们回收问卷后立马进行分析,会混入一些无效数据,大大降低我们调研结果的可靠性。


所以,在正式进行数据分析之前,还有一个问卷筛选的环节,以此保证数据的有效性,专业名称叫做数据清洗。

 


5.2 筛选无效问卷的标准

既然涉及数据清洗,那么就一定会有一套标准去判断哪些数据是可以“被清洗”的,所以我们这里总结了以下几个标准供大家参考:


  • 选项呈重复性和规律性

检查答案是否出现保持一致,或呈现某种规律的情况,出现的问卷进行删除。

举个例子:所有的答案都是“A-A-A-A”或”A-B-A-B”


  • 剔除漏答数过多的问卷

严格来说应该将漏填的答卷全都进行剔除,但有时候会遇到回收样本量很少的情况,所以一般会设置漏答数的标准。

常用的标准是总题数的2/3,例如问卷一共设计了 10 个问题,回答了 6 个以上的用户即视为有效问卷,反之,则视为无效问卷。



  • 前后逻辑不符

有些用户受主客观因素影响,可能不会认真选答案,所以需要检查前后的选项是否矛盾。

在问题的设计中,经常会出现多个问题之间保持逻辑关系,如果用户选择了前一题“A”,则不应该选择后一道题的“B”。


举个例子:用户在前一题中选择了“从未搭讪过”,后面却又选择了“搭讪后没有人回复“,这种就可以视为前后逻辑不符的答卷。


如果问卷中实在找不出可以用来表示逻辑关系的问题,那么也可以设置一个明显错误的答案,最后统计问卷数据时,剔除该问卷即可。

当然问题的迷惑性不能太强,我们只是想要检验用户是否在认真答题,而不是为难用户,所以认真阅读问题和答案就不会出错。


  • 未按问卷所指示之题项填答

举个例子:第1题问:「请问您使用过语音功能吗?若没有,请忽略第 2 题」,如果用户第1题选没有的,却仍回答了第2题,那么就可以把该问卷视为无效。


  • 根据填答时间和提交时间处理

在发放问卷前,我们会进行答题测试,目的是估算出答题所需要的总时长,以此作为问卷答题时长的有效性依据,如果最后回收的问卷答题时间比预估时间过长或过短,就可以判断为答题不认真,都可以根据业务需求酌情剔除。


提交时间主要针对的是在规定时间内完成答题,但超过了提交时间的用户。比如说我们回收问卷的截止时间是12月7日,但是有的用户是在12月8日完成答题并提交的,也会被视为无效问卷。(市面上有些问卷工具,可以回收设置时间,超过规定时间提交的问卷不计入问卷回收。)


6. 分析报告

统计各选项的数量、频率是最常用到的分析方法,然后通过图表展现出来,可以非常直观的看出整体分布情况。具体可以分为趋势分析和分组分析两种方法。

6.1 分类筛选

顾名思义,分类筛选是根据类别来进行数据筛选的一种方法,常用的类别有:

  • 按回答筛选:根据题目中某道题进行筛选分类。使用场景如:需要分别查看男、女性的数据,或者是按部门查看数据。

  • 问卷提交时间:顾名思义按提交的时间筛选(以天为时间单位)。

  • 来源详情:如链接地址、邮件地址、手机、PC等。

  • 地区:省份、城市

  • 其他类别:比如得分、IP地址等。


举个例子:如下图,选择的筛选条件是问题回答+提交日期。最终选择的类别为:年龄在21-30岁之间的用户,且2021/12/23之前提交问卷的用户,最后得到的有效答卷是 44 份,这就说明满足该筛选条件的用户有44人。




此时,系统会把这44个人回答的其他问题也全部筛选出来,如下图:

44个人当中,有7个人搭讪过 1 次,9个人搭讪过 2-5 次,4个人搭讪过6-10次,5个人搭讪过 10 次以上,剩下19个人从未搭讪过。




6.2 交叉分析

除了分类统计,我们还可以通过交叉法,进行差异分析,找出影响因素。


交叉分析法通常用于分析两个及以上的变量关系,即同时将有一定联系的变量及其值交叉排列在一张表格内,形成交叉表,从而分析交叉表中变量之间的关系。



听上去有一些麻烦,但是现在的很多问卷平台都会提供交叉分析的功能,下面会以问卷星为例,简单的了解一下交叉分析的具体流程。



步骤一:点击问卷后台的统计页面,选择交叉分析,选择自变量X和因变量Y,点击交叉分析。



步骤二:得出“分析年龄和关注信息之间的关系”数据表现。

当数据都放在一起分析时,很难看出年龄和关注信息这一行为的关系,但使用交叉分析之后,可以聚焦每个年龄段对于关注点的偏好,针对性的给出优化方案。

  • 20岁以下的用户中,最关注的是颜值,占比为63.64%。

  • 21-30岁的所有用户中,最关注的是年龄,占比为67.86%。

  • 31-40岁的所有用户中,最关注城市,占比为76.92%。

  • 其他年龄的信息偏好等等...




上述的两种分析方法(分类筛选和交叉分析),都是我们常用且方便的分析方法。如果想要更加深入的进行调研总结,可以使用一些专业的分析软件,例如使用SPSS软件,或者导入Excel表格做数据的处理,这都是目前使用比较广泛的一些分析工具。


*重要的不是分析工具,而是对数据的敏感程度和分析能力。

7. 写在最后

至此,从问卷设计到最后的数据分析就讲解完了。


问卷调研不是目的,目的是通过调研得出的结论,指导我们体验的优化方向,问卷调研本身只是了解用户的手段之一,重要的是在问卷设计过程中加深对手头业务的理解。


文章来源:站酷   作者:抓马九七


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

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

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


UI设计新人必须要善用这10个网站

seo达人


01. Behance

https://www.behance.net/

Behance 对于设计师来说并不陌生,作为国外的一大设计平台汇聚了众多的设计大佬,分享了很多高质量的设计作品。

对于 UI 设计师来说,这是我们需要定期访问的网站,里面很多 UI/UX 设计相关的作品都偏向于成套的作品输出。不仅可以让我们学习全案设计的思路,作品包装设计的思路和处理技巧也是非常值得学习的。除了 UI/UX 作品以外,还包括平面、图形、品牌、插画、摄影、动画等等作品,并且质量都非常高。

成为优秀的设计师离不开灵感的积累,这个网站绝对是高质量灵感来源之一。

图片

 

02. Dribbble

https://dribbble.com/

Dribbble 相信很多喜欢 UI 设计打卡的同学比较熟悉,汇集了大量设计师的一些日常创意作品。该网站不同之处是发布作品需要邀请码,就是需要有邀请码的设计师邀请加入才能发布作品,获得邀请码也相当于设计能力获得认可。

整体作品的质量还是不错的,如果当你设计时没有想法,这是一个不错的灵感采集地。

图片

 

03. Pinterest

https://www.pinterest.com/

这绝对是一个灵感采集的绝佳网站,经过众多用户的长期积累,已经汇集了全球大量的优质图片资源,其中设计作品也是非常丰富,且质量都普遍偏高。

你可以通过关键词搜索、画板关注、以图搜图等操作获得灵感,而且相似推荐还能延伸出更多类似构图、配色、主题等图片资源。点击作品还能跳转到原始出处,顺藤摸瓜找到更多优质资源,真的是非常便利。

图片

 

04. Mobbin

https://mobbin.design/

这是一个汇集全球优秀 APP 截图的网站,有超过 50000 个优秀 APP,节省了下载应用的时间,对于 UI 设计师来说非常实用。

同样的应用还提供了 iOS 和 Android 两个不同版本的截图,简直非常的人性化。这是一个使用起来非常简单的网站,海量的设计必将开启你的灵感脑洞。

图片

 

05. Medium

https://medium.com/

这是国外的一个分享专业文章的网站,各行业的大佬们会在这里分享自己的经验和心得,带给新人很大的帮助。作为设计师来说,一些设计技巧和经验的学习也是至关重要的,这里也汇集了很多优质的设计类文章,相信可以带给你更多帮助。

学习吸收国外设计师的想法也是一种扩充视野的方式,这个网站是一个知识吸收层面来说不错的选择之一。

图片

 

06. Unsplash

https://unsplash.com/

这是个人非常喜欢的一个图库网站,在做一些设计作品的时候,我经常去里面搜索符合的图片填充我的设计。这个图库网站的图片都是可以免费商用的,而且你无需注册也可以下载使用里面的图片,是不是非常的人性化。

网站提供了很多的图库资源,在搜索的时候采用英文搜索资源会更丰富一些。

图片

 

07. Zhongguose 中国色

http://zhongguose.com/

你知道茶花红是什么颜色吗?苋菜红你可能名字都不一定听过,中国有很多传统复古的颜⾊,这个⽹站相信会给你想要的答案。

当我们在做一些传统文化项目或者需要用到国风味道的配色时, Zhongguose 这个网站列举了很多中国色,提供给设计师进行配色参考。

图片

 

 

08. Designspiration

https://www.designspiration.com/

该网站除了通过关键词搜索图片内容以外,在搜索栏有⼀个调色板的图标,点击可以通过指定的颜色进行搜索相关配色的图片或者设计。在选择颜色的时候不是单一的色彩选择,可以选择几个配⾊组合进行搜索,对于设计师来说⾮常实用。

图片

 

09. Adobe Color

https://color.adobe.com/zh/create

该网站是 Adobe 公司开发的,主要功能就在于超级方便的色彩选取。它提供免费的⾊彩主题,我们可以在任何作品上使用它们。我们也可以选择不同的调色规则,然后使用交互式色盘、亮度以及不同颜⾊模式的滑块来建立颜⾊。

图片

 

10. 51学设计-设计规范

http://51xsj.cn/index.php?s=/index/design/categorylist.html

最后给大家推荐一个黑马哥自己的网站 – 51学设计网,本次主要推荐的是里面的设计规范栏目。为了方便各位 UI 设计师熟悉各大平台的设计规范,专门为大家整理了常用的设计规范合集,让大家更方便获取相关的资源。

当然,还有黑马家族平时推送的一些文章合集也收录在里面了,还有设计书籍栏目也是不错的选择。

图片

 

小结

灵感的积累来源于日常的不断吸收和总结,今天分享的这些网站如果大家可以经常去逛一下,相信可以带给你很多收获。本期先给大家分享这 10 个网站作为抛砖引玉,希望可以带给大家更多帮助。

 

原文地址:黑马家族(公众号)

作者:黑马青年

转载请注明:学UI网》UI设计新人必须要善用这10个网站

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

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

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

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



组件固化、布局确定,如何对B端页面进行大的改版?- B端问答

seo达人


 

Fiori

在SAP的 Fiori 设计系统当中,同样它也进行过多次的改版:

从最初的 Fiori 1.0版本的Blue Crystal

图片

再到 Fiori 2.0版本的 Concept Design

图片

而Fiori 1.4 版本的 Belize

图片

而除了视觉风格的改变,更多是交互形式的一点点优化,而优化并不等于颠覆,更多是想在原本的设计框架下去调整错误的交互形式,在一些细节点上去做创新。

感兴趣的读者可以复制下方链接去看看 Fiori 的一点点改变:

https://zhuanlan.zhihu.com/p/54476972

 

Lightning

图片

在 SalesForce设计团队的 一次 YouTube 直播分享过,讲到一个问题:如果想要对当前的系统进行一次小范围的迭代,所耗费的资金可能会达到数百万美金。

因为当你进行了改版过后,企业需要通知用户有哪些改版内容;而销售则需要对大型企业进行培训;作为产品设计者你需要引导用户,提示他修改的点;

你上面所做的一切并不能覆盖所有的用户,就像我这篇文章虽然大家都会转发,但是也不是所有的B端设计师都能看到(不过大家也一定要多多转发)。

而很多用户不知道,也就意味着他可能需要去翻阅帮助文档、咨询客服。

这一系列的付出都是需要成本,因为不能简单站在一个设计师的角度去分析改版,更多需要你多去理解改版究竟会带来什么,特别是产品成熟阶段。

而SalesForce 的案例并不是劝退设计师改版,而是在改版之前需想清楚自己的真实需求,哪怕是视觉上的好看,也要确定你的设计与其他版本之间的差距究竟有多少,来验证自己的设计。B端设计目前难点不在设计“好看”的页面,而是如何讲清楚你设计的页面是合理的。

 

Element Plus

图片

这里也和大家聊聊 Element,不知道有没有细心的读者发现Element最近正在更新 Element Plus。

而关于Element的版本迭代,则是因为技术的原因。

如果你对基本的技术框架有那么一点点的了解,你就会知道 Element 是基于 vue 进行搭建的,而最近的Vue 3.0 的出现,也就意味着 Element 需要进行一次全新的迭代。

这是 Element 的技术迭代大背景下,而他的迭代过程,就需要将之前element系统当中一些基础内容给优化,调整来满足现如今B端市场的设计需求。

最近也在与 忠忠 一起负责 Element 的设计系统优化改版,如果你有设计系统相关经验,有充足的时间,可以微信咨询我。

 

总结

其实B端设计,更多的是优化、迭代,想要颠覆,会付出很多代价,正因如此它和C端不同,也正因如此才叫做B端。

 

原文链接:CE青年(公众号)

作者:CE青年

转载请注明:学UI网》组件固化、布局确定,如何对B端页面进行大的改版?- B端问答

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

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

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

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


日历

链接

个人资料

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

存档