編者注:本文來自Medium,作者Andrew Wilkinson,中文版由天地會(huì)珠海分舵編譯(有根據(jù)國情進(jìn)行刪改)。Andrew Wilkinson所率領(lǐng)的團(tuán)隊(duì)外包了Slack的設(shè)計(jì)實(shí)現(xiàn),本文從Andrew Wilkinson的角度描述當(dāng)前市值28億美元的Slack是如何在眾多先行者中突出重圍脫穎而出,成為市場的新霸主的...
“Slack成功的秘訣究竟是什么?你們團(tuán)隊(duì)究竟為其做了什么特別的事情而讓它如此的成功呢?“,電話另一邊是一個(gè)來自某個(gè)非常成功的SaaS應(yīng)用的CEO,他正想聘請(qǐng)我們團(tuán)隊(duì)為其做產(chǎn)品設(shè)計(jì)。再次的,我不得不又老調(diào)重彈的開始向他說起這個(gè)我已經(jīng)說了無數(shù)遍的故事。
在過去的一年多時(shí)間里,我?guī)缀趺刻於急豢蛻?投資人/想通過逆向工程窺探Slack得以成功的設(shè)計(jì)師們問及這個(gè)問題。確實(shí),近來全世界都在討論著Slack,畢竟Slack現(xiàn)在已經(jīng)被估值28億美元,擁有幾十萬個(gè)用戶,并且還在以飛快的速度增長著。
大家也許奇怪為什么他們會(huì)問我Slack的事情,而不是直接找Slack的團(tuán)隊(duì)來問。皆因Slack在2013年末聘請(qǐng)了我們團(tuán)隊(duì)來把他們的Slack原型打造成一個(gè)光芒四射產(chǎn)品。我們?yōu)槠渥隽松虡?biāo),市場網(wǎng)頁,基于瀏覽器和移動(dòng)設(shè)備的應(yīng)用方面的設(shè)計(jì),整個(gè)過程我們只用了6個(gè)星期。除了后來的一些小修改,現(xiàn)在大家看到的Slack和我們之前所設(shè)計(jì)的基本上是一模一樣的。
現(xiàn)在人們說起Slack的時(shí)候都禁不住說其確實(shí)是一個(gè)偉大的設(shè)計(jì),但事實(shí)上是,我們當(dāng)時(shí)也沒有預(yù)期其會(huì)如此的成功如此的偉大。
當(dāng)Slack的CEO(同時(shí)也是Flickr的聯(lián)合創(chuàng)始人)Stewart Butterfield在2013年找到我來做一個(gè)聊天工具(說的就是Slack)的時(shí)候,我就知道他要進(jìn)入的市場其實(shí)是一個(gè)競爭非常激烈的市場。要使得他的這款產(chǎn)品能夠沖出重圍,做到有如鶴立雞群的話,是非常的困難的。但,因?yàn)槲移鋵?shí)是Flickr的一個(gè)超級(jí)粉絲,所以我還是非常珍惜和Stewart進(jìn)行合作的機(jī)會(huì),同時(shí)我也覺得去幫忙解決這樣的難題應(yīng)該是一件非常有意義的事情。所以,最后我們就握手,立項(xiàng),挽起袖子開干了。
然后Stewart在開干的第一天向我們展示了他們?cè)缙诘脑汀Ｕ媸遣豢床恢?看了嚇一跳。這個(gè)原型不就是一個(gè)基于瀏覽器的IRC(Internet Relay Chat ,互聯(lián)網(wǎng)中繼聊天)聊天工具的拼湊版嗎!?它顯得是多么的蒼白和無力啊。六個(gè)星期過后,我們完成了我們職業(yè)生涯最杰出的工作之一 - 和大家現(xiàn)在看到的差不多的人見人愛的Slack誕生了。那么,我們又是如何做到的呢?
我們的早期迭代版本(2013)
當(dāng)大家現(xiàn)在談起Slack的時(shí)候,人們常常會(huì)用到"有趣"這個(gè)詞。Slack用起來讓人感覺沒有了像在工作中應(yīng)有的那種乏味感,而更多的是在“放松(slacking off)“。但是,如果你往實(shí)現(xiàn)深處去挖的話,你又會(huì)發(fā)覺它后臺(tái)的實(shí)現(xiàn)其實(shí)和市面上其他的聊天工具沒有什么兩樣。你同樣可以創(chuàng)建聊天室,增加聊天人員,分享文件,進(jìn)行群聊和私聊。那么,又是什么讓Slack變得如此的出類拔萃呢?我認(rèn)為有三個(gè)關(guān)鍵原因!
五彩繽紛激情四射的商標(biāo)設(shè)計(jì)(2013)
為了在這個(gè)擁擠的市場中殺出一條血路,我們必須要找到一個(gè)可以吸引人們的注意力的方法。大多數(shù)企業(yè)軟件的外觀看起來其實(shí)都像70年代的畢業(yè)舞會(huì)的著裝一樣 - 到處充斥著單調(diào)的暗藍(lán)色和暗灰色 - 所以,我們先從商標(biāo)設(shè)計(jì)上面開刀,然后是整個(gè)Slack的外觀,讓它開起來像一個(gè)剛剛發(fā)射出去的五顏六色的禮炮一樣,到處充滿著鐵藍(lán)色,黃色,紫色,和綠色。我們將來自一個(gè)視頻游戲的顏色方案給應(yīng)用到Slack上面,而不是用原來大家習(xí)以為常的企業(yè)協(xié)同工具的顏色方案。
HipChat vs Slack的顏色方案
上圖是傳統(tǒng)的解決方案HipChat和我們的Slack的解決方案的對(duì)比,你覺得你會(huì)更喜歡哪個(gè)呢?其實(shí)他們兩個(gè)做的事情大同小異,但一個(gè)是讓人覺得無趣乏味,一個(gè)是讓人覺得激情四射充滿愉悅感。為什么有這么大的差別出來?都是亮色色系,彎曲無襯線字體(curvy sans-serif typeface),友好的圖標(biāo),無處不在的笑臉和表情的功勞啊。
Slack中就算一些細(xì)小的互動(dòng)都到處充滿著歡樂元素。比如Logo在加載的過程中會(huì)模擬出各種顏色四濺的效果;各個(gè)模塊會(huì)在屏幕從上到下平滑的進(jìn)行呈現(xiàn);指尖輕彈屏幕進(jìn)行團(tuán)隊(duì)切換時(shí)會(huì)呈現(xiàn)出卡片式的切換效果。在整個(gè)產(chǎn)品當(dāng)中,所有的內(nèi)容都看上去是在愉悅的切換和彈出的過程中完成的。而這樣的設(shè)計(jì)不僅僅會(huì)幫助用戶更好的去理解如何使用這個(gè)產(chǎn)品,同時(shí)還會(huì)給用戶帶來跟多的快樂。
不知道大家有沒有這樣的一個(gè)體驗(yàn),當(dāng)你走進(jìn)某個(gè)房子的時(shí)候,你會(huì)難以置信的立刻感覺到該房子的設(shè)計(jì)有一種說不出來的別扭甚至蹩腳的違和感?當(dāng)一個(gè)專業(yè)的建筑師走進(jìn)去的時(shí)候,他很容易就各種問題給你列出一張清單出來:不對(duì)稱的干板墻,縫隙明顯的硬木地板,空心的隔門,低廉的不配套的硬件設(shè)施。但這對(duì)于我們普通人來說,只會(huì)在直覺上感覺就是不對(duì)勁。和一個(gè)優(yōu)美的房間一樣,偉大的軟件同樣會(huì)讓它的用戶在各種細(xì)小的互動(dòng)上獲得愉悅感和滿足感,讓用戶一上手就感覺有種不言而喻的舒逸感,就像你走進(jìn)一個(gè)優(yōu)美的房子一樣。
但,Slack的成功還不僅僅是因?yàn)樯厦嫣峒暗膭e樹一幟的外觀和別具匠心的感覺,還因?yàn)樗c眾不同的表達(dá)方式。在Slack當(dāng)中,我們將每個(gè)組成部分都看成是一個(gè)可以表達(dá)出幽默感的地方。如競爭對(duì)手的軟件可能也會(huì)有一個(gè)加載進(jìn)度條,而我們的Slack還會(huì)有一個(gè)額外的打趣提示,如,“在沙漠中你還想快馬加鞭快速穿越?你不如把你手上那包奧利奧全部倒在地上,然后趴下去一個(gè)個(gè)把它們吃光來得容易哦?！?將一些幽默感注入到用戶無聊乏味的工作當(dāng)中,Slack給你的感覺就像是你身邊一個(gè)語言風(fēng)趣得機(jī)器人伴侶,而不像其他得競爭軟件一樣只是乏味木訥的跟用戶進(jìn)行交互。Slack和他們之間在表達(dá)方式上面的區(qū)別就好比是電影《星際穿越》中風(fēng)趣的機(jī)器人TARS和《2001星際漫游》中中規(guī)中矩的機(jī)器人HAL9000之間的差別。
Slack:
TARS: 小伙伴們都還好嗎?有沒有給我的機(jī)器人殖民地找到足夠的奴隸呢?
競爭對(duì)手:
我可以向你保證我的工作很快就能重新步入正軌。我依然對(duì)我的使命充滿激情和信心。
其實(shí)大家看看Slack的Twitter賬號(hào),你會(huì)發(fā)現(xiàn)它相比起其他企業(yè)軟件公司的Twitter賬號(hào),給人的感覺就更像是一個(gè)到處充滿emoji表情的喜劇演員。
Slack在Twitter上有如一個(gè)喜劇演員
我們?nèi)祟愅矚g將所有事物都進(jìn)行人格化,從我們的寵物到毫無生命的物體,毫不例外。比如我們會(huì)覺得一輛汽車看起來像是在微笑,或者覺得一個(gè)小羊羔在遠(yuǎn)處獨(dú)自吃著青草的時(shí)候覺得它肯定感覺很孤獨(dú)。所以,我們就是運(yùn)用冒泡式的、明亮的UI,令人愉悅的交互設(shè)計(jì),幽默風(fēng)趣的文字表達(dá),來將Slack人格化。正是這種情懷讓其勾起用戶內(nèi)心的一些強(qiáng)大的情愫:用戶都關(guān)心它,大家都想和其他人一起分享它,大家認(rèn)為它更像是他們寵愛的工作伴侶,而不僅僅是一個(gè)工具或應(yīng)用。
“ Slack看起來更像是你的一個(gè)語言風(fēng)趣的機(jī)器人伴侶,而不是其他人本認(rèn)為的一個(gè)枯燥的協(xié)同工作的溝通工具。“
做一份佳肴的配料,只要大家上網(wǎng)去搜一搜基本上都會(huì)一目了然。但,這是不是就讓你成為一個(gè)技藝超群的食神,制作出美味絕倫的佳肴了呢?事實(shí)上并非如此,其中配料份量的把控,火候的掌控,甚至菜肴在碟子中的擺放等其實(shí)都需要拿捏得非常的精準(zhǔn)。
Slack的熬制秘訣其實(shí)和佳肴的熬制秘訣并無二致。所用的素材和技術(shù)都是眾所周知的,但問題是我們?nèi)绾尾拍苷_的將它們天衣無縫的組合在一起以達(dá)到最好的效果。大家縱觀Slack所實(shí)現(xiàn)的功能,其實(shí)并沒有哪一個(gè)功能是Hipchat以及Campfire等其他軟件所不能實(shí)現(xiàn)的,大家的底層都是企業(yè)級(jí)別的聊天軟件那一套而已。但,Slack就勝在它更人格化,更具有情懷,更充滿幽默感,更讓人愛不惜手。所有這些組合在一起就讓Slack變成了你生活中的一個(gè)活生生的人物,一個(gè)更像是TARS而非HAL9000的語言風(fēng)趣的小家伙。
當(dāng)大家知道了這個(gè)秘訣之后,Slack的競爭對(duì)手們就開始爭相模仿。但,根據(jù)先行者優(yōu)勢(shì),這時(shí)已經(jīng)為時(shí)已晚了。大家都已經(jīng)選擇了并習(xí)慣了Slack作為自己的機(jī)器人伴侶,你如果沒有提供超過Slack十倍以上的改進(jìn)的話你是不可能在這個(gè)市場上撼動(dòng)得了它的霸主地位的了。
提醒:更多文章請(qǐng)關(guān)注公眾號(hào):techgogogo。當(dāng)然,也非常歡迎您直接私人微信(zhubaitian1)勾搭。
