除了专业和工作,你思考过别的问题吗?最近反思了这十个问题,分享出来与各位酷友共勉。
年关将至,越是这个时候行业的波动也比较大,设计师萌生跳槽想法、被离职风险、薪资拖欠带来焦虑情绪、常年加班的职业病等等。也许我们在耗费心力提升专业能力的同时,是否应该思考点别的问题。
最近进行了一些反思,除了专业以外我还有哪些需要坚守的习惯和培养的目标。整理出最近思考的十个问题,希望与大家一起共勉。
无论是职场新人还是行业老司机,我们不怕专业能力不足,就怕浑噩度日,漫无目标。看到过很多工作多年的设计师迷茫,缺少新人的工作激情,却又不知道自己应该如何前进一步。
小时候老师总会问我们梦想是什么,却很少有人实现,现在如果问我梦想的话,我一般会说自己的短期目标是什么。你可以定一个大的目标,但是一定要拆分为短期可落地执行的目标,阶段性的验收才能做出灵活的调整。
如果是专业层面可以梳理当前行业需要的技能树,然后对自己的能力进行梳理,看看不足的是哪些,以此制定短期目标一个一个进行攻破。目标不一定与专业有关,也可以是生活中的兴趣,比如学会游泳、看十本书、完成一次自驾游、让自己瘦十斤、年底有钱回家~O(∩_∩)O~一切都可以成为自己的短期目标。短期目标是为了丰富自己的时间管理,也能充分的利用好阶段性的时间去完成,不断增进自信和维持这份驱动力。
如果你能控制好自己的时间,就是一个优秀的设计师,时间规划主要的难度不是制定,而是坚持,很多人都半途而废。我从实习开始工作以来为了更好的掌控自己的时间,喜欢以日记的形式记录当日完成的工作和接下来需要准备去执行的事项。完成之后以勾选的方式划掉,如果发现接下来没有任务进来,会制定一些日常提升的计划。
业余的碎片化时间根据出现的场景做规划,刚工作的时候上下班地铁时间需要 2 小时左右,通常就会安排进行阅读,不仅可以消磨时间也增加了自己的阅读量。如果加入一些日常练习主要的不是一天要做多少,而是能否长期坚持,通常是一天完成两个界面就睡觉,不多做也不少做,随着练习的坚持后面完成的时间就会越来越快。通过一些设计平台以打卡的形式发布作品,目的就是为了有一个可以记录自己成果展示的场景,调动起氛围。
也可以给自己的时间规划设定提醒,以免忘记这个时间段应该做什么,规划不能过于密集,休息是为了放松自己,如果被规划压得喘不过气,会把一个好的东西变得排斥。所以,留足一些休息的时间追剧、刷抖音、锻炼身体、逛逛商场散散步等等,劳逸结合才能持之以恒。
其实专业能力不足并不可怕,只要你想学都可以弥补不足,难的是缺少自我驱动力。三分热度你都能有,持之以恒却没多少人可以做到了。要时刻反思自己坚持了曾经的那份初心了吗?
如果自己自控意识薄弱,要刻意而为之,强迫自己按照定好的轨迹运行。可以制定阶段性的小目标和规划,这样战线不会拉得很长,有助于刻意坚持。可以给自己设定一些奖励,完成目标大吃一顿、看一场电影、去一个地方旅游、买一件规划好的商品等。如果没有完成就要强迫自己完成才能获得设定好的奖励,现在不对自己狠一点,未来职场就会对你狠一点,进而抛弃你。
如何提高自我驱动力:
思考一下除了专业和工作以外,你有兴趣爱好吗?如果你犹豫停顿了,希望你可以培养一个兴趣爱好,丰富自己的精神追求。当然,这个爱好需要是阳光积极的,别把陋习当成爱好。
除了设计以外,我从小喜欢画国画,虽然没有走这个方向去发展,我把它作为兴趣爱好来看待,丰富自己的业余生活。作为设计师兴趣爱好不一定是与设计沾边的,我以前有个同事她是 UI 设计师,业余时间却是某游戏栏目的专栏博主,也有专门写旅行日记的,研究美食的等等。
培养兴趣爱好可以让你在工作之余放松心情,释放压力,没有束缚才能释放自己压抑的情绪,也能更好的调整好心态。
有哪些适合设计师的兴趣爱好?
年轻的自己从来不担心这个问题,只有当发现自己身体透支过度的时候才会有所意识。作为设计师来说加班似乎已经家常便饭,不过如果加班透支了自己的身体也要进行反思了,毕竟健康是属于自己的。
虽然没办法立马做到早睡早起,但是可以逐步把休息时间和起床时间提前,早点起来锻炼一下身体、看半小时书也不错。好的身体才能实现更多价值,我最近都在尽量控制晚上十一点前睡觉,逐渐调整出更好的作息时间和习惯。
把青春和时间奉献给了工作,别把健康也搭进去了,如果公司不注重员工的健康而一味的压榨,不值得你为之拼命。
青春我们都曾有过,也都会失去,如果你正直青春期间,如何看待自己当前的经历和奋斗的动力比较关键。
刚毕业的时候用一部分青春换取了职场经验和专业进阶,后来选择创业也是希望把青春留给自己,为自己而奋斗。每个人都有自己的选择,只希望你今日的努力能够对得起未来的自己。
责任感是我们每个人都需要具备的,上学期间我们习惯了在爸妈的庇护下成长,从我们步入职场的时刻,我们就要学会独立生活。虽然你可能过着月光族的生活,一人吃饱全家不饿,也不一定尽到了自己的责任,但是总有从某一刻开始你会意识到自己的责任。
当我们在追求自己的未来的时候,也要回头思考自己的责任,从肩负起一个小的责任开始。可以是对家人的关心与照顾,如果当你成家之后应该会感触更深。今日对未来的反思与规划是为了使自己变得更优秀,将来有能力守护家人,实现自己的价值,肩负起自己的责任。
作为设计师我们是商业环节中的一环,随着感官体验的升级,设计的质量越发显得重要。在工作中我们需要成为一个有态度的设计师,主导自己的设计使其发挥更大的价值。个人态度分为性格层面和习惯层面的态度,下面分别梳理一下。
从性格层面体现自己的态度:在对接需求的时候,我们不能是一只温顺的小羔羊,被人牵着走并任人宰割。要有自己的态度,敢于为自己的设计发声,有自己坚守的原则,通过案例和经验进行引导需求方的选择。坚持不一定可以改变别人的选择,但是我们做到了专业设计师的态度。
从习惯层面体现自己的态度:设计能力都是可以学习培养的,养成良好的习惯至关重要,对细节的态度、设计质量的态度、提案演示的态度、沟通对接的态度等等。养成一个好的设计习惯,就算生活中也应如此,态度可以决定你能把一件事做到何种深度,希望我们都可以成为一个有态度的设计师。
优秀的设计师总能善于总结,总结可以对自己的知识体系进行梳理和检索,查漏补缺。总结个人分为两个方向,一是对自己的经验进行总结梳理,把经验形成可传递的方法论;二是对优秀的案例和资源进行梳理总结,把他人的优秀方法论转化为自己可吸收的轨迹。
有句话叫为了写作而看书,通过输出倒逼输入,主动吸收的通常转化和记忆都更强。除了专业相关的总结以外,我们也可以是一些读书笔记、日常感悟等,锻炼自己写作的能力和养成习惯。以前我们一个学员有记录生活感悟和写读书笔记的习惯,一年能坚持输出十万多字的随记,这个习惯值得学习。坚持几年后可以看出她在各方面的理解能力都非常好,也善于将自己的经验进行总结,带来的结果自然是得到了很多机会去更好的发挥自己的价值。
写作与你的专业能力不一定强关联,不要以经验不足而自我放弃,这只是一个习惯的培养。只有去尝试了才知道那里不足,如何去优化,下次应该如何写才能更合理。希望从今天以后,你可以坚持写作总结的习惯。
一切的自信和态度都是建立在自我专业的基础上,特别是设计师,如果自身不够专业如何说服别人。要时刻质问自己是否依然保持专业性,低姿态面对学习,时刻评估和提升自己。
不同阶段关注的焦点不同,刚开始我们可能在意技能操作层面,执行能力为第一保障。随着工作经验的积累,我们的关注面更综合,有时候也会感觉学得越多发现自己越是什么都不会。如果在职场中一直都没有新的知识和认知丰富自己,会逐渐变得被动,很难突破自己的瓶颈期。要保持学习的动力和日常输出的自我驱动力,不要温水煮青蛙,把自己陷入被动的状态。
所以,时刻问问自己,我是否够专业。
反思自己是为了让自己时刻保持清醒,作为设计师我们需要有态度、要自信、够专业;除了专业层面我们还需要反思更多问题,有自己的短期目标、能管理好时间、培养更多兴趣爱好等等。不断丰富自己的生活状态,可以带给自己更多乐趣,把有限的时间过得更合理。
希望本文可以抛砖引玉,大家都可以反思自己面临的问题,提升自己的综合素质和能力。
文章来源:优设
本文的英文原标题是「10 Rules of Dashboard Design」,其中 Dashboard 如果翻译成仪表盘的话,总觉得不大容易理解,所以我在这里把它翻译为数据可视化。数据展示方面的设计,相信大家会经常用到,这篇文章有很多简单直接,立马就能用上的干货,一起来学习吧!
数据可视化的目的是以一种用户更容易理解的形式呈现复杂信息。
一个优秀的数据可视化界面包含以下几个关键要素:
数据可视化界面设计最重要的步骤是需要了解目标用户是谁,能为他们提供什么价值。了解目标受众的知识背景和理解水平能帮助你做出对他们有价值的设计。
在了解目标用户时,有必要了解受众感兴趣的数据类型。
「专注于用户的需求,更容易产生他们喜欢使用的结果。」
目标用户级别可能会在一级和另一级之间变化,这是一个挑战性的点。与其他任何设计项目一样,可以细分受众并将信息相应地分为基本内容和高级内容。
在界面中表示一组信息有多种方法,选择正确的数据指标是设计数据可视化的另一个关键元素。这也与目标用户的偏好有关,即他们希望看到什么样的信息。
「根据需要设计数据可视化界面,为不同的业务使用不同类型的展示方式。」
下面是为目标用户设计数据可视化界面时需要考虑的一些重要规则。
一个常见的错误就是设计师没有对信息区分层级,所有的内容看起来都一样重要。
可以尝试使用组件的大小和位置来区分数据的层次结构。
2. 简单易懂
数据可视化的真正目的是用一种更方便理解,更简单的形式来传达复杂信息。
3. 一致性
使用一致性布局设计的数据可视化界面看起来更好。
4. 临近原则
在界面中把相近的信息放在一起可以帮助用户快速理解。
想更深入了解接近原则,看这篇:
5. 对齐
可视化组件元素需要在视觉上对齐,并保持视觉平衡。
6. 留白
留白是为了让界面有呼吸感,它使得用户在使用你的界面时能够有喘息的空间。
△ 留白太少简直就是在鼓励你的用户尽快离开
7. 颜色
使用有效的配色方案来吸引用户的注意力,帮助他们轻松地浏览信息。
△ 避免使用低对比度和低效的渐变
8. 字体
标准字体是可视化界面中的最佳字体,除非有特别的理由,一般不要用其他字体。
△ 不要使用影响可读性的字体
9. 数字排版
显示精度超过要求的数字使它们难以阅读和理解。
10. 标签
使用能够快速有效地向用户传达所需信息的标签。
△ 避免旋转标签
数据可视化旨在节省时间和精力,将复杂和抽象的数据以更简单的形式表示,目的是以用户能够理解的方式将关键信息传达给他们,确保自己理解用户所需,并给他们需要的信息。
文章来源:优设
本文整理了人工智能行业中设计师需要理解的一些名词和内容。
一方面供自己学习思考,另一方面也希望能帮助到准备投入到人工智能行业的设计师。之前听有的朋友讲到,觉得自己没有计算机背景,有点害怕进入到这样一个领域来。
没有计算机背景没有关系,只要对这个行业充满好奇,一个个的问题解决掉,在你眼前的迷雾都会散去的。
先简单举几个人工智能在生活中有在应用的例子:
像现在有的超市寄存物件,开箱时采用的人脸识别;像家里购置的智能音响,时不时还能跟它聊上几句;像接听到的银行电话(是的,对方可能是机器人噢);像在淘宝上咨询的客服小蜜;像你手机里的虚拟助手….等等这些都是人工智能在生活中的应用。
人工智能在设计领域的应用也相当广泛,具体可以看这篇文章:
这几个例子是在生活中比较普遍能接触到的,实际人工智能应用的领域还在不断的扩大,我们甚至都无法想象到,未来的生活会是怎样的状态和场景。
在这家公司之前,我做过语音交互类的产品交互设计。当时在定义人与设备进行语音交互时,会是怎样的一个交互场景。从说唤醒词到发出指令,从收到反馈到继续对话。唤醒后等待的时间、结束的规则等等这些。
而现在,我大部分时间是在设计工具,如何让使用者能快速的创建出一个智能机器人。如何让机器人的创建者方便快捷的添加机器人的相关数据和创建出对话场景。
所以在进行这些工具的设计之前,有些名词概念,会需要设计师来了解一下,能让我们更好的理解人工智能的一些原理以及能够让设计师具象化到实际的设计中,甚至能基于此技术/原理来进行相关的创新或研究。
整理内容如下:(内容基于工作及自身理解,如有概念理解错误,欢迎指正)
下面尝试用较易理解方式来解释这些名词:
与机器人进行对话,首先就需要让机器人懂我们说的话,这其中,就需要来关注到自然语言处理,通过自然语言处理技术,能够实现我们与机器之间「无障碍」对话。
我把这三者关系画了张图示,我是以这样的方式理解的
从图中可进一步看出,NLU 和 NLG 是 NLP 的子集,而 NLP 是人与机器沟通中很重要的存在。
涉及到语音就会经常听到 ASR 和 TTS
语音识别(ASR):将语音内容转为文字
如微信里面,当别人发的语音信息不方便外放收听时,可以转为文字查看
语音合成(TTS):将文字内容转为语音
如现在很多的阅读软件,支持播放,有的就是利用 TTS,直接将文本内容转为语音播放出来。
我试着将上面提到的 NLP 和 ASR、TTS 组合起来,关系可以如下图所示
当我们说一句话的时候,机器知道我们表达的是什么吗?
意图(Intent):一个人希望达到的目的,或者解释为想要做什么,他的动机是什么。
如:
槽位(Slot):可以理解为系统要向用户收集的关键信息。
如:
「买张明天从上海到北京的机票」
上面这句话中,获取到意图(买机票);提取关键信息 时间(明天)、地点(出发地:上海;到达地:北京)
这些关键的信息就是槽位,当系统获知到这些信息后,就能去执行下一步动作。
还可以这样理解,当我们去银行营业厅办理卡的时候,会填写一张表,表每个要填写的选项,就是一个个的槽位。槽位就是为你服务的人员要从你那收集的关键信息。
实体(Entity):用户在语句中提到的具体信息
实体这词放在生活中,我们很容易理解,就是实实在在的物体,像桌子、电脑、熊猫等等这些都是实体。
但是在人机对话中,机器理解人的语句内容,会识别出语句中的实体信息(如:地点、人名、歌曲名等),然后进行标记。
那槽位和实体是不是讲的是一回事?只是不同的说法?
我之前有一度陷入这样的困惑中,但其实这两者还是有所区别的。比如,一个实体是数字,但是在语句中,数字将代表不同的含义。
如:
人:有没有10元的鲜花? 机器人:玫瑰花10元一支 。
这句话中,实体number「10」,但这个 10 在句子中表达的是价格,所以收集到的槽位信息是价格:「10元」
这样说可能还是不太能理解,那我们可以先了解下,在一句表达中,需要进行槽位信息收集,但机器如何知道「买张明天从上海到北京的机票」中,「上海」是城市,并且「上海」是出发地呢?
「上海」这个词会被建立在一个城市实体词库中,这是「上海」能被识别到是「城市」的原因。
其次,通过将解析槽位加入语料中,加以训练让机器学习相关表述结构,来获知该句式中,收集到的第一个城市是出发地,于是把第一个城市填到对应的槽位中。
使用什么工具来让机器知道,这个信息是要提取的信息?
解析器(Parser):抽取/解析用户语句中的关键信息
上一个讲到实体,这里讲到的解析器则是这么个工具,用来抽取这些信息。比如会有些通用的解析器如时间解析器、城市解析器、歌手解析器等等。
解析器的类型也比较多,如通用解析器、词典解析器、正则解析器、组合解析器等等,这里就不再扩展开讲具体解析器,实在过于复杂了。
命名实体识别(NER):用来识别具有特定意义的实体。主要会包括像机构、地名、组织等。
是不是发现,解析器和 NER 在做差不多的事情?我是这样理解的,解析器的话是一个更大的存在,其中包括了 NER。解析器下会有不同类型和不同功能的工具来实现关键信息的识别/抽取。
在我们与机器人对话时,一般会涉及到四个不同类型的对话,开放域的聊天、任务驱动的对话、问答(FAQ)和推荐。
上面是在有次分享中提到的,这四个不同类型的对话,在机器人平台中,会需要借助不同的功能模块来实现。
任务对话(Task Dialogue ):有上下文联系,就像我们要去订票、订餐之类的一段任务型的对话。
我们公司产品中,任务引擎模块就是做这个任务对话的创建,比如,要订机票的场景。用户在这个订机票的场景中,会涉及到的对话内容、流程的设计。
知识图谱(Knowledge Graph):这个可以理解为可视化关联信息。
比如:查询一个明星的身高、年龄,他的学校、他的女友,他的相关作品,这些基于这个人而构建的信息库,都可以通过知识图谱在做整理。并且在构建时能够做到可视化的了解。
要让机器人知道,它脑子里有货了!
训练(Train):这个概念可以这样理解,比如你创建了个机器人,但是它什么都还不懂,于是你塞了堆知识给他,这时,它就需要自己训练学习了。训练好了,就能回答你塞的那堆知识里的问题了。
讲到这就忍不住想用这个学习的例子,来简单讲下一般机器人的创建流程。像我们在学校,会经历上课学习新知识-复习温习-考试-整理错题集,以此循环进行。
这个创建机器人的流程也是一样通过知识的导入/创建-训练-测试-优化-上线-优化,以此循环,不断强化机器人,让它越来越智能。
其他:
数据标注:将对话日志中的有价值数据做标注(标记/匹配/关联之类)。
因为人的表达万千,多种表达方式都代表的同一个意思。有时用户说了句话,是语料库中并不包含,于是机器人可能就答非所问了。
Ai 训练师们就可以将这些数据信息标注到对应的问题中去,这样当用户再用同样方式表述时,机器人就能如预期回答了。
讲到标注想到之前在朋友圈很火的你画我猜,谷歌推出的这个小游戏席卷朋友圈。他们用了个如此聪明的做法,其实我们参与其中的做法就是在做数据标注,而且还是主动提供数据的那种。
这也反映了,数据对于机器人的重要性,通过不断的进行数据维护和补充数据,机器人就会越来越理解人,表达也会越来越智能。就跟我们学习一样,不断学习才能够理解其他的含义,甚至当认知能力提升了,看待问题的角度才能不一样。
文章来源:优设
我们在做设计的时候总是会听到,要注意「节奏感」。关于节奏感这个词,大多数人似懂非懂,可能明白它是什么意思,但是在设计中都应该注意哪些节奏感,却还没有一个比较清晰的思路。我们都知道音乐是有不同种类的,有古典音乐,有摇滚音乐等,它们之间的不同,很多时候是节奏给我们带来的感受不同。在设计上也是一样的,掌握节奏感就能控制画面的变化和气质的传达。
先理解什么是节奏感。
我们常说的生活节奏,可以理解为,假如你在规定时间里,你只需要上班和回家两点一线的生活。
但是当你有了孩子还要去幼儿园接送,晚上还要去健身等,这样就是生活节奏加快了。
我们常听到的节奏感其实是来源于音乐的。
不同节奏感的音乐会给人不同的感受,就像音乐1这种,会给你一种平静舒缓的感觉。音乐2这种就会有种比较喧闹、比较活泼的感觉。
说到设计的中的节奏感,从绘画里也可以看出,这是吴冠中的绘画作品,看似很简单的画面,但是这种水流的蜿蜒的感觉让这个画面变得灵动起来。
去掉这些流动的线之后,整个画面就变得很平静了。失去了那种蜿蜒流潺的感觉。
在我们很多图像网站里都用了这种瀑布流的方式,不仅是为了方便不同尺寸的图片的载入,在很多时候这种方式,相对于平铺的图片放置会更让人舒服而不枯燥。
在平面设计里,我们在学习平面构成的时候节奏与韵律是常常放在一起说的。
我们可以看海报去理解,第一张海报那几条鱼摆放的位置是没什么规律的,但是它却能形成节奏感。那么在第二张海报,我们能清晰地感受到它的节奏与韵律的变化。所以节奏是有规律或者无规律的变化的,韵律是有规律的变化的。
包括去百度百科查找相关信息也是表达类似这样的意思。
一个版面里的节奏影响是多方向面的,有文字编排、色彩搭配、图像处理等。
今天我们要讲的是文字编排里的节奏感。在文字编排上我们为什么要掌握节奏感呢?
我们在看一些纯文字的书籍的时候,很容易犯困。
这就是因为书籍的文字编排几乎没有节奏感,所以相对来说是枯燥的。
有一些不同的书籍设计或者杂志会在里面加入图片、对文字与版式进行处理,使它们变得有变化性,就会调节这种节奏感。让画面阅读不再枯燥。当然了,画面左边是因为大量的信息的传达不适合做过多的变化,否则阅读过程会有阻碍。这也是根据不同种类的信息从而把握不同节奏感的结果。
所以在这个画面里标题是节奏感比较强的,在保证阅读性的同时也做到了装饰性。那么由于下方信息量比较多,这些文字又需要被快速传达,所以这些文字的编排就会趋向于阅读性。
掌握文字编排的节奏感对画面传达的气质的影响是非常大的。就像这两张海报,它们的背景图片气质是很像的,都是天空的大留白,但是,完全不同的文字编排,就让第一张海报表现出活泼可爱的感觉,第二张海报表现出平静安静的感觉。
我们可以理解为,随着几乎没有节奏感到节奏感比较弱再到节奏感强,它的画面是可以呈现出由静止到舒缓再到动感的。
在文字编排中有非常多的对比,是一个非常大的系统,今天我们主要去梳理一下文字编排时的一些影响因素,以及在文字编排上一些需要注意的细节。(我们今天会讲这些影响我们文字编排的节奏感,字体种类、大小、长短、位置、疏密、颜色、组合形状和方向。)
文字种类就是我们对文字的类别进行分类,在字体种类里一般分成了衬线体与非衬线体,但是在中文里,我觉得主要由这五大类组成,分别是黑体,宋体,楷体,圆体与书法体。
包括字体家族里的不同字重。
不仅是这样,对于同一个字体我们还分常规体、窄体、扁体。
一段文字只选择上面的所说的变化就已经可以有很多种了。我拿了一段数学公式装❌。这里我们算出有 105 种。所以文字编排时稍微不注意就会有太多的变化性。
更何况我们经常在版面里加入其他国家语言的文字,这些都会影响文字的节奏感。
所以我们要学会控制这种节奏感,一般来说我们日常比较常用的就是黑体配无衬线体,宋体配衬线体。并且在字重上我们都要注意协调。尽量使它们看一起是一样的粗细度。
不同的字体搭配起来是有一定难度的。这种节奏感就好像不同风格的音乐的结合,它们之间的衔接与融合会比单纯的某一种风格的音乐制作起来更难。
这种不同类型的文字的搭配,对于排版和运用的能力有一定要求,运用不好就会传达不了画面的气质与信息。在电商里的反例是比较多的。在我看到的这张图里,它同时用了无衬线体与衬线体的结合,画面没有清晰呈现出准确的气质。大家可能会说它是简约高贵风,但是这是一个大范围,在简约高贵里有现代的高贵,有复古的高贵,还有一些与众不同的高贵等。
我们尝试把左边的衬线体换成无衬线看看。是不是有种现代都市的气质?
如果都统一成衬线的话,是不是一种精致的时尚感就出来了呢。统一这种文字的种类能更加精准地传达画面的气质。
刚刚我们也说到字体的混搭会产生混乱和怪异感,要慎用,但是如果我们的画画就需要这种感觉呢,当然就可以用这种特性来故意营造一种怪异感,当画面的字体种类越多的时候,所营造出来的节奏感会更强烈。
我们看这个画面也是这样的,周围的很多图形和各种各种样的字体类型让这个画面变得搞怪活泼。
就算去掉了周围的图形,文字这传达出来的搞怪感觉也依然存在。
接下来我们用这个文案来做一个案例演示下,由于平时很多都是用同一种类型字体搭配,那么这一次就挑战一下,我就打算做一稿用不同类型字体的版面。看看会有什么样的效果。
首先我在版面中划分版块,填上相应的文字,在这里可以看到,我同时用了衬线与无衬线的字体,还用了具有手写性质的字体。不仅如此, 所有的文字我都用了窄体而不是常见的常规体来增强这种怪异的节奏感。
最后加上一些图形处理一下负空间,这个案例就完成了。
为了减少影响,我把图片遮住单看文字组,我把这些字体都变成黑体了,对比可以发现,还是原来的文字组更有搞怪奇异的节奏感。右边这个因为板式与图形的完整性使得它看起来并没有很大的问题,但是它的确是缺少了像左边这种古典与现代结合的节奏感。
文字的大小节奏可能会有人理解为这样,但是我们一般不会这么做。
我们更多地是用在标题与内文的对比。
节奏变化比较大的文字组会给人一种冲击力,让人无法忽视标题的存在,就好像我在大声告诉你一句话的感觉,会比较强硬与喧闹。
节奏比较平缓的文字组表现出一种精致、安静的感觉。
我们把它们放到画面里看下,这个标题与内文的对比很大,并且在这个版面中占据一定的大小,这种时候有没有觉得这个画面呈现出一种,好像在播放新闻的感觉,好像在说这个小岛有什么重大新闻一样。
但是当标题变小时,整个画面呈现出比较平缓的节奏感,很符合画面传达出来的安静舒缓的感觉。
这种方式很多作品都有,这种标题和内文的对比,或者说是文字在版面的占比比较大时,就可以体现出这种很强烈的节奏,让人很难忽视这些文字内容。同时画面也更容易传达出一种力量感。
往往想要营造这种安静感的时候,比较注重画面整体的感觉,就不需要太多的文字变化,甚至为了区别文字层级而需要有的文字大小,也尽量地在减少对比。
我们都知道音频都是这种长短不一的声波图,因为这种长短不一的变化感受会给人带来节奏感。
所以也有以这种形式来编排文字,表现节奏感的系列广告作品。
它比较经常出现在居中对齐的文字组上。
但是我们要注意的是,你会发现很少情况在两个极端之间直接过度,比如说一长一短。
在没有文字大小的对比情况下,如果文字的长短对比太小,我们先不说节奏感,我们可能会有种疑问,它到底是想两端对齐还是居中对齐的呢?所以这种两端模棱两可的情况最好避免。不能模棱两可,对比太大又会不够美观,所以我们去创造节奏感的时候要注意这些问题。
毕竟它不是让人阅读时间很长的文字,所以我们就需要调节这种节奏让它看起来美观而且不枯燥。
这是我随便在购物网站截图的,你会发现它们的文字编排都很注意我刚刚说的短长短的节奏感。
我找了两张都是黑色背景并且配图比例也差不多的海报作对比说明这个问题。
因为图像的干扰我就同时去掉了图片,还有也把右边红色的字变成了白色,它们之间的对比变得清晰了,左边的文字规划在版面中显得更有活力,右边版面的文字集中在一块,就像我们前面提到的小说书籍内页一样。这样的文字编排在阅读上会比左边的缺少节奏感。但是我在这里要说的一点是,左边海报本身的图像没有右边的有冲击力与活力,所以我们如果要真正做对比的话。
用左边的图像放置在两个不同的版面来作对比,这样大家应该能感觉到差别。左边的版面虽然没有表现特别强的节奏感觉,但是至少版面不是特别压抑的。至于右边的我们会觉得很沉静,配合这种黑色的背景比左边更压抑。这就是文字编排在版面的影响。
不仅是文字组之间,标题的有意放置不同的位置就可以营造这种节奏感,是因为它依然可以使得我们的阅读视线发生变化。
比较随意编排的文字组也会比,比较拘谨正式的文字组看起来更有节奏、更活泼。
接下来我们用案例来演示。
首先选择纤细的宋体会比较符合这个画面的气质,很多人可能把文字组放在画面四个角就算大功告成了,但是这个画面既没有一个亮点吸引我们,而且画面里的元素都非常得散,没有体现出一点活泼的味道。
这个时候我们可以效仿刚刚我们看到的标题的做法,拉开距离,调整位置让它有上下浮动的节奏感,包括文字上我都做了一些切割移动让它们活泼,再加上线条让它们更有联系感。这个画面就会比刚刚活泼多了。
案例完成。
左边紧凑的文字字距会呈现出一种张力,一种急促的节奏,营造一种紧张感。右边宽松的字距画面会更缓和,不同的字距在版面中有宽松对比,也营造出了一种节奏对比。不会感到枯燥。
很多人可能没太去注意这些文字编排的小细节,这两版里哪一个更符合平缓的节奏感呢?答案是下面这个。第一张这样做也没错的,但是我们想让文字也能相应地呈现出一种透气感的话,第二张的会更加符合。
颜色的问题大家应该了解了很多了,这里就简单提一下,就像我们在营造一种氛围的时候选择的气球颜色都是非常重要的,我们选择饱和度比较高,颜色种类比较多的气球的时候,是想营造一种热闹活泼的感觉的。但是如果想营造一种浪漫安静的氛围时就用了很多白色或者淡色调的颜色。
就像这个 banner 一样,中间不同颜色的文字为这个画面增加了很强的节奏感。变得很活泼。
很多时候我们不需要太强的节奏感,所以我们经常给文字做一点的颜色变化,来让画面更鲜活。就像这个 banner,如果它没有了左边那个粉色的颜色的跳跃。
这个画面就会变得很沉静。
如果,画面文字的粉色变多,它的节奏感又会变得更强。
不仅是因为这个颜色本身的跳跃性比较高,而且也是因为颜色的不停切换导致这种节奏感的增强。所以不同颜色的占比也是需要考虑的。在这里主要是因为模特身上没有玫红色,所以左边不适合用过多的玫红色,用全黑都会显得很沉闷,所以这里选择用一次玫红色让这个画面鲜活。
我们在这些变化的图形中替换两个不同形状的图形,我们可以感觉到替换后的图形里的变化会更多,呈现出来的活泼性更强了。当画面中的不同形状更多,就会趋向于一种混乱。
用不同的图形在版面里,有区分不同信息的作用,但是这种方式也是增加版面节奏感的一种方式。在很多促销的传单会经常看到。
这个画面没有人物图片,仅仅是通过文字的编排就能传达出这种热闹的节奏感。
除了颜色本身的热闹性,其中比较大的影响因素。就是文字在各种不同形状里的编排,让这个画面呈现出热闹的氛围。
随着方向变化越来越多,画面会趋向于更有动感的的节奏。但是节奏感觉也是有度的,一旦变化性很多,那么这个版面就会显得杂乱。我们也可以简单理解为乱的元素的占比决定着你画面呈现出来的节奏感的强烈。
像第一张海报一样,这种有点古老的作品我们一般会认为是比较正式和比较严肃的,但是这些方向不一的文字编排,向我们说明了这不是一个严肃的展览,而是具有活泼的属性,从而吸引不同的观看群体。包括右边这个海报的文字编排都让这个画面的节奏感变得更强了,与人物夸张的肢体语言也相呼应。
倾斜的文字编排在电商里是出现得比较多的,微微倾斜文字就可以强调这种活泼的节奏感。
我们来看一个比较明显的例子,画面只有一个黄色的色块和文字编排以及一个不规则的图形,但是这个画面呈现出来的感觉却很活泼。
其实去掉这图形,也并没有影响原有的气质,是因为文字的编排的方向性的对比让它的节奏感增强了。
那么说到这里其实今天的内容也就结束了,这次的案例就给大家演示下怎么用这些知识去做一张海报。
首先我们要分析这个画面,图片本身是比较具有节奏感的,因为不是我们平常看的袜子的视角,而且人物有一种运动过程的动势。
这个负空间非常不规则,如果文字在这个画面负空间上直接加字的话,可能就会显得比较乱,但是我们又要做出迎合这个图片的节奏但是不乱的画面,应该怎么做呢?
首先不采取直接在图上加字的方式,把图片缩小,再添加一个深色的底色,这样这张图片和这个画面里就是一个整体了。
由于我们要压住图片的节奏感,不让它太乱,所以我在周围的空间编排文字是呈现一个既有文字层级关系,但是整体是呈现矩形的文字组。现在这个画面看起来的确不会乱,但是文字还是少了和图片活泼气质契合的节奏感。
分析一下这个画面,是宇宙系列的感觉,所以我就加入了环形的文字,然后再加一点与图片呼应的颜色。这个画面就会比之前更和谐。在做的过程通过减少变化与增加变化让画面逐渐接近自己的预期。
总结一下今天我们讲的,我们今天讲的是文字编排中的节奏感,在一开始,我分别给大家讲了从生活节奏、音乐节奏、再到设计的节奏去理解什么是节奏感,然后我还讲了关于文字节奏感对于画面的重要性,无论是对信息的传达还是对气质的表现,它的影响是非常大的。最主要的部分,我讲了影响文字编排的节奏都有哪些因素,比如文字类型、大小、方向、长短、文字组合形态等。把握自己要传达的节奏,才能正确传达信息。大家也可以用这种方式去看作品,分析它的节奏感是通过什么方式形成的。久而久之,对节奏感的掌握就会更加熟练与精准。
文章来源:优设
卡片式设计对于我们来说并不陌生,从设计类网站上或市场上的一些 APP 中也会看到很多的卡片式设计的案例,卡片式设计也是 UI 设计中最常用的方式之一。
最近在新项目的设计中也尝试使用了卡片式设计,结合实际项目中的一些思考进行总结并归纳出一些卡片式设计的小知识点。同时希望通过本次的总结进行知识沉淀,以及跟大家一起探讨下卡片式设计。
在现实生活中的卡片式设计可以说是无处不在,例如身份证、交通卡、银行卡、名片、便利贴、扑克牌、游戏卡……诸如此类的生活常见品都是以卡片的方式存在,其共同点都使用一个容器承载着内容,并且具有「便携性、信息简洁和相对独立性」。
在项目设计之初我分析了一些使用卡片设计的 App,并且从中整理总结了几个较为常见的卡片式设计的使用场景。
1. Feed流
卡片式的 feed 流设计是一种非常常见的设计,早在前几年 Facebook、Google+ 等产品就使用了这一方式,Feed 流作为一种长内容的媒介,用户需要长时间的滑动看内容并筛选有效信息,卡片式设计很好的解决了内容与内容的区块分隔,让用户在长屏幕滑动中依旧可以很好的明确识别每一块的内容。
实际案例-淘宝微淘
2. 瀑布流设计
瀑布流的出现让单屏区域内显示更多的内容,而内容较多的情况下,使用卡片式设计可以较好的对内容进行了区域划分,让上下左右的内容从整体中具有相对独立性。
实际案例-Pinterest
3. 左右滑动组合型内容
卡片式设计具有较强的层次感,相比于平铺更能呈现内容可滑动的感受,并且块状化的设计让内容具有较高的区域分割感。
实际案例-QQ音乐
4. Tips提醒
作为非界面固定内容,卡片式设计可以让 tips 提醒设计变得更自由,在符合用户体验的基础上,它可以出现在任何我们想要它出现的位置。
实际案例-淘票票会员提醒
5. 结合手势的单块可互动内容
若页面中有且只有一个主内容,并且需要用户进行快速筛选时,可考虑这种结合卡片式设计与手势设计的方式。大大增强了用户对于设计的体验感知和丰富视觉表现。
实际案例-探探首页
6. 卡券类设计
卡券类的设计实际上是一种物化映射的过程,我们在现实中看到的卡券造型,结合卡片式的拟物化设计,让用户在屏幕上可以更直观的感知,提升了设计的代入感。
实际案例-京东领券中心
7. 集合型功能入口
集合型功能入口往往会有多个入口,使用卡片式设计让入口形成一个区域整体,可以做到既统一又相对独立。
实际案例-淘宝微淘关注账号
8. 个人主页顶部内容卡片
个人主页的设计往往会在氛围上营造沉浸感,卡片式的设计可以把关键信息进行概括收归,让原本单个的内容形成一个整体。
实际案例-美团外卖会员
基础的卡片设计规则,相信大家在一些系统级别的设计指导规范中也或多或少都能了解到,不同平台的规范差异其实不会有太多本质性的区别,更多的是处理技巧或方式的差异,而每个设计师对其理解的角度也会具有一些差异化,这里分享下我对于卡片式设计的一些基础想法。
同样的卡片设计,不同的人做出来的感受可能会有所差别,而表达卡片质感的主要关键点在于:卡片形体、投影深度、卡片颜色对比,我们需要了解这些基础知识点之后,再结合实际的 APP 风格进行设计。
卡片形体
就像图标的图形设计一样,不一样的形体也能表达出不一样的气质,因此在设计的时候我们需要依据整体的风格进行表达。异形卡片的设计,可以让原有方方正正的卡片表达出差异化,从造型上打破一些传统的处理方式,再结合一些 IP 人物元素可以更加直观的表达出具体的内容氛围。
投影深度
投影的视觉效果,会直接影响整体卡片的质感,太深太大的投影会显得整体卡片过于厚重,太浅太小的投影则显得过度生硬,因此合理的数值比例可以让卡片看起来自然有质感。在项目中我常用的一组数值规律是 1:2 或 1:3,例如 Y 轴偏移 10px,模糊度则设定为 20 或 30px,这样成比例的数值出来的效果会较为自然,如下图:
卡片颜色对比
卡片与背景的颜色对比会影响这卡片的整体质感,在设计时我们需要把握好卡片与底色的对比,不同的明暗对比出来的质感也会有差异。这里有两点建议:
在使用卡片式设计时,经常会纠结边距的设定,宽边还是窄边?多少像素更为合适?我经常会带着这种疑问去设计。
基于内容的简单规则
卡片式设计作为设计的表现形式,最终是为了承载内容,因此边距的宽窄也需要依赖于实际内容的判断。结合我在项目中的尝试分享以下几点:
多窄少宽
卡片内容较多是使用窄边距,让卡片具有足够的空间来展现内容,内容较少则可以考虑采用宽边距来打造整体的视觉空间感,如下图 app store 和淘宝的设计对比。当然这只是一个建议,实际还得具体问题具体分析。
再如一些瀑布流、宫格、横滑模块较多的 APP 设计亦是如此,在内容较多的情况下会把边距压缩到最小的合理间距。
内外成比例
以最外边为基础值往里设计,间距以固定比例进行缩减,虽然没有删格来得规范,但也可以让设计变得有迹可循。
基于删格
删格系统解决了一些基础的板式问题,有助于提升设计的规范性,让设计更加有迹可循。在设定卡片式的边距时可以适当应用删格系统,让边距与内容形成固定的关系,这样可以帮助整体的卡片设计更加具有细节和规则。
标题的设定主要考虑以下几点:1.是在卡片内还是卡片外;2.标题的字号设定多少更合适;3.标题是否加粗?
卡片内或外的对比
在项目设计中让我较为纠结的是:标题应该在卡片内还是卡片外?通过了一些案例的尝试之后,我总结了一个规则(需要依据内容的形态而进行设计):当卡片内容是独立的模块或模块中只有一个大标题时可设定在卡片内;当卡片内容是以组合呈现或者具有延续性内容时设定在卡片外,形成最外层的主标题。
标题的字号设定
标题主要作用为 2 点:1.简短说明每个模块的内容;2.让用户在长页面浏览中起到引导、定位的作用。
通过一些尝试发现:1.当内容较少时,并不需要太大的字号即可起到标题的作用;2.当内容较多时,较小的标题字号则容易被沉入内容中,让用户在浏览的过程中难以发现,而导致信息获取缺失;3.建议标题与正文字号大小差异在 6-10px,这样可以更好的拉开差异,让标题更具有标题感。
字体是否加粗
常规思维下我们都会对标题进行加粗,我在实际中的经验得到的总结是:需要看手机系统或不同厂商的机型。我在项目之初都对标题进行了加粗,但后续在跟进还原时看到的效果并不理想,特别是 Android 的机型上,因为我们使用的是系统默认字体,android 系统很多字体并未对系统进行优化,而是使用微软雅黑,微软雅黑在android 系统上再加粗,就会显得整个系统的外轮廓特别粗糙,最后我们依据不同的机型进行了差异化的选择。
圆角的设定实际上没有太多的原则问题,只要符合整体的风格调性即可。当然不同的圆角也能表达出不同的质感,大圆角表达柔和、小圆角表达硬朗。
圆角的规则设定
以卡片的圆角作为基础的参考值往内推算整体的圆角使用规范,卡片与卡内的元素形成合理的比例规则,而非随意根据「经验」进行设定。
圆角大小差异对比
大小的差异化呈现出不同的视觉感受和风格差异,我们在设计时更多需要考虑我们设计的产品风格或气质是适合大圆角还是小圆角,而非依据一些设计网站上的流行趋势。因此基于不同的风格或者实际内容场景下进行设定才更为合理。
卡片式设计相比拉通式设计更需要考虑设计中的透气感。在常规情况下,对内容边距及四周边距进行调整,让内容之间具有较好的空间呼吸感,从而让设计得到留白的效果。如下图对比案例,在基础删格不变的情况下,每个间距都在原有基础上扩大了12px(接近 1.33 倍),从而让内容具有较为舒适的宽度进行阅读
选择某一种设计方式的重点在于我们了解这种方式的优点,并且可以把这些优点融合到我们的设计当中。在项目设计中,我总结了几点卡片式设计的优点。
1. 优化模块化,提升内容区域感
模块化的设计也是我们日常中会应用到的方法,结合卡片式的设计可以让模块化的规则变得更加简单,增加了模块之间的可复用性和延展性。而当内容较多的情况下,使用卡片式设计可以有效直接的形成区域分隔,从视觉感知上就对内容进行了分隔,提升用户获取信息的效率。
2. 提升内容独立性
在组合型的内容设计上,使用卡片式设计可以让每个小块内容呈现相对独立的展现特性,结合模块化的设计,可以在一大片关联的内容中,做到既统一又相对独立。
3. 增强视觉空间感
卡片式的设计可以提升整体设计层次感,通过投影、前后颜色的设定,让内容与背景之间产生视觉空间感。
4. 增强视觉表现力
在设计中我们可以对卡片进行异形设计,用来达到我们想要的风格表现。当然在一个页面内尽量不要太多,尽量使用页面中的首个卡片进行差异化处理,让整体表现出一点不同即可。
5. 增强可点性
卡片式设计产生的空间感,让每个模块更加突出,相比扁平式的处理方式,卡片式从视觉感官上会较为突出,从感官上更具可点击感知。
任何一种设计方式都会有其利弊,最终选择某一种其实不过就是当下最适合而已,而在尝试中我也总结了几点卡片式设计存在的一些缺点,当然只是个人的思考而已。
1. 横向空间利用率降低
卡片式设计的存在左右边距,因此在有限的屏宽内内容横向区域相比于拉通式设计有所减少,在内容较多的情况下可以适当调小卡片左右边距。
2. 避免过多的层级
从整体来说,卡片式的设计本身就是增加了基础背景的层级表现,其视觉层级相比拉通式更为丰富,因此不建议在卡片上再二次叠加块状式设计,避免造成层级复杂。在项目中也会遇到内容层级需要多层级的表现,从中总结了2种方式:
3. 不适合长文或内容多的表达
若在设计上使用了卡片式的设计风格,但在一些长文表现的界面建议去除卡片。长文章的页面更强调阅读的沉浸感,用户需要更多的专注于文字,这时候无边的体验更适合。
4. 把握好界面的分区,避免过于拥挤的排版
卡片设计具有独特的视觉空间感,但卡片与卡片之间也会有分隔,因此在设计时更应该对内容进行归纳,避免产生过多的小块卡片而导致排版过于拥挤、凌乱或者内容不够宽度展现。
无论是卡片式或者拉通平铺的方式,其最终的目的都是为了服务于内容,我们在做设计的过程中只是选择适合于呈现我们内容的一种方式。根据具体的内容情况给出合理/合适的设计判断才是我们需要不断提升的关键点,切莫流于形式而忽略了内容设计本身的重要性。
文章来源:优设
B 端工作看起来总是没有 C 端工作那么有趣,面临的限制比较多,面对客户(金主爸爸),很多时候总是左右为难。在实际工作中,面对这些情况该怎么办?笔者根据自己的 B 端工作经验,总结了一些交互设计的要点。
从事 B 端 SaaS 行业已经两年有余,从最开始面对需求的茫然无措,到现在已经有了自己的一些基本方法论,这期间经历了从有人带到自己摸索的一个阶段。
每天看看文章、看看书,大家讲的都是 C 端的产品,C 端的交互和体验;每天看同行们分析的不是如何提高用户活跃量,就是 APP 的设计风格。这在我一个 B 端交互看来,无比羡慕啊。
C 端项目的设计师感觉每天和一线用户打交道,忙得不亦乐乎,可以与用户直接对接,可以添加有趣生动的文案。
而对于一个做 SaaS 的 B 端来说,Boss 常说的话就是:
你这个颜色太鲜艳了。
我们是 B 端,你这种页面布局不合适吧。
这个文案太幼稚了,不适合我们产品的调性。
中规中矩就好,不要太跳。
整理了一堆的字段,画了无数的线框和流程图,却拿不出 C 端设计师才有的丰富多彩的作品集,
尽管如此,设计的原则是通用的,无论是尼尔森十大可用性原则,还是格式塔原理,在设计方案的落实上,都有着相同的方法论。
无意在此讨论 B 端和 C 端之间的差异,仅以此文章来总结下我自己的一些工作经验,如有错误,敬请指出。
从业务需求的对接,到界面交互的细节,从功能的设计要点,再到产品的发展导向,我总结出了以下几个方面,逐步展开:
C 端设计师最开心的可能就是收到用户的反馈需求了吧,这样表示自己的产品还有人在用,然后建个群让用户开开心心吐槽,完了就从里面提炼适合产品的一些需求和建议。
而对于 B 端设计师来说,如何处理需求是其成长的第一关,尤其是 SaaS 行业,不会处理需求,产品的功能更新将会遇到极大的问题。
B 端的用户不像 C 端,虽然可以用用户画像来进行归类和分析。但是由于 B 端的直接用户是付费用户,付了钱的就是大爷,因此大爷提的需求你敢不应?
用户提的需求乱七八糟,有些是体验问题,有些是功能问题,有些就是属于比较极端的需求。那种传说中甲方要你做一个可以根据手机屏显示颜色而改变手机壳颜色的需求,在 B 端行业也是存在的。
那么问题来了,我们该如何处理纷繁杂乱的需求呢,我从收集需求-评估需求-需求落地挨个讲起:
如果你也打算像 C 端产品体验群那样建立一个群,完了将自己的用户聚集在那里,静静等待需求的话,我劝你三思而后行。你可以这么做,但是应该明确群的目标,可以收集需求,可以是 bug 反馈群,也可以是更新通知群;但是不要将其变成一个纯粹的用户反馈群,因为这会导致用户的吐槽声音过大,而让潜在的用户流失。
B 端的客户一旦使用你们的系统,就要付出相应的金钱和时间代价,不是说想换一家就能换。因此他对于已经使用中的用户反馈是极其看重的,B 端的产品很大程度是靠着同行间的口碑传播从而取得了良好的效益。如果一个新用户想进群了解,结果一进去就发现大家都在吐槽这个系统的不足之处,那么可想而知他的选择是什么。
因此,最好的需求收集方式是通过运营、市场以及客服的同事们的反馈,因为他们是离客户最近的人,他们每天都跟客户打交道,了解这个行业从业者的一些基本情况。很多时候,客户回访和运营对接的时候用户会提出一些功能的建议。
通常的一种情况是,在 SaaS 行业,你的一个客户的流失意味着你的竞争对手多一个客户。因此一般市场都会有竞争对手的信息,他们会知晓客户从我们平台流失到其他平台的一些原因。最重要的是,他们也为你提供了绝佳的竞品资料,进而可以进一步明确需求。
收集好的需求,该怎么处理呢?
工具之前我用的是 trello,很好用,你可以将需求按照类型分为不同的看板,规划产品的进度。
之后由于团队的原因,改用 teambition,功能要丰富点,可以写测试案例等,对于国内用户比较友好;可以按照 KANO 模型将需求划分为不同的类型,用以安排产品。
KANO模型
基本(必备)型需求——Must-beQuality/ Basic Quality
一个产品应该具有的基本功能,能满足用户的基本需求,比如,微信的基本功能是即时通讯。
用户不会因为该功能的出现而觉得满意,因为这是基本的、必备的一项功能。如果连这个都没法满足,用户满意度会大幅下降。
期望(意愿)型需求——One-dimensional Quality/ Performance Quality
用户迫切希望产品能提供的功能,当提供该需求时,用户满意度会大幅上升,当不提供该需求时,用户满意度会下降。
比如百度网盘一直为人诟病的下载限速,无法对单次下载而付费。而需要开通会员,用户的抱怨恰好说明了其痛点;当提供单次下载付费的服务时,用户满意度明显提升。
兴奋(魅力)型需求—Attractive Quality/ Excitement Quality
用户对该类型的需求并无明显的期望,但是若产品能够提供该类需求,用户满意度会极大提升,也会培养用户的忠诚度。
比如,很多产品都有实验室功能,即对那些不是必备需求的功能设计一个开关,用户打开后可以进行使用。对于有的用户来讲,这些功能很大程度上会带来惊喜。当然,每个人期望不一样,实验室方案也可以视为另类的灰度测试,用以验证用户对于功能的需求。
无差异型需求——Indifferent Quality/Neutral Quality
产品无论是否满足该类需求,用户的满意度是不会变化的,正如用户不会因为收到「玛莎拉蒂5元代金券」而感到开心。因此在 B 端行业,开发时间有限的情况下,无需为该类需求投入资源。
比如优化一个用户访问量很少的网页,也无需因为领导或者客户的个人喜好而改变后台页面的颜色。无论使其鲜艳活泼还是稳重大气,后台满足基本的视觉要求和规范即可。当然,这并不意味着你可以把后台设计的简陋和杂乱。
反向(逆向)型需求——Reverse Quality
当提供方向性需求的功能时,会招致大部分用户满意度的大幅下降。比如常见的在搜索中掺加广告、强制用户授权过多个人信息以及推送大量无用的消息等,会导致用户的反感。
通常需求的收集不是你一个人在进行,产品经理、老板以及其他同事也会帮助你收集,汇总到你这里的需求会开会进行讨论,下一步要做什么。
做之前首先要对需求进行评估,评估的原则基本是按照 KANO 模型来,但是也会有比较特殊的情况。
交互设计师需要注意的是,你除了需要关注用户体验的问题以外,还要与开发一起评估该需求的实现;你不懂技术没关系,开发会告诉你该需求的落地会出现什么问题,在实现上会有什么难度。这些在评估需求的阶段都要提出来,并且在交互层面解决掉,否则你画出了原型以后,开发告诉你这个页面必须要修改,否则开发成本过大,无法在排期内完成,这个时候你再去改交互稿将会费时费力。
评估完需求,定好下期开发的需求后就结束了么?
其实并没有,因为需求收集不可能是一个固定的阶段,它是渐进的、不确定的。因此收集需求和评估需求会不断在实际工作中叠加和重复,比如你制定好了需求优先级,已经着手开发了;这时候老板或者领导突然又增加了一个优先级很高的需求,所以你得重新安排这些需求。如何在敏捷开发中保质保量的完成工作任务,这是一场斗智斗勇的 battle。
前面讲到需求评估的时候,需要与开发人员一起评估技术难度。其实在你将需求落地为交互原型的时候,也需要持续沟通,这完全是为了避免因为技术问题而产生修改设计稿或沟通不顺畅的问题。
如果你是在做的过程中,持续与开发人员保持沟通,能了解到他们是如何实现这个功能的。当然,有些基本的设计原则所不允许的事完全不用屈服于他们的「淫威」,毕竟他们得按照你的方案来。如果开发懒惰而想通过最简单的办法来实现,用户体验又是极其不友好,那么请直接对其说「NO」。
比如常见的删除的二次确认等弹窗,一般最好的体验是在按钮旁边弹出;但有些开发懒得写弹窗,直接调用浏览器的弹窗,即浏览器顶部经常出现的那种确认弹窗,这个时候你要坚决告诉开发,这样搞是坚决不行的。
需求的落地伴随着竞品分析,判断一个需求是否靠谱、落地方案是否成熟的一个重要途径就是竞品分析,可以通过调查研究相关竞品是如何进行设计的。这对于我们有着非常大的帮助,可以避免很多的弯路,甚至能避免犯错,提高交互方案的可靠性。竞品分析又是个比较繁杂的事项,如果是有特殊要求可以做成报告的形式,如果仅是去参考对照的话只需要去体验竞品即可。
B 端的业务比较重要,尤其是涉及到数据的增删改查和金额的计算,一旦出错,将会导致无法挽回的后果。因此在出错前和出错后,应该有相应的挽回机制。
1. 出错前
内容编辑类的功能应该提供自动保存草稿功能,防止没有及时保存而丢失内容;删除、禁止等较重操作应该有二次确认,防止用户误删。
对于操作流程应该建立明确的引导机制,长表单可以分开按步骤填写。
提示信息应该明确而及时。比如一个表单需要登录才能填写,在未登录的状态下,应该先提示其登录再填写否则用户在填写大量信息后,因为一个错误而前功尽弃。
系统内的禁止信息、警告信息、提示信息建立一套相应的规则。
2. 出错后
用户的时间就是金钱,这对于 B 端商家角色中尤为重要,大量订单的处理、表格化的导入和导出、批量管理和网站运营等方面,对于效率有着极高的要求,商家通过可视化界面来完成某项任务。
在这其中,影响最大的莫过于交互方式了,相信各位一定用过各大银行的网站,页面的导航关联性弱、结构不合理、提示不明确、交互流程过长,甚至有的网站光是登录,就得大费周章。
如何提率,我认为主要从以下几个方面着手:
1. 提高易用性
如果你的产品,让人看一眼就能上手,那么说明是非常友好的设计。易用性不一定意味着简单和低智,依据复杂守恒定理(泰勒斯定理),每个应用程序都有自己内在的、无法简化的复杂度。
所以,提高易用性意味着要设计合理的交互,易用性分为对新手(小白用户)友好和对老用户(专家用户)友好,包括数量最大的中间用户。
如果你的界面是仅仅对于新手友好,那么可能完成的任务都是简单而轻松的。但是对于老用户,他需要更复杂的功能来处理大量庞杂的任务;因此在设计的时候,既要提供傻瓜式的操作方式,也要对专家用户提供提率的工具。
2. 智能化
此处的智能化既包括通过大数据或者人工智能自动将操作步骤变得简洁,也包括诸如一些字段输入、自动定位、图片识别、OCR 等方式来使用户的效率得以提升的功能。
以前的用户要抠图可能会在 ps 中操作好几个步骤才能完成,但是随着机器学习技术的发展,ps 已经可以更加智能的抠图。当然,还包括其他功能的智能化。
在 B 端 SaaS 领域,智能化也是一个重要的趋势,针对不同的商家所面临的不同的行业领域,我们或许可以提供更加全面且友好的服务。
3. 场景化思维
如果你深入了解你的用户,去观察他们整个行业的运作模式,以及他们对于业务的处理方式,你就会明白你的产品的走向。
你需要深入每一个场景,比如,在户外旅游领域,发布旅游产品线路的可能是在办公室中的编辑人员,带队出行的是在户外场景中的导游,现场签到的可能是集合点的管理人员,而处理订单的又是另一个坐在办公室里的小伙伴。
他们需要协同工作,才能使各项工作顺利展开,发布活动-用户报名-订单管理-报名人统计-活动成行-集合点签到-带队出发-旅游结束-活动评价-领队评价-交易成功,这一系列流程中,面临的角色是复杂的,而意外也是常有的事。比如报名人无法参加活动而导致的退款、活动因为天气原因而无法成行、户外活动发生意外等。
你需要做的就是:
场景化的思维会让你设身处地为一线操作用户的体验而努力。因此,交互稿完成以后,彻底回退到小白用户的身份,假装自己是在某个场景下要做某件事,通过你的交互方案,能否顺利完成自己的目标。
此处的通用性是指,在 SaaS 软件领域,不同客户所面临的行业有一定的差别,可能这个功能对于 A 用户极其重要,但对于 B 用户,该功能并不重要。比如有的客户想要在前台展示某活动的报名人的姓名以增加真实性,用以吸引用户参加;但是有的客户就明确反对该功能,认为这个功能侵犯了用户的隐私。
诸如此类的需求相离、甚至相反的情况太普遍了。合适的解决方式是建立两套开关,一套是由 SaaS 服务提供商的统一后台来配置,用以区分比较大的行业差别,比如电商领域中,可以配置店铺类型为:美妆、服饰、食品、电子产品等;另一套开关在客户的站点后台,用以控制不同的站之间的差别,比如前台界面样式、交易流程、相关字段或菜单的前台显示等。
另外比较重要的一点,也是最基本的一点,软件设计中存在一个原则就是高内聚低耦合,模块化设计,用以提高系统内部组件的复用。
交互设计也是同样的道理,可以将你的商品视为一个模块,那么这个模块无论是添加到网站,还是小程序,我只需要创建一个商品即可,可以同步更新到不同的平台。
另外,订单的管理只需要添加相关的标记即可(比如来自小程序的订单标记为小程序,淘宝订单标记为淘宝等),一个平台发布,多个平台同步,有效提高了运营人员的效率。
同样的,如果你的 pc 端产品和移动端产品没有实质性的运营差异(即当成两种模式来运营),那么很多数据(如文案、图片、banner等)的获取可以采用同一个数据源 。
最后,提高系统内的一致性,减少用户认知成本。在同一平台内的页面,样式和交互上要尽量保持一致性,不要有的地方是总金额,有的地方是总价格,这会让用户犯迷糊。提高通用性,也意味着你需要关注并熟悉系统内不同功能之间的关联性,尽量做到统一处理。
在进行商业化运作和产品功能的优化时,对于正向的用户需要激励,对于负向的用户需要限制。
这是我在读完有赞的白鸦写的关于有赞产品设计原则的文章后,影响最深的一个原则,他写到:
我们的使命是帮助每一位重视产品和服务的商家成功。「每一位」和「商家成功」是我们最重要的关键词,我们要服务的是每一位商家,然后帮助每一位商家成功,但是为了整个生态的健康,那些不重视产品和服务的商家,我们是(可以)不服务的。所以我们在产品设计原则上,在产品做一些功能的选择上,如果这个功能做完了会导致商家不重视产品和服务,我们是不会/能做的。
举个例子:消费者购买之后(可以)有一个评价,我们的购物评价是要么开启要么不开启这个功能。我们不接受商家去删购物评价,因为商家一旦可以删了消费者的差评,他就(很可能)不会那么重视产品和服务了。所以有赞永远不会提供删除商品评价的功能,商家要么就不开启。可以不用,如果要用就要接受有人说你不好,商家可以去跟消费者沟通,沟通完了消费者自己改,但是我们不提供让商家删坏评价的功能。所以,这就是最基本的有赞产品设计原则,我们只服务重视产品和服务的商家,我们所有的产品设计原则都是需要这样。
——《白鸦内部培训:企业服务类产品的底层逻辑和有赞产品设计原则》
更多内容请看:
曾任支付宝首席产品设计师,现任有赞创始人的白鸦是很多人心里的产品大神,这份由他在内部分享的《产品设计原则》值得设计师、产品、运营等阅读学习。
阅读文章 >>我将其概括为一个产品的中正原则,即中立且保持正向原则。
一方面,对于企业未来的发展而言,正向的用户能带给平台无尽的潜力,平台可以和商家一起成长,而负向的用户,则会给平台带来隐患。比如,淘宝既限制商家的违规运营和欺诈客户,也限制 C 端用户的恶意薅羊毛,在商家和用户之间做一个中立者和调节者的角色。
我在做需求的时候,也遇到过很多的负向需求,这在商家看来是一个必须的功能,作为平台应该提供。但是若是提供给商家,则会对消费者的利益造成损害,删除差评就是一个很好的例子。
看了白鸦对于有赞产品原则的阐释,我觉得每一个平台类的产品,都应该保持自己的中正原则:
在 B 端行业,口碑传播是非常重要的一种被动营销方式,很多 B 端公司都是低调的潜行者,坚持中正原则,并不会损害自己的利益,反而会获得商家的尊重和消费者的信赖。
啰啰嗦嗦说了这么多,比较细碎,不乏逻辑凌乱的片段,但也算是对自己两年以来对于 B 端交互的一些心得吧。
其实交互的原则基本都是通用的,无非就是根据平台属性做一定的调整,不同的是产品所处的行业,每一个产品都无法脱离其所处的行业而存在,这也是使用产品的具体场景。
因此做一个产品前,一定要了解行业,去熟悉行业的通用做法,了解行业的专业术语和规范,研究行业的所属群体等,这样你就会做出真正适合市场且能让大多数用户满意的产品。
文章来源:优设
给大家看两张图,这两页的文字内容相同,你更想看哪本?
不出意外的话,大家应该会选右手边的吧(选左边的请自觉去面壁)。(所拍书籍为《西文字体》,高冈昌生 )
虽然大家不是专业做文字排印的,但对文字排版的感知力,其实是生而有之的。
中文也是如此,优秀的出版社(译林出版社、广西师范大学出版社等),为了让阅读体验顺畅、版面舒适,在文字排印上做了许多工序。
正是这些工序,提升了书籍正文的阅读体验。想要在阅读软件上打造优秀的阅读页,这些工序正是我们需要借鉴的。
通过设计师与开发的共同努力,我们最近完成了这一文字排版能力的建造,让阅读页的效果能够更上一层楼。
最终效果如下:
本文将从以下几个部分说明这些工序存在的理由、实现的逻辑等。
细致的来看,文章包括以下内容:
通过前期的大量学习与调研(专家观点:小林章先生、鸟海修先生、刘庆先生等人关于字体排印 or 字体设计的讲座、W3C 中文排版需求(强烈建议大家看这个)、孔雀计划的文章、字体排印的专著:《平面设计中的网格系统》、《字体排印》、《西文字体》等;本次改版几乎所有的功能与逻辑都参照了以上专著与文章。)
我们把文字书排版时的工序,总结为「文字排印要遵循的三个原则」:
原则说明
中文排版中,字与字之间的间距被称为「字间距」。
文字间距会影响阅读节奏。字间距大的文章,阅读速度会变慢。因此,散文、诗歌在排版时,会刻意调大字间距。
下面的图,仅凭自己感受,选一张更好的:
不出意外的话,应该是觉得下图更好看。
尝试默读一下,你会发现,上边的图片,最后两行字间距被拉大,阅读速度放慢;而这不是作者的本意,换言之,这会破坏阅读节奏。
因此,我们把「保证字间距恒定」作为首要原则,来保障阅读节奏感。
备注(建议第二次看文章的时候再读):需要说明的是,部分字面较大的字体(方正博雅宋、兰亭黑等)在书籍排版时为了契合书籍内容的调性,有时会刻意设置字间距,这与「字间距保持恒定」的原则并不冲突。在电子阅读软件中,由于无法针对特定书籍进行调整,因此本次设计实际上是保持「密排」(字与字之间没有额外添加字间距,保留字体原始的间距)。
工序
行长是字号的整数倍。相同字号下,汉字字宽固定(就是字号本身),汉字标点的字宽同样也是字号本身(除了个别标点之外,例如破折号)
汉字排版时,没有额外字间距的情况下,是上图所示的字面框依次密排。
因为中文书籍的正文排版常用两端对齐,如果行长不是字号的整数倍,则汉字之间会有异常的行间距出现。
更严重的是:阅读软件字号可变的情况下,行长不可能做到适应所有字号且字间距不会被拉大。
行长是字号的整数倍是中文字体排印中标点挤压等的前提。
——《孔雀计划》,原文链接:https://thetype.com/2017/07/12513/
在阅读软件中,随着字号调整,如果沿用「版心宽度固定」的思路,难免存在字间距被拉大的情况。
对此,我们调查了国内外知名中文阅读软件,发现:KindleAPP 能随着字号变化自由变动,但这会导致:改变字号大小时,版心宽度略微变化。
有此顾虑,我们做了一个测试。结果证明,大家不会发现版心宽度有变化。这说明用户投入到阅读当中、调整字号时,并不会因为版心宽度变化而有不适,甚至不会感知。通过测试,打消了我们的顾虑。
最终我们大胆采取了「版心宽度跟随字号调整而变化」,来确保「行长是字号的整数倍」。
虽然「版心宽度跟随字号变化」并没有不适,但我们需要保证在多种屏幕尺寸、字号下,版心占据屏幕的区域都舒适。
面对这个问题,我们制定了一个公式,可根据屏幕大小、字体大小等,自动调整版心宽度。确保「行长是字号的整数倍」的同时,保证页面美观。
标点符号「优先推入式避头尾」。如图所示,为宋抄本《孙子算经》;在古代,书籍排版可以做到字间距恒定,原因是古代不存在「标点」,也就没有「标点避头尾」导致的种种问题。
而现代汉语存在标点符号,有的标点不能放在行首,有的不能放在行尾。
我们把不能放在行首的标点叫做避头标点,如逗号、顿号、句号等;把不能放置在行尾的叫做避尾标点,如前引号、前括号等。
「推出式」避头尾是大部分阅读软件的做法:
以避头标点为例,若此标点被排到了行首,「推出式」 的做法是从上一行拉一个字放在本行。如下图所示:
然而这么做的话,上一行的字间距被拉大,打断了阅读节奏(阅读节奏放慢)。
我们发现专业的排版软件(Indesign)和出版社(广西师范大学理想国系列、人民文学出版社、译林出版社等知名出版社)的做法是「优先推入式避头尾」,这种方式可以很好地解决「仅推出式」造成的问题。如下图所示:
△ 《少数派报告》译林出版社
通过「优先推入式避头尾」,上图中标出的双引号的宽度被挤压了一半,如果它保留为「全宽」,就没办法排在这一行,这就是「优先推入式避头尾」的最终效果。
以避头尾标点为例,「优先推入式」避头尾在这种情况下会将本行内标点宽度挤压,为避头尾的标点腾出空间,如下图所示:
上面的图可以看到:通过「优先推入式标点挤压」,第一行的字间距没有被拉大,保持了密排。
通过将本行内的标点宽度进行挤压后,腾出了空间给本来排不到的逗号,确保了字间距的恒定。然后只有在本行内标点无法压缩出足够空间时,才会选择「推出式」的处理方式。
因此这种处理方式叫做「优先推出式」标点避头尾。
行内标点挤压。因为相邻标点挤压、行首段首挤压,会出现部分标点符号占据半宽的情况。这种时候,一行的末尾可能正好有汉字或标点轧在了边框上,如下图所示,为汉字轧在边框的情况:
遇到这种情况,通过挤压行内标点宽度,从而腾出空间给最后一个字。这种做法叫做「行内标点挤压」
标点悬挂的逻辑和配套内容。存在另外一种处理方式来避头,叫做「标点悬挂」,即将标点悬挂在文本框外。
然而这种采用「标点悬挂」,需要配套做「行尾强制半宽」,如下图所示:
然而行尾强制半宽带来的问题是字间距被拉大,违反了原则一(尽量保证字间距恒定),对于宽度有限的手机屏幕,尽量不要改动。因此最终我们没有采用标点悬挂的处理方式。
Type is Beautiful 网站中对此有详尽的思考,如有兴趣请看:https://thetype.com/kongque/
原则说明
书籍排版中,文字所在的范围称为「版心」。
经验老道的文字排印设计师,检查正文排版效果时,最常用的方法是:离远看页面,就像蒙上一层磨砂玻璃一样,检查整个页面是否疏密均衡(《字体排印》,高冈昌生先生),也叫做「灰度均衡」(龟仓雄策先生称之为「浓淡匀称」,from《疾风迅雷》)。灰度均衡的版心可以让整个页面美观的同时,也保证了读者阅读中不会被突然的空白打断。
如下图所示,第一张图因为一些原因导致了页面中有许多「窟窿」,显得零碎,灰度明显不均衡。而第二张图,通过「标点挤压」将这些「窟窿」填上,整个版面更像是一个整体,灰度更均衡。
看倒数第二行的「乃跪地罪曰:‘大人何故’」两个标点连续的地方,从整体的角度看,会不会觉得这里有一个窟窿?
总的来说,灰度均衡的版面整体感更强、视觉上更舒适,因此也是相当重要的原则。
工序:
相邻标点挤压
众所周知的,汉字是方块字,在字体设计时会被放在一个方形里;中文标点同样也会被放置于同等大小的方框之中,如下图所示。
如上图所示,中文标点所占体积一般远小于汉字,因此当多个标点符号连续排列时,会让版面在这里好像有一个窟窿。专业的中文排版中会做的事情是「相邻标点挤压」。如下图所示:
如上图所示,有连续标点存在时,通过压缩标点所占的宽度,从而补上「窟窿」。
原则说明
与西文书籍的左侧对齐不同,中文书籍(横排)传统而言是讲究两端对齐。这是被大多数国人认可的中文排版方式,因此不再赘述。
工序
行首段首标点挤压。当行首出现标点符号,会感觉左侧不齐:
可以看到,处理前版心左侧因为有单引号,看起来第一行没有和第二行左对齐,处理后效果回归正常。同样的,段首的标点也需要挤压。
知道了以上内容,我们需要把它变成开发需要的逻辑。具体如下:
1. 相邻标点挤压逻辑
在 W3C 的《中文排版需求》中,对相邻标点挤压的具体做法为:
通过梳理,我们将其简化描述为 4个逻辑(实际逻辑与 W3C 基本一致):
备注:成对出现的标点叫做夹注符,如双引号、书名号等;其中细分为开始夹注符与结束夹注符。
此外,我们注意到,一些出版书在以上逻辑之外,把问号与叹号与[顿、逗、句]归为一类,实际效果良好,因此出于问号与叹号同样占据字面不多的逻辑,采用了这种分类法。然而随后在走查阶段发现线上部分字体的问号与句号占据字面的位置不同。
这促使我们关注到标点在字面中占据的位置,我们梳理了客户端所有字体的中文标点。
发现汉仪乐喵、方正兰亭黑、汉仪启体等几款字体的问号字面占据异常,如果进行相邻标点挤压可能会造成标点粘连的情况,因此最终我们决定保持问号与叹号不参与相邻标点挤压。
2. 避头、避尾标点汇总表:
以上逻辑实施需要首先让程序判定哪些标点是避头尾标点,因此我们梳理了所有汉字标点并分为避头、避尾两类(部分标点即避头又避尾)。
汉字标点符号与西文的标点符号许多时候仅凭肉眼难以分辨(如,与,前者是西文标点中的逗号,后者是中文标点中的逗号),因此我们使用Unicode 码为每一个标点精准划分,确保不会造成错误。
3. 行内标点挤压与「优先推入式避头尾」逻辑:
「行内标点挤压」与「优先推入式避头尾」其实本质上都是对行内标点宽度进行压缩,因此在逻辑上归为一类。根据具体解决逻辑的不同将其分为以下四类:
针对这四种情况要做的具体事项补充在右侧:
至于推出逻辑,则稍简单些,书籍中有时候会遇到连续几个标点符号都是避尾标点的情况(或连续避头标点),因此对推出的逻辑设定为:
备注:国内知名的字体设计与排印网站 Type is Beautiful 中有介绍,行内标点挤压的方式有多种,「开明式」「全部半宽式」「平均式」等等…我们选择了「平均式」(有权重),开发难度会稍小些、效果也更可控制,不再赘述。
4. 整体逻辑流程图
但是仅仅通过文字性质的描述还不够,我们需要能让程序理解的逻辑。
由于部分处理方式之间互相干扰,因此根据这四种方式影响的内容不同,以「对其他处理方式的干扰程度」从高到低排序,并串联成整整体的逻辑图,以保证整体逻辑简单、不重复,如下图所示。
在此基础上,我们将文章中第二部分所梳理的逻辑细节填充进流程图内,并合并重复流程,最终获得如下流程图,方便开发理解和工作:
5. 小结
通过「避头尾标点列表」「可挤压标点与挤压空间」「广义的推入逻辑具体说明」「整体逻辑流程图」四个文件,我们可以顺畅的将设计要求传达给开发。
最终,通过这些工序,我们可以在最大限度上保证字间距恒定、版面齐整和内容灰度均衡。提升阅读流畅性和阅读页的体验。
文字排印作为一个古老的技艺,从排版工人操作实体字模的时代,经历了照排时代,来到了数字排版的当下,排版的自由度和效率已然成倍提高,然而由于许多原因至今这些排版的工序只在出版社等专业领域流通。
相对于纸质书籍,电子阅读在易携带性、阅读方便性、多媒体辅助阅读上有得天独厚的优势,然而最基础的阅读体验有时候不如纸质书籍,我们希望通过我们的努力,电子阅读在未来,能够让读者获得全面超过纸质书籍的阅读体验。
当然,文字在移动端的体验上限远不止如此,一些产品仅靠网格系统与字体排印加上优秀的字体,已经做出了令人惊艳的体验。
如上图所示,通过优秀的明朝体、网格系统,物书堂出品的几个词典 APP 的界面让人惊艳,文字之美还有很多可能,这也是我们的努力方向。我们也知道,当前客户端内中英混排、英文排版等方面,依然有进步空间,未来也会进一步完善。
文章来源:优设
根据遇到的问题,总结的一些小经验,个人的一点薄见,欢迎大家交流。
最近有小伙伴接到了国外的运营外包项目,发现国外和国内对于运营的需求是有差别的,这篇文章就谈谈国内外:中国、韩国、欧美,它们运营设计的各自特点和里面的门道。
主要从以下三方面来说:
三个地区文化差异大不相同。
中国从古到今讲究遵循传统,过年过节讲究气氛,营造一种氛围。用红包来表达祝福和心意;其次,就是社会环境,中国人喜欢「热闹」,逢年过节,一帮人聚到一起才热闹,别人都买、卖的火的肯定就是好的,所以就「跟风效仿」。
韩国建国很晚,历史相对比较短。所以文化氛围比较年轻,偶像文化在韩国盛行,传统的东西相对较少,都是比较年轻化的:年轻化的偶像,年轻化的文化,年轻化的价值观。
欧美整个文化环境受移民的影响,比较开放国际化,体现的文化也是比较多元的,包容性、简洁、时尚是这些它最直接的特点。
接下来分别谈一下三个地区运营推广的设计特点差异化:
中国
中国的运营突出的是优惠:送红包、满减、优惠券等;必须要喜庆,鲜艳的色彩:以红色、橙色、黄色居多,来刺激消费。就好像进了卖场「瞧一瞧看一看,季末打折满100减99」
韩国
韩国的文化里「社交」这一关键词体现的尤为重要,「Line」这款APP对韩国影响比较大,里面的矢量涂鸦风格的插画深入人心,Line 官方设计可爱且特色鲜明的「馒头人」、「可妮兔」、「布朗熊」和「詹姆士」四个形象也很有特点,所以Line的「IP属性」和「矢量涂鸦」就成为了韩国主流设计风格。
而韩国的偶像明星文化也颇具影响力,在推广时也会用到明星来制造效应。
我们从整体构图解析一下三个地区的设计细节。首先把一个运营 banner 按照组件层级进行拆分,分别来看一下。
分为:文字层、主体物层、装饰层、背景层
文字层
从文字层可以看出中国的文字层级划分更加清晰。运用「格式塔」原理,主文案和副标题的突出,能让用户对信息提取更加准确直观。
中文结构的复杂性,排版上必须严格区分,所以在层级划分上装饰线的运用也是比较常见的。(后面有针对性字体设计形式,详细解读,这里就不细说了)
韩文的本身的图形特质,为保证识别度,文案提炼精简,信息层级相对较少。文字层级一般分为两层。
有意思的是韩文由于字形结构的单一,排版上很多时候会搭配字体形式的变化来增加排版样式的变化,装饰线的运用也比较多变。
英文排版上本质上和韩文相同——符号化,通过字形的特点来特出主要信息。
排版的优势性,让其排版变化上自带韵律感,加上装饰线的运用,本身字形的符号特性视觉呈现很有设计感。
主体物层
为了辅助信息传达,往往采用图文结合,注意主体物的构图布局朝向,主题物对主要文字起到视觉引导作用,用户的聚焦点一定是主文案,而不是主体物。
下图里「手」作为整个画面的「支点」,把模特的脸部向主要文案指引,最终达到活动的最核心。
下图里「眼睛」为整个画面的「支点」,利用眼睛视线,把用户向文案核心指引。
利用周围的物体形成三个「支点」,把视觉中心聚焦到中间主文案。
装饰层
点线面是运用最多的元素,中国把平面设计的三大构成运用到了。
为了营造构图的稳定性,在设计里加入点和线的元素让画面占比更加平衡,同时弥补画面中空白的地方,减少负空间,让构图更加饱满。
同时点和线的元素也是为了辅助衬托主体元素,分布要合理,避免过多,造成使画面的拥挤。
面简单的理解成形状,用形状配合主体物,达到聚焦视觉中心,来突出主题,但是形状不易过于复杂,「格式塔原理」——「简单」原则(我们的眼睛在观看时,眼脑并不是在一开始就区分一个形象的各个单一的组成部分,而是将各个部分组合起来,使之成为一个更易于理解的统一体),用户更容易理解。
三角形——利用稳定的特点来达到视觉的平衡
圆形——最简单直接有效的图形元素,视觉聚焦更明确
多边形——丰富画面,多边形的边角多的特点也多用做突出设计的高逼格
形状流体在营销中突出了活动的促销感和气氛,在重大活动中经常看到,色彩上也比较鲜艳。相较欧美、韩国,中国电商运用比较多,这也侧面反映出出中国运营推广竞争的残酷性映射出来的「浮夸」。
背景层
中国设计里最多变的就属背景了。可以利用多彩渐变、放射的线、还有图案叠加,让画面迎合表达的主体基调
韩国的设计分为涂鸦放射背景和纯色背景简单几何形状
欧美撞色对比和性冷淡纯色底,也会运用视错觉,来吸引用户眼球
文案是营销第一要素,想办法突出运营信息,是所有运营必须要注意的,这就有了根据活动气氛进行字体设计。
中国字体的复杂和文化的久远特殊性,对于字体我们是有很深的研究和造诣,表现空间也很大。另外由于中文字形的复杂,导致字库设计成本比较大,字体种类相对较少,为了避免字体版权问题,多采用一些设计变形来达到营销推广目的。比如针对字形进行改变、针对笔画进行加工、针对体积和质感进行变化等。
层次叠加——提取等比重的笔画,变现字体的体积和空间感
笔画链接——让文字直接更紧凑,空间运用更整体合理
笔画装饰——增加文字设计感,突出表现风格
厚度层次——让字体突出,增加厚重感
字形改变设计——考虑到字体版权,对字体进行再设计,结合主题进行宣传
字体内部装饰——字体呼应主题的一种简单方式
韩国字形相对简单,变化不是很多,运用厚度体积和笔画装饰来表现字体
欧美的西文字体更多的是运用和主体物穿插、和字形搭配的变换,和复古风字体厚度设计
可以看到不同的国家地区根据本国习惯、审美、风格不同,都有各自不同的设计。中国营销快速简单直接出效果;韩国偶像路线,不管是对于模特的选择,还是网红形象的选择,把粉丝效应运用到了;而欧美则简单兼顾设计创意表现。
随着教育在大趋势下崛起,很多学习类产品开始出现。很多在做教育的小伙伴求助,学习类的运营 banner 无从下手,思路不清晰,那么我稍稍的屡了一下思路,浅谈一下学习 banner 的个人薄见。
在很多设计师刚开始缕思路的时候,总因为无从下手而着急盲目,下意识的认为「我不会啊」!那复杂的不会,就从简单的开始缕。从设计开始,我构图都没想好,设计啥设计?那再简单点,从构图开始吧,我思路都没想好,构啥图?继续再简单点,一步一步往前推,直到推到最简单的细节,从最初第一步开始做。你会发现,首先第一步就是先建立一个符合主题的思路。
谈到学习类 banner,光听一听就觉得头大甚至很讨厌的事情。因为本来学习就是让人很拒绝的,如何引导用户主动做一个不想做的事,就得用到一些特殊的手段了。
咱们这次主要从以下方面来多维度探讨:
K12教育
K12 也就是九年义务教育和三年高中,所以人群定位青少年,年龄 7-18 岁。这个年龄段非常单纯。
大家可以回想一下我们小时候,在这个年龄最享受的是什么?那就是「满足感」和「参与感」,我们小时候玩积木、做游戏,最重要的不是赢了能得到什么东西,而是参与到其中享受快乐。所以建立一种参与感,参与进来「一起玩」的感觉,就会得到满足。
我们看到下面这类 APP,为了能够吸引这一部分用户,大多都以有趣好玩为主,「游戏性」是最大的特点,所以情感化设计是非常好的选择,通过丰富的「体积感插画」用游戏的思路激发兴趣,让他们感觉有参与感,从而吸引他们「想看」并「点击」。
知识付费
而对于成年人来说,学习需求变成一种「插件思维」,能够快速学会,或者说是能够收获很多的干货,突出不枯燥、学会、能懂。这类的情感化设计相对于少儿学习插画,更多的突出主题所以,以更极简的设计形式。
有时候文字作为主视觉中心更加直观,整体设计风格可能更加简单,对于成年人来说,这种设计更能直达我们需求本身,更容易理解。
高端知识分享
对于这部分人来说,定位跟上面两类完全不同,从所处层级来说就不同。首先这类人,学习的可能就不只是干货了,更多的需求是职场环境带来的。比如,我怎么跟同事、朋友、下属更好的相处,如何具有更好的说服力,或者是想进修一下,就有了学习需求,基于「马斯洛金字塔」里的,这里学习需求可能也是更高层次的,为了体现自己的价值。
所以更关心的是,这是谁讲的课;通过设计情绪版,映射出当前课程的专业、严谨、课程的价值高,这些关键点。
课程的品质感的体现,颜色不能太多,插画设计元素少,更多的利用文字排版和少量图形来突出主题。
总之,根据所代表的用户来针对性设计。就好像剪头发,Tony 老师肯定不会给一个 20 多岁的年轻人理一个小平头;穿衣服也一样,你上班肯定不会穿个背心裤衩就去了,但在海边放松你也不可能穿个西装、牛仔,我相信大家都能明白这个道理。
良好的构图,目的是能够让用户易懂,首先结构要清晰、简单,主要构图比如:居中、左右。
居中结构
突出活动文案,居中构图是个很好的选择,不足就是体现不了有趣好玩的调性。直白说主要就是明确干什么。所以用户的视觉焦点会聚集在重心区域,忽略掉周围的东西,在设计的时候,周围元素主要是衬托,不能抢主视觉重心。
所以说运用插画风格的话,简单轮廓插画和剪影插画是最适合的。
设计的时候注意几点:一,主体物要突出饱满,太小容易画面太空;二,弱化辅助元素并不是要把它做的粗糙。
左右结构
左右结构分为两种,一种是左图右文,左文右图。两种构图的秘密在于,用户的浏览顺序是「从左至右」,如果图在左边,图在表意性不明显的情况下,我们需要看一遍文字,再看一遍图,这样图相当于重复浏览了两次;文字在左边就减少了重复阅读,提高了阅读效率,在运营推广「3秒原则」里,是首先要考虑的因素。而插画设计本身也是为了烘托气氛,表意性不是很明显,所以突出文案尤为重要。
所以,市面上大部分的学习知识类左右构图的,更倾向第二种左文右图。
左右构图受限于屏幕显示内容,所以,有一个明确的主体物至关重要。比如:像 VIPKID 和哒哒英语,会有一个自己的 IP 主形象,比较生动突出了品牌特征,还能让用户有代入感;还有像一些知识分享的,就会有一个明确的讲师或者人物,体现专业权威性,在设计上一切都以突出主人物来展开,就不要设计太过于复杂。
不同于电商的模特,主人物首先穿着上不能太花哨,要正式;周围装饰上不要太浮夸,要精简,甚至像高端知识分享的,背景就一个简单颜色来衬托。
衍生结构
还有以上面构图衍生的构图形式,比如倾斜构图,受限于 banner 尺寸高度,过大的倾斜角度会让画面失衡,负空间留白不均,会让画面不协调。
构图比例合理
注意画面整体构图比例,文案占比永远都是大的,不要让主要画面辅助元素过大抢了文案的风头,因为即使图形辅助再精彩,用户更关心的是「你能给他看什么」。
文案和辅助元素大概是六四开,黄金分割比例能让焦点更多的关注内容,有些小伙伴可能在做的时候过多的沉浸在放大的画布里,由于没有直观感受,错误的预估当前构图的合理性,所以做图的时候多缩小画布离远看是个非常不错的方法。还有一个就是,做完了 banner 导出图片,双击打开图片,把图拖小到无法拖动为止,再看当前实际尺寸大小,用实际尺寸来检查。
更多构图形式:《文案超多的海报设计该怎么排版?16个实用模板送给你!》
文案选字
文字的选择也是衡量当前产品用户定位的标准,首先文字结构不能太过于复杂,K12 教育因为本身用户年轻化的特点,字形简单而且饱满有趣,所以一些艺术手写可爱字体比较适合。
免费商用可爱字体推荐:沐瑶软笔手写体、站酷快乐体、郑庆科黄油体、站酷小薇 LOGO 体、锐字真言体。
其他可爱字体推荐:汉仪唐美人、汉仪糯米团、汉仪铸字童年体、汉仪小麦体、方正胖娃体、方正字迹新手书、造字工房童心、文悦方糖体。
如果是高端知识分享和知识付费,体现高端。文字就要简单,字形不要那么随意,一些黑体和简单的衬线体就比较合适。
免费商用黑体衬线体推荐:思源黑、思源宋、站酷文艺体、方正书宋简体。
其他黑体衬线体推荐:汉仪瑞意宋、方正清刻本悦宋、方正兰亭、造字工房朗宋、造字工房黄金时代体、造字工房尚雅体。
文案排版
当用户人群比较年轻,意味着所有的呈现方式都要直接,文案精简并且排版直观,提炼关键主标题,信息层级要拉开明显,如果信息层级不清楚,识别性是很差的,先看下面的案例:
看这两个,明显右边的对于我们识别,和对当前功能的认知更清晰,还有一个明显的视觉引导,突出了最主要的交互点;而左边的由于信息比较密集,导致我们无法短时间反应出关键信息是什么,这是比较糟糕的,运营同样如此,而运营比较尴尬的一点是,如果用户看不懂或不感兴趣,是根本不会点击、不予理睬的。那么流量入口的意义就没有了,设计的再精美,都是一个非常差的作品。
提炼文案是很有必要的,下面两个同样的设计,右边对于文案的认知就更明显。
有的时候往往文案的关键信息比较多,我们在排版的时候第一个重要点,就是排版怎么拉开信息对比,同时又让排版紧凑?有时需要增加一些特定图形,或按钮。但是又会考虑,加了这些特殊图形和文案又显得相对独立不整体;还有就是关键点该怎么取舍,强化那些文案、弱化哪些,或是主文案是重要的,同时关键的数字也要突出怎么办?
左图,左边主文案放大了关键点,由于右边文案文字比较粗,所以层级拉开还是不够突出,如果想拉开对比的话那就让他们截然不同。右图,字体选择上拉开强弱,让右边的文字比划选择细一些;左图的关键数字不够突出,通过提亮改变颜色,来强化;按钮在左边画面显得太独立,和文案没有形成统一关系,反而按钮看起来变得要比文案重要,那么把按钮插到里面。
现在所有的信息,一环插一环,并且突出的文案明显,关键数字也明显;最后让他们整体在画面构图中面积比例放大,改版后是不是舒服很多。
还有一些小伙伴可能觉得亲密性原则不就是距离相近么,然后没有把控好各个部分的文字距离,导致反而该拉开的没有拉开,该近的没有近。
上图这个案例里,主文案分为了两行,但左边由于主文案行距比较宽,而跟辅助信息的距离太近,导致亲密性不够,而由于副标题文案又比较孤立,上半部的信息和下半部信息太散,整体统一度不够。
右图改进后,调整合适行距,并且加装饰线,协调一下辅助信息比较短的问题,同时也起到分割的作用让上下文案有关联和统一。
文案排版的其他细节还有错位排版时,注意错位的大小,太大会丢失掉排版的平衡性;注意文案排版对齐,往往有的时候不注意,会让你的作品看起来不够精细;文案做倾斜处理的时候,一般情况都是往右边倾斜,第一,右边都是我们的主要习惯方向;第二,往右可以很好的把用户引导到关键信息上,这些也是做 banner 排版里经常犯的错也是要规避的一些坑。
颜色倾向
如果是代表年轻化,多用绿色和黄色,绿色代表活力、生机、积极向上;黄色系代表温暖、希望、舒服。
这两个颜色由于是临近色的关系所以也会搭配出现在画面中,色环 90° 角的颜色搭配所以是最舒服的配色,还有就是颜色对比非常和谐。
由于蓝色是绿色的邻近色、是黄色的对比色,红色是绿色的互补色、黄色的邻近色,所以绿、黄、蓝、红这些会在画面中组成主色、辅色、点缀色。
注意协调好每部分颜色之间占比,主色 60% 左右、辅色 30% 左右、剩下的辅助色 10% 左右。
如果是代表科技、互联网,就会以蓝色为主,颜色也不会像上面那样丰富,颜色体现的设计也没有那么活泼,代表冷静、自然、科技。
一般画面在2-3种颜色,以蓝色为主,再搭配紫色。因为紫色和蓝色是邻近色,不会像暖色调一样太冲撞,所以我们经常会看到蓝紫这种「好基友」的搭配。
知识分享类,分为普通的讲师分享和高端知识分享。讲师分享颜色要亮一些,颜色搭配大概是 1-2 种。
而高端知识分享,要体现知识的稀缺性和专属感,代表尊贵、品质、价值,颜色大多用暗色或消色(消色就是黑白灰),大概也是 1-2 种。
颜色方面我总结几点坑需要避开的:一,如果用插画表现,一定要避免颜色的灰和脏,因为学习代表着积极向上的,灰色不适合。颜色选取的时候大概要避开「颜色警示区」的位置。
二,插画风格避免选择紫和一些冷色调,以暖色调为主,才能贴合情绪版定位;三,同样的道理,颜色不要过于艳丽、过于刺激,反差明显了,反而阅读体验不好,影响观感;四,所有的颜色最终都要定位到主题上,做完后,反向推倒检查一下,颜色呈现符合当前文案定位吗?符合面向的用户人群吗?根据主题当前配色合适吗?
更多电商配色方法:《这是一篇不看会后悔的配色干货》
最后我想说的是,所做的东西把自己当成模拟用户自检一下,自己如果看到这个 banner 会点击么?会吸引到你么?能直观感受到么?会让你舒服么?如果连自己都无感,那是相当失败的。
运营专题在设计的时候,我们要考虑的是针对运营需求,给特定需求的用户传达零成本阅读体验,很多设计师做的 banner 画面特别乱,原因是画面中没有突出主体元素。
所以在 banner 设计上要考虑贴合当前传达的主题,所谓设计的「言之有物」。下面来详细的谈一下运营设计时如何突出主体元素,其中的言之有物。
运营活动最终想给用户快速传达文案信息,也就是「三秒阅读」体验,配合辅助文案的主体图形更能方便用户去理解。
可以看到下图左为了让画面丰富,设计师往往会加一些辅助元素或图形;而图右糟糕的元素添加反而会过度设计,干扰用户对于运营活动本身的理解和其表意性。
那么,如何突出视觉主体物,而达到最理想的设计作品的表意性呢?
我们从以下五方面细谈:
流畅线条的运用
我们在看音乐类运营 banner 的时候发现线条运用非常普遍,特别是利用 illustrator 里的「混合工具」来实现两条线之间的复制混合。
人物涂鸦剪影
往往为了表现特定的主题:比如年轻化、个性化,通过错位移动,添加亮色来使人物突出,往往更多的表现在:音乐、设计、嘻哈接头文化的电商运营宣传中。
这类设计个性鲜明,所以做之前考虑好,所要传达的特定的人群是不是符合当前的审美认知。
简单几何形状
有时候为了让传达主题更加明确,简洁化设计很有必要「少即是多」,所以比如学习和知识付费类的设计,干脆就用简单的圆形、方形、波浪曲线。
下面这个案例,设计者为了使这几个人物不会太散,用圆形包裹,目的也是为了更加整体,试想一下,如果把圆形去掉,人物不仅会显多,画面也显得既单调又乱。
立体几何载体
让风格调性显得品质高,同样让设计少而精。需要注意的是,品质感高逼格的设计所用的图形相对要规整一些,尽量不要显得太随意,多用方块形状和立体几何载体。
比如网易严选,为了突出「所卖东西都是精挑细选」,会采用立体几何载体衬托的方式,所表现的就是「隆重和百里挑一」,我们不一样~(会唱的朋友们一起唱)
多边图形
运用模特表现的时候,高品质感会用一些规则多边形,比如:四边形、多边形等。多边的形状会给我们带来稳重感,「尊贵感与众不同」往往是这类商品想传达给我们的。
不规则流体
促销类电商营造促销的氛围,激发购买欲,会用到多色彩的不规则流体,目的为了传达「降价、折扣、满减、超值、限时」等 ,往往会为围绕主体物四周,突出主体元素。
小结
图形化元素是最简单也是最实用的一种突出主体元素的表现方式,不管是用哪种,一定要想明白所表现的主题:符不符合当前主题;推广所属对应的用户群体:心理认知上能不能赞同;满足这两点,所加的图形才有意义。任何图形都是为了辅助突出主体元素,记住这一点,你就不会盲目的进行设计。
文字铺底
直接把相关文字铺底是最常见的一种方式,用当前所对应主题的人物名字、相关文案、对应英文等。
文字与主体穿插
利用文字与主体的穿插营造出空间感,也是在平面设计中经常用到的手法,同样也是在保证文字基本的识别度前提下。
注意文字颜色与主体颜色之间要拉开反差,不要糊成一坨,就适得其反了,适当的时候加一点点阴影还是很有必要的。
小结
不管是什么形式,所加的文字要有意义,跟主题相关。任何加的文案一定要能衬托主体物,也要有很强的表意性,毕竟文案才是最重要的。
主体物吸色衬托
从主体物上之间选取,作为背景颜色搭配,来衬托主体物简直不要太完美,前提是主体物的颜色相对够和谐舒服。需要衬托的背景颜色相对要弱一点,以突出主体。
颜色对比
我们一想到颜色对比,马上想到「红配绿赛狗屁」这句话,这句话的意思不是说红配绿不行,而是说错误的红配绿不行,听不懂啊?来,举个栗子…李子…梨子…例子!
左图的红绿颜色占比可以看到是比较平均的,大概1:1的比例,但是红色作为一个比较刺激的颜色,颜色很鲜艳,如果搭配的绿色也一样饱和度很高,两个撞到一起没有一个突出色,画面就不会那么和谐了。
右图如果我们把红色的占比相应的减少,饱和度不变,而绿色降低饱和度,从而面积占比增大,起到衬托的作用,画面之间是不是舒服很多。
下图其他的颜色对比同样如此。
小结
颜色对比的口诀是:主体如果是亮色,背景就用冷色;主体用重色,背景用亮色;主体用纯色,背景用灰色;不管哪种对比,主体物的颜色一定是面积最小的那一个,无论如何拉开颜色对比反差是王道。
人物面部打光
人物面部是最容易辨识,也是视觉焦点部分,所以让面部从画面凸现出来尤为重要,让光源聚焦到脸部,主体人物显得更加有质感和饱满度。
物体亮部打光
物体和人物相比相对简单,亮部高光部分为视觉焦点,让物体显得有质感,只需要给亮部特殊光源即可。
小结
光线能在突出主体物的同时,让构图更加丰富和饱满,切记光线不要过亮,看起来会很不舒服。
人物截取范围
截取摆放人物的时候注意,为了让视觉焦点集中、有辨识度。具有代表性的人物和明星一般截取一半左右,大约胸部以上部位;而电商模特为了展示所卖衣服,一般露出大约三分之二。
万万不要切头部
让人物完美的呈现在画面之中,让画面能够看起来舒服些,构图也相对完整,反之把头部一刀切,会使画面负空间变小,构图拥挤,而观看者对于人物的识别度也随之降低,阅读成本变高。
多人物摆放要求
多人物组合时,整体人物处理要基本保持一致,特别是眼睛视线要尽量保持统一的视觉基准线,不然会显得杂乱不堪。
多物体的摆放
表现美食产品的时候,文字居中构图,物体散点摆放要注意,角度的统一,统一俯视角度,不要有俯视有平视,保证统一度。
案例分析
这是一个小伙伴做的医美类的运营 banner,当看到这个设计的时候我的内心是崩溃的,我们分析一下问题。
问题一,首先主体物没有突出,主体人物偏灰,背景也灰;问题二背景太乱,没有视觉焦点;问题三,文案识别度完全丢失掉了,排版也太乱;好下面我们来改一下。整体看下来,并没有表现出医美要体现的「变美」,用户完全没有视觉感受。
调整改动
前后对比
最后我们来看看对比效果,是不是好很多。
无论什么样的设计,加什么样的元素,目的只有一个就是要有理有据、有道理,所有的运营设计都是为了辅助主体文案。不要让你的设计无用,或者减分,把设计元素最大化发挥它的作用才是设计的最终目的,你就说是不是吧!
作者从自身经验出发,结合实际案例,分享了流量获取过程中非常有价值的知识,值得运营人细读精读,一起学习。
大家好,我是国平。我做流量已经有16年了,2010年之前主要在阿里巴巴国际站负责免费流量增长,把海外B2B免费流量的日UV做到几百万。后来成立了一家乙方公司叫光年实验室(以前叫杭州光年),是携程、阿里云等40多家主流的大型互联网公司的流量顾问。另外这些年也没少折腾其他项目,其中做过电商(外贸独立B2C网站)、做过电商系统(类似有赞)、 做过移动端APP (社交方向)。
来“群响”这段时间,只要能参加的聚会都参加了,听过大家分享很多非常有意思的流量玩法。先不说不同行业的“隔行如隔山”,就是在流量领域,可能有很多种细分领域,大家之间的资讯都是隔离得很厉害的。流量的渠道和玩法是永远在变的,不过也有一些不变的东西,如平台和内容创造者的博弈、大家仰视平台的心态(其实没必要)、以及各种流量玩法的底层模式等。
我首先分享的是过去一个很主流的流量渠道–搜索引擎,看看在现在这个移动互联网时代和新媒体时代还能如何获取流量。
结论是:值得做,不过如果不了解现在国内百度的现状生态,99%的人ROI一定会很差的。至于海外的Google,它依然是大部分人的第一大流量来源。
首先说为什么值得做。
大家可能不知道的是,在搜索引擎,也是65%以上的流量来自移动端,所以不要认为搜索引擎是PC流量的代表。百度的DAU是没有下降的,DAU在3亿多,大家在手机上也是会搜索的。
我喜欢把流量分为“搜索流量”和“社交流量”,分别对应“人找信息”和“信息找人”。我的观点是这两种大家获取信息的模式没有主次之分。
只是在国内,百度的相对市场份额是一路下滑的,先是淘宝、去哪儿等分走了很多垂直搜索的流量,接着又有微博、微信、抖音等社交平台相继崛起,百度没有以前那么重要了。
我们服务的好几家头部互联网公司每天的总UV(包括APP)当中,还有超过四分之一的流量来自搜索引擎。 客户不能拿来作为案例,不过有公开的渠道可以查到的一个例子:知乎某段时间的每天的总UV有四千多万的情况下,来自搜索引擎的UV有一千三百万。
搜索引擎流量的转化率,一直都是所有流量渠道里面最高的。因为社交媒体的流量的性质是“逛”,而搜索引擎流量是主动“搜”。搜索引擎流量在关键词和内容匹配的情况下,有不少做到过10%左右转化的例子。
然后搜索引擎流量相对稳定可控,而且像SEO自然排名这样的流量还不要花钱,这也是头部互联网公司比较重视这块的原因。不说它们,就是那种中型的以卖流量为商业模式的互联网公司,如融360、土巴兔就是其中的代表,每天都从百度获取百万UV以上SEO免费流量。
最后就是目前还存在一些以前很少有人知道的红利,这是今天后面要讲的重点。
那为什么说大部分人做搜素引擎流量的人ROI会很差,要从自然排名(SEO)和 竞价排名 (PPC)两块来看所谓的内情。
搜索引擎营销分为自然排名和竞价排名两块,自然排名就是非广告排名,是由系统按照一定的算法来决定谁应该排在最前面。竞价排名就是买排名(PPC。即Pay Per Click),根据你花钱的多少以及用户更喜欢谁的广告把你的广告排在前面去,当然在百度主要是看谁花的钱多。
对于自然排名来说,它的回报周期应该是一年以后,而很多人期望几个月就有好效果;然后是整个行业的无论是甲方公司还是乙方公司都没有很专业的人,搜索引擎营销服务商行业总体来说是一个逆淘汰的行业。还有百度自己的页面在搜索结果中占了快三分之一,而剩下的流量头部效用明显,也就是只有大网站才能获得不错的流量;在这么一种糟糕的情况下,百度对优秀内容的判断严重失控,很多人通过一些作弊的方法快速获取了很多流量。
而竞价排名这种花钱买排名的方式,对于很多人是鸡肋一样的存在了。我个人觉得百度的价值观不是很正,他们在一开始就用错误的方法在引导大家投放广告。 这个可能有点危言耸听,也就是在指责百度为了自己的利益,这十几年以来一直在误导大家去花更多的钱。
这是由于竞价排名的模式就决定了,只有大家都共同认为某些关键词的流量很大才会去竞争这个词,而大众都是拍脑袋来认为哪些词重要与否的,比如任何一个卖口红的都认为“口红”这个词要是不投的话,好像搜索引擎流量就不要做了,百度也就顺水推舟让大家用这种思维模式去投广告。
具体案例:我给大家两张图,假设客户是在卖“阿胶”:
为了让大家有直观的感受,我先考一下大家:假设你是这个卖阿胶的商家,你去百度投广告,你们会决定买什么关键词呢?
这张是曾经百度给客户培训的关键词选词方法:
这种方法就是大家去定义一些和你的业务相关的核心词,如阿胶、滋补品等,再定义一些前缀和后缀等,然后再排列组合。这样出来的词就是:
上海阿胶电话
北京阿胶电话
上海阿胶网站
……
由于大家选词方法一样,就会产生竞争,一定可以把少部分大家能想到的词的价格抬上去。
而这张是我们一直以来用的关键词选词方法:
这里是通过很多数据挖掘工具,先把整个行业用户正在搜索什么都列出来,必须要穷尽整个行业,越多越好,然后按照核心词再分成不同的组,这个时候用户的需求就明明白白列在你面前了。
从这份数据能看到,“阿胶”这个代表整个类目的词语,每天的搜索量也只有8078。搜索引擎上所有的行业都是这样的,用户搜索的80%的词,字数都是很多的。其实大家想一想也不难理解,即使一个初级网民,也明白用“阿胶”这样的词语是搜索不到自己想要的东西的,大部分来搜索引擎搜索都带有明确的需求而来,大部分人的需求都有个性化和独特的地方。
但是在商家投放广告的时候,就陷入了一个思维上的误区,以为“阿胶”这个词语特别特别重要。实际上,一个品类重要,不意味着代表这个行业的某个行业关键词就重要。
比如“iphone11 价格“这个词语的搜索量远远超过”手机“这个词语;”163邮箱“这个词语的搜索量一天是十多万,而”免费邮箱”这个词语的搜索量是三千多。“小说” 这个词搜索量不高,“TXT全本小说下载” 这个词每天有160多万的搜素量。
百度也就没有纠正大家的误区,让大家按照这个思维定势去买关键词。十多年来,很多人也是这样按照这个误区在做着SEO。
第二张图是我从百度于2019年10月28日获取的数据,每天百度上真实地搜索“阿胶”相关的关键词基本都在这里了。无论你怎么想破脑袋,你也想不出用户是这样在搜索的。图二的数据,即使有些从事了10年搜索引擎流量运营的人,从来都没看到过的。
我前面所说的流量红利,就是这么多年以来行业里都在用错误的方法做搜索引擎流量,所以以至于到了今天,搜索引擎上还有一大半的流量没有人要的。我再发几张图,大家自行去搜索就知道了。
(这里的日搜索量是指查询这个数据的那天再往前30天的流量总数除以30天,就得出最近一个月的日均搜索量。数据是有时效性的,所以要用的数据。)
以下是稍旧一些的数据。
投资理财:
汽车行业:
搜索引擎营销已经有一帮人做了十多年,现在来看这是一个什么样的流量世界呢?
首先搜索引擎是“长尾理论”的最佳实证, 在搜索引擎做流量要深刻的理解长尾效用。Google曾经公布过一个数据:google每天的十几亿次搜索中,如果匹配用户搜索的那个几个词语,有15%的搜索词是过去1年从来没有人这么搜索过的。比如类似搜索 “ how to make an automatic door in minecraft ”,这样的词的组合, 每天有15%的词过去1年都没人这么组合在一起搜索。这样的情况,不光Google和百度是如此,淘宝、小红书、微信搜索里都是这样。
如果真是情况是这样的,你根本就没法做到说我要“做某几百个词的排名”这样的事情,因为每天词语都在变。我看过太多团队其实就拿着几十个自己想出来的词在那里做投放和做SEO。这种情况十年前是这样,现在也还是这样。
很多人问过我怎么找搜索引擎营销方面的人。我的建议是只要他们问面试者一个问题就可以结束面试了。那就是问对方在做搜索引擎营销的时候目标关键词是多少个。
分这么几个水平段:
在搜索引擎上,找到50万个属于某个行业词绝对是一种很强的能力。实际光找足50万这个数量还不够,如果要做好投放,还要找到最佳性价比、鲜的词。现场如果有在投放搜索引擎广告的人,对比看一下自己公司后台有多少关键词在投就知道你们目前所处的阶段了。
搜索引擎其实有广泛匹配的机制,但是如果你投的词太少,广泛匹配机制也并不能挽救你,而且这样会有很多没有转化的词在浪费钱。
现场目前做的是新媒体行业居多,假设你是一个做美妆的,你的目标就是要小红书上的美妆KOL推广你的产品。假设小红书官方在后台把所有的美妆达人都拉一份数据统计有2万个,而你们现在只有20多个KOL在投,你的对手却有1000多个。(这里先忽略1000多个KOL的操作成本,和红人KOL营销不同,买某个词的流量在搜索引擎上操作成本很低。)这个和在搜索引擎上做投放是一模一样的。
类似的,不知道大家同不同意,现在还在找大V合作的,如果是做效果广告的话,就是那种以前在搜索引擎上买“阿胶” 这种关键词的人,ROI很低。
阿里巴巴的流量增长团队是2002年成立,现在在搜索引擎这块的投放水平可以看一个网页:https://www.alibaba.com/showroom/showroom.html
大家点一下A字母,这里都是以A开头的关键词,一页是120个词,A字母下有22429页。A到Z一共是2千多万个词。
以前这是我负责的,我能确定每个词每天的流量都达到了一定的搜索量,也就是说都是比较重要的词语。那时候我们的口头禅就是“加词等于加流量”。记得当时从国外一家专门卖词的公司买了3万多个优质的词,然后我们一个季度的KPI就完成了。
顺便提一下, 其实这种方法也可以用来做产品。
比如旅游行业,当时有个知名网站,我们把整个旅游行业的词挖掘到了大概有500万左右,然后像前面那样分组分类,就知道了这个行业大部分用户的诉求。
当你在搜索引擎上能分析的词达到500万的时候,已经基本上是全量数据了,这些数据至少可以代表这个行业一半以上的人的诉求。这可以成为大数据的一次很好的应用。后来通过这批数据,发现旅游行业只要你去做攻略类产品是一定会活得不好的,因为攻略类需求占比排在很后面。结果现在大家也看到有些做攻略类的APP至今挣扎在盈利边缘。
然后大家看前面的汽车行业的词库数据,从2015年起, “SUV”和“七座”一直是这个行业真正的热点,但还是很多汽车互联网公司不知道这个。
然后看在阿里巴巴的一个页面:https://www.alibaba.com/showroom/mp3.html
这里列出了MP3的一些属性,有按“功能”、“屏幕” “充电时间” “风格” 和 ”颜色”, 这里的属性分类以及每个分类里的那些项目,完全是按搜索引擎里用户的搜索量从高到低排序的。这样做的结果就是转化率和粘度非常高,比当时产品经理做的页面提高了4倍。
具体很多细节可以在线下聚会可以分享。
做好SEO和PPC最重要的事情就是关键词挖掘,不做这个事情基本是没法搞好搜索引擎流量的。大家要明白这么一个场景:在搜索引擎上,你的流量是通过一个个的关键词作为载体传播出去的,没有太多词传播你的流量,总的流量怎么可能多呢。
具体的关键词工具,我先介绍我们开发的一个:
https://mp.weixin.qq.com/s/M1VCCFqNb9xSBnmD2hktFg
一个行业里,光靠人脑是想不出这么多词的,这个工具可以帮你自动挑出很多词。光年实验室正在做一个SAAS平台,还有更多的关键词工具会出来。
注意一点,词语的数据一定要有时效性,最好就是最近几天的。前面说过Google的15%的搜索词是过去1年从来没有人这么搜索过的,如果数据没有时效性是没什么意义的,很多一个星期前流量大的词现在可能就不是的了。
对于很多人来说,最能去执行的就是去百度做PPC投放。如果你们可以搞好关键词挖掘,百度对你来说依然是一个非常有红利的流量渠道。
不过要遵循一些基本规则:
在百度,如果这个词没有人和你竞争,点击价格只要3毛钱就可以。
所以一开始的策略就是买别人没有投的词,我们所有投出去的词都要查一下有没有人在投,但凡有一个竞争对手就不投了。大家可能想不到的是,即使这样你竟然还是可以投很多词的。
我个人觉得搜索引擎是最早教会国内互联网人什么是转化率、落地页、复购这些基本概念的,在它之后成熟的淘宝只是进一步把它普及给了更多的人。 而北美在90年代中期就有了第一波商业化的互联网公司,它们更早更系统的研究很多东西,可以去补课,比如《Landing Page优化权威指南》这种最基本的书。
很多淘系的培训,由于它是一个封闭系统,速成技巧居多,系统的东西不多。广告组和落地页面的优化,稍微科学地做一下改进,可能可以提升好几倍的ROI。
至于那种最基本的事情都无法做到的公司,比如:你们的投放人员投放的关键词少于100个;以及无论什么关键词的流量都跳转到首页等这种业余行为,应该立即关掉搜索引擎投放,去拓展现在的微信、快手和抖音等渠道。没有专业投放就只能放弃这个渠道了,但要我说这里真的很多流量没人要。
我曾经见过两家在海外竞争的中国互联网公司,同样的APP,一家的获客成本是1美元多,另一家是10多美元,而第二家一直以为本来就要这么多,直接决定了后面一家公司一年后在这个赛道出局。
不专业的投放就是在给公司放血,我见过很多不专业的投手害死公司。
特别是那种代为操作帐号的公司。这个句话得罪很多人,但是事实。流量获取、用户增长应该要成为一家公司的核心竞争力,怎么可能靠一家第三方公司拿到这个竞争力呢? 搜索引擎流量外包这是一个逆淘汰行业,好的公司已经出局。(像我们这样的顾问型公司也只适合成熟的流量团队)
例如现在上市的某家流量外包的公司,曾经我们在办公室把他们的方案当作笑话在传阅的。 当他们的收益来自于你投放广告金额的百分比的时候,你投放的金额越多,他们收入越高,利益相悖,怎么可能会有精细化优化的动机。由于甲方帐号太多、而这些帐号基本都是实习生在操作的外包公司不要太多。
以我有限的创业经验, 产品和流量,应该是要公司高管要花最多时间的部分。我这么多年看过很多好的用户增长团队,很大程度上他们成就了那些公司。例如,我比大家更早知道今日头条的张一鸣,在2006年他们做酷讯的时候流量是做得特别好,甚至有一种方法成了后来行业惯用的方法。
当时酷讯做火车票查询,他们从一个固定的火车查询数据里把很多站站查询、车次查询生成了几十万个不同的网页,而这些网页都命中了很多查询“上海到南京火车票”这样的流量,从前面的案例大家可以推算,这种流量偏偏是大头,而“火车票“这种太泛的词流量没大家想象的那么高,所以酷讯的搜索引擎流量是很好的。
这种做法即使是十年后被“欣欣旅游网“抄了一遍依然获得了大量流量。
操作方法具体看:http://huoche.cncn.com/
这种方法后来被总结为:当你的行业有一些从固有数据库能查询到的数据,请把它网页化,去命中搜索引擎的关键词,然后这些流量就是你的。
后来有人把QQ号码、邮政编码、手机号码、天气预报等等都网页化一遍,都是大量的流量。
最开始今日头条APP在推出后,一个多月就做了900万的装机量,这是擅长流量的团队才能完成的业绩。而“今日头条”这个APP早期对5千多个网站抓取内容再去做流量的做法,和早期站长的那些站群方式是何其相似。大家想想抖音这个APP本身是怎么火的,怎么可能没有流量增长团队在后面做了大量工作。
SEO这块,要充分利用百度把近三分之一的流量给了自己的产品这个状态。百度问答、百度贴吧、百度文库、百家号甚至百度网盘等等全家桶里,全部要有你的内容。当你有了上面那样的词库,词库里都是用户的搜索需求,搜索量哪些高哪些低已经全部告诉你了。然后再在百度这些渠道里铺内容就只需要一些常识,只要去琢磨如何把你的内容合理放上去就可以了。
最近的流量红利是百度小程序,这和以前的百家号一样,是优先排名的。我个人觉得这是百度最后一波红利了。
百度也给了很多大站很高的权重,如知乎、搜狐自媒体、CSDN(你没看错)等,这一点在海外的Google也是这样的趋势,这不是搜索引擎偏心,而是经过很长时间的进化,上面会聚集更多好的内容创造者。我们可以去上面铺内容并转化用户。
大家要放弃一定要用自己的网站去做流量的观念,流量肯定是越来越集中到头部去的,那种把自己的网站也要打造成流量中心的想法越来越不现实了,特别是啥优势也没有的小站。所以可以安心地做一个别人平台上的内容贡献者,在这些平台上贡献内容,转手再把这些页面拿去任何其他平台上去引流。我以前一直说的方法就是要“让内容在渠道中间流动”。
还是以“阿胶“为例,可以这样操作:
从上面的词库可以看出:“阿胶糕适合什么人吃“有2万多一天的搜索量,去百度一下这个词,我现在在杭州搜索,发现是一个广告都没有人投的。(不排除其他地方有或者当你看的时候可能会有)
这个时候,应该去知乎、百家号、搜狐自媒体、百度知道、百度小程序等等渠道里出现你的一篇软文,里面在推荐你的产品。这样做完后,你要和现在这些排在前面的网页去竞争排名,只要一些简单的SEO技巧比如“锚文本轰炸”或“外部链接”,甚至最原始的“关键词密度”,你排上去的几率非常大,然后这些流量就是你的了。当然最后,这个词如果被别人挖掘到,那也也会变成红海,所以你的应对方法就是去发现更多其他蓝海词语,或者直接硬抢也是没几个人在竞争的。还有,图片中那几个排名前三的百度问答,你即使现在再去回答一下也会有很多流量的。
这么多年了,百度依然还有很多流量没人要。这点百度其实是自己把自己作死的。你看,虽然百度让很多人出高价买了词,收入也很多,但是百度的很多流量没有卖出去。相当于流量还有很多库存,流量没有充分被商业化,而广告主却在高价流量中没有获得好的ROI,这是双输的。今日头条在这一点上就做得好很多,本来信息流的流量比百度还集中,头条的巨量引擎现在开始开发很多的功能让大家的投放尽量错开不要撞车。
如果你们是APP且内容很多,一定要找个前端工程师把内容网页化并做基本的SEO,可以白捡很多流量。比如今日头条的SEO在我看来还是做得不够好,内容也是重复的,但是应该在百度获得上百万日UV不是问题。
还有很多的技巧实在无法短时间说明白,影响SEO排名的因素有几十个现在一个都没怎么讲,但这些也并不重要,刚才提到的3个都是随便一查就能找到的技术。 这么多年,在流量领域有技术算法派也有策略派,最后都是策略派胜出。这点也可以给正在做抖音、微信、快手的人一些启示。
这里再顺便说一下,“阿胶糕适合什么人吃“这个词如果你有把握用3毛钱的PPC成本可以收回投资的话,直接买一轮流量先。
接下来我跟大家分享一种我多年来积累的流量体系,这是我最想分享的,它是很多方法的来源。
我个人的观点,流量一直只有两种载体:关键词 和关系链。很多渠道里的流量传播都是这两个基本载体中的一种,或者是变种、混合。
这是我们以前在阿里流量团队的方法论,它的推导是这样的:
流量的背后,是我们大家对信息的需求,不管你是找一个笑话段子、还是看一篇教你做饭的文章、或者是纯粹无聊打发时间随便刷刷。
人类目前为止传播信息的模式,要么通过文字、要么通过人和人的关系。
这个在原始社会甚至没有文字的时候都是这样的,比如一个部落发现了猎物要去捕猎,这个信息也是通过大家早就形成的语言以及人和人之间的关系网传递出去。
而假设我们回到20多年前没有互联网的时代呢?也是这样的。
我是80后,经历过没有互联网的时代。我举一个例子,那时候我有一个亲戚在船厂工作,他听人说有一种水下焊接的技术,但不知道具体是怎么实现的。在今天面对这样的情况你搜索一下就可以知道。
但是在没有互联网的时代,他也有两种方法可以去解决这个问题:一是去一家尽可能大的图书馆去查资料,以前的图书馆有个重要职能就是大家去查资料的地方;二是去问他的师傅或其他朋友,通过他们的关系网去找信息。很有意思的是,Google这个搜索引擎就诞生在1996年两位创始人在斯坦福大学给校方做电子图书馆的基础上的。
图文、视频他们传播的时候一定要用关键词给他们做索引的,比如抖音的算法就是给每段视频和每个人打标签,标签就是关键词,然后把人的关键词和视频的关键词做匹配,这是属于变种。
我们先看关键词为载体的流量渠道。
搜索引擎、淘宝和APP应用商店是关键词主导的流量渠道,这个自不必说。即使微信这个以关系链为载体的流量渠道,它首屏的搜索流量也非常大,所谓的WSO(微信搜索优化)也有了一些成功案例。而在微信小程序搜索里,如果你搜索“股票”,有几千个小程序都写着股票的标题,但是你搜索“股价”,却只有3个小程序写着股价的标题,你只要是第4个,也能每天来很多用户。仅仅整个股票证券行业,至少还有上万个这样的词没有人去关注。
在美国,有组织统计过所有搜索流量和所有社交流量,是非常巧合的1:1的比例,前面说过:“信息找人” 和 “人找信息” 这两种大家获取信息的模式没有主次之分,这里就有第一个数据上的证明了。
对于我们获取流量的人来说:人多的渠道要多圈人,词多的渠道要多占词。
我用一个例子开启大家的用关键词做流量的视角。 有一家做家装互联网的公司是这样获客的:在搜索引擎上把这个行业最热门的几千个关键词都搜集起来,买了十多个QQ号码,然后每个QQ号最多可以建500个群,他们建立的大量QQ群的群名称都是那几千个关键词中的一个,有软件可以批量维护群的活跃度,所以当QQ用户在用这些关键词去搜索QQ群的时候,他们的QQ群排在比较前面。这样十多个QQ号码每天能让八千到一万左右的QQ号码加入他们的群,然后再用微信私域的方法转化用户。
关键词为载体的流量都可以总结为一个这样的方法论: 在任何渠道里做流量,都可以观察这个渠道里是不是有些流量是通过关键词分发的。如果有,就去抢以关键词作为载体的流量。
至于关键词的来源,百度是一个普及程度很高的搜索引擎,只要那里热搜的关键词,在你要做流量的渠道里大概率也是热搜的。你都要做到大批量占领你所在行业的关键词,我们以前阿里的流量团队把这个方法叫“关键词占领”。
比如:微信好物圈,这是一个流量通过关键词分发的渠道;你占据了一批好的关键词命名的圈子,你就天然获得大量流量。
比如飞聊,也是一样的通过关键词分发的渠道,如果你认为这个平台会崛起,是一定要去里面建很多你包含这个行业的热门关键词为标题的小组,以后小组火了流量就是你的。目前飞聊的DAU也有几百万。
比如抖音这样的算法分发的平台,如果你的视频都打上很多行业热门词的标签,额外获得很多流量不是问题,更别说抖音是可以搜索的。去搜索一些热门关键词,很多排在前面的视频流量很大,但是他们可能不是靠内容精彩获得的流量,只是靠标签命中热门词流量就可以。
你只需要笃定一点:只要人类还在用文字传播信息,“关键词占领”的方法就会一直有效。
还有就算花钱购买流量的渠道都是能让关键词发挥作用的,比如今日头条的巨量引擎后台是开放了用关键词定位人群的投放的。
关于这个信息流投放,很多时候我们投放信息流,时间点很接近、人群属性可能都是25-45女性、高收入年龄什么的,大家的定向条件其实高度集中,所以广告展现是要靠提价的。但假如大家是用关键词定向,就不会撞车这么严重,也能触达到很多平常大家触达不了的用户, 平台流量得到充分利用,广告主ROI更好看,是多方共赢的。
关于关系链的流量,我在线下听过大家分享过很多好方法,特别是内容驱动、私域社群的很多玩法等。有时候很有感慨的,今天大家做的很多内容十多年前也有一批人和你们是同样的心态和状态,只是平台变了,但很多讨论的内容都是如出一辙。淘宝当年用一种仰视平台(163/网易/搜狐)的心态去拉流量,今天又有那么多商家用仰视淘宝的心态去获取流量,想想很有意思。
和关键词的玩法不一样,关系链的玩法我觉得国内是远远领先国外的。
不过国外有一批同行也是做社交关系链流量的,他们比我们更早把社交关系链的方法系统化一些,他们是怎么做的呢?
这里插述一下,像微信公众号这样的平台我觉得其实是抄袭自Facebook。这个一个很另类的观点,我借这个机会说一下。
大家看一张截图,Facebook在2009年就推出了一个产品叫 Facebook Pages,如:https://www.facebook.com/pages/ (需要翻**墙)
商家、公司、公众人物、社群可以给自己生成一个页面,这个页面大家可以关注,然后如果商家发布什么消息可以更新到你的信息流上。这和微信公众平台是完全一定的定位和功能,只是早了4年多。他们很多商家在Facebook做营销也是要拼命涨粉的,如Amazon的Facebook Pages有了快3千万粉丝。
而2013年,现在这样定位的微信公众平台才正式进入大家视野。所以如果我们借鉴吸收国外同行的方法也有一些有意思的角度。
基本上那时候的方法论是这样的:如果传播流量的载体是关系链,那就去优化这4个点: 即,传播信息的人的数量、传播信息的人的影响力、传播信息的速度、传播信息的美誉度。
国内是把传播信息的速度做到了的,相信不用我复述那些方法。然后做各种帐号矩阵的人也是把传播信息的人的数量做得非常好了,比如至今微博上的很多明星的流量运营团队。
国内严酷的竞争环境造就了大家各种奇招百出。我分享几个我们做社交关系链流量的玩法,看看我们是如何按国外的社交流量方法论做国内的平台的。
在“传播信息的人的数量“上,我举快手APP的例子。
快手APP上官方是分均分发流量的逻辑,也就是你打开快手,会把你附近的一些人推荐在你的快手主页。为了迎合这种分发逻辑,我们肯定是要做多帐号分发的。比如直播是这样操作的:我们开发了一个自己的群播系统,长下面这个样子,
它的视频信号是用一个摄像头来拍的,视频内容输入这个系统后,可以把这个视频分发到无数个其他快手帐号上,每个帐号模拟不同的地理位置,这样只要一个直播内容就可以出现在全国各个不同的地方。
当然它也可以把同一个视频信号同时在快手、抖音、腾讯、斗鱼等APP上跨平台同时直播。快手是不太喜欢相同的内容的,所以这个摄像头拍摄的画面的背景是绿幕,这个系统可以实时渲染出不同的背景,这样看起来就是不同的内容了。(没有破解app等非法操作。)
在社交关系链的传播方法里,环境很恶劣,你是被逼着要这么做的,在场的大家应该都知道,因为其他人会去布局更犀利的事情。有些我们都知道的大公司,私底下也很多类似的操作。在其他条件相同的情况下,如果传播人数别人比你多个几十上百倍,你也就没法安心地靠内容驱动了。
在增长黑客的很多成功案例里,以及现在我们在市面上看到的成功产品,有大量依靠人数取胜的例子。
那怎么做到“传播信息的人的影响力“ 呢?我们打造了这么一个系统,这个系统的原理和“企查查”的原理差不多,就是打造一个聚合爬虫(合法的爬虫,从不同的数据源爬取数据聚合在一起),这样做的结果就是:指定任何一个行业,每天都能找到几千个这个行业下的优质KOL,并有他们的个人微信二维码等联系方式。
如下图就是金融领域每天抓取到的数据:
会按各种指标给每个KOL打分,分数低于一定的值就先不考虑联系。但还是每天都有这么多的KOL,这又怎么来大量联系呢?我们也偷了个懒,是用企业微信批量联系的。
由于企业微信一天加上万个人都不是问题,所以我们就做了一套企业微信的群控系统,可以批量把这些人加为好友,然后群发话术来沟通,粗筛一遍后再人工沟通。在别人都在批量“洗”终端用户时,我们在批量“洗”行业内的KOL。
以下是我们的微信群控软件的演示版,企业微信类似:
大部分人都没注意企业微信的功能,这个企业微信大家一定要重视的,非常好用。过一段时间我们会推出一个企业微信的工具出来。
很多人不知道企业微信官方就有群发接口,不要再用那些山寨的群发功能了,然后每天加人不会轻易被封,加人还没有总数限制,而且你能相信腾讯官方在企业微信里竟然还开发有“活码”这种东西吗?
从策略上来说,如果腾讯官方专门希望你用企业微信来做私域,你哪有还不赶快用的道理,只会越来越顺应大家的需求的。只是注意一点,企业微信目前还没有朋友圈,微信群功能也受限(有消息说11月底都会放开),所以一定是要探索一套新的不同于个人微信私域运营的流量玩法。
这种玩法还特别适合产品冷启动,大家在冷启动的时候最缺的就是种子用户,这类聚合爬虫的方法可以让你迅速获得你想要的用户从而冷启动成功,我们自己就有过很多冷启动成功案例。
说起这个群控系统,我们做了两套不同技术原理的系统。大家知道基于xposed的群控系统在今年618的时候已经被微信严打,以前我们也认为xposed这种群控方案侵入性太强,我如果是微信官方也会非常不喜欢别人把我的APP改得乱七八糟。两套系统用的是别的解决方案,只是用它替代人工,不要非法破解使用就行,目前这两套方案都是比较安全的。
有些时候我们用这些系统能形成比较大的优势,但是越是这样我们反而越会想办法做好内容。毕竟我们是从大平台出来的,我们并不想在任何平台出于搞流量的需求而制造内容垃圾的。
为了防止带偏大家,我再多说一句。对于很多这样做流量的方法看起来很激进,但做起来是有底线的。应该要像阿里巴巴内部的那种做事风格,那就是:初心要正,但是做事要狼性。
我们从事的互联网行业是个信息产业,所以要尽可能地“传递高质量的信息”,把内容做到尽可能地好。而在分发这些内容的时候却要无所不用其极地、想尽一切办法去传播这些内容。
最后我们再来说一下“传播信息的美誉度”。我们国内真的非常不重视这个,而欧美的同行是很重视这个的,在这块做得非常好。
举个例子,我2011年曾经去瑞士日内瓦培训过一家公司,他们有个业务是专门帮瑞士本国的那些品表在新浪微博上做传播。他们的工作之一竟然是把一个微博帐号历来所有人的评论全部人肉分析一遍,用Excel全部统计好。分成正面评价和负面评价,而正面负面的评价又会分为好几个维度,具体到了是哪些角度是正面的,也有哪些维度是负面的。
而且让我吃惊的是这一切那时候竟然是人肉操作的,而操作这个的人也只学过3年中文,为了理解文字内容还要去翻词典。
社交媒体是最应该重视美誉度的。我们国内现在有了传播深度这个概念,美誉度就决定了每一层传播的时候的你的势能是加百分之几十的还是减百分之几十,按照数学公式计算,后面的结果天差地别。
今天的分享就到这里,希望对大家有启发。最后我建议大家去看一部电影叫《社交网络》,讲的是Facebook的创立历史。电影里前面十分钟在宿舍那段其实讲了马克·扎克伯格做增长黑客的方法,如果你能看懂的话非常有意思。
其实我所知道的增长黑客文化正是来源于Facebook,Facebook的历史上也有很多不能说的隐秘的获取流量的方法的。
文章来源:
看似简单的登录框,暗藏了多少值得推敲的用户体验?这10个细节,就是你和设计高手的区别。
你不应该让你的用户到处寻找登录区域。他们找的时间越长,就会越沮丧。他们越沮丧,最终登录的可能性就越小。
一个很好的例子就是 Gmail 的登录页面。
你可以确切地知道你需要在何处登录,以及要在输入区域输入什么内容,上面的例子,如果你没有 Gmail 帐户,它允许你通过单击「创建帐户」来轻松地创建一个帐户。
好的用户体验是使你的登录区域明显,使你的用户尽可能容易地进行登录操作。
第三方登录正迅速成为用户登录账户的方式,理由很充分。为不同的产品创建多个账户既耗时又令人困惑。很难记住一堆不同的密码和用户名。
通过允许用户使用用户的第三方账户中的信息来创建一个账户,可以解决所有关于这些问题。
让我们来看看下面的石墨文档和MONO登录时的选择方式:
甚至还有更方便的注册登录方式,手机短信验证码在注册的同时登录:
一些产品在用户点击第三方注册登录时还需要用手机号进行短信登录,从用户的角度看,这很明显是一个不好的体验,但是产品的角度去思考就不一样了,产品为了获取用户更多的信息,则需要这样来设计流程。
这种设计流程该不该用,这需要在产品和用户之间进行权衡,第三方与手机短信验证码登录,在提高用户体验的同时,可以提高用户的效率,使界面更加直观。
因为环境不同,在中国很多网页端的网站,第三方登录很的产品很少。
例如,如果你的 QQ 没有在电脑端登录,因为即使选择第三方 QQ 登录,你也要拿出手机—打开 QQ —打开扫一扫,进行扫码登录等一些列的操作。
又或者,当你想要登录 behance,只要浏览器有记录之前的第三登录,点击第三方登录即可直接进入该网站,甚至不用注册。
可以看下面的腾讯网与 behance 的网页登录:
好的登录体验应该只有账号、密码两个输入字段,或者手机号码、短信验证码两个字段,以及使用第三方登录的选项。在简单、的同时,并为用户提供了很好的体验。
如果一个用户来到你的网站进行注册,或者想他们返回登录界面,这就需要让用户清楚的知道他在何处,下一步应该去哪里。
我们通过使用登录字段与注册字段的区别来帮助他们,让我们看看下面的 dribbble 注册界面:
创建账户的按钮已 dribbble 的主题能很快突出在用户面前。新用户可以直接在页面上注册,而返回的用户可以使用最上面右上角的登录两字。看到上面「sign in 」字段了吗?
dribbble 使用了不同的颜色、布局去区分注册按钮与登录的入口,这样更加清晰明了。
同时可以看看 dribbble 的主页面,他们会把 sign in 与 sign up 的进行区分,在 sign up 加上微边框,让用户能更快区分两者的不同。
让用户用他们的用户名来进行登录真的不是一和很明智的做法,为用户省去记录你产品的用户名的麻烦,应该让他们使用他们的电子邮件地址或电话号码注册来进行代替用户名。
ins 让用户有机会用他们的电话号码或电子邮件地址登录。
反例:
尽可能让用户同时用手机号码或邮件地址来登录,因为用户可能会忘记他们用来登录你的产品的电子邮件地址,所以这时,用户能使用手机号码进行登录。
给用户提供可显示密码的按钮,减少用户输错密码的操作,当输错的同时,可进行对错的字段进行纠正,不用全部删掉重新来。
让我们来下面的脉脉和片刻:
还有什么比再次到你之前登录的网站或 app,却发现你需要再次输入账户密码登录更令人沮丧的事情吗?
当你的用户返回到你的网站时,请确保他们已经登录了,或者为了方便登录,提前为他们预先填充账户和密码等字段。
谷歌在这方面做得很棒。每当用户需要重新登录到 YouTube、Gmail 或任何其他谷歌品牌时,他们的登录信息都会被记住,使登录过程更加简单。
盟友银行允许用户勾选 「保存用户名」 复选框,允许网站在用户到达网站时默认记住用户名。这是记住用户信息的另一个好方法,展示形式可以多样化,可根据自己产品与用户需求来进行把控。
有时你的用户会忘记他们的登录信息。当这种情况发生时,尽量让恢复过程尽可能的轻松。
公众号的账户密码输入栏有记住密码复选框,以防用户忘记他们的用户名和密码,不用每次进来都输入账户密码进行登录。
印象笔记对他们的密码做了一些巧妙的处理,让用户知道他们多久以前更改了密码。
这个小小的提示可以唤起用户的记忆,帮助他们记起密码。
如果用户忘记了他们的登录信息,要让他们清楚应该去哪里。如果你将使令人沮丧的情况变得不那么令人沮丧,你的用户将因此会喜欢上你的产品。
我们都有过这样的经历:令人沮丧地输入和重新输入你的密码都无济于事,结果却发现你一直开着大写锁定键。
可以通过警告你的用户,防止这种情况发生。微软的 Edge 浏览器还使用户可以选择在键入时打开大写锁定时打开通知。
让你的移动用户使用无密码登录,现在很多特别是金融类 app,都可以让用户进行指纹登录,因为不像其他 app 一样可以一直保持用户已登录状态,在保障安全的同时能更便捷。
以上的设计技巧与案例希望能帮助各位读者提高产品的用户体验。
欢迎关注作者的微信公众号:「设计探」
蓝蓝设计的小编 http://www.lanlanwork.com