尼龙扣-Nilock

左撇子和右撇子的博客


  • 首页

  • 归档

【随机一图】2016-4-30

发表于 2016-04-30 | 分类于 随笔

风很大,天很冷,第一次知道被冻透是什么感觉。

评论区:
in sky: 没,图片的感觉,很冷冽的感觉~ [2016-05-08 16:04:18]

尼龙扣: 是说人吗? [2016-05-04 09:30:46]

in sky: 冻柿子的感觉~ [2016-05-03 17:36:50]

Reactions:生活不仅仅是点赞(2)

发表于 2016-03-18 | 分类于 随笔

接上文 Reactions:生活不仅仅是点赞(1)

图形

另一个棘手的问题是,Reactions该使用怎样的图形。我们想创造一种独一无二、简单通用的图形,并且能优雅的融入整个生态系统。下面是最初的设计方向:

最初的图形设计,在小尺寸下不能起到很好的沟通作用,看起来更像是系统的占位符,不过到了该迭代的时候了。

在互相独立且能够传递意欲表情的前提下,什么样的风格才是最合适的呢?这时候也遇到了重叠的问题,因为最小的设计改动可能就会让某个Reaction与另一个无法区别,甚至完全无法体现所要表达的情感。“Wow”可能忽然就变成“Yay”,“Yay”调整一下微笑的弧度或眼睛的角度又会变成“Haha”。

我们还尝试了是否使用标签。标签有助于定义“Reactions”,而且方便国际化。它们能被普遍理解,如果一位日本朋友对你的Po文做出“React”,你们都得知道那是什么意思。要理解这一点,我们与国际化团队以及非语言交流的专家密切合作,做了各种研究,并在不同的国家进行早期版本的测试。

早期版本的Reactions是静态的,我们也确信动画能让它们更丰富。动画设计师让它们动了起来,同时设计师与工程师都在考虑如何高性能的实现。设计师用伪代码描述每个“Reaction”,然后工程师通过伪代码高精度的还原了设计师想要的效果,并且如黄油般顺滑。

当加上动画效果后,我们觉得每个“Reaction”同时运动会让用户的眼睛过载。所以最初,当手指划过某个“Reaction”时该“Reaction”开始播放动画,其余则保持静止。在某次评审时(大项目通常给Zuck汇报进度),Zuck说如果快速划过“Reaction”时,它们也会同时运动。他建议,当面板出现时让每个“Reaction”同时运动。最后我们采用了这种方式,谢谢Zuck。

整体方案

如果没有大家一致坚守的原则,Reactions将是一个无法扩展的复杂系统。看看这些原则是什么:

  1. Reactions是点赞按钮的扩展。点赞、评论与分享在脸书上如此普及,再添加一个选择将会变得复杂。

  2. 不能让已有的操作增加难度。在增加这项特性的后,不能干扰已有的用户。或者说,要让这项功能像点赞一样简单,点一下代表你喜欢这个Po文。

使用Reactions

最初设计输入机制的时候我们并不知道将会有多少个Reaction,一些早期的研究只给了大概的数字,可能在5~10之间。作为压力测试,我们设计了一个最多可以支持15个Reaction的方案,毕竟删减可比扩展容易。

像这样的早期概念不能告诉我们什么是对的,但通常能告诉我们哪些不对。它们显示出一些我们不知道的东西或者更多。

上面的尝试帮我们快速得到广泛的反馈,暴露了一些问题。换句话说,我们要拿出一个能解决以下问题的方案:

  • Reactions面板在屏幕上方时会被截断;

  • 除了大面积的触控区域,用户经常把手指划到标签上;

  • 文字标签读着费力,并且增加了国际化的难度;

  • 线条状的图形在大尺寸下看起来不错,但缩小后却难以分辨——用户如何在信息流中阅读Reactions就要考虑这点;

  • 一些用户能触发滑动操作,但会抬起手指去点击某个Reaction,这样导致了错误的输入;

  • Reactions数量过多时会显得冗余。

继续迭代。第一个原型通过手指在标签上滑动显示不同的Reaction,这样促使用户在决定使用哪个Reaction之前把所有的Reaction都预览一遍,费时费力。

最终我们选择了dock模型,放弃了线条状图形的概念。这个方案中,用户能快速看到全部的Reaction。用人脸表情替换了文字,使整个系统更友好更方便国际化。此外还解决了早期概念遇到的其他问题。比如,界面进行了自适应,就不会超出屏幕范围。移动了标签的位置,这样不会被手指遮盖。最后,一旦dock被触发,滑动或点击操作都可以进行选择。

展示Reactions

只有点赞的世界很简单,直接告诉用户“17次赞”就足够了。这行文字展示在点赞、评论与分享按钮之上的一行空间内。在脸书内部我们称之为“Bling String”。如何展示“Reaction”需要重新思考,因为标示为“10次Reactions”并不能表达任何情绪,朋友对这条信息到底是觉得好笑、悲伤还是惊讶呢?我们要找到一个既能单独记录每种“Reaction”数量又能像点赞一样展示反馈总数的方案。

最初尝试了一个明显的方案,并排展示了每种“Reaction”的数量。这个方案在Reaction种类较少的时候效果不错,不过一旦种类增加尤其是公众内容立即变得分崩离析。而且不知道反馈的总数。过去的“Bling String”只传递特别简单的信息,所以易于扫描与理解,在用户翻动内容时也不影响。

最初的方案:具有多类型Reaction的内容让人变得抓狂

其他一些放弃的探索方案

最终采用的设计方案

最终的设计方案展示了Top 3的Reaction,以及Reaction的总数。如此,用户能理解大多数人对这条消息是怎么样的反应,并且知道总数。此外,还展示了你的哪位密友对此做出了反应,这也是Reaction带来的副产品。点击这条文字就可以看到这条状态所有Reactions的详细信息。

最终的产品

接近一年的工作以及几个月的测试后,我们终于迎来了发布Reactions的激动时刻,也知道了不同国家与地区的人们是怎样使用的。是时候把Reactions推向全世界了,希望每个人都喜欢。

任何的软件设计没有真正的完美,Reactions也不例外。我们将不断的迭代与改进,也希望这是脸书迈向更善解人意的一步。

Reactions:生活不仅仅是点赞(1)

发表于 2016-03-17 | 分类于 随笔

写在前面的话:Reactions是脸书一个耗时一年多的项目,这个功能的改动将会涉及到脸书的全部用户。在用户量异常庞大的产品之上做如此重大的功能更新,任何一个公司都会谨慎对待。此文由脸书的产品设计师Geoff Teehan发布于Medium,分享了Reactions整个的设计过程,让我们可以学习到其中的方法论。

译文较长,遂在正文之前附上精简的版本。

精简版

  1. 用户说点赞不够用了,我们也发现了这点,扎老板说组建个团队吧;

  2. 分析问题、预知风险:如何简单易用?如何让用户最好的接受?如何跨平台跨设备运行?等等……

  3. 分解问题:①除了点赞还要增添哪些Reactions,②怎么使用Reactions;

  4. 设计原则:①全球通用/国际化,②Reactions是广泛使用且富有表达的;

  5. 研究用户使用最多的表情贴纸以及信息流中的短评,以帮助增添哪些Reactions;

  6. 研究并测试Reactions使用什么样的图形样式;

  7. Reactions作为一个整体系统的原则:①Reactions是点赞的扩展,②不能增加已有操作的难度;

  8. 测试并迭代用户使用Reactions的方案;

  9. 确定如何在信息流中展示Reactions;

  10. 接近一年的工作及几个月的测试,最终发布Reactions。

——下面进入正文——

我在脸书分享生活中的点滴,不论是庆祝坚持练习瑜伽60天,还是哀悼逝去的亲人。只是想要一种简单的方式,来表达我们的喜爱,或者当生活出现转折的时候表达同情。

2009年,脸书推出“点赞”功能,用户可以用它对朋友发布的内容作出反应,“点赞”大受欢迎。在浏览信息流的同时,轻点大拇哥就能让朋友感知到你。

是时候超越点赞了

用户告诉我们,他们希望在脸书里有更多的方式来表达自我。大约一年前,Mark组建了一个团队,来严肃的思考如何让“点赞”变得更丰富。大家很兴奋,因为不是每天都有这样的机会,做如此重要的一项功能。

我们一开始就知道这是个极具挑战的项目,如何跨平台、跨设备运行就是最显而易见的一个。再比如,我们花费很多精力打磨点赞、评论、分享,所以现在才如此易用,任何改动都会影响众多用户的行为。如何精心策划才能让用户觉得所做的改动如此自然,从而不干扰脸书上的任何用户。

还有其他问题:Reactions是怎样的?如何让全球的用户都能理解?如何让用户最好的接受Reactions?如何让用户简单的使用Reactions?在解决这些复杂问题的同时,还要确保“点赞”机制的简单易用。

像所有优秀的设计一样,达成简单方案的过程都是复杂的。

善解人意如此重要,所以我们花费大量的时间来做了很多次迭代。那么问题来了,如何让用户在更好更丰富的表达自己的同时,使Reactions通用。

我们将之分解为两个问题并同时进行:

  1. 除了点赞还加入什么Reactions

  2. 怎么使用与展示

在项目行进的时候我们把一些关键原则作为我们的操作手册,用以帮助团队进行决策。虽然它们不能告诉我们最终的方案是什么,但是能提示我们什么不是,最终引导大家向前。

这些原则是通过真实的研究与数据得出的,还有脸书才华横溢行业精英的直觉与知识。如此,组建的团队里有研究专家、内容策略专家、工程师还有设计团队:Andy Chung,Brandon Walkin 与 Brian Frick。

The Reactions

下面是我们一直遵守的设计原则:

  1. Reactions是全球通用的。这样更多的人才能连接与交流。

  2. Reactions是广泛使用与富有表达的。人们像真实生活中一样来表达自己。

首先需要考虑包含多少Reactions。这似乎是一个简单的任务:在点赞按钮旁边放一个大拇哥向下的表情不就好了。然而并不是这么简单,用户需要更复杂更丰富的表达。人们在日常生活中可不是用“二进制”式的喜欢或不喜欢来对事物作出反应。

难道要向Emoji一样让用户在数百种Reactions中做选择?多半也不是。一条被留下很多类型Reactions的Po文在信息流中将难以阅读。此外,通用性随着表情数量的增多而下降。

在一年多的时间里,我们研究探索什么类型的表情最具吸引力。

表情贴纸

我们研究了脸书中使用最多的表情贴纸与Emoji,来了解人们使用什么类型的“Reactions”。

表情贴纸最常用的搜索项

研究了用户在搜索哪些表情贴纸:

短评排行榜

还研究了全球常用的短评。让我们了解人们表达自己的特定语言,并帮助我们更全面的了解在什么情境下使用这些短评。下面是美国短评的样本:

除了分析样本,我们与国际化团队合作,跟不同国家的用户交谈。之后我们得到了一个凝缩的列表:

你可能注意到,最终发布的Reactions中并不包含“Confused”与“Yay”。“Confused”在测试中是使用最少的,反而让用户对“Reactions”的认知负担加重。“Yay”也很难做出区分,不够简单与国际化,并且同“Haha”、“Like”重复。移除这两个Reactions后让系统更整体。

未完待续

北京风很大

发表于 2016-02-20 | 分类于 随笔

昨天在公交车上

一位老太太脱下自己的帽子

露出了白花花的头发

戴上了一顶浴帽

然后又戴上了毛线帽子

然而

浴帽还是从毛线帽子里伸出来一小截落在脖颈上

下车了

风好大

忽然明白她为什么戴浴帽了

评论区:
尼龙扣: 毛线的透风 [2016-02-25 15:50:42]

in sky: 。。。。为什么啊。。。 [2016-02-25 09:20:50]

【随机一图】2016-2-18

发表于 2016-02-18 | 分类于 随笔

第一次见到结冰的黄河,天气回暖,大片的冰凌已经消融。这里是乾坤湾,家乡重点开发的旅游景区。不多说,看图。

评论区:
尼龙扣: 调的不像黄河了 :) [2016-03-06 21:58:09]

in sky: 感觉很特别耶!!!~ [2016-02-25 09:25:05]

未命名

发表于 2016-01-26 | 分类于 随笔

图片


评论区:
in sky: 说说话呗~ [2016-01-28 13:05:29]

the rewrite of Everything I never told you

发表于 2016-01-16 | 分类于 随笔

Coolies went to america under the “paper” relationship in the first half century of 20th century,so did James.Lee. With his father and mother earning their living in a school,James got a chance to enter school through a quiz. Eagerly absorbing every bits of English information in his childhood,James passed the exam easily.But because of his different colors of skin and eyeball,James shrank into the hard shell he created himself:going to school alone without his parents, putting head to the surface of books when his father was in classroom and denying to bring her mother’s cooking to school.Fortunately he entered Harvard and paced his way to a candidate for a professor position there,and unluckily he finally did not get that position possibly because of the skin color again.Though he lost that chance,he met a girl named Marilyn during the undergraduate program.

Marilyn, whose mother expected her to marry a Harvard man and become a housewife baking cakes for her children,went to medical school and decided to be a doctor.In a cowboy study class,she did not expect the teacher to be a Chinese,needless to say to fall in love with that guy.But it did happen.After kissing him,she quit the course and became his girlfriend,getting pregnant during the junior year.Marylin made a call to his mother and notified that she was going to get married with a Harvard man.Marilyn’s mother’s surprise at her daughter’s fiancee(that certainly reflect the attitude toward a yellow skinned guy)contradicted with approval on the telephone cable.

Marilyn’s mother kept saying ‘it’s not right’ before her daughter’s wedding ceremony began.James kept searching chest pocket to assure the presence of wedding ring ,or the confidence in this marriage.Marilyn’s mother had never spoke to her daughter since that wedding.The next time she got in touch with his mother was when after 8 years her mother perished and she drove to her mother’s house.upon her arrival she had not decided to sell her mother’s belongings,but after his examination of the dolls and wares her mother used to teach her to be a good housewife,she bitterly determined to never live a life like her mother’s—deserted by her husband and daughter.

So all the things were sold,except a cookbook of her mother’s.

What can a woman with a husband and two kids do to save herself from the daily housewife life?A decent job.so Getting a degree is on top of her to-do list.Therefore she took her children to neighbor to be babysat and went away without informing her husband.

James called the police to investigate Marilyn’s lost.Their children were already old enough to know that their mother was gone but they did not know when mother would come back,especially the little one-Lydia.Lydia even made promise to herself that if her mother had come back,she would listen to her and do whatever there mother asked her to do.Her mother did come back after nine weeks’s evaporation due to the fact that Marilyn was pregnant again.

Nath and Lydia welcomed mother’s comeback. Lydia hid the cookbook and told Marilyn that she had lost the cookbook which was apparently the cause of her mother’s sadness.Marilyn felt a lightness in her daughter and transplanted her aspiration to becoming a doctor into her sweetheart’s mind.Lydia,afraid of her mother’s absence, said”yes”to her mother’s numerous commands,such as taking a physics course and attending a biology class at an early age.Meanwhile,James,who’s disappointed with his son Nath’s failure to fit in peers,focused on her daughter Lydia and pressed her to become sociable.But in fact she had no friends in school and she did not write any diary or read the books her mother wanted her to read.

Lydia,apple of her parents,got a 55 in physics and failed the driving license permission test.She found comfort in Jack,who is said to have intercourse with girls,and hoped she could be one of them,too.But Jack told her a secret that he had been actually in love with her brother Nath,who had got an early admission to Havard and was about to leave his insane parents who only cared about his sister but ignored him for along time.In addition ,Jack questioned her if she really was what she wanted to be.This question stroke her like a thunder.

Lydia,knowing Nath who accompanied her in the absence of mother was eager to leave, was heart broken.And she can not pretend that she can accomplish her mother’s will.She went to the lake alone.In the boat she finally conceived many other possibilities like telling her parents not to push her to become a doctor or “everyone”.But she could not truly convince herself to believe in such possibility.Inner voidness hit her and she walked to the lake,which seemed to her the darkness.

Lydia is dead.This is a story of a ABC girl’s personal history.Her chinese father never questioned his motives to make her daughter indistinguishable and her american mother never inquire her daughter how she viewed her mother’s ambition to be a doctor.She really loved her parents,but She can not fulfill all these dreams.She would not let her parents confront their failures and now her failure again.Suicide is her wordless confession.

评论区:
in sky: 英文太渣(:з」∠)这是个什么故事?~~ [2016-01-21 09:43:32]

觉

发表于 2016-01-06 | 分类于 随笔

人未必能觉察到生活中和谐的存在,人或许只能通过不和谐来感知到和谐的样子。

起因是喝了一碗不太和谐的汤——冬瓜、猪蹄,还有薏米,它们都浸泡在乳色的汤里冒充天下大同的样子,可我还是通过冬瓜那硬的涩感和没刮干净的绿皮,察觉到了一种不好的配搭。

评论区:
in sky: 也许是因为大家总觉得和谐的事情太小,也就不愿意去花时间感受了;喝一碗好喝的汤明明也那么重要的,不是嘛~ [2016-01-16 00:01:10]

zhexuanfeng: 好浓的一碗鸡汤 [2016-01-06 19:35:11]

Ruthless life

发表于 2015-12-29 | 分类于 随笔

【随机一图】2015-12-08

发表于 2015-12-08 | 分类于 随笔

钟楼门前台阶上的外国友人。

评论区:
in sky: 颜色很好看捏~~ [2015-12-09 22:34:46]

12…36

左撇子&右撇子

356 日志
1 分类
187 标签
RSS
© 2017 左撇子&右撇子
由 Hexo 强力驱动
|
主题 — NexT.Muse v5.1.3