看Slack的產(chǎn)品設(shè)計

緣起

最初接觸Slack是在2015年噪沙,那是后在國外已經(jīng)很火了猴伶,在一次活動中把Slack作為溝通工具使用過一下瀑志,那時候?qū)lack的印象主要還是Channel對話題分類比較清晰,產(chǎn)品層級比較清晰蛙紫。

當(dāng)時對主打的功能特性Thread也不太理解。現(xiàn)在再看才重新理解了Slack的產(chǎn)品理念途戒。

因為工作過程中也斷斷續(xù)續(xù)接觸惊来、負責(zé)協(xié)同效率工具類產(chǎn)品。也想要更深入的了解棺滞。

從Slack開始是IM在辦公協(xié)同過程中是最高頻的功能模塊裁蚁,也是日常接觸使用最多的產(chǎn)品矢渊。

在使用飛書時發(fā)現(xiàn),飛書和Slack消息內(nèi)容枉证,接受和發(fā)送者的消息都是左對齊矮男,同樣做企業(yè)通訊的釘釘和微信是一致的,發(fā)送者消息是右對齊的(最后補充室谚。

于是[效率工程系列]的第一篇就是關(guān)于Slack的了毡鉴,這個在國外已經(jīng)火了這么多年,在國內(nèi)卻沒有發(fā)展出來Slack-like的產(chǎn)品秒赤。


產(chǎn)品內(nèi)核

看Slack的官方介紹猪瞬,Slack是用于連接people、application和data入篮。

目前的產(chǎn)品形態(tài)確實如此陈瘦,連接people是IM產(chǎn)品的基礎(chǔ),application現(xiàn)在也是許多工具產(chǎn)品的方向潮售,企業(yè)協(xié)作中data的重要性也不容置疑痊项。

介紹里最突出的還有一點就是替代Email,也是Slack最初產(chǎn)品設(shè)計的核心酥诽。從出發(fā)點來看鞍泉,可以更好的理解這個產(chǎn)品。

基本功能

簡單介紹一下Slack功能肮帐,和其他即時通訊工具一樣咖驮,有好友、好友聊天训枢、聊天群游沿。

Channel是話題群,相當(dāng)于微信群肮砾,在一個組織內(nèi)可以創(chuàng)建公開的Channel诀黍,公開的Channel組織成員都可以看到,隨時可以加入仗处,歷史消息對成員可見眯勾。也可以創(chuàng)建私有的channel,這個就和國內(nèi)IM產(chǎn)品的群一樣了婆誓,加入后可以看見吃环,定位與企業(yè)溝通的產(chǎn)品歷史消息也大多可見。(如果公司用微信作為企業(yè)溝通工具洋幻,沒有歷史消息對接還是以其他產(chǎn)品為主

Email的升級

宣傳里Slack的定位是替換Email郁轻,當(dāng)然并不是說完全替代掉Email,而是替代Email作為工作溝通的場景。

Email已經(jīng)存在了50多年了好唯,在工作生活中被廣泛使用竭沫,是一種廣域的電子介質(zhì)。

但是客戶端形態(tài)一直沒有太多變化骑篙。郵件的形態(tài)在現(xiàn)在高頻的工作交流中有些不適用了蜕提。

Email作為工作溝通的工具,安全性高靶端,成本低谎势,異步溝通讓信息密度更高。歷史信息也有跡可循杨名。

Email的異步性與信息碎片在現(xiàn)在的工作溝通中效率就會比較低了脏榆。

在國內(nèi)大多數(shù)職場人使用Email的頻率并不高,主要還是用于外部溝通台谍,文件傳輸须喂。

Slack在工作溝通場景下要替代Email做了哪些設(shè)計呢?

Slack最重要的特性——Thread

Thread在實現(xiàn)了郵件溝通的特性典唇,又以自然的形態(tài)出現(xiàn)在IM產(chǎn)品中镊折。

(Thread目前的交互形式也是經(jīng)過了許多版本的迭代更新胯府,過程放在最后

對于某條消息(郵件)可以回復(fù)介衔,開啟新的討論分支,不用出現(xiàn)在全部消息流內(nèi)骂因。在群聊天中針對某個話題炎咖,一部分人可以深入討論,而不印象群內(nèi)的全部成員寒波。

針對什么情況呢乘盼?

有用過微信作為辦公通訊的朋友應(yīng)該有過這樣的體驗,公司群會越來越多俄烁。

針對某個話題隨時拉群绸栅,相同的人也可能有多個群,極大的滿足即時通訊的同時页屠,大量的信息碎片粹胯,信息查詢也非常困難。

如果在一個大群內(nèi)討論某個話題辰企,會不斷打擾所有用戶风纠,不同問題同時討論信息過多,重要消息很容易被刷走牢贸。微信提供了一種方式是引用竹观,在消息過多的情況下,能夠簡單還原發(fā)送內(nèi)容的上下文。

Thread就可以解決上面說的問題臭增,這也是Email的一種延續(xù)懂酱,可以針對某個郵件回復(fù),形成一個新的消息流分支速址。如果想要通知全員玩焰,也可以直接勾選是否發(fā)送到群里。

在群內(nèi)可能會產(chǎn)生多個Thread芍锚,Slack也有單獨的Thread入口昔园,可以查看全部Thread,相當(dāng)于微信中隨時拉的群并炮,但Thread的層級是要比Channel深一層的默刚,這也符合現(xiàn)實工作溝通的場景。

相比簡單的微信引用逃魄,釘釘和飛書在引用消息中的呈現(xiàn)和Slack是比較像的荤西,能夠在一個入口還原上下文場景,但是消息都會出現(xiàn)在群聊天的消息流內(nèi)伍俘。這樣大量的引用反而降低了消息的信噪比邪锌,本來是想做信息聚合,但是噪音不會讓人主動使用引用回復(fù)癌瘾,因為消息都是可以傳達到所有人的觅丰。

Email遷移功能

草稿箱,Slack有個單獨的草稿箱入口妨退,可以隨時保存想要發(fā)送內(nèi)容妇萄,查找發(fā)送對象,不影響原有的消息對話咬荷。

收藏——也是在郵箱中的功能遷移冠句。

查找效率

對于聊天中涉及的文件、都可以在文件中找到幸乒,文件來源清晰懦底。

高效檢索

全局搜索主要場景細分,搜索結(jié)果功能篩選罕扎,根據(jù)結(jié)果預(yù)制篩選項聚唐。

群內(nèi)搜索也與全局保持一致。

消息定位

時間顯示與搜索篩選統(tǒng)一懸浮壳影,展示信息+提供篩選跳轉(zhuǎn)操作拱层,展示、操作效率高宴咧。

關(guān)于IM

消息反饋-Emoji

消息通過反饋操作可以提高整個消息流的信息密度根灯,大大減少重復(fù)無用消息。

(對比很多微信里大量的“收到”、“歡迎”...

通過Emoji來作為反饋操作烙肺,擴展性和識別性都很高纳猪。甚至Emoji也是可以作為一種語言來溝通,也有其他產(chǎn)品比如notion用Emoji作為文章的圖標桃笙。

還可以擴展其他功能氏堤,比如投票

通知

Slack的通知對比國內(nèi)的產(chǎn)品在視覺和推送上都是相對較弱的。

沒有大紅數(shù)字圓點搏明,打開應(yīng)用面板的圓點也是灰色鼠锈,提醒效果保留,視覺刺激弱化星著。

考慮到Slack大量的集成應(yīng)用购笆,承載的消息量是很大的,弱化樣式有利于減少消息帶來的焦慮虚循。

應(yīng)用集成

Slack作為協(xié)同辦公的溝通工具同欠,專注消息溝通,通過消息bots横缔,集成其他產(chǎn)品铺遂。

可以在一個產(chǎn)品上獲取不同產(chǎn)品的消息,而不用打開所有應(yīng)用茎刚。

開放的生態(tài)襟锐。

Slack可以將其他APP添加進來,消息可以統(tǒng)一管理斗蒋,同時捌斧,APP在應(yīng)用中就類似于應(yīng)用助手笛质,向助手發(fā)送消息泉沾,實現(xiàn)一些應(yīng)用的操作,實現(xiàn)了雙向溝通妇押。

也可以將應(yīng)用添加到群消息中跷究,通知信息等也可以直接在群內(nèi)同步。

精神

使用最大的體驗是Slack的核心功能能夠很好地解決痛點敲霍,而且產(chǎn)品方向是聚焦的俊马,一直專注于IM領(lǐng)域,而不是擴展不同的協(xié)同工具肩杈。

作為開放平臺柴我,通過其他成熟產(chǎn)品滿足不同的需求,產(chǎn)品也能夠得到更快的擴張扩然。

(現(xiàn)在許多

補充

氣泡對齊

Slack發(fā)送和接受者的消息都是左對齊艘儒,大多數(shù)IM通訊產(chǎn)品如微信、iMessage發(fā)送接收是左右氣泡形式。

關(guān)于這個也查了一些資料界睁,最初聊天室出現(xiàn)的時候觉增,發(fā)送者和接受者都是左對齊的。

隨著移動互聯(lián)網(wǎng)的興起翻斟,IM出現(xiàn)了左右氣泡的形式逾礁,也查了下最早的設(shè)計思路是怎么產(chǎn)生的,比較合理的是來源于漫畫分鏡的對話形式访惜。

聊天時更注重接受消息嘹履,左右區(qū)分能夠提高接收效率。

在移動端债热,發(fā)送按鈕在右下角植捎,發(fā)送者的消息在右側(cè)視覺流也能保持一致。

可能的想法是

Slack延續(xù)Email產(chǎn)品的想法阳柔,注重信息的完整性焰枢,信息流完整

消息交互的一致性,因為對消息是有許多操作交互的舌剂,統(tǒng)一的交互區(qū)域济锄,保持一致性與界面的整潔。功能擴展性更也強


Thread設(shè)計過程

Threads in Slack, a long design journey(Part 1 of 2)

https://slack.design/threads-in-slack-a-long-design-journey-a7c3f410ecb4

Threads in Slack, a long design journey(Part 2 of 2)

https://slack.design/threads-in-slack-a-long-design-journey-1c9b1af652c9

寫在最后 : 排版確實很抱歉霍转,但是不想再拖延了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荐绝,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子避消,更是在濱河造成了極大的恐慌低滩,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岩喷,死亡現(xiàn)場離奇詭異恕沫,居然都是意外死亡,警方通過查閱死者的電腦和手機纱意,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門婶溯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人偷霉,你說我怎么就攤上這事迄委。” “怎么了类少?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵叙身,是天一觀的道長。 經(jīng)常有香客問我硫狞,道長信轿,這世上最難降的妖魔是什么赞警? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮虏两,結(jié)果婚禮上愧旦,老公的妹妹穿的比我還像新娘。我一直安慰自己定罢,他們只是感情好笤虫,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著祖凫,像睡著了一般琼蚯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上惠况,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天遭庶,我揣著相機與錄音,去河邊找鬼稠屠。 笑死峦睡,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的权埠。 我是一名探鬼主播榨了,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼攘蔽!你這毒婦竟也來了龙屉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤满俗,失蹤者是張志新(化名)和其女友劉穎转捕,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唆垃,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡五芝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了降盹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片与柑。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡谤辜,死狀恐怖蓄坏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情丑念,我是刑警寧澤涡戳,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站脯倚,受9級特大地震影響渔彰,放射性物質(zhì)發(fā)生泄漏嵌屎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一恍涂、第九天 我趴在偏房一處隱蔽的房頂上張望宝惰。 院中可真熱鬧,春花似錦再沧、人聲如沸尼夺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽淤堵。三九已至,卻和暖如春顷扩,著一層夾襖步出監(jiān)牢的瞬間拐邪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工隘截, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扎阶,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓婶芭,卻偏偏與公主長得像乘陪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子雕擂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354