首页

如何提升表单的易用性及数据量化

资深UI设计者

表单在B端产品中是重要的组成部分,设计表单是比较考验设计师综合能力和设计细节的。一定程度上,表单设计的好坏也决定了产品的成败。


在实际项目中随着B端产品的复杂化,出现冗余的视觉干扰信息,降低信息传达的效率,使得用户认知成本高,操作难度大。那么对于表单如何提升表单的易用性又该如何数据量化易用性呢?本文从4大方面阐述全面提升表单的易用性并验证。


一、表单的构成及应用场景


表单由表单标签、表单域、提示信息、操作按钮组成。


二、为什么要提升表单的易用性


在我们设计B端产品的过程中,总会遇到用户信息填写逻辑混乱、资料收集不全的状况,导致用户在浏览和编辑时的操作体验大打折扣。主要反映在以下几个方面:


1、用户浏览信息顺序混乱,信息层逻辑不清

2、不同信息内容风格及交互不统一,用户难以建立统一心智

3、产研协作与资产沉淀之间有断层,无法有效沉淀与跟踪管理

4、整体页面操作时间长,用户跳脱率高

5、用户客诉数据高



三、如何提升表单易用性


提升表单易用性的4大原则:易阅读 、易操作 、安全感 、所见即所得


1、易阅读


a、采用扁平化设计,化繁为简,去除冗余的视觉干扰,使得页面更加简洁清晰。

如:当必填特别多时,就不用都标出来了,只需要单独标出非必填项即可,最大化得信息降噪。


b、尽量采用单列布局,视觉动线流畅,不容易遗漏信息;按Enter换行,可以最大程度得提升表单的输入效率。此处的用户心智与操作效率比屏幕利用率更为重要。


c、面对多行或复杂表单可以采用逻辑分组+合适的折叠度,提高页面有效信息的透传,增加用户填写表单的效率,让用户快速填写,快速离开。


2、易操作


a、为用户提供合适的默认项,可以减少用户操作步骤,提高填写效率。


b、在表单中填写上部分信息即可自动获取下面信息,无需用户再次填写,也大大增加了操作效率。


c、根据搜索、联想,自动现实匹配信息,大大减少用户记忆和认知的负担。


d、对于一些标准证件、文本信息的录入,可以通过OCR识别文件内容。当用户上传图片后,运用图像识别技术提取关键信息并自动录入。

如果图片不清晰或存在水印,此时也应提供修正渠道,可逐一校对并修改。


3、安全感


a、操作前给予正确提示,避免用户重复试错,缺乏安全感。


b、操作中给予实时反馈,为用户封闭不正确的道路。


c、操作后的提醒和纠错,告诉用户哪里错了,而非简单粗暴的错误警告。


4、所见即所得


边设置,边预览,适合对移动端、小程序、H5的配置。


四、如何量化体验度量衡


通过用户点击数据,辅助设计洞见。从4个方面量化体验度量衡:任务完成率、任务完成时长、必填项目数、易用度评分


1、任务完成率

通过埋点获取数据使用公式进行计算或让技术搭建看板直接看。新版上线后,用户会有一定的学习适应周期,最好选取一个月以后的数据,比较具有参考意义。


2、任务完成时长

数据分析发现,任务完成时长数据呈现伪正态分布状态,取众数最具代表意义。


3、必填项目数量

结合业务场景,减少不必要的必填项,只设置必要的信息填写,能自动获取则自动获取,减少操作步骤,增加操作效率。


4、易用度评分

通过在产品后台投放调研问卷,获取真实的用户,使用登门槛效应让其进行评分。最后可把被筛选的对象圈到访谈对象池,有机会可以成为产品成长用户。


五、总结


以上就是对于提升表单易用性及验证的思考,总结如下:


对于用户来说

提升表单易用性可以提高信息内容理解和操作效率,更便于管理账户

对于产品来说

提升表单易用性可以提升获取用户和企业信息内容的效率,优化企业框架结构,提升信息质量

对于设计来说

提升表单易用性可以提升信息获取效率,节约设计和开发成本


文章来源:站酷   作者:牛肉咖喱garry 

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

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

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

B端问答 – 给新手B端设计师的四点建议

seo达人


一、改变固有的思维方式

每个人,在处理自己熟悉的事物时,往往都会有 「思维定势」。我们在设计页面时,会去考虑用户的思维定势,而在处理设计问题时,也是同样的道理。

在与许多 C端转B端的资深设计师 交流过程中会发现,他们在去处理 “问题” 时,仿佛还是按照之前的思维定势。也就导致在工作过程当中遇到诸多麻烦,比如:

  • 领导抱怨其经验不够,但他又是一位从事多年的设计师
  • 在处理设计需求时,只会在乎“表面问题”
  • 在团队中得不到重用,名副其实的组件设计师

究其原因是在C端时代,设计师的口中都是围绕着用户进行展开;

图片

而到了B端时代,我们聊的就不再是用户,而更多是营收,是流程、是业务。

图片

因此在去处理B端需求时,设计风格就一个“表面工程”,并不是说它不重要,而更多是为了服务产品真正的“灵魂”。

回过头去看作品集,我们要求的就不是:你作品集的排版究竟有多好、我选择了什么好看的字体、用了哪些亮眼的配色,而更多是从你的作品集当中,看出你的思考,通过你在交互流程上的调整,产品进而得到哪些优化。

 

二、跳出自己的舒适圈

在自己的舒适圈,可以理解为 安逸”。

安逸这个词,在我一个成都人面前,简直“不值一提”,它既能够表达你对于当前状态的一种赞叹,同时也是对别人的一种羡慕。因为在说安逸时,我们往往只会说别人过得多么安逸。

很多人会认为,跳出自己的舒适圈不就是内卷么?

但是我更愿意把它理解成一种学习态度,因为刚接触到的B端事物,一定是全新的,打破你之前认知的东西。比如 聊低代码产品,我们肯定会去说 对象、布局、配置表单。

而这些东西,稍微延展都是非常多的内容,如果你从事多年B端设计过后,你会发现你越来越像一个产品经理,只是因为大家站的立场会有所不同,所产出的内容会存在些许差异。而如何了解业务?可以看看之前的文章《B端设计师如何快速了解业务》。

当你产生焦虑的时候,就特别想要跳出舒适圈。我自己也是一样,之前上班工作时,每天早上10点到岗,我却在6点50的天府三街沉浸学习,这也能够有充足的时间去做工作以外的事情。

图片

 

三、选择更有潜力的行业

在B端产品当中,行业选择是非常重要的一件事。因为想在这一行业深入发展,一定是需要陪伴企业走过 2-3 年,并且在后续的跳槽过程中,行业属性是你非常重要的标签。可以看到各类招聘信息当中都明确指出行业的重要性。

因此选择一个更有潜力的行业,能够在后续的职业生涯当中,加分不少。这里给你们推荐一些出名的企业与前景广阔的行业(感谢4群同学的分享~):

图片

想要高清图片,可以查看公众号原文, 点赞/在看 原文章,然后截图私信CE青年的微信即可(vx:ceqingnian)。

 

 

四、专注深耕某一领域

看似与上一条重复,但是想要给大家讲得关注点会有所不同。

这里的重点是深耕,因为在与一些工作 2-3 年的B端交互设计师的接触过程中,会发现他们对于自身业务仿佛并不了解、甚至有些陌生。而深耕某一领域,也就意味着你在一个行业有着专家级的水平。而后续的跳槽,也可以通过你自身的实力,快速上手该行业的对应业务。

而深耕虽然会在职业发展的后期带来诸多困境,但是不得不说在B端市场的前期,能够教会你很多分析B端问题的道理。

 

总结

B端设计与C端不同,业务形态上就会存在巨大差异。同时在工作的态度上,不建议大家过于浮躁,因为B端需要较长的研发过程,导致需要你能够在某一个行业深耕,因此在职业发展上,希望能够做出谨慎选择!

 

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

作者:CE青年

转载请注明:学UI网》B端问答 – 给新手B端设计师的四点建议

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

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

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

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



工作经验|设计资产库中的组件,应该如何命名?

seo达人



组件的命名方式

设计系统的基础工作之一就是给组件命名。这个工作看上去并不起眼,似乎还有些机械重复,但实际上却需要具备严谨的逻辑和对细节的锱铢必较。

组件的命名方式并不唯一,你可以按照你对组件构成的理解,来规划你的命名逻辑。下图以我工作中用到的一款组件库为例,呈现出组件的命名逻辑:

图片

可以看到,我们在命名时分了 5 个层级,依次是类别,元件,模式,等级,状态

 

1、类别

类别指的是组件最本质的作用和宽泛的应用场景。通常我们会分为:通用、导航、数据录入、数据展示、反馈等几个类别,类别以及其中的部分组件如下图所示:

图片

 

2、元件 / 组件

元件即具体的、单一的组件,比如 “导航” 这个类别下就包括了固钉(返回顶部)、面包屑、下拉菜单、导航菜单、分页、页头、步骤条等几个组件:

图片

 

3、模式

目前的模式通常会分成暗黑模式(Dark Mode)浅色模式(Light Mode)两种,但随着对用户体验的不断重视,未来也有可能会出现 “护眼模式”、“色盲模式”、“高对比度模式” 等模式。

 

4、等级

等级的分类和数量由组件的基本功能和在产品的具体需求决定,有些组件比如 “分页器”、“面包屑” 通常只有一个等级,在命名的时候就可以不体现;而有些组件如 “按钮”、“标签页” 、“导航” 则会有多个等级:

图片

 

5、状态

状态即组件在交互时的变化样式,通常包括普通(默认)、悬浮(悬停)、点击、失效(禁用)等,根据不同组件的特性,也可能会包括危险提示、聚焦等状态。

根据上述这个规则,我们就可以对所有组件进行有规律的命名,下图中组件悬停状态的命名为:Navigation/Sidemenu/Light/Primary/hover

图片

图片

 

组件命名的注意事项

在给组件命名的时要注意以下几点:1. 含义清晰

组件的命名能够清晰的体现组件的性质和状态,不要仅仅使用数字 1、2、3 来代替状态。举个例子,你的产品品牌色主色名称的结尾应该是:“……brand/primary”,而不是 “brand/blue1”,或 “brand/ #E60326”。

除了色板,我们对于组件也是要尽量清晰的描述组件的类别和状态,而不是它的外观。比如按钮在“悬停状态”的时候是浅蓝色,你命名到 “悬停” 的状态就可以了,这时你的按钮名称后半部分应为:“……/button/primary/hover”,不需要提及按钮的颜色变化。

这种命名结构可以最大程度上确保组件与系统一起发展,如果当主按钮的颜色发生变化,你也不必在整个系统和组件中更新其名称。

 

2. 遵守逻辑

命名结构要有逻辑,名称根据一定的逻辑结构进行推导,以便于当组件有新增、或组件库有革新时可以顺畅的添加和修改。

由于不同组件的等级和状态千差万别,建议你也可以先梳理出上文图中的命名逻辑层级表,按照表单进行工作,简单清晰,也方便团队的其他设计师一同协作。

 

3. 良好习惯

养成良好的工作习惯,建立标准的工作流程和规范,包括:

  • 用斜杠 “/” 分隔单词
  • 不要随意添加空格
  • 仅使用小写字母
  • 尽量使用英文单词
  • 修改内容后及时同步给团队等等

 

在公众号后台回复 “组件”,会看到更多与之相关的干货讲解。如果你还有其他与组件相关的问题,欢迎向我提问。

 

原文链接:长弓小子(公众号)

作者:元尧

转载请注明:学UI网》工作经验|设计资产库中的组件,应该如何命名?

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

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

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

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




情绪版还能这样做?难怪大厂的设计师那么强

seo达人

图片

 

在我们平时的工作中,经常需要创建各种各样的情绪板:用于品牌、App、海报、服装……等涉及到设计领域,但我经常会发现在整理素材和归纳的时候,很容易遗漏某些步骤,或者创建过程晚了被客户拒绝,所以我决定写一篇总结文章,其中包含一系列技巧和工具。

图片

 

什么是情绪板?

有些人将其称为风格图、参考图,但它们之间的差异存在争议,但总而言之,它是一组图像,把它们汇总在一起代表品牌(或项目)将采用的视觉方向。

我们可以将情绪板的作用总结为三个主要目标:

  • 为视觉设计过程奠定基础
  • 建立了品牌的世界观
  • 提供视觉标准,便于以后的视觉延展和一致性

 

如何制作情绪板

我在刚参加工作时的项目中所犯的第一个错误就是收到一个新的设计需求简介后,就立即疯狂收集参考图,我想这是与品牌匹配的,没有任何问题。(然而这样的设计方式非常错误且痛苦)

现在看来,与之相反的,应该先花点时间分析下设计需求简介,让自己真正了解品牌的背景、历史、未来计划、行业、竞争、目标受众、品牌信息和价值主张。如果以上任何一块缺失并影响了创建情绪板,你最好都需要先跟需求方沟通清楚缺失部分的细节。针对这些缺失的细节发送品牌调查问卷,避免甲方推翻重新设计,影响设计进程。

图片

情绪板在品牌推广过程中占有一席之地,但在一开始的时候肯定是没有的。假设你已经从客户那里收集了所有信息,现在我们准备进一步推进情绪板创建的实际步骤:

1) 研究并搜集参考

2) 排版和优化

3) 情绪版展示(可选)

接下来,会详细的为大家分享每一个步骤。

 

研究并搜集参考

在我开始找图之前,我喜欢把需求介绍中的形容词或其他关键词放在自己面前,这样我就可以检查研究的内容是否与关键词产生共鸣。

图片

图片

另外,不要忘记还要了解目标受众和市场细节!

在我们谈论研究之前,我想分享几个我喜欢使用的图像收集工具。

Pinterest 几乎是图像收集的首选工具之一。你们中的许多人可能已经在用了, 优点是很容易设置收集画板,并且关联图片和以图搜图都非常方便,而且还是免费的。

图片

Sample board from Pinterest 来自 Pinterest 的样板

 

(彩云注:原作者这里还介绍了另外两款工具,但经过彩云的研究,发现不那么好用,不符合中国设计师的使用习惯,所以我去掉了这部分的内容。)

你也可以直接保存到桌面。但我喜欢用工具进行整理,所以当我完成研究过程后,我至少对于搜集整理方面的工具有一个广泛的了解。

一个非常新的收藏工具叫做  mymind ( https://mymind.com ),由设计师 Tobias van Schneider 开发。这是一个浏览器扩展程序,它可以帮助你保存图像、文本、视频、完整的文章、产品或其他内容,方法是使用插件扩展或右键单击添加到一个大集合(收集上也可以用)。

这是对不太喜欢打标签和分组的人做的工具,因为它会自动搜索已保存材料之间的联系并添加标签,因此在某些方面要比 Pinterest 更易于搜索

好了,工具够用了!你准备好获得灵感了吗?在开始搜索之前,我们需要记住我们之前定义的那些品牌形容词(工业、坚定、空灵等等)。

因为我知道搜索过程会让我陷入困境,所以第一件事就是给自己设置一个计时器(对我来说大部分搜索收集图片时间是 1.5 小时)。

图片

我首选的工具是 Google 和 Pinterest,重要的是在这个阶段不要把自己限制在任何事情上并保存所有吸引你眼球的东西,这样你就有足够的材料可以使用。

我会有针对性的找一些关键元素来向客户(或我自己)展示并在以后为设计决策提供信息:颜色、排版、行业和整体氛围、包装、摄影、插图风格、纹理、图案、logo。

这听起来很简单,但如果品牌形容词没有太多引导作用呢?这里有一些提示可以尝试:

  • 搜索类似的词。例如,在Solomo的例子中,一开始我试图搜索功能,但这样搜索出来的可能全是无聊的办公场所,所以我会尝试寻找同义词。
  • 如果没想法的时候,尝试关掉电脑并闭上眼睛想想,当我听到这个词时我会想到什么,这也有帮助。
  • 如果你和和团队有时间的话,可以组织一场脑爆会一起讨论探索想法,让更多人参与,这样也能快速帮助你找到灵感。

分享一些我常用的额外资源:

[Designspriration] — 精选灵感搜索

[PICDIT] — 高级摄影作品网站(彩云看了下貌似近期没有更新了,但以前的内容还是值得一看的)

[Flickgraphics] — 艺术排版灵感库

[Adultartclub] — 艺术摄影灵感库

[Dayinthelandofnobody] — 艺术摄影

[Visualgraphic] — 版式灵感

[typophile] — 排版灵感

[logos.ai] — 排版和logo

在你收集了一堆图片之后,接下来我们将看看如何处理它们。

 

排版和优化

1. 选择一个工具(Canva、Figma、Miro 等,彩云经常用sketch)

将图片组合成可展示的格式。我建议选择一些客户无需安装即可轻松使用的东西,这样反馈周期会更短。如果平台也有一些主题选项,那就太好了,例如,你可以根据客户的品牌颜色对其进行定制,并且可以将相同的结构重新用于不同的产品。

 

2. 挑选和组织图片

将每个图片下载到本地并把它们归纳分配在相关的风格或品牌形容词下。

图片

如果只需要部分图片,记得裁切好需要的部分。

 

3. 将图片进行排版分组

在组织这些图片时,首先要记住的是颜色。我们需要避免用户在单个对象上花费太多时间,也不是自然地从一张图流向另一张图。

你可以尝试限定好图片的数量,对我来说10-15是一个很好的起点。

图片

彩云也收集了一些比较优秀的情绪版排版供大家参考

图片

图片

图片

图片

图片

图片

 

4. 检查并最终确定方案

如果你已经到了这个阶段,那就太好了!现在是时候对最初的品牌形容词做检查标记,看看情绪版是否整体传达了品牌氛围。

图片

在情绪版中有一个能自检的列表非常不错,我们要问自己的问题:

  • 客户可能会过于字面理解吗?
  • 情绪板是否反映了品牌气质?(逐个检查品牌形容词)
  • 有什么特别突出的地方吗?
  • 品牌所处的环境是否合适?

如果一切都考虑妥当,就该进行情绪板演示了。 最后,我收集了一些最终笔记,它们可能有助于你将其展示给其他人。

 

情绪板展示

如何与客户交流情绪板?

提醒客户不要从字面上理解任何内容,情绪板上的任何元素都不意味着要对他们的品牌(或项目)进行一对一的翻译。例如,如果在一张图片上有紫色的魔方飞来飞去,这并不意味着品牌会用魔方做任何事情,可能是形状,也可能是颜色。

强调这是品牌所在的视觉世界,而不是具体的元素。总而言之,鼓励客户关注整体,而不是个别部分。

如果在这个阶段一切都很糟糕并客户不认同它怎么办?

图片

事情可能会出错,但请记住,我们可以随时后退一步,然后再前进。是时候回到关键词了,尤其是基调部分。这时候与观众一起仔细阅读每个词,并质疑相同的词是否仍然与品牌愿景产生共鸣,这是很有帮助的。

如果答案是肯定的,那么最好再进行一次会议,以了解观众根据关键词所想象的内容,以便下次符合预期。我的经验是,如果情绪板与观众或决策者一起策划,很容易获得早期支持以避免这种情况发生。

如果答案是否定的,可能要探索品牌愿景是否有任何变化,并从问卷开始回到开头。尽管这一步看起来令人生畏,但客户的舒适度确实至关重要,否则当你在整个设计过程中进一步推进时,他们将不会感到这是设计是为他们做的。

 

本文翻译已获得作者的正式授权(授权截图如下)图片
原文地址:medium作者:Peter Javorkai译文地址:彩云译设计(公众号)

译者:彩云Sky

转载请注明:学UI网》情绪版还能这样做?难怪大厂的设计师那么强


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

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

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

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



杰出的作品就是在普通的作品上“搞破坏”

seo达人


 

图片

图片

这样的,

图片

图片

以及这样的。

图片

 

第一眼看过去我只想送他一句:你确定不是在搞破坏?但多看几眼你就会觉得很过瘾,没有这些“搞破坏”的处理方式,这些作品就只是一张普通的图片而已,而被破坏后,它们就成为了一件艺术品,有一种神秘、不安、顽皮的感觉。 
其实很多设计作品也会采用类似的手法,通过把一张普通的图片、一个平庸的版面进行破坏,从而得到一件优秀的设计作品。  
 

01.破坏图片

破坏图片通常有这么几个做法: 
❶ 在图片上面直接排文字
与通常大家刻意让图片与文字处于分离状态、互不干扰的排版方式不同,下面这些作品都是毫不避讳的把文字直接打在图片上,这类型的作品图片通常要比较大,视觉张力才会更强。

图片

图片

图片

图片

 

 

❷ 在图片上面覆盖色块再加文字
这种破坏方式比第一种更绝,下面这些作品直接用色块压住图片,并且还是压住图片比较重要的部分,这种方式可以使得色块上的文字被进一步重视,视觉冲击力极强。

 

图片

图片

 

 

❸ 将图片进行裁剪
比如把一张完整的图片一分为二,可以使画面变得更有趣、更有设计感。

图片

图片

图片

 

02.破坏文字

即通过对文字进行一些特殊的处理,降低其识别性或破坏其结构,但并不会阻碍内容的传达,反而使画面更具视觉冲击力,更令人印象深刻。 
❶ 用图片遮挡文字
为了不阻碍信息的传播,通常只是用图片压住少数文字的局部,或者图片本身有一定的透明度。

图片

图片

 

图片

 

图片

图片

 

❷ 用色块遮挡文字
色块的不透明度通常也是低于100%的,所以效果类似于用有色透明胶贴在文字上,破坏效果杠杠的。
图片

图片

图片

 

 

❸ 用文字遮挡文字 
通常是用另一种颜色、另一种字体的文字,叠加原有的文字上面,形成文字交错的效果,画面的层次感和冲击力会同时得到增强。

图片

图片

图片

 

 

❹ 裁剪文字
对文字进行裁剪再重组,在不影响文字识别性的基础上,使其更有形式感和设计感,裁剪的方式通常为斜切。
图片

图片

图片

 

03.破坏版式

即原本整体排版比较和谐的版面,被某一完全不同的局部排版动作打破,版面效果从安静、平稳开始变得活跃、高调。常见的几种破坏方式有: 
❶ 文本绕排
即文字沿着某个图片或者某一路径的外轮廓进行排版,造成原本完整的文字块好似被挖去了一部分的效果,这种破坏方式比较适合报纸、杂志或画册的排版。

图片

图片

图片

图片

▲上图的色块文字也被当作是图片来处理。 
 
❷ 文字混排
即把标题或者某些关键词,用与版面其他文字完全不同的字号、颜色、排版方式或者字体来排版,使得整个版面被严重破坏,后者的字号往往需要很大。

图片

图片

图片

 

04.破坏背景

即在原本干净的背景中加入图片或者图形,使版面在视觉上变得更加跳跃,但是由于这些元素都是位于背景层,所以对正文不会造成实际性的干扰。需要注意的是:这些图片和图形绝对不会是那种很漂亮、很正规的,否则就达不到破坏的效果。

图片

图片

图片

图片

 

05.破坏文字/版式

比如利用色块覆盖住原本版面中的部分文字,然后在色块上用不同于之前的排版方式排列一些文字,于是就有了双重破坏的效果。当然,被覆盖的文字要么不重要,要么只是覆盖住了局部而已。

图片

图片

图片

图片

图片

06.破坏文字/图片

即通过某种处理方式对版面中的图片和文字进行整体破坏,例如: 
❶ 用色块或图片同时遮挡住原本版面中的文字和图片。

图片

图片

 

 

❷ 同时对版面中的文字或图片使用某种特效,比如错位裁切,这种做法通常是为了表达某种诉求。

图片

 

07.破裂的效果

塑造一种冲破或破裂的效果
比如人物或动物从一张扁平、完整的画面中冲出来,好像捅破一张报纸一样,呈现出冲破的伪3D效果。

图片

图片

再比如把一张完整的画面做出被撕裂或破碎的效果,好似墙壁开裂或者玻璃被击碎的瞬间,这种破坏方式也可以让原本常规的画面变得更有视觉冲击力,以及更有深意。

图片

图片

图片 

做多了干干净净、整整洁洁、很美好的设计,是不是觉得有点无聊、乏味,受众估计也有这种感觉,所以何不搞搞破坏,打破这种安静的状态,给作品一点不一样的东西,这样的作品或许才更有生机。在设计的世界里,没有哪种做法是绝对正确的,也没有哪种做法是绝对不行的。当然这些出格的设计形式最好要吻合品牌的调性,或者能够帮助表达设计内容,不是纯粹为了破坏而破坏。

 

原文地址:葱爷 (公众号)   
作者:葱爷  

转载请注明:学UI网》杰出的作品就是在普通的作品上“搞破坏”

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

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

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

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


做设计这么多年,发现这个技巧真的很实用,但很多人都忽略了!

seo达人


什么是设计中的对比?

图片

对比是设计中的一个重要设计原则,因为对比能够有效组织界面信息,并构建设计层次,通过这样来向用户传递关键重要信息。

合理准确的运用对比原则可以有效的提高设计质感,当然如果过渡使用对比有时候也会适得其反,比如颜色对比过于强烈,反而影响了视觉阅读。

图片
有了对比原则,我们在组织信息排版、质感塑造等都能快速有效的进行设计,下面我们来看看在UI设计中如何应用颜色和形状对比原则

 

#O1.颜色对比

图片
色彩对比中,应用较多的就是色相对比、冷暖对比、明度对比等。两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面,其对比强弱程度取决于色相之间在色相环上的距离(角度),距离(角度)越小对比越弱,反之则对比越强。
图片

色相环

如上图,在色相环上,色相之间的角度大小就决定了对比的强烈程度,因此我们在选择色彩对比时候需要注意。

例如,下面这张设计图就是青绿色与紫色之间的对比,属于色相对比

图片
下面红色和黑色组合,形成强烈的对比。
图片
当然在色彩对比中除了色相对比,还有明暗对比
图片

上图配色色板中,分别应用色相和明度之间的对比。

 

#O2.形状对比

图片

形状对比一般是有规则和无规则形状,比如上面的圆形和液态的有机图形进行组合,前者较为规整,后者往往弯曲且不对称,二者搭配使用可形成良好的对比。

那么在UI设计中的形状对比一般都是在棱角之间出现较多或者图标符号。

图片
如上图几何形状,它在UI设计中一般都是容器形式存在。形状用好了也可以打破传统的固有的规整设计思路,从而在众多产品中形成竞争。
图片
比如这样的形状应用,和现有市面上规整的图形设计形成明显的差异点。
图片
色彩的包装也可以使用不同形状来定义,差异化中图形设计的趣味性。
图片

Google的Materials you Android 12设计语言的出现,将不同形状容器的组合在设计中,演变出多种组件容器,这样的思路,值得我们深入思考与学习,为什么我们之前就想不到这样的思路?

全新Android12,全新设计语言,快来了解下安卓最新系统设计

形状对比在产品设计中的应用有更多无限可能,现在最难的还是大家的思维限制,希望以一种开放的心态去挑战设计更多可能性。

图片
界面中圆形和方形的形状容器混合设计。

 

#O3.大小对比

图片

在UI设计中对比其实就是差异化,实现信息层次的一种方式。在使用大小对比时候,大的元素就需要更大,小的就让它更小,不能拖泥带水,不大不小。

图片

当遇到颜色相同的版式设计,可以通过大小来做层级区分。

图片

上图界面设计中,标题文字最大,周边运用留白,使得信息层级区分更明显。

定位图标最大化显示在地图中心区域,聚焦,引起用户的关注和留意。

好了,今天文章差不多到这,我个人觉得图形的对比用好后将是构建竞争力最有效的设计手段,突破同质化壁垒,大家下去可以多去练练,找到设计的感觉。

 

原文地址: 功夫UX(公众号)
作者: 功夫UX
转载请注明:学UI网》做设计这么多年,发现这个技巧真的很实用,但很多人都忽略了!

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

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

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

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

底部标签栏动效设计 10 佳案例

seo达人


 01.  多层颜色叠加的动效表达  
图标动效是底部标签栏动效表达最常用的形式,动效的形式也是丰富多样,各自都有属于自己的特点。如何才能完美的结合动效进行演变,还能带来差异化的效果,是动效设计过程中构思的主要方向。
自如 APP 的设计整体感官体验都是做得非常不错的,在底部标签栏动效设计中,采用多层颜色叠加动效,呈现出来的动感和视觉感官很棒。多层颜色的变化增强了点击过度的吸引力,结合动效的流畅度强化了状态变化的存在感,能够让用户明确自己的操作路径。
图片 
 
 02.  弹性十足的动效设计 
动态相较于静态表达而言,不仅丰富了感官体验,也带给用户操作的趣味性,动感的体验更能吸引用户的关注度。动效设计的流畅度和趣味性决定了点击欲,动效演变过程中的感官强度决定了用户的记忆度。
喜马拉雅 APP 底部标签栏动效设计,弹性十足的效果让人过目不忘,有种想要反复点击的欲望。弹性动效变化中流畅自然,统一的短线表达强化了元素的一致性,点击后的内部缩小版也做到了风格统一。是一个非常不错的动效案例,动效设计技巧值得收藏。
图片 
 
 03.  循环动效让你感受时刻在场 
动效存在于底部标签栏设计中的目的是为了强化点击状态,突出当前功能的存在感,让用户明确自己的操作路径。在体验的众多产品中,图标动效通常是在点击状态之后进行过度而存在,只播放一遍。循环播放算是一种差异的体现,因此体验的时候做了记录。
在机场 APP 底部标签栏的图标动效,点击状态进行图标动效过度以外,动效将循环播放,时刻突出其存在感。循环动效让用户感受时刻在场,明确自己的操作路径,不会迷失方向。
图片 
 
 04.  流畅的上下滚动式切换设计 
图标动效在底部标签栏设计中运用最为普遍,而通过动效进行内容切换式设计相对较少。开眼 APP 利用上下滚动的动效来设计底部标签栏,给设计师们提供了另一种设计解决方案。
纯图标展示会增加用户的理解成本,而通过点击之后的文字表达可以提高用户的理解度。通过点击之后的滚动形式切换文字和图标,动效非常顺畅自然,体验度非常友好。
图片  
 
 05.  图标动效结合基因符号 
如何在设计层面体现产品特性,形成差异化的设计,是设计师不断探索的方向。结合品牌元素形成品牌基因是比较常用的形式,也有从产品属性层面出发,提炼出基因符号或者体现产品属性的符号。
作业帮 APP 在进行底部标签栏设计时,图标动效在演变过程中结合加减乘除(+-x÷),突出产品属性。提取了学习中大家熟知的符号,运用到动效的表达中,不仅增加了动效的趣味表达,也突出了产品特点。
图片 
 
 06.  收缩式交互动效设计 
动效除了在元素层表达以外,也可以结合交互动作表达,当交互动作变化时,以动效的形式实现收缩式底部标签栏设计。
马蜂窝旅游 APP 在进行底部标签栏突破的过程中,除了采用新颖的悬浮层设计以外,在上滑浏览内容时采用隐藏局部功能的处理方式,让内容的输出面积更大。在下滑或者停顿的过程中恢复默认导航,探知用户行为习惯并给出不同的交互反馈,带给用户更高的操作体验和互动趣味性。
图片 
 
 07.  带你感受水花四溅的动效 
动效的表达往往细节的构思最为重要,大方向的设计差异不大,体现出细节的设计才能带给用户更有温度的体验。在细微之处突出自己的特点和强化品牌元素,哪怕只是一个细微的符号表达或者动效变化,都值得深入推敲。
斗鱼 APP 底部标签栏动效设计结合了水花四溅的感觉,在点击图标进行演变过度时,图标四周会随机弹出小圆点,就像水花四溅的感觉。这种动效的体验就像你要去抓鱼,鱼儿受到惊吓激起水花四溅,带给用户亲切自然的场景体验。动效设计流畅自然,趣味性表达增强了用户的点击欲,一个非常不错的案例设计。
图片 
 08.  动效简化设计表达 
图标动效在演变过程中通常改变了默认和点击状态,动效过后需要有明显的区分,动效结果的设计尤为重要。
淘票票 APP 底部标签栏动效表达之后采用更为简洁的设计风格,利用简单的几何图形组成面性图标。动效流畅自然,动效之后的设计处理技巧是一个不错的构思,越是简单的图形越能被记忆。如何把简单的图形设计得有特点,结合动效的演变是一个思考的方向。
图片 
 
 09.  动效让设计突破束缚 
所谓的规范并不是限制我们突破的枷锁,“规范是死的,人是活的”。我们要做灵活的设计,而不是受制于规范的束缚性设计。
美团外卖 APP 底部标签栏图标设计结合 IP 元素,突出了自身设计的差异,也强化了品牌曝光。在图标动效的表达层面,不仅过度流畅自然,点击后的变化突破了规范性质的标签栏高度。突破束缚的设计效果也是显而易见的,用户当前路径的操作非常显著,也是一种不一样的设计处理技巧。

图片

1
 10.  利用动效打个响指 
一个俏皮可爱的动效总能让人印象深刻,不仅可以吸引用户关注和记忆,也能形成自己的独特风格。
BOSS 直聘 APP 底部标签栏动效设计中,有一个特别讨巧的动效案例。在“有了”这个模块结合了打响指的动效表达,就相当于有了一个想法,不自觉的打了一下响指,非常的贴合寓意表达。一个简单的动作不仅准确的表达出模块含义,差异化的动效表达突出了该栏目的存在感,提升了用户的关注度。
图片  
 
   小结 
感官体验是为了记录优秀的设计处理技巧,多看、多分析、多总结,才能有助于提高我们的项目设计效率。关于底部标签栏的动效设计还有很多优秀的案例,本期仅仅作为抛砖引玉,所选案例仅代表个人喜好,希望可以带给大家更多灵感启发。
文中案例选择和描述如有补充,欢迎大家留言交流,我们互相进步。 
 
原文地址:黑马家族(公众号)
作者:黑马青年
转载请注明:学UI网》底部标签栏动效设计 10 佳案例

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

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

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

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

插画教程 | BlingBling小静物绘制过程

seo达人

咕噜噜

        图片

给大家分享一个在B站直播的小静物的绘制过程。完整的无广告演示请查看B站的视频,也欢迎大家加我们的群,直播会在群内通知。 

 

教程案例:

一、草稿       

图片

先动手画草稿~选勾线-头墨画笔把果子的形状画出来,画的时候可以轻松一些。注意疏密与大小变化,把节奏感画出来。

 

二、填色

图片

 

1.上色之前给背景填充了一个颜色,我一般不会在纯白的画布上填色。果子、树枝、叶子都分图层上固有色,方便后面修改。

       图片

2.果子图层根据光源用喷枪笔刷画出颜色的变化,离光源近的偏橙黄,远的偏红紫。

3.每块的颜色上完之后,根据光源画出投影。

 

 

三、刻画

图片

1.在果子的图层上新建图层,把把画布放大了去画出每个果子的形状与遮挡关系,形状不好的要及时去调整。

       图片

2.用喷枪画笔把背景加上简单的光影,让背景不至于太单调。

       图片

3.继续细化,不断的去调整果子的关系,想把果子画的晶莹剔透一些,所以反光画的比较强烈,最后再点上高光,水润的感觉就马上出来啦。

  图片

 4.给视觉中心的果子加了一些高光点,增加质感。

       图片

5.利用色阶、色彩平衡等图层调整画面,让光影更强烈,再用杂点笔刷加一点光点,最后打上id就完成啦。

 

原文地址:空青肆绘(公众号)

作者: 风绽

转载请注明:学UI网》插画教程 | BlingBling小静物绘制过程

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

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

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

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


阿红爱上了阿绿,要怎么配才会好看?

seo达人


图片

 

原本相爱的两个颜色
阿红与阿绿,
因色彩过度的差异化,
被主宰颜色的色环拆分成了180度。 

图片

这个距离比横跨中国最远的
抚远县到瑞丽市的5414公里还要遥远,
并写上了咒语让他们永远都不能靠近。

[优化输出图像]

一旦让红绿色接近,

就会被大众盖上红配绿是最丑配色的骂名。

 

图片

图片

如此遥远的红绿色跨度,怎么配才会好看?

图片

 

调整高低的纯度进行配色,则是在告诉我们,感情上有一定的性格差异才能取长补短,让两者色彩的使用不在那么单一化,而明度的亮暗变化像是女生时常过山车的情绪,对错完全看脸色。

图片

 

当你用礼物表达情愫而不知如何使用时,红绿不同的纯度与明度配色下,可以找到最适合的那个情景帮助你俘获对方的芳心。

图片

 

还是那个礼物,加入红绿配色和文字后,过高的纯度配比使得产品变得尤为浮夸,加上本身产品的金色与高纯度的红绿结合在一起时,仿佛印证着那个永远都无法靠近的诅咒。

图片

 

阿绿深爱着阿红,为了阿红它可以舍弃自己鲜亮的外表,改变自身明度的亮暗,让阿红成为整张画面的聚焦点,对比之下,我们看到的不是诅咒让他们无法靠近,而是付出才是打破诅咒的唯一真理。

[调整输出图像大小]

 

图片

 

但是诅咒的封印过于强大,相同的配色换了一个产品后又回到了原点,面对困难,红绿色选择了共同进退,一起调低了纯度的色彩,达到符合产品本身的调性。

[优化输出图像]

 

 

 

图片

 

 

多尝试改变配色的比例是生活柴米油盐之外所带来的的仪式感,也是维护感情最可靠的良药。

图片

一个吹风机,红绿对等的配色,像是在诉说着平淡无趣的生活。

图片

 

 

试着改变配色的比例,给生活做出一些改变,让吹风机下生活的朴素感,多些有趣的行为。

图片

不仅这样,还可以尝试改变配色的方向和形状,当阿绿跌跌撞撞的奔向你,对阿红说着:你也不能一个人离去,我们无论如何要在一起。

[优化输出图像]

 

红配绿的诅咒在这一刻被真爱彻底瓦解,就像现在的配色质感,证明了红配绿是真的好看。

 

图片

 

 

正逢圣诞节更适合

红配绿的案例

步骤1:

在画布中填充红色底并用绿色作为描边,将圣诞节英文放置到画面最上方居中,并利用五角星填充到文字中形成独特性。

图片

 

步骤2:

阿绿爱上了阿红,为了给阿红过节日,想着法的变出圣诞树的阿绿让自己成为这个圣诞节最绿的仔。

图片

 

步骤3:

线条绘制一个三角区域,利用三角结构的构图方式,对齐进行放置文字编排。

图片

 

步骤4:

合理使用参考线会帮助排版更加快捷,并且整个版式会显得干净利落,分布均衡,四角的小铃铛是阿绿给阿红特地准备的小心思。

图片

图片

 

最后我们看下版式的框架,配色与构图是相互存在的,好用的构图如果没有好的配色基础,也依然难以做出好的设计,就是这样,喵~~~

图片

 

图片

 

图片

 

试着改变配色的比例,给生活做出一些改变,让吹风机下生活的朴素感,多些有趣的行为。

 

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

作者:修先森

转载请注明:学UI网》阿红爱上了阿绿,要怎么配才会好看?

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

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

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

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


设计思考和生活

资深UI设计者

APP载入记忆,从哪里退出,就从哪里载入,减轻对特殊群体的打扰


不知道大家有没有这种苦恼,不管啥app,一打开就是弹出各种活动弹窗和广告,卡到想摔手机(以下分析,高端机大佬请忽略)。







分析思考


虽然产品为了促销和增加用户粘性,经常性的开展各种活动,来诱使用户参与,但是,还是有很大一部分用户不会参与,甚至看都不想看一下就点击关闭,下面用部分用户举例说明。


(1)将软件当作纯工具的用户:这部分用户使用你的软件,完完全全是因为你的软件能满足他的纯需求

他不想参与任何活动,你只要给他解决问题就可以了。比如“酷狗”,A用户可能在一个悠闲的下午,心情到位了,一如往常的想听听他之前收藏的歌曲迎合一下自己的小情绪,而他一打开酷狗,开屏页是5S广告,首页又弹出活动广告,如果误点了,说不定还要跳到哪位小姐姐的直播间去(酷狗的流氓引流手段,本人误点了很多次,次奥,人家用户压根就不喜欢看直播,你的后台不清楚?),而这个直播的加载过程非常卡顿和费时间,而你也不想看直播,再使用手势返回操作,结果多划了一次,又退出产品了,需要重新进,这个时候你是不是要裂开了?好心情都变坏了,甚至一边卧槽一边想当场摔了旧鸡换新鸡或者卸载软件!(特别是用了1年以上的安卓鸡)



(2)特殊群体用户:包含非适龄用户(年龄过大或者过小),非同等语言的用户(沟通有代沟,三观不同步)。

例如“全民K歌”,现在推出一个活动,要为祖国庆生pk,那么在推送的时候,是不是要考虑推送的人群,像那种只听唱摇滚嘻哈的,你认为他们会参加?就算他们参加,作品会不会跑题?会不会因为一个作品不符合节日气氛而让不明真相的网友喷的狗血淋头?既然这样,那你推送给他的意义就不再了,说不定适得其反。(有的朋友可能就要开杠了:全员推送,可以最大程度的唤起用户参与,就算不参与,也可以形成告知的效应,但我上面那条说了,部分用户手机卡顿,用户只想简简单单的用你的软件解决需求,你如果不考虑他们这部分人群的使用感受,就要天天挨喷)


问题总结:


遇到以上的问题,用户要么忍让,要么就是换软件,如果因为这些原因流失了用户,非常不值得(可能你会说,天下乌鸦一样黑,换了软件也逃不出这个套路,是的,市场的软件运营起来都是这个套路,搞钱!搞钱!搞好多钱!但是我相信,一款为用户着想的产品,最后不一定能赚大钱,但用户一定会感激产品的细节,为他流畅的解决了生活所需!比如微信干净的的聊天界面)。还有值得注意的一点,这部分用户如果能照顾好,将会成为你最忠实的用户,就拿将软件当纯工具的用户举例吧,ta很懒,你的软件是他的工具,只要你功能还在并且好用,他基本不会去换软件,即使别的软件摆在眼前,他都不会去下载(除非给他钱,相信我,钱到手了,他发现软件不好用或者用不惯,他会麻溜卸载),因为对他来说,用哪个软件,都只是工具而已,他用惯了你的,又觉得你的软件用起来很流畅,所以会一直用,只要留着他,他就可能随时在你软件上面消费。



细节思考,解决问题


上面的问题,其实就是同一个软件,需要以不同的方式去对待不同的用户的问题。


现在互联网各种ai技术均已成熟,且大体量的产品基本都有自己的后台去分析用户的操作习惯和路径,形成用户画像或用户的心智模型数据,我们掌握着这种数据,可以去使用以下方式对待小众的特殊群体。(拒绝杀熟)


(1)精准投送,减轻对特殊用户群的打扰:比如那个在“全面K歌”里面只听唱嘻哈摇滚的用户,通过后台分析,构建属于他的用户画像,然后下次推送“为祖国庆生“的活动时,则可以不必为他强制弹窗推送,留一个icon入口足够了,减少他的操作,给他足够流畅的体验。


(2)载入记忆,从哪里退出就从哪里进入:用户都很懒,特别是设备不好的用户,每次打开应用,载入时很卡顿,甚至在打开的过程中会放弃,那么我们可以基于用户画像,让那些特殊群体上次从哪里退出,就从哪里进入,(这里我解释一下为什么是对特殊群体才这样,因为如果都这样,首页不是没人看了嘛,活动还要不要做?产品还要不要吸金?打工人还要不要发工资?)而特殊群体,,,真的,他不想消费,你把刀架到他脖子上,他都不会消费。




结尾


我们做产品,要服务大众,也要为公司产生收益,但这不是我们放弃特殊用户的理由,微信之所以成功,是因为他真正做到了全民皆可用,聊天界面简洁,纯粹的为人民服务的好工具。甚至每一次小功能的更新都能上热搜,我们的产品比不得微信,但是我们服务用户的态度可以像它看齐。愿在坐的各位都能做出属于自己的“微信“


文章来源:站酷   作者:一剑生死 


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

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

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


日历

链接

个人资料

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

存档