首页

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端设计师的四点建议

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

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设计者

产品出海已经成为了当下的热门趋势之一;然而若不能洞察当地的用户消费习惯、搭建符合当地风土人情的本地化运营策略,产品在海外市场上也难免折戟,更别说实现高速增长了。那么现实情景中,网赚类产品要如何做好出海运营,推动产品增长?


随着国内互联网经济形势的下滑,互联网行业也整体进入了寒冬时期。出海也成为了很多互联网公司的重要选择。

那么如何做好海外运营,也就成了出海企业最关心的问题之一。本文将通过本人亲身做海外的经验分享,和大家聊聊网赚类产品出海运营的那些有效方法。

“很多人认为,相比于国内,海外运营是一件相对蓝海的事情。一方面东南亚和非洲等新兴市场常年保持互联网用户三位数增长,另一方面用户在多个领域的需求还急需新产品满足。以东南亚市场为例,用户普遍对金钱和利益敏感,省钱和赚钱主题的产品似乎都能引发一定的增长,所以单纯从流量获取的角度来看,获客本身不是核心问题。流量成本相比国内更是低出很多。”

如果你这么看待出海项目的运营,那你可能只答对了一小半。比如你现在规划了一个网赚类产品,通过给钱快速地实现了用户增长。那你的产品就此就成功了吗?

因为任何一个项目,获取流量也只是项目发展的第一步,获取的流量后续的留存,价值贡献才是一个项目能长期发展的重中之重。如果你拉来的用户量很大,成本也很低,但是都是羊毛用户的话(真实用户但是价值很低),相信这也是让你非常头疼的事情。

事实上这个问题在东南亚和非洲也是常遇到的问题之一。所以如何做好网赚类产品的海外运营,这并不是一件容易的事情。

如果要中立地来讲海外运营和国内运营异同的话,相同点是都是基于互联网模式下的设计和路径规划,底层的人性也有一定的相通之处。

但是国外用户的生活习惯、文化价值观、做事方式等与国内用户有着很多不同,以东南亚为例,用户普遍生活水平较低,对利益等也比较敏感(敏感到什么程度?会为了蹭网而去网吧门口蹲点蹭wifi)。用户平时空闲时间较多,比较喜欢一些有喜感、欢乐的项目。平时守时观念很“强”,正常情况下比约定时间迟到一小时能到。

那面向这批用户,我们该如何有效规划我们的产品路径呢?

东南亚、非洲的用户,他们关注的有三个核心要素。

一是金钱等利益,因为他们确实需要;二是精神激励,比如社交、娱乐等。适合本地活动和风格是大家喜闻乐见的形式。

第三,是当地用户刚需,但是目前市场上还没有产品可以满足的空缺地带,比如传音手机在非洲(价格极低、超长待机、支持多SIM卡、拍照好看等满足当地LOCAL用户的需求),和shareit在东南亚、非洲(在无网环境下面对面快传文件)。

一、送钱策略:目标预期+即时反馈+小惊喜,将产品目标植入用户目标路径中

对于网赚产品,需求一和需求二的满足是非常重要的(需求三的赚钱是用户刚需)。利益设计上,首先我们要做的就是把我们的产品和活动包装成local化极高的本地福利,秉承为当地用户提供福利的方式提供这种产品(如果欧美市场还可以打环保和公益的主题)。

但是这里面需要注意的是:不是简单粗暴的给钱而已。

福利的给予最好遵循游戏化的成瘾性原则:以长久的目标预期+即时的过程反馈+持续不断的小惊喜,不断引导用户按照规划路径做事。表面上,用户是在为自己的目标付出、努力,其实我们已经把产品的目标植入到用户达成自身目标的路径上了。

举个例子,同样是给钱,如果你给用户的只是固定金额的赤裸裸的钱,那在用户心智里面也只会为了这一个“赚钱”目标去不断地做事,一旦发现钱不到位或者缩水了,或者有套路,那对于用户体验的伤害也是最大的。

但是,如果你是在让用户玩一个游戏,在过程中把金钱作为激励手段,那用户的心智里面赢钱当然也是很重要的,但是同样重要的则是玩游戏的沉浸式体验过程中所激发出的好胜、愉悦、炫耀、贪婪等心理。

你玩游戏的时候相信也会有这种感觉,最开始的时候为了一个目标去参与,比如赚钱或者为了娱乐感,但是玩了一段时间如果你玩进去了,你会发现自己已经忘记当初为什么要玩这个游戏了。游戏过程中的PK、惊喜还有产品体验如果能够持续抓住你,即便你最后输钱,你很有可能也还会再次充钱体验。

不信?想想你日常和朋友玩桌游、打扑克、打台球等游戏,初期的时候你可能就是为了娱乐,但是如果有一个人一直赢你,你是不是很不服,如果要充钱继续PK你干不干?

反过来也一样,如果你一直赢朋友,你是不是很不好意思说什么晚上吃饭我请了,但是心里其实早就开心得万马奔腾了,以后天天拉着人玩这个游戏。

(东南亚网赚产品BuzzBreak的游戏化设计)

由此可见,人的目标是会在过程中逐渐转变的,直到最后甚至可能忘记了最开始的目标,我们在运营中要学会应用成瘾性原理,以一个非常吸引人的目标入手,在过程中通过不断的反馈和诱导,结合一些小惊喜的应用,给用户提供“上瘾性”,然后把我们想要达成的目标植入这个过程里面。

二、充钱策略:预想取之,必先予之

除了“送钱”要送好,如何让用户有意愿“充钱”也非常重要。

东南亚等地的用户由于经济条件相对不好,对于主动充钱这种还是比较敏感的,即便是赚钱游戏的本金充值也会采用先给用户一点甜头(先通过完成任务等方式赚到一点钱并且提现),再引导用户充钱的方式提高用户的充值率。

这种方式在东南亚地区屡试不爽,部分项目为了提高知名度会主动延时后续转化的策略,先以赚钱返现或者福利分享的方式把噱头搞足,然后引导已经获得利益的用户进行主动分享,拉来更多的人形成多次裂变,实现滚雪球增长。

东南亚用户普遍喜欢社交,并且对金钱很敏感,只要解决了初期的信任问题并且建立了用户赚钱的信心期望,用户的参与会很火爆,裂变效果比国内要好得多。

这个时候如果再借势结合一些PR的宣传,把品牌打出去,后续持续运营几轮PR带裂变活动,裂变活动反向提升PR热度,PR热度再联动二次裂变活动的滚雪球增长玩法,一个爆款产品就成了。

当然这个过程也需要防范羊毛、防刷等策略的配合。

三、引流品策略:刚需+价值赋能+生态延展

“送钱”和“充钱”之外,还有一个需要厘清的概念是:送的“钱”是什么?除了金钱之外是不是还有其他成本更低,更具有吸引力的福利?

我们可以引用电商行业里面“引流品”“利润品”的概念。

比如你去商场购物,经常能看到各种型号的毛绒玩具,只要你办一张信用卡就能得到。

其实做过信用卡的朋友都知道,一张信用卡线上做任务返佣给你的利润平均100+,一个毛绒玩具的成本最多也就几十,那用户为什么会觉得一个毛绒玩具似乎比100元现金更值呢?

其实,这就是利用了价值赋能原理。

通常线下逛商场的用户女性比例比较大,女性用户天然就对毛绒绒又可爱的东西比较感兴趣。再加上毛绒玩具通常看上去也比较大,价值感十足,所以这个时候用户心理就会产生一种具身认知:觉得这个物品的“意义”价值很高(特定场景下的意义赋能)。

尤其是面向海外东南亚、非洲等地区的用户,用户更加注重“价值”本身,你的“引流品”是不是能够满足这些地区用户的真实需要(实用为主),或者能给他们以社交赋能(比如美妆等社交身份的标识,或者有趣好玩的可以用来充当社交货币的展现)的“价值”就非常重要了。

所以在你选择“引流品”的同时,你也要同时想好这个“引流品”的意义价值究竟是什么,讲个好故事同样重要。

如果在这点的基础上还能自带生态延展性(比如你的引流品系统是开源的,其他用户/供应商可以一起参与搭建共建,类似SAAS、NFT等),那一个自然生长的可持续裂变的产品生态就形成了。

(NFT开源平台:用户可以自己制作并上传“引流品”,获得对应分成或者直接售卖)

四、精神激励:口碑玩法+开源

在利益激励的前提下,我们也需要注重精神激励的给予。

比如如何在身份上给予专属的可以炫耀、分享的标签。这个标签最好能和热点、娱乐性、趣味性结合起来,给用户提供可以谈论、交友的社交货币。

尤其是在东南亚、非洲等国家,用户天然对具有传播属性和社交裂变的玩法比较感兴趣,喜欢分享节日祝福、以及能够彰显自身身份、娱乐感的特殊标签。

比如当年facebook的主页挂件就是特殊定制的主页精美框件,鼓励用户将框件分享出去让更多的人访问自己的主页,当然也顺便为facebook平台拉新,当时争相分享参与的人很多,也给facebook带来了不错的拉新效果。

后面很多公司都争相模仿这一模式,通过制作精美的画面、人物以及场景的方式引导用户分享,这一模式也逐渐从中心化的玩法发展成了开源模式,有能力有想法的用户也可以主动制作个性化的画面、人物和场景,别人可以付费使用或者平台统一采买,类似于现在的NFT和元宇宙。每一次分享都会带动对应产品的口碑效应,实现产品增长(口碑营销是海外产品增长的重要手段之一,所以ASO、SEO等需要多加重视)。

产品做到这一步,用户的基本需求和期望需求也就可以满足啦,但是距离我们创造出让用户尖叫“WA”的兴奋产品还差了一步。如何变期望为兴奋,这个才是一个产品凤凰涅槃的关键。

五、打造兴奋需求:MAYA法则

先举个例子,之前有一个泡泡水品牌,在非洲推出了一款泡泡水,揉搓15秒即可杀死大量的病菌。这个概念当地用户的认可度还是比较高的,所以产品在初期实现了比较快的流量增长。

但是在运营了一段时间之后,这个产品的销量开始出现了下跌,于是品牌方展开了一个调研:调研结果显示大部分人之所以不再购买这个产品,是因为他们觉得产品似乎无法起到杀菌的作用,之前发生的卫生问题现在依然会发生。

泡泡水团队感觉很困惑,因为产品在推向市场之前他们已经做过很多次临床验证了,产品确实有效果。怎么推向市场之后就不灵了呢?

于是他们实地考察了用户操作的过程,发现这个问题其实是大部分用户都无法坚持揉搓15秒,觉得时间太久,因而中途放弃了,这个产品必须要揉搓15秒才能比较好地达到效果。

于是他们想到了一个新的IDEA,就是通过游戏化的方式,给到用户正向的引导。只要揉搓15秒,就可以产生多彩的泡泡,拍照很好看,以此来吸引用户揉搓时间达到15秒,三个月不到,产品销量暴涨。

由此可见,兴奋需求的满足往往是出乎意料的,它所遵循的法则是MAYA法则(most advanced but acceptable),就是在可被接受的范围内尽可能创新。让用户想不到,但是一旦做出来,用户就会有一种WA的惊叫感。

要想做到这一点,最好的方式就是要基于顺人性的方式,先想想你的目标用户都喜欢做些什么,希望达成什么目标,然后把两者结合在一起

比如这个例子里面让用户揉搓15秒有很多种方式可以做到,比如:正向宣导揉搓15秒的好处,比如揉搓15秒给奖励等等,但是这些做法本质上都是逆人性的,是用户不愿意去主动完成才需要被教育、被奖励的。

那有没有顺从人性的、是用户愿意主动、甚至非常希望去做的呢?非洲的用户都喜欢拍照,如果能够揉搓出五颜六色的泡泡,一起美美地拍照的话是不是很漂亮呢?用户会不会为了拍出美美的照片去揉搓15秒,顺便还可以达成杀菌卫生的效果呢?

马斯洛把人的需求层次分成5层,比较底层的是生理需求、安全需求(信任)和社交需求,比较高层次的是尊重(成就等)和自我实现(奉献等)的需求,而兴奋需求的满足通常在比较高层次的维度上。

你也可以想想你的产品除了激励策略之外,还有没有其他的创新点是可以诱发出用户对于某种成就、自我奉献的向往和追求呢(比如公益环保、比如纳斯达克宣传大屏展示曝光等)?这个是你的产品从期望型产品转型成让用户兴奋产品的关键。

讲到这里,策略的部分就讲差不多了,这里面还有一个问题你可能想了解:作为一个土生土长的中国人,该如何有效了解海外用户的思想和文化呢?

六、有效了解海外目标用户:关注历史和当下+基本情况调研+空杯心态

这块我的建议是,了解一个地区用户文化和思维习惯的最快方式就是关注对应的历史。

我们思维习惯的养成往往也是因为我们经历过的事情、和成长过程中经历的点点滴滴的演化。所以,如果想深入了解一个地区的文化,最好的方式就是去了解这个国家和地区历史上发生过什么,以及当前他们的价值观、生活习惯是如何养成的,如果说用户经历的一切你也可以同样设身处地地理解和感受,那其实你也是用户之一了。

之前有一个说法是像对待家人一样对待你的用户,其实本质上讲的也是感同身受的作用。

如果是家人,他不用主动说什么,你也可以感受到他的诉求。天冷了就想到要给孩子多穿几件衣服,晚餐时间到了就想到孩子是不是也饿了等等。

如果对待用户,也能用同样的心态去考虑,那你其实天然就已经具备了一定的同理心,这种感同身受是深植于人类基因中的能力,即便是不同国家、地区、人种都是相通的。所以了解你的目标市场的历史和当下是一件非常重要的事情。

当然,国外用户和国内的不同除了用户本身的心理、特质之外,还有法律、地理环境等多方面因素。这个在我们确定进入这个国家的时候,也需要先做好用户调研,了解清楚当地文化、地理环境以及法律法规对该业务的影响等。

这里我以东南亚和美国用户的对比举个例子。

东南亚用户是一群对金钱、娱乐等非常敏感,并且对产品体验相对要求没那么高的一批人。这批人基本没有经历过PC互联网的过渡,就直接开始使用移动手机了,所以大部分操作用户会优先选择在手机上完成。

并且这批用户耐心、能力比较差,因此对于一些复杂操作和交互很多情况下会搞不懂。所以面向这批用户的操作界面,普遍来讲都是以清晰简单、具有视觉吸引力为主的逻辑进行展现的。

但是在美国,美国用户普遍对金钱不敏感,但是却对产品的体验有着很高的要求,面向这批用户,我们首先需要关注的是,如何满足他们的体验,然后再基于这种体验引导用户通过付费来获得更好的体验和服务。这就和东南亚用户有着非常明显的不同了。

同时在文化和环境上,欧美用户普遍认为谈论有趣、酷炫的死法是一件比较酷的事情,并不会忌讳(比如万圣节),这个和亚洲用户也形成了截然不同的对比。

另外,从时间上来看,美国也是跨越几个大洲的国家,州与州之间会有时区阻隔,因此在进行PUSH等活动营销的时候要考虑不同州之间的差异,以当地时间为准进行合理的推送。但是在东南亚等其他国家则不用面对类似的问题。

通过上面的简单举例,相信你也能深刻理解不同区域用户之间的不同了。所以当我们从0至1开始一个海外新项目的运营的时候,我们要拥有一种空杯心态,把之前的认知全部抛弃,以一种全新的视角去看待我们要面对的市场和用户,充分去理解他们的想法和思维。

这个事情说起来简单,但是在实际落地运营的过程中,会面临很多的阻碍和困难,我们很容易由于惯性思维自然而然地按照之前的逻辑思考和做事,最终失败了还不知道问题出在哪里。

这也是中国团队出海做产品最常遇见的坑。要想解决这个问题,就需要我们具备上述所讲的“基本情况调研”“历史和当下的理解”“空杯心态”,以及与当地local团队形成很好的配合,才能更好地避开这些坑,实现海外增长的乘风破浪。

讲到这里,网赚产品海外运营增长也就分享完了,我们做下总结。

首先,我们和大家讲了网赚产品海外运营中常见的误区认知,以此来说明海外运营并不是一个大家普遍认为的“蓝海”市场。里面也有很多的坑和问题需要规避和解决。

紧接着,我们通过“送钱”和“充钱”两个部分分享了海外运营中有效的运营策略。预想取之,必先予之,这个是信任和裂变的前提。同时我们也需要设计成瘾性玩法,以一个非常吸引人的目标入手,在过程中通过不断的反馈和诱导,结合一些小惊喜的应用,给用户提供“上瘾性”,然后把我们想要达成的目标植入这个过程里面。

除了钱,我们还可以提供其他“引流品”来满足用户的需求。比如价值赋能的意义产品、刚需品等,这类产品需要我们讲好故事,找到和当地用户有共鸣的意义价值,同时在模式拓展上部分产品还可以做成开源形式的,让更多有想法、有资源的人共同加入,打造意义产品平台。

当然除了物质激励之外,口碑玩法也是海外增长中经常用到的方式。用户对于“趣味”“社交”等的持续追求让口碑+PR的滚雪球增长成为可能。进一步,我们一起分享了打造兴奋产品的MAYA法则,在可接受的范围内尽可能创新,并且找到你的目标和用户期望之间的连接点,顺从用户的期望设计你的兴奋点。

最后,我们分享了有效了解海外用户的方法。关注历史和当下,知道用户经历了什么和正在经历什么,你就能从最本质上理解当地用户为什么会这么想、这么做;再结合具体项目的法律、环境等的调研。

这里面我们一定也要注意保持“空杯”心态,不要掉入习惯性理解的陷阱,多从历史和当下背景的代入下换位思考,相信你对当地用户一定会有比较好的认知和同理心。

文章来源:人人都是产品经理   作者:王宇庭

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

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

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


聊聊社交产品中的信号与暗示

资深UI设计者

编辑导语:社交产品中存在着许多的信号与暗示,例如我们熟悉的“点赞”就是一个有趣而有价值的符号,它是社交产品信号的一种,往往能带给我们积极暗示,本文围绕我们在产品中所涉及的信号与其暗示的意义进行探讨,一起来看看吧。

一、前言

“点赞”是互联网近20年中最有意思也是最有价值的一个符号。

聊聊社交产品中的信号与暗示

发明者是Bret Taylor在前不久被任命为 Twitter 董事长。他早期创办了 FriendFeed,后被 Facebook 收购,2010 年 Bret Taylor 出任了 Facebook 的 CTO。

“点赞(Like Button)”被 Bret Taylor 从 FriendFeed 带到 Facebook,并影响了全世界的互联网产品。

“点赞”作为信号的一种,给了我们无限的启发。这一篇文章将围绕我们在产品中所涉及的信号与其暗示的意义进行探讨。

二、信号与噪音

对于用户来说,什么是信号?何又为噪音?

认为对用户有价值且可被识别的信息视为信号,对用户无用、混淆且干扰用户在平台上做出正确判断的信息被视为噪音。如今的互联网时代,已经让用户身边充斥着各类信息,广告、指标、弹窗、字体、色彩等等都可以被看做是信号。用户对这些信号进行识别,然后再筛选。不过上述的信号也可能是噪音,因为用户的需求不是显而易见的。

web1.0的时候,信息是平台聚合起来的,用户筛选平台有效信号的效率并不高,或者说平台的有效信号并不强;

web2.0的时候,平台已经开始感知用户的行为,主动先筛选一轮信息,然后再给推送用户信号,效率大大提高。比如像微信公众号的订阅集合,以前是用户主动寻找公众号,如今微信会主动推荐适合用户的公众号。

俄勒冈大学心理教授 Paul Slovic 曾做过一项实验:一组专业的赛马手聚集在一起,看看他们根据一些因素预测结果的能力有多强。一开始,他们只被允许选择5条关于马的关键信息,然后被要求做出预测。仅凭他们所知道的 5 个关键因素,他们就能在短时间里准确预测,这远远超出了研究人员的预期。他们对自己的预测也有大约 20% 的信心。

随着更多的信息被添加进来,这项研究的关键部分出现了。每个赛马手被允许挑选越来越多的数据。当他们这样做的时候,他们对自己预测的信心增加了,而他们的实际结果却大致保持不变。

聊聊社交产品中的信号与暗示

尽管知道了更多的信息,赛马手的信心几乎翻了一番,而实际结果的准确性基本保持不变。

信息的过度叠加会产生更多的噪声,导致有效信号的无效。在用户沉浸在产品中的时候,就会出现这样的问题。过量信息不但会干扰用户发现有效信号,还有可能让用户因为不能发掘有效信号。用户虽然看到了很多信号,找到自己目标的信心增强,但是无效信号或噪音阻碍了用户找到有效信息。

举一个例子。进入 1V1 社交产品,主动打招呼的异性数量越来越多,用户非常开心。因为在现实生活中,99%的人从不会主动过来打招呼。这种强烈的反差直接导致了平台用户对找到异性的自信心增加数倍,实际结果是,用户很可能发现准确的聊天对象,眼花撩乱,成为被洗掉的对象。

三、信号释放与乌鸦悖论

笔者认为,信号释放与乌鸦悖论之间有一个非常有趣的关系。我的另一个想法就是乌鸦悖论也算是信号释放的一种。就像乌鸦悖论中提到的,当你看到越来越多的黑乌鸦,你就越趋向于相信“所有乌鸦都是黑色的”假设。

所以在这种自然现象中,如果看到一只非黑乌鸦,则会推翻之前的假设。那么在社交平台中,如此多的信号给到用户面前,都默认是“黑乌鸦”,如果平台在这里放一只“白乌鸦”是否能给用户另一种感觉,“这就是我要找的人”。

怎样理解这个方案,我描述具体一个场景。假设A是男生,平台安排了他与 10 个女生相亲,女生之间颜值差距不大,相亲约会的地点都在饭店。男生与前 9 个女生吃晚饭后,都是男生付款请客,而到了第 10 个,居然是女生花钱结账请男生吃饭。那么在这个男生的脑海中,他对第 10 个女生的好感度会超过前面所有的女生,男生更愿意为追女生而付出。

这个现象也是对无效的习惯性社交方式的一种反推。

因此,我们更倾向于相信一个观点就是“天下乌鸦不是一般黑。社交产品不是让黑变白,也不是让白变黑,而是利用有效信号让用户筛选出白乌鸦成本更低。”

供给侧以非常积极主动的方式出现,会给到用户极大的可得感。在产品功能层面提供能够让供给侧发出信号的功能, 比如:互相关注、向用户送礼物、向用户展现联系方式以示诚意等等。

在社交产品中,通过对流量的把控,给用户释放与其相匹配的聊天对象的流量是有可探讨的逻辑在里面。因为我们知道供给侧的稀缺性,如果不能够识别用户的价值,或者不能判断供给侧的能力水平,很可能造成流量分配的浪费。

四、心理暗示

提到心理暗示最著名的例子就是“望梅止渴”。事实上心理暗示往往在社交产品上会有更多的机会。

心理暗示与我们提到的《社交梦境植入理论》有异曲同工之妙:通过想象将某些意愿和思维灌注到用户的潜意识中,并借此对用户的行为产生深刻的影响。

那么如何让用户能够产生心理暗示呢?

首先,用户必须要有需求的状态,同时用户自己处于接受状态;其次,平台要一直学会跟用户沟通,给予用户足够的“对话”;避免让用户产生厌倦的心态,暗示频次要循序渐进。

当然,即便做到上述那些也不一定能让用户在社交平台达到“望梅止渴”的境界,实际上还是让用户感受到,甚至体验到平台是能够解决真正的需求。

交流的比较广泛,具体是要产品经理自己体会。

有一本很经典的书《男人来自金星,女人来自火星》有这样一个观点:男人和女人是完全不同的物种,来自不同的星球,“感同身受”未必适合于异性交往,所以很多场景,不能以自己的思路去推断对方。爱情提倡“平等”,但是“平等”和“一致”是完全两个概念。每个人在自己的角度去思考的时候就会经常犯这个错误。

文章来源:人人都是产品经理   作者:社交产品笔记

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

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

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


日历

链接

个人资料

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

存档