主页 > X生活禅 >Facebook首席设计师揭露六种表情符号背后漫长精密的历程 >

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

2020-06-07

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

在 2009  年,Facebook  推出了一个按钮,让使用者可以给予朋友们回馈,那就是讚。这个按钮简单又省事,就算你不知道要对朋友的动态说些什幺,但点讚还是能让对方知道「你听见他们的声音」了。然而,并不是任何事情都能够让你点讚。

1. 是时候寻找讚以外的选择了

使用者也告诉过 Facebook  设计团队,他们希望可以 Facebook  上能有更多不同的表达方式。于是在几年前, 就召集了几个人组成团队,审慎研究如何让讚有更多表达方式。

这个改变非常有挑战,有很多层面需要釐清。例如,他们的团队曾投资许多时间优化讚、留言、分享,让这些功能可以更简单好懂。这是个大量互动的介面,所以任何改变都会影响百万人的理解还有使用。因此,他们必须要缜密策划,让这个改变像是很自然的进化,不会引响任何平台上的使用者。

想要达到目标,这些都是必须要解决的问题:要用其他什幺表情符号?要怎幺才能让全球的人都理解?要如何让使用者使用?使用者该怎幺简单就送出表情符号?他们需要解决这些複杂的问题,同时保持按讚机制的简单。

跟所有好的设计一样,要寻找简单的过程都很複杂。他们将问题拆解成两个项目,开始同步进行:

对于这两个项目,他们找到设计的原则。这些原则可以让他们在执行专案的过程中有明确方向、帮助做出抉择。

这些原则是结合了经验研究以及数据,还有产业菁英的直觉以及知识。他们的团队也包括了研究使用者反应的学者、发文内容的分析师、工程师、还有设计团队。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程
2.表情符号

以下是推出现有表情符号功能所採用的原则:

原本的解决方式可能很简单:就是在「讚」之外设计一个「不讚」。但这其实没有这幺简单,人们需要更複杂的沟通方式,普通的「讚」和「不讚」无法满足他们在现实生活中的感受。

虽然不会只有「讚」与「不讚」,但也不会像是一般表情符号有上百种那幺多,否则动态时报上就太混乱了。于是他们不断执行全球的研究,以了解使用者对于什幺表情符号最有兴趣。这些是他们研究的一些方向:

一、最热门的贴图:他们整合了使用者在 Facebook  使用度最高的表情符号。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

二、最常用于搜寻贴图的关键字:Facebook 有以关键字搜寻相关贴图的功能,他们也会以此作为标準。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

三、最热门的简短回覆

他们也分析了全球留言中最常使用的简短回覆,这也会帮助他们了解使用者都会如何表达。以下是他们整理美国地区 Facebook  使用者最常使用的回覆:

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

之后,他们也做了全球的研究、与国际化的团队合作,将关键字整合为以下的几种:

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

从左到右为:讚、爱、哈哈、哇、难过、生气、困惑、耶。

其中,有两种表情符号没有收录在最终更新的六种表情符号之中,分别是「困惑」还有「耶 」。困惑相对较少被使用,而每个表情符号也必须要对大多数人来说有独特意义,所以「困惑」并没有收录进去。而「耶」同样也没有那幺被全球各地所了解,同时也跟「讚」和「哈哈」意义上有点重叠了。

3.绘製

在绘製上的挑战包括:整套表情符号应该有什幺样的风格,同时,每个独立的符号又能表达独立的情绪。另外,在设计过程中,不同的表情符号越来越相像也是一个问题。像是「哇」跟「耶」越来越像,而「耶」也跟「哈哈」只有些微差异。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程

他们也要不停钻研如何设计出让全世界的人都能了解的贴图,所以密切与国际化的团队、非语言沟通的专家合作,同时也在不同国家测试不同版本的贴图。

在早期的版本中,表情符号是静止的,但他们也知道,动画能够表达出更多情绪,于是找了动画师协助。最后,当他们开始整合所有动画时,发现所有表情符号若是一起动,那幺视觉上可能会太混乱。于是,他们最后只让其中一个会动,其余的则保持静止。不过在他们把概念展示给 Mark Zuckerberg  看的时候,Zuckerberg  建议其余的表情符号可以在手指滑过时,展示一次动画,让整体更有动态感,这也就是最后上线呈现给大家的样子。

4.系统

在系统执行上,他们也依照了以下几个原则执行:

一、新的表情符号应该要是「讚」按钮的延伸功能:Facebook  使用者都习惯讚、留言、分享这三个按钮,若是增加第四个项目,则会增加複杂度。

二、新的表情符号不应该让现有的使用者行为更困难:他们希望可以保有原本「按讚」的简单性,并不希望新功能会影响数亿使用者原有的习惯。

起初他们开始探索这个全新的机制,也不确定可以一次展示多少个表情符号。一些早期的研究指出,可能只能放置五到十个之间。于是他们开始设计最多可以放置 15  个表情符号的模组,以便之后缩减。

设计这个模组的目的是要了解如何将多个不同的表情符号放置于系统当中。因为他们也不晓得最后会採用几个表情符号,而这样的模拟也让他们看见更多的差距还有未知的可能性。

在第一版的设计中,不同的表情符号会依照使用者手指移动的位置而跳出,这样会让使用者想要先看一下每一个表情符号、再做出选择。若是所有表情符号选项一次全数跳出,那可能会造成使用者的混乱以及浪费时间。

最终,他们决定决定以条状的方式展示表情符号,跳过文字搜寻符号的过程,直接向使用者展示符号,同时创造对使用者更友善、且更能被全球使用者接受的显示方式。

至于要展示发文所累积的表情符号数量,原先,发文只会累积按讚数,但现在有多种表情符号,便需要思考不同的展示方法。原先设计发文会总计各项表情符号的数目,并如同下图範例这样全部并排显示。然而,这样会动态时报混乱,特别是在公众粉丝团的发文中,很难立刻了解多数民众的回应。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程
原先所测试的不同版本。

于是,他们决定整合显示最热门的三种表情符号,让使用者可以快速了解多数使用者的回应。若想要了解所有表情符号的数量,也可以点开表情符号栏位,看到各个表情符号数量的细节。

Facebook首席设计师揭露六种表情符号背后漫长精密的历程
发文会显示累积数量最高的三个表情符号。
5. 最终版本

在将近一年的作业以及数个月的测试后,新的表情符号终于在二月正式全球上线。这是个前所未有的设计,他们也持续学习,希望可以为 Facebook  的使用体验加入更多不同的情感。

欢迎加入「Inside」Line 官方帐号,关注最新创业、科技、网路、工作讯息
Facebook首席设计师揭露六种表情符号背后漫长精密的历程


上一篇: 下一篇:

相关推荐