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