五彩繽紛激情四射的商標設計(2013

Slack成功的秘訣究竟是什麼?你們團隊究竟為其做了什麼特別的事情而讓它如此的成功呢?「電話另一邊是一個來自某個非常成功的SaaS應用的CEO,他正想聘請我們團隊為其做產品設計,我不得不又老調重彈的開始向他說起這個我已經說了無數遍的故事

在過去的一年多時間裡,我幾乎每天都被客戶/投資人/想通過逆向工程窺探Slack得以成功的設計師們問及這個問題。確實,近來全世界都在討論著Slack,畢竟Slack現在已經被估值28億美元,擁有幾十萬個用戶,並且還在以飛快的速度增長著

大家也許奇怪為什麼他們會問我Slack的事情,而不是直接找Slack的團隊來問。皆因Slack2013年末聘請了我們團隊,來把他們的Slack原型打造成一個光芒四射產品。我們為其做了商標、市場網頁、基於瀏覽器和移動設備的應用方面的設計,整個過程我們只用了6個星期。除了後來的一些小修改,現在大家看到的Slack和我們之前所設計的基本上是一模一樣的

現在人們說起Slack的時候都禁不住說其確實是一個偉大的設計,但事實上是,我們當時也沒有預期其會如此的成功,如此的偉大

SlackCEO(同時也是Flickr的聯合創始人)Stewart Butterfield2013年找到我來做一個聊天工具(說的就是Slack)的時候,我就知道他要進入的市場其實是一個競爭非常激烈的市場,要使得他的這款產品能夠衝出重圍,做到有如鶴立雞群的話是非常的困難的。但,因為我其實Flickr的一個超級粉絲,所以我還是非常珍惜和Stewart進行合作的機會,同時我也覺得去幫忙解決這樣的難題,應該是一件非常有意義的事情。所以,最後我們就握手,立項,挽起袖子開幹了

然後Stewart在開乾的第一天向我們展示了他們早期的原型,真是不看不知道,看了嚇一跳。這個原型不就是一個基於瀏覽器的IRCInternet Relay Chat ,互聯網中繼聊天)聊天工具的拼湊版嗎!?它顯得多麼的蒼白和無力啊。六個星期過後,我們完成了我們職業生涯最傑出的工作之一,和大家現在看到的差不多的人見人愛的Slack誕生了。那麼,我們又是如何做到的呢?

我們的早期反覆運算版本(2013

當大家現在談起Slack的時候,常常會用到"有趣"這個詞。Slack用起來讓人感覺沒有了像在工作中應有的那種乏味感,而更多的是在「放鬆(slacking off)」。但是,如果你往深處去挖的話,你又會發覺它後台的實現其實和市面上其他的聊天工具沒有什麼兩樣。你同樣可以創建聊天室,增加聊天人員,分享檔,進行群聊和私聊。那麼,又是什麼讓Slack變得如此的出類拔萃呢?我認為有三個關鍵原因

獨樹一幟的外觀

為了在這個擁擠的市場中殺出一條血路,我們必須要找到一個可以吸引人們的注意力的方法。大多數企業軟件的外觀,看起來其實都像70年代的畢業舞會的著裝一樣——到處充斥著單調的暗藍色和暗灰色——所以,我們先從商標設計上面開刀,然後是整個Slack的外觀,讓它開起來像一個剛剛發射出去的五顏六色的禮炮一樣,到處充滿著鐵藍色、黃色、紫色和綠色。我們將來自一個視頻遊戲的顏色方案給應用到Slack上面,而不是用原來大家習以為常的企業協同工具的顏色方案。

HipChat vs Slack的顏色方

上圖是傳統的解決方案HipChat和我們的Slack的解決方案的對比,你覺得你會更喜歡哪個呢

其實他們兩個做的事情大同小異,但一個是讓人覺得無趣乏味,一個是讓人覺得激情四射充滿愉悅感。為什麼有這麼大的差別?都是亮色色系、彎曲無襯線字體(curvy sans-serif typeface)、友好的圖標、無處不在的笑臉和表情的功勞啊

別具匠心的感

Slack中就算一些細小的互動都充滿著歡樂元素。比如

Logo在加載的過程中會模擬出各種顏色四濺的效果

各個模塊會在螢幕從上到下平滑的進行呈現

指尖輕彈螢幕進行團隊切換時會呈現出卡片式的切換效果

在整個產品當中,所有的內容看上去都是在愉悅的切換和彈出的過程中完成的。而這樣的設計不僅僅會幫助用戶更好的去理解如何使用這個產品,同時還會給用戶帶來跟多的快樂

不知道大家有沒有這樣的一個體驗,當你走進某個房子的時候,你會難以置信的立刻感覺到該房子的設計有一種說不出來的彆扭甚至蹩腳的違和感?當一個專業的建築師走進去的時候,他很容易就各種問題給你列出一張清單出來:不對稱的幹板牆,縫隙明顯的硬木地板,空心的隔門,低廉的不配套的硬體設施。但這對於我們普通人來說,只會在直覺上感覺就是不對勁。和一個優美的房間一樣,偉大的軟件同樣會讓它的用戶在各種細小的互動上獲得愉悅感和滿足感,讓用戶一上手就感覺有種不言而喻的舒逸感,就像你走進一個優美的房子一樣

人格化的表達方

但,Slack的成功還不僅僅是因為上面提及的別樹一幟的外觀和別具匠心的感覺,還因為它與眾不同的表達方式

Slack當中,我們將每個組成部分都看成是一個可以表達出幽默感的地方。如競爭對手的軟件可能也會有一個加載進度條,而我們的Slack還會有一個額外的打趣提示,如,「在沙漠中你還想快馬加鞭快速穿越?你不如把你手上那包奧利奧全部倒在地上,然後趴下去一個個把它們吃光來得容易哦。」 

將一些幽默感注入到用戶無聊乏味的工作當中,Slack給你的感覺就像是你身邊一個語言風趣的機械人伴侶,而不像其他得競爭軟件一樣只是乏味木訥的跟用戶進行交互。Slack和他們之間在表達方式上面的區別就好比是電影《星際穿越》中風趣的機械人TARS和《2001星際漫遊》中中規中矩的機械人HAL9000之間的差別

Slack:TARS: 小夥伴們都還好嗎?有沒有給我的機械人殖民地找到足夠的奴隸呢

競爭對手:我可以向你保證我的工作很快就能重新步入正軌。我依然對我的使命充滿激情和信心

其實大家看看SlackTwitter賬號,你會發現它相比起其他企業軟件公司的Twitter帳號,給人的感覺就更像是一個到處充滿emoji表情的喜劇演員。

Slack在Twitter上有如一個喜劇演員

我們人類往往喜歡將所有事物都進行人格化,從我們的寵物到毫無生命的物體,毫不例外。比如我們會覺得一輛汽車看起來像是在微笑,或者覺得一個小羊羔在遠處獨自吃著青草的時候,覺得它肯定感覺很孤獨。所以,我們就是運用冒泡式的、明亮的UI,令人愉悅的交互設計,幽默風趣的文字表達,來將Slack人格化

正是這種情懷讓其勾起用戶內心的一些強大的情愫:用戶都關心它,大家都想和其他人一起分享它,大家認為它更像是他們寵愛的工作伴侶,而不僅僅是一個工具或應用

Slack看起來更像是你的一個語言風趣的機械人伴侶,而不是其他人本認為的一個枯燥的協同工作的溝通工具。

做一份佳餚的配料,只要大家上網去搜一搜基本上都會一目瞭然。但,這是不是就讓你成為一個技藝超群的食神,製作出美味絕倫的佳餚了呢?事實上並非如此,其中配料份量的把控,火候的掌控,甚至菜餚在碟子中的擺放等其實都需要拿捏得非常的精準

Slack的秘訣其實和佳餚的熬制秘訣並無二致。所用的素材和技術都是眾所周知的,但問題是我們如何才能正確的將它們天衣無縫的組合在一起,以達到最好的效果。大家縱觀Slack所實現的功能,其實並沒有哪一個功能是Hipchat以及Campfire等其他軟件所不能實現的,大家的底層都是企業級別的聊天軟件那一套而已

但,Slack就勝在它更人格化,更具有情懷,更充滿幽默感,更讓人愛不惜手。所有這些組合在一起就讓Slack變成了你生活中的一個活生生的人物,一個更像是TARS而非HAL9000的語言風趣的小傢夥

當大家知道了這個秘訣之後,Slack的競爭對手們就開始爭相模仿。但,根據先行者優勢,這時已經為時已晚了。大家都已經選擇了並習慣了Slack作為自己的機械人伴侶,你如果沒有提供超過Slack十倍以上的改進的話,是不可能在這個市場上撼動得了它的霸主地位的了

提醒:更多文章請關注公眾號:techgogogo。當然,也非常歡迎您直接私人微信(zhubaitian1)勾搭。版權:本作品採用[創作共用署名3.0中國大陸版許可證], 若非授權,轉發時切勿刪除聯繫信息,否則追究相應責任

From 天地會珠海分舵

譯註:本文來自Medium,作者Andrew Wilkinson,中文版由天地會珠海分舵編譯。Andrew Wilkinson所率領的團隊進行了Slack的設計實現,本文從Andrew Wilkinson的角度描述當前市值28億美元的Slack是如何在眾多先行者中突出重圍脫穎而出,成為市場的新霸主的。


 Slack設計團隊告訴你,市值28億美元的秘密武器是什麼