首頁

為什么這些畫面更耐看?

資深UI設(shè)計者

在同樣的設(shè)計框架中,要如何快準狠找到最終傳達的信息?有時候選對圖片讓你的設(shè)計事半功倍。


導語


為什么視覺效果很重要,因為我們的大腦處理視覺信息的速度比其他信息快6萬倍。在同樣的設(shè)計框架中,要如何快準狠找到最終傳達的信息?有時候選對圖片讓你的設(shè)計事半功倍。


阿思海姆《藝術(shù)與視知覺》曾經(jīng)提到“視覺形象永遠不是對于感性材料的機械復(fù)制,而是對現(xiàn)實的一種創(chuàng)造性的把握,它創(chuàng)造的形象是含有豐富的想象性、創(chuàng)造性、敏銳性的美的形象?!?


這段話是不是太抽象了?簡單總結(jié)來說意思是:美是有規(guī)律。


這本出版于1962年的經(jīng)典書籍,書里說到提升美感的十個點,分別是平衡、形狀、形式、發(fā)展、空間、光線、色彩、運動、張力、表現(xiàn)。


不要小看區(qū)區(qū)這10個詞語,里面暗藏著與美感相關(guān)的知識點。


以大圖和小圖為例,給人的心理感受是完全不一樣。大圖更多給人以沖擊力的感覺。小圖則是平靜陳述內(nèi)容。選有感覺圖片,建議根據(jù)這些選項再進行選擇。

 




一、 說服力畫面養(yǎng)成法


那么,圖片如何正確傳達信息呢?這不得不提,藝術(shù)與視知覺的平衡。我們在觀察一個建筑物的時候,以巴黎圣母院來說為例:當你第一眼看上去的時候很神圣,華麗的外表,中軸對稱的形式,讓人們對宗教產(chǎn)生了一種無言的崇敬。


同樣的結(jié)構(gòu),將圖片給換成下圖時,給人完全沒有崇敬的感覺。


 

同樣的結(jié)構(gòu)為什么會有這么大的差異?和圖片給人的隱藏信息有很大的關(guān)系。


小測試:上圖你能得到的信息時什么?

  ● 怪異?

  ● 螺絲釘?

  ● 不合常理?


特異是能打破現(xiàn)有框架的元素,譬如一個人身掛著狗頭,絕對能快速吸引你的目光。因為和常識有所偏差,所以能特別吸引目光。


返回平衡的話題,好設(shè)計都需要分析其平衡之處。就像杜尚的這幅作品《坐在黃色扶手椅上的塞尚夫人》,利用黃金分割的輔助線,以中軸對稱的形式體現(xiàn)平衡。同時,傾斜的躺椅和身體有形成另一種平衡。


 

這種結(jié)構(gòu)配合婦女的造型,形成一種端莊既視感。如果你有時間,再分析以前的繪畫,都能或多或少滿足找出畫面給人好感的原因。


那么,有什么特征才會有這樣的感覺呢?




二、 有感覺圖片的具有這些特征


1、善用眼睛,影響他人


眼神選圖的關(guān)鍵。我們都知道眼睛是人心靈的窗口,人類身上最迷人的部分,眼睛肯定算其中之一。


很多小說里都會提到通過對方的一個眼神,就能確定那個人在想干什么。聽上去有點神奇,不過確實眼神有這樣的魔力。



如上圖所呈現(xiàn)的狀態(tài)一樣。我們看到左邊的三個人的視覺焦點一致向右,我們的注意力也不自覺的往右邊的區(qū)域移動。


怎么樣的眼睛是具有引導作用呢?


可以參考以下這張圖,一般來說,當人臉的朝向了正面的時候,他的眼睛的引導力并不算很強。因為這時候他的眼神是盯著你看,并不會在畫面其它區(qū)域留下痕跡,所以引導的作用并不強。


這就是為什么畫人像的時候,基本不會畫完全正臉的頭像,是一樣的道理。因為正臉的人像會顯得很嚴肅,并不生動。

 



根據(jù)這樣的眼神理論,我們排版的時候就顯得很容易,只需要將重點的內(nèi)容往眼神指向的方向放置即可。



關(guān)鍵字:明確眼神方向



具體請看下圖,我把標題文字放在眼神聚焦的地方,就會顯得特別醒目。配合粗體大標題,畫面內(nèi)容主旨十分明確。



相反我們將文字內(nèi)容移到左側(cè)的時候,這種吸引力會弱化??瓷先ニ坪踹€不錯,但總感覺有點不對路的地方。就是因為眼睛的朝向是在畫面之外,而文字是在畫面內(nèi)部,他們兩者產(chǎn)生了引導線沖突導致的。



同樣在視覺語言中。左側(cè)跟右側(cè)的眼睛相互交匯到中間時就會產(chǎn)生一種對峙感。特別適合表現(xiàn)一種競爭和比賽的視覺效果。



如果你喜歡,可以利用大小對比的效果,將同一張圖片進行重復(fù)排列,就像下圖所展示的效果一樣,能產(chǎn)生很特別的版式。


 




三、 動作產(chǎn)生邏輯思考力


選圖時,除了眼神能產(chǎn)生很強的吸引力之外,人物自身的動作也有類似的效果,比如人體動作或者手指指向的行為。


仔細觀察會發(fā)現(xiàn),我們用的鼠標指針就有類似的明確指向性。你會很清楚,它指向的頂端就是可以操作的區(qū)域。



在圖庫里面搜索到關(guān)鍵字:『手指 指向』,能找到很多不錯的指向性圖片。尤其是比較親和的人物造型,或者快速聚焦某項內(nèi)容時配合手指具有很明確的指引效果。


一本日本暢銷的文案書里提到過一個觀點,什么是優(yōu)秀的文案?就是看完之后,能讓人產(chǎn)生行動,這就是好的文案。



關(guān)鍵字:有身體動作



舉個例子:

  ● 迷人的姑娘,便宜的產(chǎn)品(狀態(tài)描述)

  ● 作為普通文員,她為什么擁有令人羨慕的小資生活?(動作描述)


好的圖片也具備了這樣的特點,搭配手部動作,圖片具有很強的誘導性。



人物的手部動作,可以清楚告訴用戶什么樣的內(nèi)容是重點。就如同下圖所示的一樣。左側(cè)的圖片明顯要比右側(cè)的圖片更有吸引力。


以往可能你并不清楚,為什么有這樣的不一樣的感受。經(jīng)過上述分析的案例,應(yīng)該就理解其中的原因了。



同樣的指向性動作是可以連續(xù)搭配使用。圖片展示的效果如下圖,通過一個向左動作跟一個向下動作,形成了完整的指向型視覺引導方案。


這個方案既有明確的引導性,也有人物間的大小對比,整體看上去會顯得比較完整和耐看。



我們分析一下,如果將顏色去掉,效果是不是不一樣的?得到的是這樣的結(jié)果。


可以明顯的感覺到, 圖一的指向性要比圖二好很多。



試圖通過視覺點的分布,看看問題出在哪里?


圖二視覺點會有兩個,第一個是往下的視覺點,一個是往右的視覺點。整體感受就會比較凌亂。


相反,圖一比較明確,只有一個按順序移動的視覺點,即先向左再向下,最終觸達核心文字。








四、 具象,遵循潮流的方向


當你找到圖片之后,不清楚要做成什么風格的時候,趨勢可以幫到你。


趨勢是從哪里來呢?



關(guān)鍵字:具有明確眼神方向



一般可以從各大時裝周得到,另外還有很多大型的設(shè)計網(wǎng)站,每年都會發(fā)布下一年的趨勢報告,那里也有大量的參考性案例。我們試圖挑選其中一個風格趨勢,配合我們找圖的技巧,看看能得到什么不一樣的結(jié)果。


  ● 大膽的用色(Bold Color) 




大膽的用色風格有一個很大的特點,顏色使用特別大膽跟前衛(wèi),可以配合一定的矢量圖形搭配使用。需要采用多于3種的色彩,以及高飽和度色調(diào)。


那么這個風格的特點,就可以整理成以下關(guān)鍵字:

  ● ins 

  ● 時尚

  ● 粉色




挑選其中一張圖片作為主題,再利用初始用到的參照物分解原理,將其拆分成這三塊內(nèi)容,即點綴,主題跟色調(diào)。


為什么會選擇這張嘴唇的圖片呢?


首先前衛(wèi)風格使用的元素都會比較另類,于是圖片素材就需要滿足另類的特點。而另類廣義來說是超出原來的正常理解范圍。


譬如:像嘴唇、鼻子、鞋子這類本不該出現(xiàn)的物體,取代了原本頭部的位置,結(jié)構(gòu)成為了另一種獵奇的物體。



仔細分析大膽前衛(wèi)的風格。首先發(fā)現(xiàn)這些風格的圖片都會經(jīng)過處理,不會直觀表現(xiàn)原來的樣子。意味著直接將找到的圖片拉進這種設(shè)計是不合適的。


利用曲線跟色彩飽和度兩個參數(shù)進行特別的調(diào)整,形成下圖。當然如果你愿意,也可以變成其他任何高飽和度的色彩,形成的感覺也是差不多的。



 

特別注意要利用對撞色的原理,配粗字體,參考波普風格元素,在關(guān)鍵字里添加上『波普』這個詞語會得到更多驚喜。



最終形成的海報,如圖所示。






五、 圖片傳達實驗室——迅速提高圖片魅力


看了那么多有魅力的特征圖片,肯定要動手實踐,怎么將這部分的知識融入到選圖之中。


我將這部分內(nèi)容稱為圖片傳達實驗室理論,是以一個界面為例,結(jié)合我們選圖和處理圖片的技巧,形成一批有說服力的界面。


 

目錄會分為發(fā)現(xiàn)問題,列舉課題,評價方案和實施策略。文字會以這四部分為主要核心,簡述整體提高圖片魅力的方法。

 


在聊這個問題之前,我們不妨來看一下這張圖片,每日新聞的一張漫畫。好像沒有什么問題,就是一個有關(guān)特朗普跟普京的故事。



但是我們試著換另一種角度去看。每個角度都能呈現(xiàn)不一樣的內(nèi)容。雖然它們都是引用了同一張圖片,但是表達的意思卻是完全不一樣,另外所表現(xiàn)出來的視覺語言也是相當不同。



這意味著一張圖片是可以被多次利用,而且只要你用的圖片尺寸夠大,局部是可以用作很多用途,你能創(chuàng)作的可能性就會多元化。




1、發(fā)現(xiàn)問題


我們以關(guān)鍵字『靜謐』開始,對這個技巧進行討論。通過搜索,在圖庫里面找到了這么一張圖片。初看下來沒有什么特別大的問題,顏色,圖形和構(gòu)圖都還可以。


 

試著將它植入到音樂界面里,得到了以下效果。用直接將圖片以默認方式嵌套到這個矩形里,能清楚的發(fā)現(xiàn)圖片下半部分顯得空蕩蕩。效果并不是很好,而且圖片的上半部分,文字和背景粘在在一起,造成的閱讀影響。


 


2、解決的課題


我們該怎么解決上述問題呢?很簡單,只要將圖片進行反翻轉(zhuǎn)可以了,最終形成以下所示的效果。


拿到圖片,特別是這種類似背景的圖片,翻轉(zhuǎn)是很有用的技巧,它可以實現(xiàn)從不同的角度適用圖片。


  ● 文字:在圖片里顯得清晰。

  ● 重點:變得更有視覺焦點。





3、列舉替代方案


當我們找到了這么一個角度之后,可以分析顏色,進而列舉出更多可選的方案。


也可以通過軟件,將圖片顏色進行抽離和分解的工作,快速形成一組可供我們參考的顏色。


如圖所示,就能快速實現(xiàn)配色方案的目的。

 



能列舉不同結(jié)果的方式還有很多,除了配色分類之外,我們還可以用以下3種方式。這里的每種方式與之前的素材整理法相似,都是一種快速擴展素材的模式。



① 以圖搜圖:


這是一種快速得到圖片的方式,不用怎么動腦,只要你覺得這張圖片還可以,就能找到跟它相似的一堆圖片。


 


② 顏色關(guān)鍵字搜索:


對目標圖片顏色的分析,列舉出顏色趨勢,并將這些名稱放到專業(yè)的圖庫里進行搜索。

 



③ 高級自定義搜索:


可以只用普通引擎進行針對站點檢索,進行指向性搜索。你只要知道目標就可以針對搜索。


 





六、 實施方案策略




1. 權(quán)威高質(zhì)量相關(guān)性圖片


這部分主要是結(jié)合之前聊到的三個圖片特征,進行組合搭配。如果只有背景的畫,圖片的魅力是不太夠,這時候我們需要引用人物的造型。


人物和靜謐這個主題相關(guān),我們找到了有靜音動作的圖片,具體如下圖所示。


我們直接將這張圖片摳出來,放到我們之前整理的背景里的話,明顯是顯得有點格格不入了。因為兩種畫面的風格不太一致,這就需要進行統(tǒng)一的調(diào)整。



調(diào)整會利用到photoshop 里面的曲線工具,色階工具以及曝光工具。分別針對亮色系跟暗色系做了兩套版本進行對比。做出來的結(jié)果,亮色系對整體的界面更有幫助。


 



2. 能引起行為的動作按鈕


還記得前面的章節(jié)提到,一個令人引起動作的手勢,是很重要的行為嗎?


我們可以通過眼神和手部動作,進行視覺焦點的鎖定,類似下圖所示的結(jié)果,并且結(jié)合圖片合成的技巧進行一致性的輸出。


對于眼神望向右邊而言,『80%和購買按鈕』顯得就非常明顯。

 




3. 減少視覺噪音


完成上面那一步還是不夠,我們試圖減少一點視覺噪音。什么是噪音呢?就是對整體畫面沒有幫助,卻能吸引觀眾目光的元素。往往這些東西都會出現(xiàn)在背景里。


我們都知道,如果背景越復(fù)雜的話,前景的重點性會減弱。這一步可以對背景進行簡易化的處理。最終形成的樣子,如下圖所示。






4. 款式一致


除了上述能為圖片加分的選項以外,還有一點,就是當多圖片使用時,一定要注意款式的一致。





七、 延伸思考:技術(shù)思考


已經(jīng)簡述很多關(guān)于圖片處理的技巧,另外還有一個很重要的概念,我也將此放在這里進行延伸思考。吉薩金字塔和達芬奇?zhèn)魇喇嬜鳌睹赡塞惿酚惺裁搓P(guān)系?它們都是基于黃金分割設(shè)計!


黃金分割是一個數(shù)學比例。我們在大自然中很容易找到這樣的比例,當它用于設(shè)計時,能創(chuàng)造出有生命力的、純天然的視覺作品,愉悅我們的眼睛。



無論是設(shè)計或是攝影構(gòu)圖,合理使用黃金比例可以讓你的作品更美觀,因為這套系統(tǒng)已經(jīng)是被歷史驗證過,超越感覺的一般性方法。


但黃金比例不只上圖所示的樣子,還有許許多多的形式。一般我們使用時,將主要元素放在交界線的位置就可以了。



但是我們適用設(shè)計軟件里并沒有這一選項,自己動手做的話明顯也不是很合適。這時候,我們就要使用到萬能的插件。


在介紹插件前不妨看一下,我們利用黃金比例去分解世界名畫,可以得到這樣的結(jié)果。就是主要的元素都能放在線段交界的部分。這就是為什么有些版式,看上去很有美感的原因所在。



那我嘗試用這種ps插件,將生成的黃金比例圖,放到了我們所需圖片里。插件有個地方,它可以根據(jù)的圖片尺寸。自動適配一個黃金比例圖給你。


  ● 插件一:Divine Proportions Toolkit


  ● 插件二:GoldenCurve黃金分割線GoldenCurve - PHOTOSHOP中的黃金分割線





總結(jié):


具有說服力的畫面是什么樣子呢?或者換一種說法,什么是耐看的畫面?應(yīng)該就是能讓人產(chǎn)生行動的效果,注意『行動』這兩個字很重要。


什么樣的情況會產(chǎn)生行動呢?我們可以利用眼神,動作以及趨勢塑造有動作感的畫面。一般,有感覺的設(shè)計也會緊緊遵循這樣的原則,另外我們對這套理論進行實踐,得出快速提升圖片魅力的方式,即發(fā)現(xiàn)問題,列舉課題,評價方案和實施策略。

可讀性在網(wǎng)頁設(shè)計中的重要性

用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

當我們打開一個網(wǎng)站,我們會看網(wǎng)站界面是否美觀,交互是否符合人性化,布局是否合理等等,這些因素對網(wǎng)站起到一定的影響作用,但最根本影響一個網(wǎng)站的是整個網(wǎng)站的可讀性。
良好的設(shè)計應(yīng)該都是可讀的設(shè)計,如果信息都無法正常而清晰的傳達,那么設(shè)計就失去了意義。設(shè)計的可讀性和排版設(shè)計息息相關(guān),與此同時,對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性,讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,可以通過以下幾種方式來提高網(wǎng)頁的可讀性。

1.文字的可讀性

要讓文字提高可讀性,可以通過調(diào)整字體樣式、外邊距、內(nèi)邊距、顏色和對比度等參數(shù)來提高文字的可讀性。

  • 字體樣式:字體的樣式會影響可讀性。


  • 行長度:每行的字符個數(shù)對于整體的可讀性起著主要作用。如果文字段落非常寬,閱讀性差。同理,每行文字太短也不行,會給讀者的眼睛帶來壓力,造成混亂。

  • 外邊距和內(nèi)邊距:和行距一樣,元素周邊和之間的空隙也影響著用戶閱讀文字本身。

  • 顏色與對比度:文字顏色與相應(yīng)背景也至關(guān)重要。如果在綠色背景上寫綠色文字,就難以閱讀了。設(shè)計師選擇淺色字深色背景,或是深色字淺色背景,都是有原因的。對比使得字符容易閱讀。

目前文章內(nèi)容流行的字體是14PX(像素),這樣不容易造成視覺疲勞??梢越y(tǒng)一去設(shè)置全局的字體大小,包括行距。

除此,文字鏈接最好用顏色或是其他樣式跟正文區(qū)分開來,這樣讀者可以清楚的知道哪里可以點擊。例如:可以給a標簽寫個下劃線代碼text-decoration: underline;。

2.段落的可讀性

段落的可讀性一樣可以用過文字和圖片來提高。文字方面跟上面提到的,可以通過字體樣式、外邊距、內(nèi)邊距、顏色和對比度等參數(shù)來調(diào)整之外,還可以通過段落行距來調(diào)整字段間距。

  • 行距:每行文字間的間距也同樣重要??纯催@篇文章,如果每行文字都與上下兩行粘在一起,你就無法理解這些句子。

可以從上圖看出,文字段落之間不留白可讀性不高。右邊的標題和段落之間、行與行之間和段落與段落之間都留了一定的距離,所以整體會顯得更為整潔和可讀性高,這些在網(wǎng)站當中用Margin、Padding和Line-height可以來調(diào)整留白的大小。切記,行距大小不是越大越好,一定要適當。


在通篇文字的文章當中也可以考慮適當?shù)拇┎逡粌蓮垐D片進去,配圖可以提高文章的可讀性。

3.區(qū)塊的可讀性

區(qū)塊間也要有一定的間距才能提高區(qū)塊的可讀性。

區(qū)塊留白這個有點類似上面的文字段落留白,在網(wǎng)頁當中,每個區(qū)塊與區(qū)塊之間也要適當?shù)牧舭祝@個留白主要還是體現(xiàn)在Margin和Padding上。如果取消兩個區(qū)塊的Margin和Padding,那兩個區(qū)塊的內(nèi)容會聚集在一起,這樣不利于觀者去區(qū)分區(qū)塊之間的關(guān)系,也不利于閱讀。所以一般我們在給網(wǎng)站做界面的時候,都會設(shè)置一定的間距,就像蟬知系統(tǒng)中默認的間距是7px,當然,這個間距的大小都是可以調(diào)整的,看你怎么去設(shè)計這個頁面和頁面的整體風格是否和諧而定。

可以看到上圖左側(cè)區(qū)塊之間的間距為0,整體區(qū)塊和區(qū)塊之間看不出間隙,給人擁堵的感覺。但是右側(cè)留有一定的間隙,所以看起來比較舒暢,可讀性也相對高很多。

4.圖片的可讀性

為什么說圖片也具有可讀性,要知道一張好的幻燈片設(shè)計可以起到一定的作用,大部分的網(wǎng)站第一眼看的就是幻燈片,所以圖片的設(shè)計也不能忽視。
圖片的設(shè)計可以通過對比來設(shè)計,比如色彩對比、字體對比等。切記勿用復(fù)雜的背景來當幻燈片,這樣標題在畫面上就不夠突出。

上面的例子,顯而易見,當圖片背景比較復(fù)雜的時候,文字的閱讀性就差一點。第一張圖的背景比較簡潔大方,加上不用設(shè)計的字體,自然而然的主題就凸顯出來了。

5.導航的可讀性

說到導航,這個其實是整個網(wǎng)站架構(gòu)當中最重要的,所以我也把這點放到最后來講。網(wǎng)站一定要有清晰的導航,方便讀者瀏覽和了解整個網(wǎng)站的架構(gòu)。所以在設(shè)計導航的時候一定要考慮到瀏覽者的習慣。

  • 導航要簡單明了,避免奇怪的布局。

上面這個導航不是說做得不好看,而是找交互的設(shè)計用起來讓用戶會有點不舒服,導航下拉時,除頭部內(nèi)容整個頁面整體下移,這也可能就是設(shè)計師特意做的效果,但是很明顯,效果不是特別出彩。

  • 導航點擊狀態(tài)下的樣式和普通樣式需要有明顯區(qū)別。

上面的這個導航,點擊狀態(tài)下和正常顯示的樣式效果區(qū)別不大,所以識別性不夠高。

  • 導航的層級關(guān)系設(shè)計簡單點,最好不要超過三級。

現(xiàn)在很多導航設(shè)計都將二級導航和三級導航放在一起,這樣受眾在瀏覽的時候也可以更清晰網(wǎng)站的架構(gòu)。


優(yōu)秀的網(wǎng)站,通常在用戶體驗上非常用心,而網(wǎng)站良好的客戶體驗除了優(yōu)秀的界面設(shè)計、合理簡潔的框架布局,還有一點至關(guān)重要——網(wǎng)頁的可讀性。


藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

谷歌設(shè)計師:看起來很高大上的設(shè)計思維到底是什么?

資深UI設(shè)計者

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

提到設(shè)計思維,我們大部分時間會把它理解成「用設(shè)計師的思維去設(shè)計」,但其實它并非一種思維,而是一種方法論。Interaction Design Foundation 把「設(shè)計思維」(DesignThinking)定義為一種可反復(fù)使用的模式,并要遵循「以人為本」的核心去了解用戶,挑戰(zhàn)老舊的思想和重新定義問題所在,并通過五個程序:共情(Empathise)、確定(Define)、形成概念(Ideate)、原型(Prototype)、測試(Test)來找出適當?shù)慕鉀Q方案。

△ 設(shè)計思維的五個步驟(圖片來源:99U)

無論是創(chuàng)造一個新產(chǎn)品,或者是給現(xiàn)有的產(chǎn)品添加新功能,革新教育,改善一個企業(yè)的運營。設(shè)計思維(Design Thinking),這個存在了差不多半個世紀的方法論已經(jīng)滲透到了各行各業(yè)。

前不久,Khoi Vinh(平面設(shè)計大神,前紐約時報的設(shè)計總監(jiān))在他的博客Subtraction.com 上面發(fā)表了一篇很有趣的文章《In defense of Design Thinking,Which is terrible》(為設(shè)計思維辯護)。這篇文章是他和 Natasha Jen「Pentagram(五角)合伙人之一,她在去年在99U上發(fā)表的演說《DesignThinking is Bullshit》(設(shè)計思維就是純扯淡)引發(fā)了一波對設(shè)計思維的討論,在第三屆Phil Patton講座上的交流記錄總結(jié),再加上他自己的一些感觸而成。那時,我深度接觸設(shè)計思維這個方法論也有段時間了。這篇文章以及 Natasha 的演講引發(fā)了我對這套方法論的思考。就這個話題,我跟國內(nèi)外的設(shè)計師朋友,產(chǎn)品項目經(jīng)理進行了一些交流,加上本人的工作經(jīng)歷,跟大家談?wù)勎覍@個方法論以及設(shè)計本身的看法。

△ 圖片來源:https://www.subtraction.com

先總結(jié)一下兩位大神的觀點。Natasha 認為,設(shè)計不是一個線性的過程,它不能被簡簡單單流程化,并且可以運用在任何一個行業(yè)去解決任何問題。她還認為設(shè)計思維這個詞盛行的現(xiàn)象是令人擔憂的,設(shè)計思維里的五個環(huán)節(jié)中也完全缺乏了批判這個板塊。而批判、總結(jié),再加以改進設(shè)計方案是直接影響一個作品/產(chǎn)品成功與否的重要因素。所以,如果這種缺乏批判的設(shè)計(方法論)被越來越多的人接受并且加以使用,這有可能會導致設(shè)計的「下坡路」,而且會誤導大眾對設(shè)計本身的理解。所以在她看來,設(shè)計思維是純扯淡的,除非她能看到一些真實存在的證據(jù),證明設(shè)計思維的優(yōu)點。Khoi 從非??陀^的角度跟大家探究了設(shè)計思維,比如它讓許多不同領(lǐng)域的人都能參與到設(shè)計,解決問題的過程當中(設(shè)計的一大功能就是解決問題 problem solving)。Khoi 從 Natasha 演講里感覺到了她對設(shè)計民主化的一種恐懼,他認為 Natasha 覺得只有設(shè)計師才能設(shè)計,而且只有設(shè)計師應(yīng)該設(shè)計。讓非設(shè)計專業(yè)的人來設(shè)計會直接導致差設(shè)計的產(chǎn)生。Khoi 認為這種領(lǐng)土性質(zhì)想法是有問題的。當更多人了解并且投入于設(shè)計當中后,并不會導致設(shè)計的整體質(zhì)量下滑。如果能有更多非設(shè)計專業(yè)的人來解讀設(shè)計并嘗試設(shè)計,這其實對設(shè)計本身是非常好的。就像科技,當它被更多人學習,應(yīng)用并加以改進之后,才會有更多的突破和革新,設(shè)計也應(yīng)該如此。但是他也同意,設(shè)計思維是一把雙刃劍,也有不足之處。比如它不可避免的方言性,和它促進設(shè)計民主化的效應(yīng)力其實并不高。

對于他們兩個所說的觀點,我覺得都對。但是更準確的說,他們兩者所提到的設(shè)計并不能相比,因為設(shè)計思維(方法論)與設(shè)計其實是兩個非常不一樣的東西,從名詞上來說已經(jīng)能嗅出它們的不同。

文章目錄

  • Natasha Jen – 批判在哪里?
  • 為什么設(shè)計思維是純扯淡?
  • 谷歌的設(shè)計沖刺
  • Khoi Vinh – 設(shè)計(思維)的方言性
  • 「當你都不會這門語言」的時候…
  • 「那就更別提去理解這門語言了」
  • 總結(jié)

Natasha Jen – 批判在哪里?

Natasha 所說的設(shè)計是設(shè)計師們通過自己的獨特風格以及對當前的設(shè)計潮流的敏銳感覺來創(chuàng)造出滿足客戶/大眾審美的作品。這里的設(shè)計,狹隘地來講,可以定義為一種主觀的行為。那么這個行為可以通過很多不同的方式實行。Natasha 本身作為一個非常成功的設(shè)計師,她對視覺的敏感是不用說的,在 Pentagram 這種設(shè)計巨頭里,她也是創(chuàng)造設(shè)計潮流的那批人?!鸽m然我們公司涉及到的項目種類非常廣,包括企業(yè)形象設(shè)計,展覽設(shè)計,出版物,動態(tài)圖形等等。我還是會用平面設(shè)計師來定義自己。」她的開場白「設(shè)計思維現(xiàn)在是個流行語。這就是問題所在,當今社會尤其是設(shè)計師圈子里,并沒有很多對設(shè)計思維的批判。我認為像我這樣非常在乎自己發(fā)布的作品質(zhì)量的設(shè)計師們,真的應(yīng)該好好思考一下設(shè)計思維的含義,以及它會給設(shè)計領(lǐng)域乃至社會帶來的影響。」之后,Natasha 講解了設(shè)計思維的五個環(huán)節(jié)以及通過在谷歌圖片搜索「設(shè)計思維」得到的答案,也就是五個排列整齊的六角形以及密密麻麻的3M便利貼,風趣的總結(jié)了社會對設(shè)計思維的理解,并簡單介紹了設(shè)計思維的由來。

△ 圖片來源:https://99u.adobe.com/videos/55967/natasha-jen-design-thinking-is-bullshit#

什么是批判?如果你就讀過設(shè)計學院,你肯定知道在設(shè)計過程中的每一個步驟,每一次討論中,批判都是非常重要的。你提出一個創(chuàng)意,并展示出支持你創(chuàng)意的證據(jù),然后在場的各位就開始各種建設(shè)性質(zhì)的噴你。這才能真正促使你的提高啊,對吧?與此同時你也能開始真正掂量和反省,到底什么是好的?但是批判在設(shè)計思維里面完全不存在。──Natasha Jen

我完全同意她所說的,但是 Natasha 的設(shè)計并不是設(shè)計思維,設(shè)計也確實不是一個線性的流程。當然啦,打草稿,被噴,修改,再被噴,再修改,最終結(jié)束,大體有一個套路。這個設(shè)計也不完全能被模式化,并用于任何行業(yè)去解決任何問題。咱們再來看看設(shè)計思維的五個環(huán)節(jié),里面真的沒有批判么?其實也是有的,而且每一步都有批判,只是它存在的形式跟 Natasha 所講的批判不一樣。怎么講?我馬上跟你們慢慢道來。在那之前我們來看看設(shè)計思維到底扯淡在哪里。

為什么設(shè)計思維是純扯淡?

設(shè)計思維為什么扯淡?同學們先要明白,設(shè)計思維并非是一種思維,它是一個方法論。那么這個方法論本身是沒有正面也沒有負面的。其實就看企業(yè)和團隊如何使用這個方法論了。挪威設(shè)計師 Lillian Ayla Ersoy 發(fā)表的《為什么設(shè)計思維在走下坡路,我們應(yīng)該做些什么?》一文中探究了這一話題。她提到了她近幾年周游世界參加各種設(shè)計研討會所看到的新發(fā)布的產(chǎn)品已經(jīng)變得千篇一律。她提出,設(shè)計思維不應(yīng)該是一種生產(chǎn)線。它其實應(yīng)該促進新創(chuàng)意和解決問題的方案,如今的設(shè)計思維已經(jīng)變成了一個差不多產(chǎn)品的生產(chǎn)線。平面設(shè)計,動效設(shè)計,情感設(shè)計等都在慢慢失去它們的價值,但是決定產(chǎn)品成功與否的重要因素也都是它們。這其實跟 Natasha 提到的觀點非常相似,她認為對于很多企業(yè)來講設(shè)計(思維)只是一個需要被打勾勾的盒子,并沒有注重這個方法論能夠帶來的潛在價值。當一個團隊發(fā)現(xiàn)一個可行的解決方案,卻又只是發(fā)現(xiàn)了冰山一角的時候,就趕緊實現(xiàn)產(chǎn)品然后發(fā)布,并沒有經(jīng)過多輪的改進探究來讓方案變得更加成熟。設(shè)計師們有時候也要為多個權(quán)益人展示進度和解釋設(shè)計而頭疼。權(quán)益人太多也會不必要的拖延設(shè)計的進度,讓設(shè)計師們花費不必要的精力和時間。

設(shè)計師和創(chuàng)意人士所處的環(huán)境也是決定他們個人提升的重要因素,如果一個本身很有天賦的設(shè)計師把大部分的精力都花在給其他人解釋TA的設(shè)計決定,而沒有在自我深造上面的話,那么過幾年TA的設(shè)計水平不會提高反而會下降。──Lillian Ayla Ersoy《為什么設(shè)計思維在走下坡路,我們應(yīng)該做什么?》

創(chuàng)意環(huán)境,工作氛圍很重要,我覺得不管是管理階級或是我們這些手藝人都應(yīng)該積極地為對方打造一種可持續(xù)發(fā)展的創(chuàng)意環(huán)境,這樣才能推進創(chuàng)意的發(fā)展以及對我們本身實力的提高。

「剛剛發(fā)現(xiàn)到冰山一角之后,趕緊投入生產(chǎn)然后發(fā)布,然后趕緊失敗,看看大眾的反應(yīng)?!购汀笡]有真正的結(jié)束,只有沒完沒了的發(fā)布!」

我不知道國內(nèi)的具體情況是什么,我也知道這肯定是極個別情況,但是上面這兩句話讓我想到一位在國內(nèi)一家科技公司的朋友分享他工作經(jīng)歷的時候提到的,團隊里設(shè)計了一個新功能之后趕緊實現(xiàn),然后發(fā)布,用真實用戶做實驗,看看反應(yīng)怎么樣,行就接著來,然后根據(jù)用戶回饋來改進方案,不行的話直接把這個功能取消,再想下一個功能。這種實驗型的做法OK么,必須OK。結(jié)合團隊所處的整體環(huán)境,包括市場,文化,以及用戶對新科技/新產(chǎn)品的認知度/接受度的不同,設(shè)計、開發(fā)、發(fā)布的步驟有不同的套路和節(jié)奏是正常的。而且,通過測試所得來的回饋是對產(chǎn)品最好的批判。我覺得這種方法有一定的優(yōu)勢,這也有可能是國內(nèi)的發(fā)展能如此迅速的因素之一吧。但是什么都是有利有弊的。那就是在這個節(jié)奏如此之快的過程中,我們作為設(shè)計師是否在逐漸喪失批判性思考的能力,設(shè)計不再是利用我們設(shè)計師本身的思維,以人為本的核心以及對視覺的敏感去解決用戶的問題,而變成了一個純粹的實驗,然后通過用戶測試/調(diào)查,再改變參數(shù),再測試,如此反復(fù)最終產(chǎn)出一個理想的產(chǎn)品/功能。在這個過程中設(shè)計本身的價值有沒有得到提升?長久來說,設(shè)計師對自己本身的看法會不會改變,甚至會不會喪失了對「設(shè)計」的信念,并因為這種機械化的創(chuàng)意模式而變得萎靡不振?如果真的這樣下去估計設(shè)計師早晚也可以被自動化取代。

好的設(shè)計不是趕出來,也不完全是實驗出來,好的設(shè)計需要足夠時間,加上隊員們積極的思考,突破,設(shè)想,測試所造出來的產(chǎn)物。

拿撰寫動效規(guī)范來舉個例子,前前后后參加不同的設(shè)計沖刺,收集證據(jù),并反復(fù)提煉語言就花了差不多一年的時間。當然了,撰寫動效規(guī)范與視覺設(shè)計不是一個東西,但是為了取得高質(zhì)量的結(jié)果,兩者步驟上面還是有相似之處的。我也是非常有幸能有我現(xiàn)在的工作環(huán)境,上司對我信任,隊友們互相給予支持。我的經(jīng)理為了方便我收集材料,讓我盡可能多參加設(shè)計沖刺,了解其他的產(chǎn)品在干什么,未來的目標是什么,需要解決的問題是什么。我在撰寫規(guī)范的同時,也會參與到?jīng)Q定這些產(chǎn)品的未來方向是什么的過程中,更重要的是在這個過程中更加了解動效設(shè)計到底是什么,動效規(guī)范應(yīng)該怎樣改進,怎么樣設(shè)計動效以及它在現(xiàn)行科技領(lǐng)域的一個定位和走向。那么下面讓我通過谷歌里的設(shè)計思維實踐來證明,批判在設(shè)計思維里其實無處不在。

谷歌的設(shè)計沖刺

△ 圖片來源:https://www.charitydigitalnews.co.uk

在谷歌里我們會定期做 Design Sprint(設(shè)計沖刺,時長通常為三天,利用這三天來集中精力解決UI/UX問題,并且總結(jié)出可執(zhí)行的下一步。)它可以是為了解決一個產(chǎn)品的某一個功能的用戶流程(User Journey)定一個大方向,也可以是為了讓不同產(chǎn)品之間更好的相互合作而研制一套相同的設(shè)計框架。格式其實就跟設(shè)計思維一樣。第一步,Empathize(共情)。在每一個 Design Sprint 的開始,我們都得要明白這次活動的目的,現(xiàn)在所面臨的問題是什么。通常會有來自不同隊伍的關(guān)于主題的演講(LightningTalk,閃電說),其實批判從這里已經(jīng)開始了。在聽演講內(nèi)容的同時我們得把值得探究,改進的地方記錄在便利貼上面(叫做How might we,我們能怎么樣去……),這里批判的思考就已經(jīng)開始了。而且由于組員們的專業(yè)不同,思維方式不同,在同一個關(guān)鍵點上面,設(shè)計師,工程師,項目經(jīng)理,調(diào)研員所考慮的事情都是不一樣的。在共情環(huán)節(jié)結(jié)束之后,我們會把這些便利貼貼在墻上,開始第二步,Define(確定)。把捕捉到的觀點綜合處理,歸類,把大家達成共識認為重要的內(nèi)容按照種類排好,再把不重要或不相關(guān)的內(nèi)容除去。我們得批判的思考才能更好的分辨便利貼們之間的潛在關(guān)系,以及哪些保留,哪些需要被除。咱們再看下一環(huán)節(jié),也就是 Ideate(形成概念),這里也是我認為是批判最多的一個環(huán)節(jié)。我們先會做一個叫做 Crazy Eight(就叫它瘋狂8分鐘吧)的小活動,針對需要解決的問題,每個組員在8分鐘內(nèi)想出8個點子,然后相互分享。接著全員投票,把最有可能成為解決方案的點子選出來加以點評并且定制出沖刺接下來的計劃。之后,我們會安排固定的時間來分享我們的設(shè)計進度,在分享與展示的過程中,組員們就得給出建設(shè)性的批判。我作為動效設(shè)計師,需要思考在設(shè)計出來的界面之間符合活動主題范圍內(nèi)的潛在交互實踐范例,找出界面與交互設(shè)計方面的漏洞,以動畫的形式展現(xiàn)給大家并加以講解。經(jīng)過至少三輪的分享與改進,沖刺的最后一天的末尾,我們才會給利益相關(guān)人展示我們得出的結(jié)論。這就是我們的設(shè)計沖刺格式。我注意到的是,設(shè)計沖刺不是為了解決問題,而是在短時間內(nèi)得出一個具象的結(jié)論/共識,以便之后的設(shè)計與開發(fā)。

那原型(Prototype)和測試(Testing)呢?是的,不是所有的設(shè)計沖刺都會涉及到原型與測試。工程師們在沖刺當中除了與我們設(shè)計師一起發(fā)散的思考之外,他們還會提出方案在實現(xiàn)方面的可能與局限?,F(xiàn)在有很多工具可以非常迅速的制作出原型,原型也確實在展示設(shè)計漏洞方面有很大的用處,但是它也有局限性,比如在展示一些特定交互實例的時候,無法展現(xiàn)動效過程中具體發(fā)生了什么。比如說允許用戶在過渡中途轉(zhuǎn)向或返回,這種我沒有在原型工具里看到,不知道大家有沒有遇到過有這種功能的原型工具。再說如果能利用有限的時間盡可能多設(shè)計,為什么不呢?再說測試,其再經(jīng)過幾輪沖刺后,我發(fā)現(xiàn),測試最好別在沖刺的時候做。一次沖刺只有三天,好鋼用在刀刃上。文章上面提到過,測試也是一個很好的批判。通過測試原型所收集來的回饋,加上我們的分析并找出解決問題的機會所在,才能更好的改進產(chǎn)品/功能。當然不排除是因為谷歌的財大氣粗,所以可以給原型和測試環(huán)節(jié)足夠的時間和資源,讓他們?nèi)鰵g兒地玩耍。

所以這樣看,其實在沖刺的過程中,批判是無處不在的。

關(guān)于 Natasha 有關(guān)設(shè)計思維屬于純扯淡就談到這兒,下面看看 Khoi 的設(shè)計思維是把雙刃劍的論斷。

Khoi Vinh – 設(shè)計(思維)的方言性

設(shè)計思維使得來自不同領(lǐng)域的人一起合作解決問題。它促進了設(shè)計的民主化,讓更多的人來了解設(shè)計。設(shè)計思維有很多正面的元素,但是當然也有它不好的地方。──Khoi Vinh 《Indefense of Design Thinking,Which is terrible》

△ Khoi Vinh 圖片來源:https://www.designweek.co.uk

Khoi 的觀點使我產(chǎn)生了許多共鳴。他在文中所提到的設(shè)計民主化,以及用工程領(lǐng)域的開源對科技的提升乃至對社會的影響,這個話題太大了,我就不聊了。但是從畢業(yè)到工作,我的經(jīng)歷可以好比從 Natasha 的設(shè)計思維是純扯淡到設(shè)計思維是一把雙刃劍的過程。我個人認為,因為設(shè)計思維本身作為方法論,它其實是中性的。所以與其說設(shè)計思維的方言性,應(yīng)該是設(shè)計或者任何一種專業(yè)的方言性。

我們先來看看這兩句話:

When you lack language,you also lack the capacity to understand.

當你都不會這門語言,那就更別提去理解這門語言了。──Khoi Vinh

還有:

抵押支持債券,次級抵押貸款,國際貨幣基金貸款劃分的「部分」。聽起來讓人有點摸不著頭腦對吧?這些詞兒是不是讓你覺得很無聊,甚至讓你懷疑你的智商?呵呵,它們作用不過如此。華爾街那幫人特別喜歡用這種模棱兩可的詞語來讓你覺得只有他們才能勝任他們的工作。也有可能,就是想把自己與其他人分割開來。── 電影《大空頭》

電影《大空頭》(The Big Short),里面的瑞恩·高斯林用上面這句話把 Khoi 所說的解釋得淋漓盡致。Khoi 所說的也讓我感觸特別深刻。我認為他提到的這個是設(shè)計思維,也是設(shè)計雙刃劍里最「鋒利」的一面。先拿在用戶體驗這個專業(yè)的方言性舉個例子。在谷歌剛?cè)肼毜臅r候,我其實對這個崗位并不看好,干了個把月之后甚至開始跟朋友抱怨說谷歌里創(chuàng)意已死,只有古板的設(shè)計,辦公室政治還有盲目的服從。因為那個時候我對動效設(shè)計這個專業(yè)的理解也只是停留在 UI動畫制作上,對用戶體驗這整個專業(yè)那是七竅通六竅。那你們會問我是怎么進去的,當時他們雇傭我當合同工也只是讓我制作動畫素材。那時候,我并不知道,動效設(shè)計可以增加應(yīng)用的連貫性(Continuity)和可用性 (Usability),促生心智模型(Mental Model),闡述界面中組件的空間關(guān)系(Spatial Relationship),主次關(guān)系(Hierarchy),以及暗示可執(zhí)行交互動作(affordances)等等。

「當你都不會這門語言」的時候…

第一次參加設(shè)計沖刺,也是因為剛?cè)肼?,所以并沒有能真正參與到?jīng)_刺的過程當中,當時能做的就是幫設(shè)計師們制作動畫素材,然后他們再研究設(shè)計中的漏洞。吊兒郎當?shù)膮⒓拥經(jīng)_刺第二天,開始第一輪的分享設(shè)計進程,一個來自瑞典的小哥開始講解他們小組所做出的設(shè)計方案。我當時站在那里,真的一句都聽不懂,所有詞兒都知道是什么意思,但是放到一塊兒我就不明白了。我以為是因為我的語言不達標,于是就問了站在旁邊的一個美國本土小哥,他也是一個跟我有相似背景的動畫師:「嘿,他在說什么?我聽不懂啊?!挂馔獾氖牵谷换卮鸬溃骸肝乙膊恢腊?。」就是在那個點上,我被設(shè)計思維和用戶體驗狠狠的劃了一刀。

單從用戶體驗來講,得先學到多少的專有名詞才能在這個專業(yè)里面輕松游走?直到現(xiàn)在,還是有很多專業(yè)術(shù)語會讓我摸不著頭腦。曾經(jīng)讀過一篇國內(nèi)關(guān)于 Material Design 的文章,在評論區(qū)里看到這樣一條評論:英文應(yīng)該成為 UI設(shè)計師補習的第一個技能哎!之前在準備演講的時候,我在翻譯上面花了不少功夫。因為同一種組件用英文說是一個名詞兒,但是用中文估計就不是直譯那么簡單了。舉個例子,MaterialDesign 里面的旅游應(yīng)用 Crane 使用了一個叫做「Back Drop」的組件。我當時給翻譯成了「背幕」,之后覺得還是不妥所以干脆就不提這個組件了。后來跟禮包哥聊天的時候才發(fā)現(xiàn)這東西叫做「抽屜」。這里不是想說誰的名詞兒才是官方的,只是覺得很有趣。

專業(yè)有方言性,不同團隊其實也有。為了能更好的跟隊友合作,不同團隊都會不自覺的去創(chuàng)造一門「自己人」的語言。這也不純粹限于語種的不同,舉一個例子。我之前收到谷歌另外一個團隊的動效問題,問我一個 Logo 動畫在應(yīng)用 Warm Start(暖開始)和 Cold Start(冷開始)之間的使用區(qū)別,當時我就迷茫了。就問道什么叫做暖開始和冷開始。后來解釋說,暖開始就是你的應(yīng)用已經(jīng)是打開的狀態(tài)下從別的應(yīng)用回到該應(yīng)用,而冷開始是從應(yīng)用本身的關(guān)閉狀態(tài)被打開。而我們隊里,會直接說「When you open the app when it is closed/When you return to the app.(當你打開/回到這個應(yīng)用的時候。)」 我其實就是覺得,你用來跟我解釋「冷暖開始」的時間,都可以跟我說多少遍「當你打開/回到該應(yīng)用」這句話呢?非得發(fā)明一些隊外的人不明白的詞句,還得再花更多的時間去解釋,何必呢?

能說會道必須是一種能力,用天花亂墜的詞語解釋設(shè)計也并非易事。你也會發(fā)現(xiàn),設(shè)計水平相當?shù)臅r候,往往是那些聽起來越「聰明」的人,越會說的人升遷越快。但是少一點逼格,多一點真誠,也絕非壞事啊。最近跟禮包哥交流,我問他關(guān)于對設(shè)計思維的看法,他提到了產(chǎn)品思維并解釋道:「尋找用戶痛點,刺激用戶癢點,滿足用戶爽點?!咕退隳悴皇怯脩趔w驗專業(yè)的,是否也能大概明白什么是產(chǎn)品思維?

我們都想讓別人覺得我們很聰明,并用酷炫的語言還有別人不懂的專有名詞講解設(shè)計。這樣眾人會覺得設(shè)計是一種神秘的學科,不是什么人都可以做的。就像 Khoi 說的:「尤其是對于在廣告機構(gòu),藝術(shù)工作室的自由設(shè)計師來講,把設(shè)計的奧妙保護起來是正常的,畢竟設(shè)計師們有明確的利益動機嘛。」要是誰都懂我們的專業(yè),都會干我們干的東西,那我們賺什么錢,吃什么去?不同專業(yè)的方言性絕對不可避免,你們也看到了,就連同公司內(nèi)部隊與隊之間交流都存在困難。當然,我也不會說你必須得用大白話去解釋你的專業(yè)。不過你可以試試看,跟你不是搞設(shè)計的朋友,聊聊設(shè)計,或者跟你爸媽解釋一下你是干什么的,看看他們能不能明白。設(shè)計思維在設(shè)計民主化方面有一定的作用,但是它的效果真正有多少呢?國內(nèi)外設(shè)計圈子還是相對來說比較小,大眾對設(shè)計的認知度還是比較低,很大一部分原因是因為這種不可避免的「方言性」。當然還有好大一波兒認為「設(shè)計根本就是特別簡單的東西,不值錢!」的人。

「那就更別提去理解這門語言了」

就好像你想要做出好的電腦動畫,你得先要駕馭好電腦軟件,不能讓其變成你的絆腳石,然后才能更好地展示你的故事,構(gòu)圖,動畫節(jié)奏等等。想要能夠更好的跟隊友們研討工作,你得先懂得使用用戶體驗的語言。我因為從一開始對用戶體驗專業(yè)的知識缺失,不得不去讀關(guān)于這方面的書籍與相關(guān)讀物?,F(xiàn)在已經(jīng)養(yǎng)成了習慣,每天至少會拿出兩個小時的時間在閱讀上。但是諷刺的是,當我對這個方言掌握到一定程度,并能夠跟同事交流甚至提出影響設(shè)計方案的建議的時候,我發(fā)現(xiàn)不但再沒有覺得谷歌里創(chuàng)意已死,只有古板的設(shè)計,反而也能明白這個專業(yè)有意思的地方,并發(fā)現(xiàn)能夠發(fā)揮創(chuàng)意的地方其實有很多?,F(xiàn)在再看我之前的抱怨確實有點可笑。這也告訴我有時候如果不了解一個事物,還是少評論兩句。

總結(jié)

設(shè)計思維會隨著科技的發(fā)展不斷進化。此文沒有想定義設(shè)計思維是好是壞,只是呼吁大家用辯證的態(tài)度去對待設(shè)計思維,以及其他甚至還沒出生的方法論。我們應(yīng)該根據(jù)項目、團隊的情況去選擇不同的方法論,而且要更加注重設(shè)計的過程,學習怎樣為不同的用戶,交互情景做出適當?shù)脑O(shè)計,并積極的思考。

設(shè)計思維只是一個起點,應(yīng)該用它來激發(fā)新的創(chuàng)意和解決問題的方法,而不是一個加快產(chǎn)品生產(chǎn)速度的秘籍模式。

專業(yè)的方言性不可避免,在與其他隊交流的時候,可以主動的解釋一下「自己人」的語言,平時盡可能用易懂的詞句解釋設(shè)計思路。

一個團隊,一個企業(yè)里每一員都有為對方打造一種可持續(xù)發(fā)展的創(chuàng)意環(huán)境的責任。

不知道大家對設(shè)計思維怎么看?設(shè)計再怎么說還是為解決問題而生,用什么方式去解決問題也只是設(shè)計的第一步。在2019年里,希望大家能用探究與批判的態(tài)度去看待設(shè)計和自己的工作。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計  ipad界面設(shè)計 、 包裝設(shè)計  圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

 

為什么這些畫面更耐看

用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

在同樣的設(shè)計框架中,要如何快準狠找到最終傳達的信息?有時候選對圖片讓你的設(shè)計事半功倍。


導語


為什么視覺效果很重要,因為我們的大腦處理視覺信息的速度比其他信息快6萬倍。在同樣的設(shè)計框架中,要如何快準狠找到最終傳達的信息?有時候選對圖片讓你的設(shè)計事半功倍。


阿思海姆《藝術(shù)與視知覺》曾經(jīng)提到“視覺形象永遠不是對于感性材料的機械復(fù)制,而是對現(xiàn)實的一種創(chuàng)造性的把握,它創(chuàng)造的形象是含有豐富的想象性、創(chuàng)造性、敏銳性的美的形象。”


這段話是不是太抽象了?簡單總結(jié)來說意思是:美是有規(guī)律。


這本出版于1962年的經(jīng)典書籍,書里說到提升美感的十個點,分別是平衡、形狀、形式、發(fā)展、空間、光線、色彩、運動、張力、表現(xiàn)。


不要小看區(qū)區(qū)這10個詞語,里面暗藏著與美感相關(guān)的知識點。


以大圖和小圖為例,給人的心理感受是完全不一樣。大圖更多給人以沖擊力的感覺。小圖則是平靜陳述內(nèi)容。選有感覺圖片,建議根據(jù)這些選項再進行選擇。

 




一、 說服力畫面養(yǎng)成法


那么,圖片如何正確傳達信息呢?這不得不提,藝術(shù)與視知覺的平衡。我們在觀察一個建筑物的時候,以巴黎圣母院來說為例:當你第一眼看上去的時候很神圣,華麗的外表,中軸對稱的形式,讓人們對宗教產(chǎn)生了一種無言的崇敬。


同樣的結(jié)構(gòu),將圖片給換成下圖時,給人完全沒有崇敬的感覺。


 

同樣的結(jié)構(gòu)為什么會有這么大的差異?和圖片給人的隱藏信息有很大的關(guān)系。


小測試:上圖你能得到的信息時什么?

  ● 怪異?

  ● 螺絲釘?

  ● 不合常理?


特異是能打破現(xiàn)有框架的元素,譬如一個人身掛著狗頭,絕對能快速吸引你的目光。因為和常識有所偏差,所以能特別吸引目光。


返回平衡的話題,好設(shè)計都需要分析其平衡之處。就像杜尚的這幅作品《坐在黃色扶手椅上的塞尚夫人》,利用黃金分割的輔助線,以中軸對稱的形式體現(xiàn)平衡。同時,傾斜的躺椅和身體有形成另一種平衡。


 

這種結(jié)構(gòu)配合婦女的造型,形成一種端莊既視感。如果你有時間,再分析以前的繪畫,都能或多或少滿足找出畫面給人好感的原因。


那么,有什么特征才會有這樣的感覺呢?




二、 有感覺圖片的具有這些特征


1、善用眼睛,影響他人


眼神選圖的關(guān)鍵。我們都知道眼睛是人心靈的窗口,人類身上最迷人的部分,眼睛肯定算其中之一。


很多小說里都會提到通過對方的一個眼神,就能確定那個人在想干什么。聽上去有點神奇,不過確實眼神有這樣的魔力。



如上圖所呈現(xiàn)的狀態(tài)一樣。我們看到左邊的三個人的視覺焦點一致向右,我們的注意力也不自覺的往右邊的區(qū)域移動。


怎么樣的眼睛是具有引導作用呢?


可以參考以下這張圖,一般來說,當人臉的朝向了正面的時候,他的眼睛的引導力并不算很強。因為這時候他的眼神是盯著你看,并不會在畫面其它區(qū)域留下痕跡,所以引導的作用并不強。


這就是為什么畫人像的時候,基本不會畫完全正臉的頭像,是一樣的道理。因為正臉的人像會顯得很嚴肅,并不生動。

 



根據(jù)這樣的眼神理論,我們排版的時候就顯得很容易,只需要將重點的內(nèi)容往眼神指向的方向放置即可。



關(guān)鍵字:明確眼神方向



具體請看下圖,我把標題文字放在眼神聚焦的地方,就會顯得特別醒目。配合粗體大標題,畫面內(nèi)容主旨十分明確。



相反我們將文字內(nèi)容移到左側(cè)的時候,這種吸引力會弱化??瓷先ニ坪踹€不錯,但總感覺有點不對路的地方。就是因為眼睛的朝向是在畫面之外,而文字是在畫面內(nèi)部,他們兩者產(chǎn)生了引導線沖突導致的。



同樣在視覺語言中。左側(cè)跟右側(cè)的眼睛相互交匯到中間時就會產(chǎn)生一種對峙感。特別適合表現(xiàn)一種競爭和比賽的視覺效果。



如果你喜歡,可以利用大小對比的效果,將同一張圖片進行重復(fù)排列,就像下圖所展示的效果一樣,能產(chǎn)生很特別的版式。


 




三、 動作產(chǎn)生邏輯思考力


選圖時,除了眼神能產(chǎn)生很強的吸引力之外,人物自身的動作也有類似的效果,比如人體動作或者手指指向的行為。


仔細觀察會發(fā)現(xiàn),我們用的鼠標指針就有類似的明確指向性。你會很清楚,它指向的頂端就是可以操作的區(qū)域。



在圖庫里面搜索到關(guān)鍵字:『手指 指向』,能找到很多不錯的指向性圖片。尤其是比較親和的人物造型,或者快速聚焦某項內(nèi)容時配合手指具有很明確的指引效果。


一本日本暢銷的文案書里提到過一個觀點,什么是優(yōu)秀的文案?就是看完之后,能讓人產(chǎn)生行動,這就是好的文案。



關(guān)鍵字:有身體動作



舉個例子:

  ● 迷人的姑娘,便宜的產(chǎn)品(狀態(tài)描述)

  ● 作為普通文員,她為什么擁有令人羨慕的小資生活?(動作描述)


好的圖片也具備了這樣的特點,搭配手部動作,圖片具有很強的誘導性。



人物的手部動作,可以清楚告訴用戶什么樣的內(nèi)容是重點。就如同下圖所示的一樣。左側(cè)的圖片明顯要比右側(cè)的圖片更有吸引力。


以往可能你并不清楚,為什么有這樣的不一樣的感受。經(jīng)過上述分析的案例,應(yīng)該就理解其中的原因了。



同樣的指向性動作是可以連續(xù)搭配使用。圖片展示的效果如下圖,通過一個向左動作跟一個向下動作,形成了完整的指向型視覺引導方案。


這個方案既有明確的引導性,也有人物間的大小對比,整體看上去會顯得比較完整和耐看。



我們分析一下,如果將顏色去掉,效果是不是不一樣的?得到的是這樣的結(jié)果。


可以明顯的感覺到, 圖一的指向性要比圖二好很多。



試圖通過視覺點的分布,看看問題出在哪里?


圖二視覺點會有兩個,第一個是往下的視覺點,一個是往右的視覺點。整體感受就會比較凌亂。


相反,圖一比較明確,只有一個按順序移動的視覺點,即先向左再向下,最終觸達核心文字。








四、 具象,遵循潮流的方向


當你找到圖片之后,不清楚要做成什么風格的時候,趨勢可以幫到你。


趨勢是從哪里來呢?



關(guān)鍵字:具有明確眼神方向



一般可以從各大時裝周得到,另外還有很多大型的設(shè)計網(wǎng)站,每年都會發(fā)布下一年的趨勢報告,那里也有大量的參考性案例。我們試圖挑選其中一個風格趨勢,配合我們找圖的技巧,看看能得到什么不一樣的結(jié)果。


  ● 大膽的用色(Bold Color) 




大膽的用色風格有一個很大的特點,顏色使用特別大膽跟前衛(wèi),可以配合一定的矢量圖形搭配使用。需要采用多于3種的色彩,以及高飽和度色調(diào)。


那么這個風格的特點,就可以整理成以下關(guān)鍵字:

  ● ins 

  ● 時尚

  ● 粉色




挑選其中一張圖片作為主題,再利用初始用到的參照物分解原理,將其拆分成這三塊內(nèi)容,即點綴,主題跟色調(diào)。


為什么會選擇這張嘴唇的圖片呢?


首先前衛(wèi)風格使用的元素都會比較另類,于是圖片素材就需要滿足另類的特點。而另類廣義來說是超出原來的正常理解范圍。


譬如:像嘴唇、鼻子、鞋子這類本不該出現(xiàn)的物體,取代了原本頭部的位置,結(jié)構(gòu)成為了另一種獵奇的物體。



仔細分析大膽前衛(wèi)的風格。首先發(fā)現(xiàn)這些風格的圖片都會經(jīng)過處理,不會直觀表現(xiàn)原來的樣子。意味著直接將找到的圖片拉進這種設(shè)計是不合適的。


利用曲線跟色彩飽和度兩個參數(shù)進行特別的調(diào)整,形成下圖。當然如果你愿意,也可以變成其他任何高飽和度的色彩,形成的感覺也是差不多的。



 

特別注意要利用對撞色的原理,配粗字體,參考波普風格元素,在關(guān)鍵字里添加上『波普』這個詞語會得到更多驚喜。



最終形成的海報,如圖所示。






五、 圖片傳達實驗室——迅速提高圖片魅力


看了那么多有魅力的特征圖片,肯定要動手實踐,怎么將這部分的知識融入到選圖之中。


我將這部分內(nèi)容稱為圖片傳達實驗室理論,是以一個界面為例,結(jié)合我們選圖和處理圖片的技巧,形成一批有說服力的界面。


 

目錄會分為發(fā)現(xiàn)問題,列舉課題,評價方案和實施策略。文字會以這四部分為主要核心,簡述整體提高圖片魅力的方法。

 


在聊這個問題之前,我們不妨來看一下這張圖片,每日新聞的一張漫畫。好像沒有什么問題,就是一個有關(guān)特朗普跟普京的故事。



但是我們試著換另一種角度去看。每個角度都能呈現(xiàn)不一樣的內(nèi)容。雖然它們都是引用了同一張圖片,但是表達的意思卻是完全不一樣,另外所表現(xiàn)出來的視覺語言也是相當不同。



這意味著一張圖片是可以被多次利用,而且只要你用的圖片尺寸夠大,局部是可以用作很多用途,你能創(chuàng)作的可能性就會多元化。




1、發(fā)現(xiàn)問題


我們以關(guān)鍵字『靜謐』開始,對這個技巧進行討論。通過搜索,在圖庫里面找到了這么一張圖片。初看下來沒有什么特別大的問題,顏色,圖形和構(gòu)圖都還可以。


 

試著將它植入到音樂界面里,得到了以下效果。用直接將圖片以默認方式嵌套到這個矩形里,能清楚的發(fā)現(xiàn)圖片下半部分顯得空蕩蕩。效果并不是很好,而且圖片的上半部分,文字和背景粘在在一起,造成的閱讀影響。


 


2、解決的課題


我們該怎么解決上述問題呢?很簡單,只要將圖片進行反翻轉(zhuǎn)可以了,最終形成以下所示的效果。


拿到圖片,特別是這種類似背景的圖片,翻轉(zhuǎn)是很有用的技巧,它可以實現(xiàn)從不同的角度適用圖片。


  ● 文字:在圖片里顯得清晰。

  ● 重點:變得更有視覺焦點。





3、列舉替代方案


當我們找到了這么一個角度之后,可以分析顏色,進而列舉出更多可選的方案。


也可以通過軟件,將圖片顏色進行抽離和分解的工作,快速形成一組可供我們參考的顏色。


如圖所示,就能快速實現(xiàn)配色方案的目的。

 



能列舉不同結(jié)果的方式還有很多,除了配色分類之外,我們還可以用以下3種方式。這里的每種方式與之前的素材整理法相似,都是一種快速擴展素材的模式。



① 以圖搜圖:


這是一種快速得到圖片的方式,不用怎么動腦,只要你覺得這張圖片還可以,就能找到跟它相似的一堆圖片。


 


② 顏色關(guān)鍵字搜索:


對目標圖片顏色的分析,列舉出顏色趨勢,并將這些名稱放到專業(yè)的圖庫里進行搜索。

 



③ 高級自定義搜索:


可以只用普通引擎進行針對站點檢索,進行指向性搜索。你只要知道目標就可以針對搜索。


 





六、 實施方案策略




1. 權(quán)威高質(zhì)量相關(guān)性圖片


這部分主要是結(jié)合之前聊到的三個圖片特征,進行組合搭配。如果只有背景的畫,圖片的魅力是不太夠,這時候我們需要引用人物的造型。


人物和靜謐這個主題相關(guān),我們找到了有靜音動作的圖片,具體如下圖所示。


我們直接將這張圖片摳出來,放到我們之前整理的背景里的話,明顯是顯得有點格格不入了。因為兩種畫面的風格不太一致,這就需要進行統(tǒng)一的調(diào)整。



調(diào)整會利用到photoshop 里面的曲線工具,色階工具以及曝光工具。分別針對亮色系跟暗色系做了兩套版本進行對比。做出來的結(jié)果,亮色系對整體的界面更有幫助。


 



2. 能引起行為的動作按鈕


還記得前面的章節(jié)提到,一個令人引起動作的手勢,是很重要的行為嗎?


我們可以通過眼神和手部動作,進行視覺焦點的鎖定,類似下圖所示的結(jié)果,并且結(jié)合圖片合成的技巧進行一致性的輸出。


對于眼神望向右邊而言,『80%和購買按鈕』顯得就非常明顯。

 




3. 減少視覺噪音


完成上面那一步還是不夠,我們試圖減少一點視覺噪音。什么是噪音呢?就是對整體畫面沒有幫助,卻能吸引觀眾目光的元素。往往這些東西都會出現(xiàn)在背景里。


我們都知道,如果背景越復(fù)雜的話,前景的重點性會減弱。這一步可以對背景進行簡易化的處理。最終形成的樣子,如下圖所示。






4. 款式一致


除了上述能為圖片加分的選項以外,還有一點,就是當多圖片使用時,一定要注意款式的一致。





七、 延伸思考:技術(shù)思考


已經(jīng)簡述很多關(guān)于圖片處理的技巧,另外還有一個很重要的概念,我也將此放在這里進行延伸思考。吉薩金字塔和達芬奇?zhèn)魇喇嬜鳌睹赡塞惿酚惺裁搓P(guān)系?它們都是基于黃金分割設(shè)計!


黃金分割是一個數(shù)學比例。我們在大自然中很容易找到這樣的比例,當它用于設(shè)計時,能創(chuàng)造出有生命力的、純天然的視覺作品,愉悅我們的眼睛。



無論是設(shè)計或是攝影構(gòu)圖,合理使用黃金比例可以讓你的作品更美觀,因為這套系統(tǒng)已經(jīng)是被歷史驗證過,超越感覺的一般性方法。


但黃金比例不只上圖所示的樣子,還有許許多多的形式。一般我們使用時,將主要元素放在交界線的位置就可以了。



但是我們適用設(shè)計軟件里并沒有這一選項,自己動手做的話明顯也不是很合適。這時候,我們就要使用到萬能的插件。


在介紹插件前不妨看一下,我們利用黃金比例去分解世界名畫,可以得到這樣的結(jié)果。就是主要的元素都能放在線段交界的部分。這就是為什么有些版式,看上去很有美感的原因所在。



那我嘗試用這種ps插件,將生成的黃金比例圖,放到了我們所需圖片里。插件有個地方,它可以根據(jù)的圖片尺寸。自動適配一個黃金比例圖給你。


  ● 插件一:Divine Proportions Toolkit


  ● 插件二:GoldenCurve黃金分割線GoldenCurve - PHOTOSHOP中的黃金分割線





總結(jié):


具有說服力的畫面是什么樣子呢?或者換一種說法,什么是耐看的畫面?應(yīng)該就是能讓人產(chǎn)生行動的效果,注意『行動』這兩個字很重要。


什么樣的情況會產(chǎn)生行動呢?我們可以利用眼神,動作以及趨勢塑造有動作感的畫面。一般,有感覺的設(shè)計也會緊緊遵循這樣的原則,另外我們對這套理論進行實踐,得出快速提升圖片魅力的方式,即發(fā)現(xiàn)問題,列舉課題,評價方案和實施策略。

 

藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

官方最完整版:張小龍微信公開課演講,總結(jié)微信8年

資深UI設(shè)計者


如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

大家好!我是張小龍。


剛剛我們在下面看了一下這些吐槽,非常好,因為我每天都在聽到這樣的聲音,都已經(jīng)習慣了。我覺得在中國來說,每天都有5億人說我們做得不好,每天還有1億人想教我怎么樣做產(chǎn)品,我覺得這是非常正常的一個事情。但是我來這里不是為了教大家怎么做產(chǎn)品的。

每年我們內(nèi)部問我要不要參加公開課?我總是說我還沒有確定好,我還是要想一想,后來我跟他們提了一個條件,如果我要來的話,能不能把我的時間放到更加晚一點的時間,因為我特別希望我有一個特別好的狀態(tài)跟大家做交流。后來我用了一個理由說服了我自己,今年我要過來參加一下,因為你連續(xù)好幾年來參加,突然中斷了,有一點把一個行為藝術(shù)突然中斷的感覺。

特別是今年這樣一個時間點,我覺得很特別,如果是去年的話,大家都會說「七年之癢」,我只能總結(jié)怎么樣「癢」的。今年是8年,在今年8月份的時候,微信的日登錄量超過10億,這是一個特別大的里程碑,這可能是國內(nèi)歷史上第一款 APP 有10億 DAU 的數(shù)量級,我們也沒有公布過,可能在我們自己看來,這只是哪天達到的一個問題。但是對于一個做互聯(lián)網(wǎng)產(chǎn)品的人來說,應(yīng)該還是一個很值得慶祝的事情。

特別是最近我們發(fā)布了微信7.0版本,當然又有5億人吐槽,有1億人教我怎樣做產(chǎn)品了,并且還有8億人看不懂我們一句話「因你看見,所以存在」到底是什么意思。在座的有人看懂了嗎?看懂了舉一下手讓我看一下。

謝謝這么多知音,有10%的人勇敢地舉手了。這一句話可以從很多的層面理解,就像我在朋友圈里面發(fā)了一段王陽明的《心學》,但是并不只是從這一個維度,我覺得是從很多的維度,我不想做一個解釋,我覺得有一個神秘感特別好,每個人有自己的解讀是特別好的。

每個人都有自己的理解會更好一點,就像微信這么多年以來,微信的啟動頁面總是一個人站在地球前面,剛發(fā)布的時候,有很多人問我為什么是一個人站在地球前面,更早的版本是一個人站在月球前面,那個時候也是很有想象力。對于這個點,我相信每個人都有自己的理解。

因為我們沒有標準答案,所以這么多年以來,每次當你看到微信這樣的一個啟動頁面,你可能都會有一個想法:這個人在干嘛?他站在地球前面做什么?過了一年你的想法會變一點,再過一年又會變一點。正是因為這樣,我覺得才是一個特別好的啟動頁面,因為他把想象空間留給了用戶自己,10億用戶有10個億的理解,他會找到打動他的點。所以看起來很多的 APP 都在把自己的啟動頁變來變?nèi)?,微信這個不會變,并且我相信將來也不會變。

關(guān)于設(shè)計原則

有一個朋友說,在互聯(lián)網(wǎng)界,微信就是一個異類。所謂異類,就是和其他的產(chǎn)品都不一樣。我其實很驚訝,也很自豪。

自豪的是,做異類是表示你與眾不同,那就是很優(yōu)秀了。驚訝的是,其實微信只是守住了做一個好產(chǎn)品的底線,居然就與眾不同了。那是因為很多產(chǎn)品不把自己當產(chǎn)品看待,不把用戶當用戶看待。而微信,做到了這兩點。

微信和很多產(chǎn)品不一樣的一些點,會在很多地方體現(xiàn)出來。比如,很多 APP 到了春節(jié)等特定節(jié)日的時候,就把 logo 和界面變成紅的、黃的,變成像番茄炒蛋一樣。但是微信不會這么做。很多人可能會問我們?yōu)槭裁催@么堅持。

這次的公開課我把時間放在晚上,其實還有一個原因,就是如果認真準備一個東西來跟大家分享,那我很有可能會超時,在晚上這個超時的空間是很大的。

現(xiàn)在,微信到了10億的DAU,在這樣的一個點上我更愿意花一定的時間,從微信的起源、本質(zhì)這些方面來更加全面的講解一下微信背后的我們在想什么。

其實有時候我很想問大家一個問題,你覺得什么樣的產(chǎn)品是好的產(chǎn)品?是說它有很多的用戶?說它讓人上癮,還是什么樣的?

我記得在很多年前,當我們在用蘋果手機,我們會研究為什么會設(shè)計這么好的產(chǎn)品出來?我記得有一位德國的產(chǎn)品設(shè)計師 Rams 總結(jié)過好設(shè)計的十個原則,這位設(shè)計師也曾經(jīng)是蘋果公司特別推崇的一個人。

我把這十個原則念給大家聽下,大家可以對照微信來思考一下,會很有意思。

  • 第一個原則是好的產(chǎn)品富有創(chuàng)意,必須是一個創(chuàng)新的東西;
  • 第二個是好的產(chǎn)品是有用的;
  • 第三個是好的產(chǎn)品是美的;
  • 第四個是好的產(chǎn)品是容易使用的;
  • 第五個是好的產(chǎn)品是很含蓄不招搖的;
  • 第六個原則是好的產(chǎn)品是誠實的;
  • 第七個是好的產(chǎn)品經(jīng)久不衰,不會隨著時間而過時;
  • 第八個原則是好的產(chǎn)品不會放過任何細節(jié);
  • 第九個是它是環(huán)保的,不浪費任何資源的;
  • 第十個是盡可能少的設(shè)計,或者說少即是多。

其實我在這里偷換了一個概念,將設(shè)計替換為通用的產(chǎn)品。很多人會認為這是針對蘋果這樣的硬件產(chǎn)品的設(shè)計原則,但其實軟件產(chǎn)品與用戶的交互反而是更加頻繁的,你做出這樣的提示,用戶就會這樣做,那樣的提示就那樣做。并且本質(zhì)上,不管是硬件產(chǎn)品還是軟件產(chǎn)品,都是工具。對于工具設(shè)計的原則,都是適用的。之所以提到這是個好的設(shè)計原則,也是因為我認為業(yè)界很多產(chǎn)品并不注重產(chǎn)品設(shè)計,或者說不把它作為一個自己追求的目標,還只是一種功能的堆砌或者對用戶價值的榨取。

而微信從來不做節(jié)日運營或者 logo 的變化,很多人會說微信很「克制」。但其實這并不是克制的結(jié)果,本質(zhì)上是因為微信一直在遵循一種好的設(shè)計原則,使得我們不會去做很多影響設(shè)計美感的事情。

而我觀察到的很多業(yè)界的產(chǎn)品經(jīng)理,其實畢業(yè)后就會被自己所在的公司誤導。因為公司的目的是要流量要變現(xiàn),所以大家的KPI 就是如何產(chǎn)生流量如何變現(xiàn)。一旦圍繞這個目標,大家的工作目的已經(jīng)不是做最好的產(chǎn)品,而是用一切手段去獲取流量而已。

這并不是我們倡導的原則,我們更多倡導的是利用微信做出好產(chǎn)品分享給用戶。

我很感謝自己的經(jīng)歷,從PC時代自己一個人做 foxmail,到做QQ郵箱,到手機時代做微信,因為經(jīng)歷了太多的產(chǎn)品,以至于從骨子里知道什么是好的產(chǎn)品什么是不好的產(chǎn)品,可能因此能直覺上就遵守一些底線吧。

有一次我問同事一個問題,PC時代,PV最大的頁面是什么?答案是 IE瀏覽器的404頁面。我問大家,微軟為什么不在這個頁面放廣告呢?同事們回答不出來。這個問題很有意思,是啊,為什么微軟不在這么大流量的地方放廣告呢?為什么微信不在啟動頁放開屏廣告呢?大家可以自己去想。

微信有8年了。想一想,你每天花在微信上的時間有多少?你花在最親密的朋友家人身上的時間多,還是你花在微信的時間多?如果微信是一個人,它一定是你最好的朋友,你才愿意花那么多時間給它。那么,我怎么舍得在你最好的朋友臉上,貼一個廣告呢?你每次見他,都要先看完廣告才能揭開廣告跟他說話。

很有意思的是,因為遵循原則,很多東西我們又必須堅持去改變。

這里讓我想到微信7.0版本的 UI 做了一個特別大的調(diào)整,也有很多用戶吐槽,覺得非常不習慣。

其實任何一個大的改版都會帶來用戶的不滿,因為人習慣于自己熟悉的界面,覺得是最好的。我們沒辦法讓10億人來投票決定什么是好的,也投不出來。那怎么才能通過改變尋求設(shè)計的優(yōu)化,讓它變得更好呢?這個決策必須遵循好的設(shè)計原則。

就像微信7.0版本的時候我們內(nèi)部使用了很長時間,我自己一直在兩個版本不停的切換,當我用了一段時間,我不愿意切換到舊的版本去。也許用戶一下子不能接受,但是我相信他們適應(yīng)以后也會接受。重要的是我們必須要用我們的產(chǎn)品不停的適應(yīng)時代,而不是因為害怕用戶的抱怨就不去改變它。

尤其是UI上,我們永遠不可能讓所有的人滿意。但是,我們比如讓產(chǎn)品越來越美,符合甚至引導當前用戶的審美,而不是落伍于時代。

關(guān)于微信的歷史

說完微信一直以來堅持的設(shè)計原則,我想簡單回顧一下微信的一些歷史。

可能很多人都聽過這個故事,當時我寫了一封郵件給Pony,開啟了微信這個項目。這個事情是真實的,但是也有很多不真實的傳說,比如去過某某寺廟。想到那封郵件,我時不時會覺得有點后怕,如果那個晚上我沒有發(fā)這封郵件,而是跑去打桌球了,可能就沒有微信這個產(chǎn)品了,或者是公司另一個團隊做的另一個微信。

我發(fā)現(xiàn)很多想法是突如其來的,或者說,是上帝編好程序,在合適的時候放到你的腦袋中的。

但也不是完全無跡可尋。在微信上線之前的一年里,我們把QQ郵箱做到了國內(nèi)第一名,然后在郵箱里面又做了很多嘗試,包括漂流瓶等等,包括我花了一年多的時間折騰的郵箱里面的閱讀空間。

我們后來的很多產(chǎn)品,都有郵箱階段的影子在里面,比如訂閱號、朋友圈。因為在閱讀空間里面,我們嘗試了各種社交的形式,基于社交的閱讀,朋友推薦文章并且可以在下面共同來評論。

但是由于閱讀空間在郵箱里只是一個分支,所以它能做的用戶量并不是特別大。所以做到一定的階段,也覺得這里差不多走到一個盡頭,應(yīng)該去切換一下方向。

當kik 出現(xiàn)時,我意識到這里是一個機會,這個機會不是因為 kik 的產(chǎn)品本身,而是我自己當時開始用智能手機,而很多基于 PC 的產(chǎn)品或者短信都不能實現(xiàn)很好的溝通體驗。所以當時想法很簡單,希望給我自己或者少數(shù)人做一個溝通的工具。而且我們剛好有一個團隊在做 QQ郵箱手機客戶端,所以剛好湊了十個人的團隊開始做微信。包括后臺開發(fā),三個手機平臺的前端開發(fā),還有UI,加我自己帶了一個產(chǎn)品畢業(yè)生,就十個人。經(jīng)過兩個月的時間,做出了第一個版本。

這就是微信的起源,而今年剛好是微信的第八年,也是一個具有里程碑意義的階段,標志著一個產(chǎn)品從出生走向成熟。

我們當時堅持了一個原則就是,一個新的產(chǎn)品沒有獲得一個自然的增長曲線,我們就不應(yīng)該去推廣它,所以在前5個月里面,我們基本上沒有自己去推廣它,我們只是想看微信這樣一個產(chǎn)品對于用戶有沒有構(gòu)成吸引力?用戶是否愿意自發(fā)傳播它,如果用戶不愿意,我們怎么樣去推廣它也是沒有意義的。

我記得從微信2.0開始的時候,我們看到了曲線,有了一個增長,雖然它還不是很快增長,但是它是自然往上走的。這個時候我們就知道,我們可以去推它了。我們當時特別慶幸做了幾個很正確的決定,第一我們沒有批量導入某一批好友,而是通過用戶手動一個一個挑選。第二,在一個產(chǎn)品還沒有被驗證只能夠產(chǎn)生自然增長的時候,我們沒有去推廣它,把這兩個事情做對,雖然這個時間會花得長一點,但是這樣使得它真正開始起飛的時候,它是很健康的。

在這里我想提到一個數(shù)據(jù),在今年的八月份,微信的日登錄用戶已經(jīng)超過了10億。

這應(yīng)該是國內(nèi)第一個日活超過10億的產(chǎn)品吧。

超過10億DAU 的時候,其實我們團隊內(nèi)部沒有任何的慶祝。大家只是覺得,到10億只是一個時間問題吧。但我自己看到這個數(shù)據(jù)的時候,還是挺多感觸的。

我其實特別慶幸,能伴隨這樣一款產(chǎn)品走過了過去的八年,并且,我一直把自己當作產(chǎn)品經(jīng)理而非職業(yè)管理者看待,我認為這是必要的,因為好的產(chǎn)品需要一定的獨裁,否則它將包含很多不同意見以至于產(chǎn)品性格走向四分五裂。

所以在微信8年這樣一個時間點,跟以往的公開課不一樣,我更愿意從微信的方方面面,來解釋下我們是怎么想的。

我想,這對大家理解微信這樣一個產(chǎn)品會有幫助。

初心與原動力

初心,是用熟了的詞,我換一種說話,叫「原動力」。

原動力其實應(yīng)該是內(nèi)心深處的一種認知和期望,它很強大,以至于可以堅持很久,克服很多困難去達到它。

那么微信的原動力,可以總結(jié)為兩點。

第一,堅持做一個好的,與時俱進的工具。

由于我對工具產(chǎn)品熱愛,我甚至會親自動手寫代碼來打造出一個 foxmail 這樣的產(chǎn)品來滿足自己的制造欲望。所以做一個優(yōu)秀的工具,對我來說是值得癡迷的。微信的基礎(chǔ)點,就是成為一個優(yōu)秀的工具。

雖然我很清楚在現(xiàn)在這樣一個商業(yè)環(huán)境下,廣大用戶其實對于糟糕的強迫式體驗容忍度是很高的。

人們會以為很多東西是正常的,比如開屏廣告是正常的、系統(tǒng)推送的營銷信息是正常的,誘導你去點擊一些鏈接是正常的,這樣壞的案例特別多。如果回到短信時代,每個人手機里面垃圾信息比正常信息還要多,可怕的不是垃圾信息更多,而是大家會認為這是正常的。

當你知道什么是好的,什么是不好的產(chǎn)品,你就不能接受一個很爛的功能被加在用戶的身上。

所以微信一直堅持底線,我們要做一個好的工具,可以陪伴人很多年的工具,在用戶看來,這個工具就像他的一個老朋友。

什么是「與時俱進」的?

對用戶來說,我們不能說,微信就是一個工具,我們要獲得用戶的認可。

大家知道微信有一句slogan:微信是一個生活方式。

為什么是一個而不是一種?當年,當同事問我的時候,我其實解釋不清楚,但我知道,如果是「一種」的話,它就是一句普通的話,起不到一個 slogan 的作用,也不能讓人記下來。它必須是一個生活方式,這只屬于微信的,它是一句獨特的話。當時其實微信并沒有覆蓋到那么多生活的方方面面,甚至連微信支付都還沒有。但現(xiàn)在回過頭來看,它確實代表了一個生活方式。

這是一個生活方式,其實腦袋里面是有一個念頭的,微信會介入到每一個人的日常生活里面去。它應(yīng)該緊隨時代的潮流,甚至引導時代的潮流。當時是有這樣一種感覺,但其實并不知道它會怎么樣去介入,是哪些方面。但是如果不把它定位為一個生活方式,如果只是定位為一個通訊工具,那就會過于片面,或者讓我們的未來沒有那么大的想象空間。所以現(xiàn)在想起來,當時是很勇敢的提出了它是一個生活方式。

現(xiàn)在我們看到,微信從很多方面融入到大家的生活中,群聊、朋友圈、紅包、公眾號、小程序等等。我覺得微信實現(xiàn)了生活方式這個夢想。

第二個原動力是,「讓創(chuàng)造者體現(xiàn)價值」。

在微信很早期的版本,我們就發(fā)布了公眾平臺。這也是微信的一個創(chuàng)新。當時的思考主要是,微信會取代短信,那么短信時代的市場需求是,眾多的服務(wù)都要通過短信來觸達用戶,我們?nèi)〈怂?,也得提供相?yīng)的能力來覆蓋這個需求。

但我知道短信、郵件,因為是可以不受控地群發(fā)的,這帶來的副作用大家都知道。于是想,如果微信提供一種基于訂閱的模式,既避免用戶被騷擾和欺詐,也讓服務(wù)可以可控地給需要的人發(fā)信息,其實是做一個C端和B端的橋梁。我還記得當時構(gòu)思得差不多的時候特別興奮,跟 Pony 發(fā)消息說這樣一個機制會多么多么厲害。Pony說垃圾信息怎么辦,我說天然沒有垃圾消息啊。

所以從公眾平臺開始,從連接人到連接服務(wù)去擴展以后,微信開始體現(xiàn)平臺化的優(yōu)勢,包括后來的小程序。

做平臺,需要有原動力。否則,我們可能淪為當年運營商的SP平臺??赡芎芏嗳藳]有聽說過SP平臺了。

當一個平臺只是追求自身的商業(yè)利益最大化的時候,我認為它是短視的,不長久的。當一個平臺可以造福人的時候,它才是有生命力的。

當時做公眾平臺的時候,我們就會想,我們要幫助到人們解決什么問題。當然是通過信息觸達來替換掉信息不對稱帶來的弊端。這是互聯(lián)網(wǎng)的優(yōu)勢。舉例來說,傳統(tǒng)的商業(yè),依賴于你要在一個人流大的地方租一個商鋪,但利用互聯(lián)網(wǎng),地理不再是優(yōu)勢,你的服務(wù)質(zhì)量才是優(yōu)勢,那么,我們要幫到那些真正有好的服務(wù)的人和集體,去觸達潛在的用戶讓客戶更容易連接到他們。

當時舉例最多的案例,是如何幫助一個盲人,沒有技能,也能夠找到顧客。他應(yīng)該有公眾號,他的顧客會在關(guān)系鏈里傳播這個公眾號。所以,當時定下來公眾號的 slogan是,「再小的個體,也有自己的品牌」。它的公眾號,就是它的品牌。并且,品牌是基于關(guān)注和認可的。

這個時候我們的原動力是讓創(chuàng)造價值的人體現(xiàn)價值。因為微信可以打破很多的信息不對稱,人們可以獲得更優(yōu)質(zhì)的服務(wù)。那么,人們會更多地想辦法去提供服務(wù)的質(zhì)量和價值,這就是微信公眾平臺的原動力所在。

后來做小程序,也一樣。如果我們不能讓做出優(yōu)秀小程序的人獲得回報,這個生態(tài)即便能起來一點點,又有什么意義呢?

今年,我真的看到了一個這樣的真實案例,是一個朋友在朋友圈里面發(fā)的,他發(fā)現(xiàn)有很多個盲人按摩師通過一個小程序找到顧客??吹竭@個案例我特別開心,因為這和最初我們反復(fù)地舉例說的場景是一模一樣的。

微信的很多創(chuàng)新其實都來自這兩個原動力。從專業(yè)的角度來說,大家可能會認為這是對未來的一種洞察。

但是所有專業(yè)洞察的背后,我覺得原動力反而是第一位的?;蛘哒f,一個好的產(chǎn)品是有自己的使命的。

我很慶幸,這么些年過去了,微信的原動力從來沒有變過。

做最好的工具與停留時長。

針對兩個原動力我展開做一些解釋,關(guān)于「做最好的工具」。

堅持著這個原則,我去觀察很多業(yè)界的產(chǎn)品,會經(jīng)常覺得有很多事是違背我自己的常識的。

舉個例子,比如說這兩年業(yè)界的目標變成了所有 APP 應(yīng)該盡可能多地去抓住用戶的停留時長,這個是違背我的常識的。

一個用戶每天的時間是有限的,這是次要的。最主要的是,技術(shù)的使命應(yīng)該是幫助人類提率。

比如作為一個好的溝通工具,一定要。所以微信沒有已發(fā)送狀態(tài),原因是最率的方式就是發(fā)完即走。你不用關(guān)心這一條消息有沒有發(fā)出去,有沒有發(fā)成功,對方有沒有收到,甚至不用考慮網(wǎng)絡(luò)是不是有問題。

如果是一種信息資訊類的工具,那么應(yīng)該是幫助用戶在盡可能短的時間里面獲得最有用的信息。除非是一種娛樂類的內(nèi)容消費,可能時間長一點是沒有關(guān)系的,就像我去看一個連續(xù)劇,要花很多時間。但連續(xù)劇也不能無窮地增加集數(shù),來獲取用戶的時間。

這里有一個很有意思的現(xiàn)象是,現(xiàn)在視頻軟件都有兩倍速度播放的功能,很多用戶會選擇用兩倍速看到完整的劇情。這是用戶對強硬希望拖延時間的電視劇的一個用腳投票吧。

停留時長讓我聯(lián)想到2000年左右,當時互聯(lián)網(wǎng)剛起來,流行的一個詞叫眼球經(jīng)濟。所有的網(wǎng)站目標都是要獲取盡可能多的眼球注意力。所以大家會看到一篇文章被割成很多頁,看了一點點就要翻下一頁,這樣每頁都可以加一個廣告上去,讓它的PV量變高。這種體驗到現(xiàn)在還在延續(xù),以致我們看到一些網(wǎng)頁,還是會有一個點擊展開更多。這個看起來是可以在短期獲得更多用戶的點擊,但我并不認為它是一個好的產(chǎn)品。

關(guān)于時長,還有個很有意思的例子,朋友圈從剛發(fā)布到現(xiàn)在,用戶的好友可能越來越多,理論上里面的內(nèi)容也越來越多。但是大家可能想不到的一點是,隨著你的好友越來越多,內(nèi)容越來越多,每個人每天在朋友圈里花的時長卻基本是固定的,大概就是30分鐘左右。當好友少的時候,你會看得更認真一些,更慢一些。當好友多了以后,你會放得更快一些。

用戶其實并不會按照你的內(nèi)容多少來決定他的時間分配,但我覺得這是很合理的。如果我們非要停留時間更長的話,我們當然有很多辦法來做到這一點。但是這只會讓用戶覺得不爽,因為他的社交效率降低了。如果非要把他半個小時能完成的事情延續(xù)到一個小時的話,只能代表效率降低。

所以拿一個停留時長衡量一個APP,這個跟我對互聯(lián)網(wǎng)的初心的認知是背離的。每個人一天只有24個小時?;ヂ?lián)網(wǎng)人的使命不應(yīng)該是讓所有人除了吃喝拉撒,把時間都花在看手機上面。

所以幾年以前微信有個版本,讓用戶放下手機,多和朋友見見面,現(xiàn)在這個觀點也沒有變過,微信永遠都不會把用戶停留時長作為一個目標。相反微信可能關(guān)心的是一個人在這里發(fā)一個照片,看一些文章,完成一筆支付,找到一個需要用的小程序,是不是能夠做到最快速最有效,這才是最好的工具。

我們?yōu)榱颂岣哌@種效率可以千方百計想辦法。舉個例子,我突然遇到一個困惑,就是我們要給這個人發(fā)一個信息,但是記不住他的名字,因為有一些一下子想不起名字了,如果我們有一種更聰明的辦法,就是提供一種聯(lián)想能力,讓你通過跟他相關(guān)的人聯(lián)想到他,也就是幫助你的腦袋短路的時候找到你想要的信息。對于這樣的能力,應(yīng)該是我們要去做的特別重要的事情。

小程序

說完創(chuàng)造價值,我繼續(xù)說說小程序。

現(xiàn)在有很多其他公司都在做小程序了。我覺得這是好事情。可能有一些代碼的接口跟我們一樣,但是我并不擔心這里面會給我們構(gòu)成很大的威脅。雖然是做同一種東西,除了平臺和團隊不同,其實更重要的一個差別在于,你的原動力是什么?

如果只是希望借由小程序這種載體,來做一個流量的生意,我一點都不看好。只讓自己好不讓別人好的事情,通常都不會太長久。

小程序的使命是,剛才提到的,讓創(chuàng)造者體現(xiàn)價值和回報。我們的一切都是圍繞著點展開。不能因為擁有流量,我們就要分發(fā)流量,要讓小程序來體現(xiàn)這個流量價值,這跟我們自己的原動力是完全不一樣的。

很多人看不懂為什么小程序要去中心化。如果不去中心化的話,騰訊自己壟斷了頭部幾個小程序,那就沒有外部的開發(fā)者什么事了??雌饋眚v訊可以短期獲利,但這個生態(tài)就沒有了。

哪怕是騰訊投資的公司,也應(yīng)該一樣的遵循平臺的規(guī)則,否則也會破壞平臺的公正性,我們更看重的是平臺的健康。我知道過去大家都認為平臺對于投資的公司似乎有傾斜。我只能說,可能是我們做得不夠好,相信我們團隊今后在這塊會投入更多人力和資源,使得我們可以對所有的公司包括我們投資的公司是一視同仁的。

回顧一下小程序,從最早醞釀到現(xiàn)在三年了,其實看起來挺慢的。我覺得小程序是我們,或者說也是我個人職業(yè)生涯里面最大的一個挑戰(zhàn)。因為我們從來沒有試過還沒做一個事情,就先宣布出來了。

之所以這樣做,其實是為了給自己一個壓力,給團隊一個壓力,這個事情我們非做不可,而且一定要做到。

我還記得很清楚,我在微信公開課里面說我們要推出小程序這樣一個服務(wù)的時候,當天晚上,我跟我們的團隊就坐在一起討論,討論一個主題,我們小程序會有哪幾種死法?我記得特別清楚,因為當天晚上我們不是討論小程序有多么美好的未來,而是說它有多難。我們會遇到哪一些障礙是跨不過去的,我們并不是對它樂觀去做的,而是我們覺得這個事情很難我們一定要做到而去公布這個事情。

為什么非要做這個事情?因為我認為這就是一個未來必然的趨勢。因為APP 還要下載安裝,網(wǎng)頁的體驗又太糟糕。這點,在之前的公開課,我已經(jīng)詳細講過了,就不重復(fù)了。

其實很多人可能不理解網(wǎng)頁的體驗為什么不好,就像不理解為什么公眾號的體驗比網(wǎng)頁好一樣。這里,微信其實用了一些限定性的辦法,比如說排版,使得哪怕是一個業(yè)余團隊,做的公眾號或者小程序,在用戶端看起來體驗都還不錯。

對于小程序,我們的決心非常大,但我們并不急著說一下子就要做成它。因為它畢竟是一個生態(tài),不是一個To C功能,所以我們有足夠的耐心,慢慢的培育它。并且經(jīng)過了公眾號的過程,我們也不希望一上來就有一批投機分子來當作一種流量紅利來濫用它。

即使到今天小程序還不能說完全的成功,但我認為它是一個逐步完善的過程,對我們來說,只要看到小程序在跟我們當時的初衷越來越接近,就是很好的信號。

所以現(xiàn)在看到越來越多的線下行業(yè),已經(jīng)用小程序來作為它和顧客的一個連接器,并且提高了效率,這都是特別好的案例。

因為小程序還不是特別完善,在19年我們還有幾個重要的事情要去做。

一個是,搜索的直達。

我們希望在線下,小程序是一種掃碼的方式來觸達,在線上,是可以通過社交傳播和搜索觸達。

其實搜索一直應(yīng)該是小程序的一個主要流量來源,并且小程序和 APP 的一個很大不同,APP是一個個的信息孤島,互相之間沒法交換信息。但是小程序是可以被系統(tǒng)統(tǒng)一檢索到,是可以直接搜索到小程序里面的內(nèi)容的。

所以我們做過一些試點,比如說我要查一個航班號,是可以輸入一個航班號就搜到小程序。但這只是一個試點,我們還沒有做到對于所有的小程序都能夠通過搜索來找到它的內(nèi)容,直接把用戶連接到小程序去。

這會是我們在未來一年的一個工作重點。

另外一個是,小程序需要一個完善的評價體系,使得用戶可以作出選擇。這也是我們正在做的很重要的一塊。舉個例子,當你要買一個家鄉(xiāng)的土特產(chǎn),你搜到那么多小程序,不知道哪個是可信的。但是如果你發(fā)現(xiàn)你的一個朋友在土特產(chǎn)小程序里買過并且有好的評價,那你就會很放心,這就是社交評價的作用。

第三個是,小程序的找回也是一個問題。比如很多人說小程序為什么不能發(fā)通知或推送?但是我們看到在手機上,每一個 APP 都會把消息推送使用到盡,最終的結(jié)果是,用戶只好忽略了所有的推送,所以靠推送是不能解決問題的。

即使我們提供了一種叫模板消息的能力,也會被濫用掉。所有的公司都有騷擾用戶的動機,就不能指望所有的公司有自我克制的能力。對于小程序的找回,大家會看到有最近使用、星標,通過微信主界面的下拉,來迅速的找回。但是我覺得這里還是不太足夠。

最近微信7.0版本有一個功能叫強提醒,大家都沒有怎么用它,他們會覺得這是對大家一個朋友式的強提醒,它會喊你開會了,當你發(fā)一個消息的時候就會振動起來了,其實不是這樣的,我們做強提醒的目的更多的是覆蓋到線下的場景,我希望的場景是我將來在一個地方排隊,我不需要關(guān)注它的公眾號也不需要掃它的一個小程序,只需要掃一個二維碼就可以獲得一個提醒,一個關(guān)于排隊的提醒,我一旦掃了這個二維碼授權(quán)給了他獲得后續(xù)的一條或者是幾條提醒的通知,這個是最輕量的,我只是為了一次性的提醒去掃一個碼而已。所以強提醒的本意是希望它用在線下,甚至包括線上的一些你可以在小程序里面設(shè)一個強提醒,用戶可以說當發(fā)生什么事情的時候你可以提醒我一下。

對小程序和用戶之間的粘性,我們會繼續(xù)想辦法來強化這一塊。但未必是大家想的這種很粗暴的消息推送的方式。

小游戲

小游戲做到現(xiàn)在,其實如果從商業(yè)的角度,發(fā)展挺好的。但我并不滿意。

就是因為它離我們的期望還有一個差距,我們期望并不是我們要獲得更多的現(xiàn)金的回報,而是現(xiàn)狀是這里面真正高質(zhì)量原創(chuàng)的游戲還不是特別多。大部分的游戲還是互相拷來拷去的,就在一輪一輪的洗用戶的流量。

小游戲的原動力是什么?不是公司的一個盈利渠道。公司也沒有要求微信要做游戲。一切盈利都是做好產(chǎn)品做好服務(wù)后的自然而來的副產(chǎn)品。

小游戲的原動力是,它應(yīng)該是一個關(guān)于創(chuàng)意的平臺。并且讓產(chǎn)生創(chuàng)意的人體現(xiàn)價值。

什么是創(chuàng)意的平臺?我覺得我們跟大家理解的小游戲,和外界對于小游戲的理解是不太一致的,外界對于小游戲的理解,就是現(xiàn)在那些比較小型化的游戲把它套用一個小程序的殼就變成小游戲了,但是我們并不是這樣來理解小游戲的。小游戲應(yīng)該是一個體現(xiàn)創(chuàng)意的地方。

所謂創(chuàng)意的平臺是游戲是一個載體或者小游戲是一個載體,它可以承載各式各樣的創(chuàng)意。舉個例子,以前很多人會去看中篇小說、短篇小說,現(xiàn)在大家不怎么看了。但是這些小說的創(chuàng)意并不會消失掉,很多人會有這樣的創(chuàng)意,但是他寫小說已經(jīng)體現(xiàn)不了這樣的創(chuàng)意了,我們希望把他寫小說的創(chuàng)意放在小游戲來實現(xiàn),它只是一個載體。關(guān)于創(chuàng)意的載體,我們發(fā)現(xiàn),確實有一些小游戲有這樣的載體,它像讀一本小說一樣有情節(jié),然后用一般的情節(jié)玩這個游戲。

除了小說我們還有很多的領(lǐng)域,它都是關(guān)于創(chuàng)意的。哪怕我們經(jīng)常用一個案例來說,可能一個小學生用很少課外的時間掌握了小游戲的開發(fā),他來開發(fā)一個小游戲給班級的同學來用。這個小游戲是他自己想象出來的,創(chuàng)造出來的。是他的同學特別喜歡玩的智力類型或者是好玩類型的。

所以它不應(yīng)該是傳統(tǒng)意義上的那種小塊頭游戲的翻版。

所以我跟我們的團隊一直強調(diào)一點說,如果我們再往后一年的話,我們不希望只是看到我們的收入又上漲了多少,反而我希望看到的一年以后這里面特別多的游戲是一些從來沒有做過游戲的人做的,反而做過游戲的人他們的思維很受局限性,他們會把一些 APP 的游戲照搬過來的,沒有做過游戲的人可能把他的想法融入進來,變成一種從來沒有見過的游戲內(nèi)容。我希望用這樣的一種維度來衡量小游戲的成功。當我們的游戲里面充滿了各式各樣的創(chuàng)意的時候,并且讓這些創(chuàng)意得到它應(yīng)該有的回報,那么我們這個平臺才能真正變得很有價值。因為最終我們的用戶會在這里使用是最多的,并且給用戶帶來的價值也是最大的。

當然要做到這樣一個目標也是挺難的,我認為任何一個平臺應(yīng)該要有自己的夢想所在,如果他沒有這種夢想的話,很快就會把自己當做一個流量的經(jīng)營點,很快把流量耗光了,這個游戲就結(jié)束了。

這個是關(guān)于小游戲從平臺角度我們對它的一個期望。我確實很希望我們將來在小游戲平臺里面看到的小游戲都是讓人耳目一新的,更多的是一種精神的體驗,因為只有這樣,我們才能說玩一個小游戲才是正經(jīng)事。

關(guān)于公眾號

我知道大家特別關(guān)心公眾號的情況。

因為很多人在做這方面的創(chuàng)業(yè),并且看起來好像經(jīng)過了幾年,公眾號的流量紅利早就沒有了。當然紅利從來不是我們考慮的一個范圍。在座有多少在從事公眾號的工作?以前說過公眾平臺不是為你們準備的,但公眾平臺確實是被自媒體用得最好的一個領(lǐng)域。雖然不是為大家準備的,但我們其實真的想要很好的服務(wù)大家,所以最近我們對公眾號做了特別大的一些變化,包括公眾號的改版,也包括在看一看里面有一個「好看」。

如果我簡單回顧一下公眾號的歷史的話,在剛發(fā)布的時候,確實有很多人利用這樣一個當時的流量口獲得了巨大的粉絲。在當時,公眾號有一個特別好的現(xiàn)象,就是最早的公開課里面分享過一個數(shù)據(jù),當時的公眾號閱讀量其實70%、80%來自朋友圈的轉(zhuǎn)發(fā),只有20%、30%是來自于訂閱號的。為什么我覺得它特別好?其實它符合一個二八定律,有20%的人去挑選信息,有80%的人去獲益,通過20%的人挑選去閱讀文章。

幾年下來的話,一個是用戶他可能接觸信息的渠道更多了,另外一個我們在內(nèi)容的質(zhì)量上沒有持續(xù)性的話,這里與用戶的聯(lián)系確實會有所降低。我們做了一次改版,發(fā)現(xiàn)效果并沒有很大。有很多公眾號會覺得自己的效果反而變差了,從我們的數(shù)據(jù)來看并沒有變好很多,也沒有變差很多。當然這個是我們自己分析的。

這里面有一個很大的問題,并不是我們改版怎么改的一個問題。對于改版來說只是幫助用戶重新梳理一下他的閱讀方式,我們自己認為我們改版的目的只是為了讓用戶覺得閱讀效率更高了,也就是說當他繼續(xù)找一篇文章更容易找到或者瀏覽更方便了。這是一個本質(zhì)的問題,不是他看到這個文章效率的問題,而是他對這些內(nèi)容有沒有吸引力。我們自己盤點畫像,在內(nèi)容吸引力方面是我們強化的地方。否則的話,我們不管怎么改變版面,用戶不會在這里停留,也不會看它,好的內(nèi)容才是根本。對于平臺來說,一個好的平臺應(yīng)該自然會鼓勵更多的內(nèi)容創(chuàng)造者創(chuàng)造好的內(nèi)容。

相比博客時代,我認為當時好的博主寫的文章量更大一些。因為我們當時在做 QQ郵箱的閱讀空間,就知道當時有很多博主寫的文章很好,現(xiàn)在公眾號的博主反而沒有當時的博主多了,這也是我們的機會所在,也就是說平臺的責任所在,我們應(yīng)該有一種機制讓更多人在這里面產(chǎn)生更多優(yōu)質(zhì)的內(nèi)容。

最近我們看到,通過一個合議的角度來說打擊洗稿是避免劣幣驅(qū)逐良幣,使優(yōu)質(zhì)內(nèi)容越來越少。所以關(guān)于怎樣鼓勵產(chǎn)生更多優(yōu)質(zhì)內(nèi)容是公眾平臺下一步要面臨的特別大的內(nèi)容。

對于內(nèi)容的形式可能大家也會做一些嘗試,比如說視頻化展現(xiàn)這些內(nèi)容。所以在去年大家可以看到我們做了一個公眾號的 APP,大家會寄予很大的希望,但是它只是一個幫助公眾號的發(fā)布工具而已。

所以對于優(yōu)質(zhì)內(nèi)容來說,這里平臺可以做的事情還特別多。對于去年我們發(fā)布的 APP 來說,為什么我們會延遲那么多才發(fā)布?并且發(fā)布看起來沒有起到特別大的效果,當時我們想要發(fā)布一個 APP,做一種改變,讓更多的人參與進來寫文章。也就是說一個普通人他也可以在里面來寫公眾號的文章。只不過我們后來沒有做到這樣一點,并沒有通過一個 APP 帶動起更多的人參與進來。但我覺得我們的方向仍然是,讓平臺能夠吸引更多的人來創(chuàng)造文章。

另外一個點是關(guān)于社交傳播,就像我剛才分享的數(shù)據(jù),在微信的早期確實是通過分享來閱讀的人是大多數(shù),而自己主動去看的反而是少部分,我認為那個是一個很好的比例分配。后面我會專門花一個比較長的篇幅來講關(guān)于社交的傳播和社交的閱讀。

關(guān)于社交

下面一個點是我從來沒有談過的點。對我們微信的本源、微信最基礎(chǔ)的東西沒有聊過,所以我這里準備花一點時間聊一下關(guān)于「社交」的話題。

社交的起源是什么?當然這個沒有標準答案,每個人可以自己想象。

我是這樣想象的。

可能在遠古的時候,如果人都是一個一個個體的話,他是沒有社交的,當人類成為一種群居的動物的時候,原始的社交就產(chǎn)生了。

人在一個社區(qū)里面最大的訴求是不要被排斥,所以人必須跟別人說話。說什么好呢?其實就吹牛來體現(xiàn)自己對社區(qū)是有價值的。為了讓別人重視自己說的,必須要一點夸張的色彩。這是我對于原始社交的想象,大家不要太當真。

大家在朋友圈里面必須要發(fā)一些很夸張的旅游照片等等,其實就是延續(xù)了這個習慣,不過如此。擔心就被排斥了,所以大家會在朋友圈挑選一些很夸張的東西放在朋友圈上面。

很多年前我在知乎問過一個問題,「溝通的本質(zhì)是什么」。這其實是沒有答案的問題。

但后來,我自己想到了一個答案,并不是標準答案啊,我說,「溝通就是把自己的人設(shè)強加給對方的過程」。什么意思呢?每個人有自己的人設(shè),希望別人接受,你說的每一句話,有意無意的,都在希望別人接受你對自己人設(shè)的認可。表面上我們在討論一個問題,本質(zhì)上有可能只是希望別人認可你傳遞出來的人設(shè)信號。當然這個只是我自己一種方便我去理解社交的一種想象,它并不一定是一種科學的研究。

發(fā)朋友圈,其實就是把自己的人設(shè)帶給所有朋友,放到所有朋友的腦袋里面的過程。

比如說你發(fā)的每一個內(nèi)容,其實你是希望別人認為你是一個這樣的人,背后都是你自己給自己設(shè)定的人設(shè),你想推廣自己的人設(shè),是希望別人眼中的你是這樣子的。所以你發(fā)的每一條朋友圈,都是精心挑選設(shè)計過的,一定對你自己的人設(shè)是有利的。

從遠古開始,你就害怕被社區(qū)排斥走,所以你要吹牛,你要講一些很夸張的東西,體現(xiàn)你的重要性。在社交里面體現(xiàn)自己特別的地方,特別的地方就是你把你看到的東西拍成照片發(fā)給大家。你看到晚霞,就把它拍的非??鋸垼尨蠹矣X得你看到的風景與眾不同。或者把自己P得特別漂亮來推廣自己的漂亮人設(shè)。

所以朋友圈是一個表現(xiàn)自己的地方。

朋友圈為什么鼓勵發(fā)照片,而不鼓勵發(fā)文字呢?文字的操作比較曲折一點。這個問題我之前解釋過。因為我覺得,對多數(shù)人來說,寫一段文字,是很難的一件事情,特別是這段文字還要表現(xiàn)好自己的人設(shè)。但發(fā)一張照片,就要輕松很多。

所以為了幫助他表現(xiàn)他的人設(shè),所以讓他選取一個很輕松的工具那就是拍一個照片就可以了。但是對于少數(shù)很清醒的人,會問自己我要推什么樣的人設(shè)?

很多年前,我每次發(fā)微博,都會問自己一個問題,「你想表現(xiàn)什么?」,大部分情況下,一問到自己這個問題,我就默默地刪掉了準備發(fā)的文字。當然,大部分人不是這樣的,越是短處越要發(fā)一個朋友圈來來強化它。它往往是這樣的一個過程。說明大家很認可這一點。

但這樣也有一些負面的作用。

如果你多發(fā)幾張旅游的照片,大家會認為你經(jīng)常在外面旅游,如果你發(fā)一些加班的可能被認為是整天都在加班。但事實上可能并不是這樣子。這只是一個人設(shè)推廣,它雖然有作用,但是也會過頭,你很難表達你的真實狀況。

就像我們并不是每一個時刻都是開心或者不開心,但是你只要發(fā)朋友圈說我很開心,大家就認為你每天都很開心。我們在朋友圈看到的往往是最好的狀態(tài),然后屏蔽了所有的不好的狀態(tài)。

但是我們并沒有一個工具來記錄一下我們一天里面真實的狀態(tài)。

所以這是我們?yōu)槭裁匆鲆曨l動態(tài)的原因。以前叫時刻視頻。

關(guān)于朋友圈,其實我要多說幾句。很多人都說要逃離朋友圈,或者說不怎么用朋友圈了。但事實上這是互聯(lián)網(wǎng)圈子大家看到的一個假象。大家往往把自己周圍的人的情況,當作全世界的人都是這樣子的,但是真相并不是這樣子的。因為朋友圈本身就是社交,所以一個人怎么可能逃離社交,即使你發(fā)東西少了,你也會去看他,然后也去互動點贊評論。它本身也是個社交行為。

可以透露一個數(shù)據(jù),從發(fā)布到現(xiàn)在,每天進去朋友圈的人數(shù)一直在增長,沒有停下來的勢頭。到現(xiàn)在每天有7.5億人進去朋友圈,平均每個人要看十幾次,所以每天的總量是100億次。

我覺得朋友圈承載了中國人的線上的社交,可能是中國最社交工具。它現(xiàn)在每天有這么多人這么多次的頻繁進入。好像用戶每天要通過做這個功課使得他完成了一個普通人一天的社交,他這一天可能并沒有出門,并不妨礙他完成社交。即使你可能不發(fā)朋友圈,但是你會去看,你通過點贊評論還是會參與到社交里面,就像完成了一個社交任務(wù)。

如果各位在座的產(chǎn)品經(jīng)理,其實可以好好分析一下朋友圈為什么會這么多人在用?甚至這些年里,這一批人都已經(jīng)長大了或者是環(huán)境發(fā)生了很大的變化。我覺得很多用戶的思維或者社交方式在這么多年以來并沒有變化。本質(zhì)上來說,就像我杜撰遠古人怎么社交,其實我們?nèi)说纳缃皇菦]有發(fā)生改變的,或者說社交的需求并沒有發(fā)生改變。我們在線上的社交只是線下的社交的一個映射而已。

在線下在現(xiàn)實里面沒有互聯(lián)網(wǎng)的話,大家要去社交,可能去參加一個飯局,去參加一個聚會,然后可能熟人之間會打打招呼,我說的最主要是熟人的社交。但是這種線下的社交效率是比較低的。因為它要跨越地理和時間才能做到。

朋友圈本質(zhì)上是開創(chuàng)了一個新的社交的場所,其實它不止是一個時間流。我把它比方成一個廣場。

你每天會花半個小時從廣場走過,然后你在廣場里面會迎面看到一堆堆的人在那里討論不同的東西,聊不同的東西,有各自的主題,然后你經(jīng)過每一個人群,這里面都是你認識的人,并且你可以停下來跟他們參與到任何一個小圈子里討論,并且你也會發(fā)現(xiàn)每一個小圈子全部都是你認識的人。

你可以過去打一個招呼,或者參與一下。然后你轉(zhuǎn)身離開到下一個,再去參與一下,或者不參與,或者只是簡單的打個招呼的去點贊就走了。這樣的話,當你把朋友圈給看完的時候,那時候你在廣場已經(jīng)逛完了。

這是特別強調(diào)的一個設(shè)計,就是朋友圈只能看到共同好友。也就是說你看到的每個人或者你參與的一個討論大家兩兩之間是相互認識的一個點,這樣的一個點不是一對一的討論是三個人以上的討論。比如說你在朋友圈看到A好友發(fā)的朋友圈,然后B好友評論了,你一定同時認識A和B,然后你評論的時候是三個人在討論,它是符合了「三個人以上比單聊更加豐富」的一種社交體驗。

半個小時你已經(jīng)看到了很多朋友,看到了很多他們討論的主題,并且也參與了很多個主題的討論。其實你已經(jīng)完成了當天線上社交的一個任務(wù)。這樣率的一種工具,你當然會覺得很難離開他。

但是朋友圈也有它的弱點,也是大家談?wù)摰?,大家想要逃離它的一個點,正因為它是個廣場,你去點贊或者是評論意味著你在廣場里面公開大聲地說了一句話,意味著廣場很多人都可以聽到,這樣帶來的壓力感是比較強的。而且當你的好友越來越多,可能這一股壓力也會越來越大。

實際上我自己在朋友圈剛出來的時候,每天要發(fā)十幾張照片,到現(xiàn)在我可能幾個月發(fā)一次。很多人都會感受到這種發(fā)朋友圈的壓力。

所以這也是我們一直在想的一個問題。雖然朋友圈確實在社交方面很,但是在自我表達方面會很有壓力。

所以我想我們需要有一種新的方式,讓用戶可以比較勇敢的自我表達。

但是這里很矛盾,因為我們需要一個人表達得很清楚,如果要最沒有壓力,那就是自己對自己說話。但是自己對自己說話是不可能獲得朋友的回饋的,也就是說它是沒有社交上的回報。他跟人說的話被越多人聽到,他的社交回報越大,但是他的壓力也會越大。所以也有很多人因為這樣子把朋友圈設(shè)成三天可見了,他自己覺得壓力小了。

有很多人問我為什么要設(shè)三天可見的東西?朋友之間不會反目?我想簡單解釋一下。

作為一個設(shè)置里面的開關(guān),一般來說用的人是很少的,做產(chǎn)品的人都知道,大部分人很懶。但這是微信里面最多人用的一個開關(guān),超過1億的人把這個開關(guān)設(shè)置了三天可見,三天可見是一個用戶的強大需求,他希望是這樣子的。

如果時光能夠倒流的話,朋友圈重新做一次的話,我可能直接讓相冊變成是私密的。朋友圈和個人相冊是可以完全分開的,是兩個概念?,F(xiàn)在同一個照片放在相冊里面可以被當做歷史性的挖墳,也可以在朋友圈作為一個動態(tài)來展現(xiàn)出來,這只不過是當時做的時候一不小心把這兩個東西混在一起了。

所以我們鼓勵用戶去設(shè)置三天可見,希望這樣子使得他更加勇敢的去發(fā)朋友圈。他不用認為說我發(fā)的每一個都是可以被別的朋友很久以后來翻看。

如果一個人非要展現(xiàn)自己的歷史,他應(yīng)該有別的一個東西來展現(xiàn)自己的。比如說他精心準備的一些照片等等,而不是用朋友圈的動態(tài)作為個人的歷史展示。朋友圈更多的希望它代表了一種他的動態(tài)。

所以剛才說到這一點,其實也延伸出一個問題出來就是視頻動態(tài),我剛才說這么多,我相信朋友圈特別強大,我相信未來幾年大家還是離不開朋友圈的,因為還沒有出現(xiàn)一個比它更率的社交工具。但是我們也看到了對于朋友圈這樣一種高壓力的社交工具,可能并不代表未來的趨勢。未來大家都需要一種更為輕松的方式。既能夠勇敢的表達自己,又能夠獲得社交的好處,應(yīng)該是這樣的一個工具。這就是我后面要提到的視頻動態(tài)或者是時刻視頻。

其實視頻動態(tài)來說,很多人說微信要大力來做視頻了,我并不認同,微信怎么可能去做某一種技術(shù)領(lǐng)域的事情呢?視頻只是一個技術(shù),微信要做的是通訊社交的事情,所以視頻對于微信來說只是一個載體,微信是希望做社交。是要做朋友圈之外的另外一種社交的模式,解決上面說的弊端。

如果說做視頻的話,視頻在微信里面一直都有,并且每天朋友圈里面的視頻量還挺大的,一直在增長。

所以視頻動態(tài)就像前面解釋的,更多的是瞄準一個怎么樣能夠很輕松的去表達自己,并且用輕松的方式參與到社交里面去,視頻只是一個技術(shù)的載體。如果沒有視頻,也會考慮用照片。

我接著回到朋友圈這里,我以前提到過 twitter 是一個很偉大的產(chǎn)品,其實影響了很多產(chǎn)品的形態(tài)。比如微博。

我記得在騰訊公司做微博的年代,大家會想,輸入框提示什么。好像是「你在想什么」。

為什么是你在想什么,而不是你在做什么?

那是因為 twitter 誕生于 PC時代,你用PC的時候,你在做什么?你在敲鍵盤。

但是微信誕生在手機時代,所以微信一直是只為移動互聯(lián)網(wǎng)服務(wù)。

這是一個很大的優(yōu)勢,在于說我可以記錄你在做什么,你可能走在路上,你可以拍一個照,這是你正在做的事情。而不是坐在電腦前,只能記錄「我在想什么」。

因為微信是一個手機APP,它是跟著你走的,它并不是一個電腦放在那里,你只能去看它。所以在電腦上不會有搖一搖,在微信里面會有搖一搖這樣的東西,因為你是搖不動一個電腦的。所以這是一個很大的優(yōu)勢。手機端的 APP 是可以記錄你在做什么的,我走在路上看到什么拍了一個照片發(fā)出去了。在電腦面前是我在做什么?我在整理我的照片,把昨天的照片發(fā)到電腦里面去,所以這是有很大本質(zhì)上的不同。

所以很早以前我說過一句話,人是環(huán)境的一個反應(yīng)器,就是你遇到什么樣的環(huán)境,你就會做出什么樣的反應(yīng)。

你坐在電腦前,電腦就是你的環(huán)境,或者說你看到電腦里面的信息內(nèi)容就是你的環(huán)境,所以你在電腦前輸入的東西是你看了一篇文章,或者看了電腦里面別的一些內(nèi)容,然后你對它做出一個反應(yīng),說我認為是什么樣的。

但是你拿著手機,你走在任何地方,你的環(huán)境是真實的環(huán)境,你的反應(yīng)會是對真實環(huán)境的一個反應(yīng)。這個時候你的記錄是真實的,而不是想象出來的,你不是在回憶,而是你在經(jīng)歷。

也就是說你同樣發(fā)一個信息,如果你發(fā)到電腦里面類似于微博類的東西,你可能在回憶,你在記錄或者這只是一個想法,但是你在手機里面發(fā),你可能是實時的,是在親身經(jīng)歷的一個東西。

所以微信的視頻其實是希望能夠記錄下來自己和真實的世界,對真實世界的反應(yīng)。這是在電腦前做不到的。坐在電腦前,你只能把以前拍的照片整理出來再發(fā)出去。所以很多從 PC時代過來的應(yīng)用,遷移到手機時代,基本的邏輯就會出現(xiàn)問題。

但是說到記錄的話,記錄真實世界,我認為這一個特別好的理想,但是他很不現(xiàn)實。因為記錄或者拍一個視頻,并不是一個用戶真正的需求。不信大家看一下自己手機上有多少個視頻就知道了。如果沒有分享的目的,你是不會去拍一個視頻的,即使你拍了很多照片,其實你也不會再看了。而往往是有了微信之后,你要分享給別人你才會拍這樣一個東西。所以記錄或者是拍攝本身并不是一個需求。

所以假設(shè)我們要做一個APP,這個APP 的目的是說記錄我的人生或者是記錄真實的世界,這個APP是做不起來的。拍攝不管是照片還是其他,首先是因為你會去分享而有意義而有需要。微信是有分享的能力的,所以微信不會做一個視頻記錄,每個人來記錄自己的視頻,然后只有自己看到。微信也不會做一個視頻相冊放在那個地方讓別人來看到,因為那樣的話,你只會一年里面挑最好看的三個視頻放在那里,那是用來裝飾你的,它不是一個記錄。我們要做的是,能夠讓一個人真正的去記錄他正在經(jīng)歷的東西,然后讓他的好友來看到。并且這個過程是不應(yīng)該類似于朋友圈的,如果類似于朋友圈的話,我們就不用這個東西了。

當然現(xiàn)在的視頻動態(tài)是第一個版本或者我們叫做0.1版本,大家可能還體會不到這一點,沒有關(guān)系,我覺得我們就像對待小程序一樣,特別有耐心去培育用戶的這個習慣。因為大部分用戶是沒有拍視頻來記錄世界的習慣。

我們也沒有能力去培育用戶或者是改變用戶的習慣,我們有的能力是通過一種社交化的設(shè)計,使得他拍這些視頻的時候能夠獲得他參與社交的好處或者是回報。

我們希望這里的視頻動態(tài)是朋友圈的反面,這里提倡的是真實的,而不是美的。所以大家如果仔細留心一下,你在拍完一個視頻動態(tài)底下的按鈕不叫「完成」、不叫「發(fā)表」,而是「就這樣」。

就這樣包含了一個含義是,這個視頻可能并不好看,但是就這樣了,我就發(fā)了。這就是很真實的。然后我們?yōu)榱俗屇隳軌蛴赂野l(fā),故意讓別人看不到你的這個視頻,必須要點你的頭像進去再下拉一下才可以看到,來減少你發(fā)「就這樣」視頻的壓力。然后跟他說了,他就明白了。原來是這樣子的,前面我發(fā)現(xiàn)他真的亂七八糟拍了,一點也不裝飾自己,很真實拍出了很多,我看得也會覺得很爽。因為我透過他的眼睛看到了他的世界,就是這樣一種感覺。

但是我不可能跟每個用戶去說你要這樣來拍,所以對于產(chǎn)品來說,最終的走向是會讓一個用戶在壓力最大的情況下能夠很自由去拍一些東西,去記錄他自己或者他周圍的世界。同時它有足夠的動力去做這個事情。就目前來說動力是不太足夠的,所以我相信在座各位也不怎么頻繁去拍,但是讓大家有動力對我們來說并不是一個難的事情。比如說我們給大家發(fā)一個紅包大家就會拍了,但這不是我們想做的事情。但是我們要讓朋友看到你會拍了,這是可能的。

所以后續(xù)我們會在這里一點一點做版本的升級,我們會嘗試不同的路徑,以達到這樣一個目的:就是它是朋友圈的反面。朋友圈已經(jīng)變成了一個很傳統(tǒng)的社交的地方,就是我們每個人在里面展現(xiàn)自己最美好的一面來獲得他人的認可。當然這里我希望每個人是展現(xiàn)自己最真實的一面也同樣可以獲得他人的認可。所以在這一點我們也有足夠的耐心,通過后續(xù)的版本迭代,不斷去打磨它,因為這樣一個拍攝記錄世界,這樣一個動機對用戶來說并不是一個習慣,這里是需要花一些時間耐心去慢慢推進的。

但是我們對此為什么會有耐心?就像小程序一樣,小程序我們會給它兩三年的時間讓它變成一個生態(tài),對這樣一個功能當然不需要兩三年的時間,我們?nèi)匀豢赡軙ê脦讉€月的時間不斷去打磨它,去嘗試。因為我們確實覺得雖然用戶現(xiàn)在沒有這個習慣,將來視頻的交流一定會取代照片的交流,取代照片的發(fā)送,變成更多被采用的載體。很簡單,因為視頻所包含的信息量比照片大的多。我知道這一點確實很不容易。我舉了這個例子,我前天給另外一個同事的視頻點贊了,然后他就截屏發(fā)到朋友圈說小龍居然給我這樣的視頻點贊了,他只是拍了一個十字路口的燈光隧道,我通過他的視頻看到他當時所處的環(huán)境,你就會有一種看電影的感覺。他自己并沒有意識到這一點,他可能會為了讓我給他點贊拍更多更美麗的視頻,說明我們的產(chǎn)品這一點還沒有做到位。這里面的引導我們會繼續(xù)嘗試去引導用戶真的能夠某一天很輕松自如拿起手機來就可以記錄周邊真實的世界。

我覺得一個好的產(chǎn)品不需要費口舌解釋,我解釋了這么多,說明我們做得不夠好。

關(guān)于閱讀

接下來我想講一下閱讀。很多年以前我在飯否寫過一句話,因為當年剛花了好長時間在 QQ郵箱的閱讀空間里面,「要做大眾都能用的閱讀產(chǎn)品?!?

因為閱讀要大眾其實挺困難的。

比如之前我們在郵箱那里嘗試的一個并沒有獲得大眾化的閱讀產(chǎn)品。只有一小撮人在那里用得很好。

當時大家每天上班的第一件事情就是看一下頭一天的運營數(shù)據(jù)。第二件事情就是打開閱讀空間,開始看文章,看朋友推薦的那些文章。后來這些想法其實是用在朋友圈里面了。朋友圈里面從第一個版本開始就可以推薦文章進來。

但是朋友圈本質(zhì)上還是一個社交化的環(huán)境,是一個對自我人設(shè)進行強化的地方。而閱讀只是朋友圈的一個輔助性的副產(chǎn)品。

人們在朋友圈里面推薦文章,其實更多是推一些符合自己的觀點或者人設(shè)的文章,而不是說這個文章的內(nèi)容有多好。更多是通過一個文章來展示自己是屬于哪一種人。

但是對于朋友圈來說,我們更加希望大家分享的是生活本身。比如說拍照片,朋友圈一直以來都是默認就是個拍照按鈕,而不是寫文字或者發(fā)文章這樣的按鈕。

事實上這幾年下來,朋友圈的分享的文章閱讀率確實在下降。因為當一個人的好友越來越多,他的朋友圈內(nèi)容越來越多,他反而會跳過那些文章,去關(guān)注一下朋友們真實生活里面的照片。他其實并不太愿意從朋友圈里面中斷,花幾分鐘閱讀一篇文章,然后再回到朋友圈。

用戶其實是需要有一個固定的相對長的時間,他才會沉下心來花時間去完成一個閱讀動作。這個時候,另外一個閱讀氛圍更強的入口,對用戶來說是更必要的。

就像在訂閱號里面,我們其實在不停地改版。但是這里面始終有一個矛盾,我們推了一個文章,這個時候他如果看到這個推送但并沒有時間去看這些文章,那么他只能繼續(xù)把紅點消掉,然后就退出來了。

這樣就給我們留下一個機會:我們應(yīng)該在朋友圈之外,另外開辟一個閱讀的圈子,一個不是為了看朋友的生活分享,而看文章的地方。這就是看一看。

對于看一看,里面有兩個板塊,一個是好看,一個是精選。前者是社交推薦,后者是機器推薦。

我們團隊同時在做兩個方向的嘗試。

機器推薦我們嘗試了很長時間,效果不太好。我跟團隊說,要么你們降低內(nèi)容的底線,要么你們認命做一個小眾的嚴肅閱讀產(chǎn)品。

并且,我不希望機器推薦是用戶想看什么就給他什么。如果這樣,用戶迷信保健品,我們就推保健品的文章。如果從 KPI 的角度,這樣是最容易完成KPI 的。但是如果我們推薦給用戶新的知識,用戶會離開的。因為惰性是人共有的特性。沒有人愿意主動去學習新知識,去傷腦筋啊。

而人類進化而來的社交體系,其實是一個具有糾錯功能的復(fù)雜體系。如果你走偏了,會有人把你拉回來。

我一直很相信通過社交推薦來獲取信息是最符合人性的。因為在現(xiàn)實里面,我們其實接納新的信息,并不是我們主動到圖書館或者到網(wǎng)上去找的信息。大部分情況都是聽到周邊的人的推薦而獲得的。

我自己這些年來看的書,沒有一本書是主動找的,基本都是受朋友的影響。我也經(jīng)常給一些朋友推薦書,推薦的效果往往會比他們自己去找書要好很多倍。就像如果很多人都說一個電影好,你一般都會想去看。這就是從眾心理。因為你不去看可能就會落伍了。

所以本質(zhì)上,很難說什么內(nèi)容是更好的。比如電影,你可能對這一類題材不感興趣,但是因為朋友推薦你就會去看。

所以我認為要做一個讓所有人閱讀的大眾化閱讀產(chǎn)品,似乎只有基于社交推薦,才有機會。

但本質(zhì)上其實我們并不是在做閱讀,而是每一個人在幫助其他人閱讀,它是一種社交性的閱讀。我們的好看功能上線,跟之前看一看的機器推薦比起來,數(shù)據(jù)增長得特別快,明顯看到用戶對這個功能的興趣更大。

這里也會有一些我們要去跨越的障礙。既然它是一個社交閱讀,它就不可避免的會打上社交的烙印,就是你可能會推薦一些強化你的人設(shè)的東西,而不是一些單純從內(nèi)容的角度來看你認為特別好的東西。

好看本身跟朋友圈也是一個區(qū)隔化。

朋友圈有篇文章,如果十個好友轉(zhuǎn)了,你會看到十條信息。很重復(fù),也沒法大家一起來討論。好看里面就可以。這里面可優(yōu)化空間特別大,包括大家在好看里面看到的,它還是一個很粗糙的式樣。

有些人會擔心會不會有很多人因此而屏蔽掉很多跟自己興趣不一樣的好友等等。

我并不擔心這樣的問題。

第一是你不愿意去屏蔽人或者分組。

第二,即使你不愿意看這個人的內(nèi)容,跟你的興趣不一樣,你也會關(guān)注這個人在看什么,所以大部分人會留著,你不會去屏蔽他。也許我不贊同他的觀點,但是我只想知道他們在看什么。特別是對于微信這樣一個產(chǎn)品來說,關(guān)系鏈變得越來越多,越來越復(fù)雜。這是一個你觀察社會各個階層,他們都在看什么想什么的一個特別好的窗口。

所以我并不認為這樣的興趣的差異化會帶來困擾,相反,反而有豐富大家眼界的作用。

因為朋友的興趣可能跟你完全不一樣。有些東西如果不是你的朋友來推薦,你可能永遠不會去接觸它。因為朋友推薦了,也許你會看一下,也許會引起你的興趣。你的朋友越多越復(fù)雜,這個面是越廣泛。其實是打破信息繭房的一個方式。

所以好看也是我們下一年的發(fā)力重點。我們希望卷入幾億用戶,通過社交推薦這種模式,將閱讀變成一個日常的事情。

關(guān)于信息流

信息流,我記得上一次的公開課,我講了「我不知道什么是信息流」之后,很多人又會產(chǎn)生一些誤會。

好像我每一次公開課都要來解釋上一次公開課的意思。

我之所以這樣說當然并不代表我不知道大家說的我所說的信息流是什么東西,而是我不喜歡業(yè)界很多人把很多東西貼一個標簽。只要是一些內(nèi)容往下滑就是信息流,我不喜歡這樣的一個標簽化。

在手機里面看東西,手機屏幕很窄,你只能往下滑是最快的,但是不能因此說這樣的東西貼一個標簽就是信息流。這樣的一種認知是特別簡單的一種認知。

如果籠統(tǒng)來說,朋友圈也是一個信息流,我之所以說它是一個信息流是因為它是一種展示方式。就像一個郵箱里面有收件箱、發(fā)件箱、已發(fā)送、垃圾箱等等,這樣就是一個信息流的話,沒有本質(zhì)的變化,而它只是把幾個文件夾里面的信息放到一個文件里面顯示而已。

而我們的訂閱號,我之所以說它不是一個信息流,是因為它是一種按照訂閱的順序展現(xiàn)的一種方式。它只是信息排列的一個展示而已。

這里我并不想用一些標簽來定義這是什么東西。因為標簽只是一種表現(xiàn)形式而已。就像我們現(xiàn)在做一個視頻動態(tài),我們并不是說我們做了一個視頻功能,而是我們做了一種讓用戶去拍攝和展現(xiàn)自己的一種功能,這個功能是什么樣的載體?所以我們并不考慮什么是信息流,而是用一個什么樣合理的方式來展現(xiàn)信息。

關(guān)于AI

關(guān)于AI,想來講一點我的看法,AI在過去幾年特別火。我們也特別重視 AI 這一項技術(shù),就像大家現(xiàn)在在視頻動態(tài)里面拍一個視頻,你會看到有 AI匹配的一些配樂,有很多人都覺得這個配樂挺智能的,因為確實能夠識別出來他拍的東西并且是比較吻合的。

我并不覺得這種 AI識別的吻合是特別好的,所以我也跟團隊說我們這里要出現(xiàn)隨機的東西。當你拍一個東西的時候,比如你拍一條馬路,你并不是非要一條關(guān)于馬路的歌曲,不然就很死板了。人是有想象力的,當你看到這個景象的時候就會想象到另外一種意象。

微信投入了很多精力來做AI。大家以為微信里面的語音識別是第三方來做的,其實它是微信內(nèi)部語音識別的團隊在長達好幾年的時間里面一直在做的工作,并且每天在優(yōu)化它識別的準確率。所以到今天,大家會覺得這里面識別率越來越高了。當我們投入在做語音識別的時候,其實業(yè)界對 AI 這一塊還并沒有特別大的關(guān)注。所以說,我們并不會去跟風來做一個AI,而是說,AI是要落地到我們實際的一個功能或者是場景里面去的。

所以對于 AI 來說,其實從技術(shù)上來說,我們是特別認同它。但是我們一直認為,好的技術(shù)是為產(chǎn)品服務(wù)的,AI應(yīng)該默默躲在后面幫助用戶來做一些事情,就像語音識別一樣。

在我大學的時候,我們的人工智能的老師還跟我說,我們的有生之年看不到 AI戰(zhàn)勝人類。因為當時上一門課,叫模式識別,自己還寫程序來識別圖像上的物體是什么物體。覺得這是很難的事情。所以當 AlphaGO 戰(zhàn)勝了人類棋手,我當時也特別震驚。當AI 被用到我們產(chǎn)品里面的時候,我就在思考 AI 給我們帶來了什么?我看過一篇文章我覺得里面有一個總結(jié)特別好,在這里分享給大家。

舉個例子,將來醫(yī)生會被AI「醫(yī)生」取代掉。為什么會取代掉?因為AI的「醫(yī)生」連到云端可以知道所有的病例和所有的數(shù)據(jù),所以他對于診斷疾病和治療疾病這一件事情,一定會比人類的醫(yī)生厲害很多。確實是這樣,一個人類的醫(yī)生,不管他讀過多少年書或者治過多少病人,他沒有辦法跟云端巨大的數(shù)據(jù)對比的。

并且就像下圍棋一樣,阿爾法狗下圍棋不會告訴你為什么這樣下或者他為什么這樣下,AI「醫(yī)生」建議你要吃什么藥,你是沒有辦法挑戰(zhàn)它的,你只能遵守它,它讓你吃什么藥你就吃什么藥品。這個時候我們對它的做的事情其實并不知道,或者說你認為它是我們的工具,相反我們可能變成一個它的工具。如果它是壞的話,或者機器突然出了一個故障的話,某一天云端里面下一個指令,讓所有AI「醫(yī)生」給所有人吃某一種很致命的藥,也是有可能的。

如果利用這樣一種 AI 來做某一些工具,這種工具他可以指揮人的話,那么它超出了之前傳統(tǒng)的工具的含義。我們會思考,傳統(tǒng)說的工具,是人來駕馭工具。但是當 AI 很強大以后,AI可能是可以駕馭人的。就像AI「醫(yī)生」一樣。AI「醫(yī)生」決定你要吃什么藥,那么別的 AI「導師」會告訴你要看什么書,要做什么運動,甚至要跟誰交朋友,跟誰結(jié)婚等等。似乎不是不可能的。

我前不久看了一個報道很有意思,說蘋果是怎么看待工具的?報道是說,喬布斯跟別人介紹什么是電腦的時候說了一番話,因為當時很多人不知道 PC電腦是什么?他說就像自己的車一樣,以前人們覺得某一種動物是跑得最快的,比如是獵豹,當我們有了自行車,自行車可以比那種動物跑得更快。這種工具擴展了人類的某一種能力,使我們通過這個工具變得更強大,PC其實就是這樣一種東西,它也是一個工具,它可以使人類變得更強大一些。這是我們傳統(tǒng)意義上的工具,人去駕馭工具然后人會變得更強大。

但是對于 AI 帶來的工具或者是 AI工具本身,就像我們說的AI「醫(yī)生」一樣,它可以決定你要吃什么樣的藥,甚至可以讓你做什么樣的運動才會對身體更健康。如果這個AI「醫(yī)生」支持面更大一點,甚至可以告訴你要交什么樣的朋友等等東西是很有可能的。這個時候你會想,這種工具超出了傳統(tǒng)工具的范圍,它變成了一種可以駕馭人的工具。

今年發(fā)生過這樣一個事情,可能有一些人知道,我們都知道谷歌的 AI技術(shù)特別厲害,但是他的員工聯(lián)名來反對把這一項技術(shù)用到軍方的項目,最終谷歌妥協(xié)了,不會把這樣一個 AI 的技術(shù)用到軍方的項目。作為谷歌的員工來說,他也會思考這一項技術(shù)什么地方可以用,什么地方不可以用。作為駕馭人的工具來說,我們會對此保持一定的警惕。

這個看起來跟我們實際工作沒有關(guān)系,我只是分享關(guān)于 AI未來的趨勢發(fā)展,這里面有很多人在預(yù)測,我可能只是對未來對 AI 表示擔憂的人之一。

當我在內(nèi)部提這些的時候,有同事問我,我們的目標難道不是盡可能的獲取用戶的點擊嗎?我們?yōu)槭裁匆肽敲炊喈a(chǎn)品之外的東西?就像谷歌的員工為什么要反對公司把這一項技術(shù)應(yīng)用在軍方項目一樣,我認為我們做的每一件事情背后,都是有意義所在的。

所以我們總是認為用戶怎么怎么樣,似乎用戶是一個陌生的我們不認識的一個人群,然后我們控制他們,施加他們。但是,在微信,我們要時刻提醒我們自己的是,我們自己就是用戶,我們施加于用戶身上的,最終也會施加到我們自己身上,有點像己所不欲勿施于人。所以到底施加到用戶身上是一個什么東西?這個確實值得我們反思。

關(guān)于善良

這里就提到關(guān)于上次在內(nèi)部年會里面說的一句話。就是關(guān)于善良的,其實我特別害怕一句話被斷章取義變成一個句子去傳播,這個對于我來說是不太理性的。

但其實每一句話都是有一定的場景的。我只想強調(diào)的是我們對于用戶的態(tài)度上必須是一種善良的態(tài)度,而不是一種套路的態(tài)度。所以這種善良是一種基于理性之上的善良。如果這是一種非理性上的善良,我認為它是一種愚昧的善良。所以我認為善良本質(zhì)上是一種能力。

我說的這種善良并不是一種道德上的善良,也不是一種道德潔癖,只有我們對待用戶有一種真正的理性的善良,才會使用戶更長久的使用我們的產(chǎn)品。

我不想把他理解為一種道德高地,我強調(diào)的善良是理性的。而且,我們的同事,能進到公司,說明大家都已經(jīng)很聰明了,大家缺的已經(jīng)不是聰明了。

關(guān)于支付

有很多同事說我在公開課里面很少提到微信支付,之所以很少提到,是因為不需要提到,不需要提到往往意味著這一塊已經(jīng)做得特別好了。

因為只有用戶意識不到的才是很好的服務(wù),你都不會想到有這個東西的存在,你付款的時候自然把微信掏出去掃一下二維碼,潤物細無聲的才是一個最好的用戶產(chǎn)品體驗。

這里要提到了兩個大家不知道的點。一個是紅包,我們在今年春節(jié)期間會上線的一個能力,企業(yè)微信的用戶或者是企業(yè)可以在企業(yè)微信里面申請紅包封皮,就像傳統(tǒng)里企業(yè)會給大家一些紅包封面,然后大家可以用來包紅包出去送給朋友。在微信里面我們其實一直沒有這樣的一種紅包封面,這里如果有使用企業(yè)微信的企業(yè)可以留意一下,在企業(yè)微信里面去申請。

第二個小變化我們正在做。雖然說微信的紅包特別成功,但是成功并不意味著沒有改進的空間了。所以我們也意識到一個問題,發(fā)紅包越來越變成一種赤裸裸金錢的交易,只是一個發(fā)錢而已,脫離了他情感化的一面,你發(fā)一個紅包只能憑金額,你發(fā)得越大就越有心,這是不對的,這個世界怎么能用金錢來衡量,對吧?

后續(xù)我們通過在紅包里面添加自己制作的表情等方式,來強化情感的分量和互動的趣味。比如說,你可以自定義一個表情放進去,這樣的話你的紅包更多體現(xiàn)你真正的心意,而不是只能用錢來衡量。其實對于支付的話,我們一直嘗試一個特別好的功能,很多人沒有試過,叫親屬卡,知道親屬卡的朋友舉手一下,用過親屬卡的舉手一下。5%的人,還不錯,大部分人應(yīng)該是我們內(nèi)部的同事。

建議大家去試一下,反正我給我的父母開了親屬卡,體驗特別好。不僅僅是他們的體驗,我的體驗也特別好,當你看到他們每一筆消費的時候,你都會覺得你在盡一份孝心,所以告訴大家有這樣一個東西。但我們有很多好東西藏得實在太深了,所以有很多的用戶根本就不知道有這樣的一些東西存在。這是一些小的東西。

但是我們在微信里面有一些特別大的東西,就是我們一直做得不夠好的,就是我們卡包的能力。我們卡包做了好幾年了,一直認為卡和券是很大的品類,是日常要用到的一個東西。我們一直想改變一個現(xiàn)狀,就是你出門的時候錢包里面還要放那么多卡,當然現(xiàn)在銀行卡不需要怎么帶的。但是一些線下的店的卡還是要帶著,我們的卡包想承載這一塊,但是老實說一直還沒有做好,所以最近大家在這一塊會躍躍欲試,想做新的改變。改變的結(jié)果是希望通過消費的行為和電子智能做一種自動的關(guān)聯(lián),變成人與線下消費連接的通道,實現(xiàn)更好的連接。

關(guān)于企業(yè)微信

關(guān)于企業(yè)微信,企業(yè)微信如果定位為公司內(nèi)部的一個溝通工具的話,我認為它的場景和意義會小很多,只有當它延伸到企業(yè)外部的時候它會產(chǎn)生更大的價值。企業(yè)微信后續(xù)新的變化是基于一個新的理念——希望讓每一個企業(yè)員工都成為企業(yè)服務(wù)的窗口。人就是服務(wù),而且是認證的服務(wù)。

舉個例子,我們可能都會加一些快遞員的微信,但可能每次新來一個快遞員,你就加一個新的微信。很多朋友跟我抱怨,加太多陌生人都不敢發(fā)朋友圈了。而且當你真的需要找快遞員,要寄快遞,可能這個人又已經(jīng)離職了。

所以這里會出現(xiàn)一個場景?,F(xiàn)實中,我們更希望有個人來幫你做一些事情,而不是去打開一個 APP 或者小程序,因為人更有靈活性,并且服務(wù)是更到位的。舉個例子,你可以到網(wǎng)上訂一個酒店,但如果你要改變?nèi)掌诨蛘咭擞?,往往通過 app 就會很麻煩,你需要聯(lián)系人工客服,這個時候人起的作用是最大的,人的界面也是最友好的。

這里給我們一個機會,如果一個4S店的一個員工,他用企業(yè)微信加了你,你可以認為這個人就是你的小程序。當你點進與他的對話界面,因為對方是企業(yè)微信的用戶,你會看到他的對話界面下是4S店的服務(wù)菜單,你可以直接在這里使用服務(wù)。有點像公眾號底下的菜單,但是你也可以跟他直接說話,消息是能及時得到回復(fù)的。

這樣的話,下次你要找4S店,你可能第一選擇是打開跟這個人的對話,而不是要找4S店的小程序。這里其實給企業(yè)一個機會,企業(yè)可以讓所有的員工變成一個對外服務(wù)的窗口,帶著你的小程序到處跑。

所以這是企業(yè)微信將來要做的一個方向,相信對企業(yè)有很大的吸引力,因為它可以讓每個員工可以直接提供服務(wù)。而在這樣的方式中,顧客的忠誠度是很高的。

關(guān)于人口紅利

微信到了10億用戶的關(guān)口,其實我們一直不覺得用戶有多少是一個特別重要的事情,或者說人口多少是一個特別重要的事情。但是很多的人總是會拿人口作為一個指標來看自己的空間。但我并不覺得是這樣子的。

微信的目標從來都不是說我們的目標是要擴大用戶數(shù),如果要擴大用戶數(shù),我們過去幾年早去推廣,早一點把10億人都覆蓋到就好了。但并不是這樣的,我們用戶數(shù)的增長是自然而然增長的過程,對我們而言,我們要考慮的是對我們已有的用戶提供什么服務(wù),這個更重要的問題。

因為人口總是有限的,服務(wù)才是層出不窮的。在過去可能10年算一個時代,但我覺得自從互聯(lián)網(wǎng)或者是移動互聯(lián)網(wǎng)出來的時候,我有一個感覺,三五年就是一個時代了,也就是說時代的更迭更快了,催生出來的需求也是更快了。在這個時代下,創(chuàng)新才是應(yīng)對未來的唯一辦法。

所以圍繞這種快速變化,事實上我們根本用不著去顧及還有多少人口可以用,而是說我們怎么樣能夠應(yīng)對未來更多的需求。所以去找到并且面對未來的需求才是在微信有10億用戶這個關(guān)口所要做的事情。

就像在廣州的用戶,我們最近給廣州的用戶開通了附近的餐廳入口,是灰度的,在發(fā)現(xiàn)里面,可能很多人沒有看到。因為去年我在公開課說了微信的一部分是要探索線下的生活,但是這一點有一點曲折,到現(xiàn)在只是灰度的一個現(xiàn)狀,目前團隊只是拿廣州的用戶做了一個試點。

但是類似這樣的嘗試,我覺得會越來越多。因為我們自己也發(fā)現(xiàn),微信作為一個 APP 來說,它已經(jīng)承載了很多很多的東西,并且在承載這么多情況下看起來還那么簡單。但是畢竟它的承載能力也是有限的,所以在下一個階段,我覺得微信更多的是圍繞微信通過不同的APP,嘗試跟微信有某一種關(guān)聯(lián)的其他一些服務(wù)形態(tài)。就像微信讀書一樣的,如果我們把微信讀書非要放到微信里面,看起來也可以,但是它作為一個獨立APP,能夠獨立地去進步,這樣反而是更合適的。

所以關(guān)于很多人可能會問一個問題,微信下一步要做什么?我覺得今天花了特別多的時間就是圍繞微信的出發(fā)點來說清楚了微信過去是怎么做的?

對于未來,我覺得其實這也是一個時間點來面對微信的未來,因為剛好是8年,并且剛好用戶已經(jīng)到達了10億,這個時候?qū)τ趫F隊來說我們就是在思考一個問題,就是微信要開始面對下一個8年新的挑戰(zhàn)。但這個新的挑戰(zhàn)不是來自于競爭對手,而是來自于在用戶層面,每年用戶也在變化,就像剛才我說的三五年就是一個時代,我們要面對新的用戶時代新的用戶產(chǎn)生的需求。

不管怎么樣,面對這樣的需求,以微信做事風格的話,如果我們始終像過去的微信一樣,始終瞄準的是做最好的工具,并且讓創(chuàng)造價值的人體現(xiàn)價值這樣一個原動力,我覺得我們再怎么走也不會走得太偏。

所以有的時候我們經(jīng)常會回顧一下,如果我們自己看一下微信這些年改變了什么?其實我們自己也是挺有成就感的。更多的時候,很多人問我們,你們跟別人有什么不一樣?我覺得有一個不一樣是這樣的,我們在思考問題或者是思考做什么的時候我們經(jīng)常會問自己一個問題,就是我們在做這個事情的意義是什么?

我當然知道很多團隊做這個事情他是不問意義的,他只問我們的 KPI 是什么?但是說實話微信團隊從開始成立到現(xiàn)在從來沒有瞄準 KPI 去奮斗過,但是并不妨礙團隊能夠越做越好。因為就像小程序,如果圍繞KPI去做,我們不知道怎么制定KPI,因為它沒有這個東西,沒有辦法制訂它的KPI,如果圍繞一個KPI,大家可能不會做這個事情。

對于團隊來說,大家養(yǎng)成了一個習慣,是我們自己做每個功能、每個服務(wù)背后的意義,或者說一個夢想在里面到底是什么?如果一個功能純粹是為了一個流量來做的,而想不出它給用戶帶來什么樣的價值,這個功能一定是有問題的,或者是它是不長遠的。我認為正是這樣的,每一塊都去想它背后一絲一毫的意義,這是支撐起我們整個團隊走到今天一個很強的理由,并且?guī)椭覀冏龀鲆粋€正確的選擇。這是產(chǎn)品和功能我們背后所思考的意義。

微信的夢想是什么?剛才說過,從個人角度成為人最好的一個工具朋友。從平臺角度,建立一個市場,讓創(chuàng)造者體現(xiàn)價值。在墻和雞蛋之間,似乎總是站在雞蛋一邊。如果你做大了,微信會限制你,如果你剛起步,微信會扶持你。

所以我們真的很少思考競爭對手這回事。微信也沒有競爭對手,不必老是給我們按上各種競爭對手。如果有競爭對手,就是我們自己,是我們的組織能力能不能跟上時代的變化。

微信也沒有焦慮,不必微信做個什么就說微信又焦慮了。所以不必把自己的焦慮投射到微信這里。

對我自己而言,我特別慶幸,也覺得特別幸運。作為一個產(chǎn)品經(jīng)理,能帶領(lǐng)團隊做出一款十億級的產(chǎn)品,當然是很大的成就感。但是,我更覺得幸運的是,我可以在過程中,將自己對這個世界的認知,體現(xiàn)在產(chǎn)品中,并成為產(chǎn)品的價值觀。這是更難得的事情。

我也想借此機會感謝團隊,因為平時還是以批評為主。并且,很多人也不一定理解我強行灌輸?shù)挠^點。特別感謝他們跟我一起在過去的八年里,將微信建設(shè)成為一個影響10億中國人工作生活的全民級產(chǎn)品,并且是一個特別的產(chǎn)品。我為團隊的每個人感到驕傲。因為是他們,讓我們獲得了「微信團隊」這樣一個特別的名字。

有一句話我很喜歡,是一句電影臺詞,我想用它來作為今天演講的結(jié)束。

「萬物之中,希望至美?!购芏嗳酥肋@句話。我經(jīng)常想的是如果微信不能給用戶帶來哪怕多一點點希望,我們就沒有辦法去判斷我們做的事情到底是對的還是錯的,所以它也是我們衡量的準則。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計  圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


用戶體驗 | 全鏈式設(shè)計方法論

ui設(shè)計分享達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

設(shè)計師如何培養(yǎng)自身的設(shè)計方法論與核心競爭能力?


一、用戶體驗初定義

我們先了解下UX,UX的全稱是 User Experience,翻譯過來就是「用戶體驗」,從全稱來看會發(fā)現(xiàn)其實也有UE的叫法,但是UX的叫法更加常用。

在國際標準ISO 9241-210中隊UX的定義是:

a person's perceptions and responses that result from the use or anticipated use of a product, system or service.

一個人對某個產(chǎn)品或系統(tǒng)或服務(wù)在使用前、使用時、使用后產(chǎn)生的感受和反響。

這里可以做以下定義,用戶體驗即用戶的產(chǎn)品使用『主觀感受』,用戶體驗好即用戶感受愉悅。


二、用戶體驗專業(yè)設(shè)計方法論構(gòu)建

需要明確用戶體驗設(shè)計師的專業(yè)技能,就需要先了解用戶體驗五要素,其中包括戰(zhàn)略、范圍、結(jié)構(gòu)、框架、表現(xiàn)五個層面。

用戶體驗五要素之能力層解讀 ——將此進行拓展說明,相應(yīng)的就出現(xiàn)了用戶體驗設(shè)計師需要掌握的一些具體技能。

以上五要素拓展出來的專業(yè)技能需要設(shè)計師去進行延展和探索,構(gòu)建實際業(yè)務(wù)工作中的技能體系,培養(yǎng)專業(yè)技能是用戶體驗設(shè)計師進階的第一步。

那么除去以上的基礎(chǔ)技能,設(shè)計師還需要搭建針對相關(guān)領(lǐng)域的設(shè)計方法論,以下列舉幾個B端設(shè)計的方法論進行逐一闡述。


設(shè)計方法論 | 管理客戶訴求與用戶需求

客戶訴求有很多種,沒有固定的形式,即可以是單個人或者幾個人的特殊意志體現(xiàn),也可以是一批人的特殊需求。用戶需求是站在用戶的場景中去思考,找出最典型用戶的需求,以此來支持產(chǎn)品設(shè)計等。

(1)如果是第一種情況,即少數(shù)人的特殊意志體現(xiàn),此時的客戶訴求與用戶需求的關(guān)系很好理解,結(jié)合上面對于用戶體驗五要素的能力層解讀,客戶訴求即產(chǎn)品目標,包括『商業(yè)盈利目標』與『品牌傳達』,具體可以提現(xiàn)在廣告運營設(shè)計、品牌置入、打單銷售界面展示等。而用戶需求則是上述圖中的用戶研究與人物角色下的場景化普遍需求。

下圖示意:

(2)如果是第二種情況,即此時的客戶訴求也是一批用戶的需求,這個時候用戶需求包括客戶訴求,這種情況下最好的例子就是客戶訴求是產(chǎn)品管理、分析模塊,用戶需求是產(chǎn)品常規(guī)使用模塊。只需求找準相應(yīng)的場景即可以兩邊都很好的滿足。

下圖示意:


設(shè)計方法論 | 向?qū)w系的搭建


有一個很形象的比喻,C端軟件如果是7-11的話,B端軟件就是大型購物中心。

每一個大型的購物中心都有自己的『導視系統(tǒng)』,導視系統(tǒng)再關(guān)鍵的時候指引用戶下一步該怎么走,防止用戶在復(fù)雜的樓層中反復(fù)需找商店,浪費時間或者干脆找不到。

作為復(fù)雜B端系統(tǒng),也需要有自己的向?qū)w系來支持用戶使用,其中:

  • 『新手向?qū)А?/strong>主要是針對小白用戶的功能層、內(nèi)容層的初步介紹;

  • 『業(yè)務(wù)流程引導』主要是針對復(fù)雜流程的分步引導,降低使用難度;

  • 『異常情況引導』是針對異常操作的容錯機制,這一步往往需要用反常規(guī)的方式思考用戶習慣;

  • 『復(fù)雜信息說明/提示』是對低頻/專業(yè)元素的穿透解釋;

  • 『幫助中心』或者叫問答機器人,就是針對用戶的問題庫。

在使用以上內(nèi)容時,需要切記一個原則:需要的場景,合理的出現(xiàn)


設(shè)計方法論 | 制定復(fù)雜界面的響應(yīng)規(guī)范

Web設(shè)計布局中存在靜態(tài)布局、流式布局、自適應(yīng)布局、響應(yīng)式布局、彈性布局;其中響應(yīng)式布局可以保證在任何終端上都能顯示出讓人滿意的效果,所以在復(fù)雜界面的設(shè)計下普遍采用『響應(yīng)式設(shè)計』。

響應(yīng)式設(shè)計一般糅合了靜態(tài)布局+彈性布局+流式布局,再搭載媒體查詢技術(shù)使用(分別為不同的分辨率定義布局)。

在該體系下,使用響應(yīng)的布局規(guī)則需要依據(jù)頁面元素的屬性業(yè)務(wù)要求結(jié)合判斷,例如:列數(shù)較多的表格,場景要求每列都需要顯示全,且預(yù)估用戶可接受適當范圍的橫向滾動,再設(shè)定好部分重要的固定列后,采取靜態(tài)局部的方式來展示該長表格。


設(shè)計方法論 | 卡片式設(shè)計

在B端場景中,為了增加信息展示的形式,在列表識設(shè)計的基礎(chǔ)上,引入了卡片式設(shè)計。相應(yīng)的,我們需要知道卡片式設(shè)計有哪些優(yōu)點,才能在合適的場景使用。

卡片式設(shè)計的創(chuàng)新點主要體現(xiàn)在空間利用上、內(nèi)容突出上、跨終端能力以及視覺傳達上,謹記以上點可以指導關(guān)鍵運用場景的判斷。

相關(guān)閱讀:從列表式UI中升華探討:卡片式UI有哪些創(chuàng)新點


設(shè)計方法論 | 用戶意圖管理

通過『用戶意圖理解』來完成『產(chǎn)品易用性』的提升,可以最大化機器能力在人機交互中的效益。具體操作即在『機器能力』與『用戶分險』之間尋求平衡點,設(shè)定體驗?zāi)繕?,以打造產(chǎn)品的智能體驗。

相關(guān)閱讀:設(shè)計方法論 | 如何構(gòu)建產(chǎn)品的智能體驗

此外還有『有意義的動效設(shè)計』『頁面布局方法論』『灰度測試』『多語言下的字體規(guī)范』等設(shè)計方法論需要去掌握和了解。


三、全鏈式設(shè)計師能力模型

評定一個設(shè)計師的能力是否優(yōu)秀,除了需要掌握必備的專業(yè)技能外,還需要包括各項達標的通用技能。

專業(yè)技能決定設(shè)計師可以站的多高,通用技能決定設(shè)計師可以走的多遠。

通用技能主要包括溝通能力、協(xié)作能力、項目把控能力、設(shè)計落地能力、總結(jié)能力、創(chuàng)新能力等。

  • 溝通:確定溝通目標,提取雙方溝通重點,反推需要收集的信息;

  • 協(xié)作:了解對方工作規(guī)劃側(cè)重點與KPI目標,找到規(guī)劃交集;

  • 項目把控:時刻謹記四象限工作法,重要的事情有規(guī)劃分階段輸出;緊急的事情快輸輸出保證進度,可后期迭代;

  • 設(shè)計落地:明確設(shè)計方案帶來的效益,還需要考慮『用戶需求/場景』與『開發(fā)資源』,在業(yè)務(wù)側(cè)得到認可,獲得支持,達成共贏。傳送門:設(shè)計師如何更好的展示創(chuàng)新設(shè)計方案。

  • 總結(jié)歸納:對于項目,學會提取核心業(yè)務(wù)邏輯+關(guān)鍵交互細節(jié)。有一個小竅門是,階段性的給自己做的項目提取關(guān)鍵詞,關(guān)鍵詞的提取即是項目的最小單元的總結(jié)。

  • 創(chuàng)新:養(yǎng)成跨界研究學習的能力,除了多去體驗同行業(yè)的產(chǎn)品外,跨界的其他行業(yè)的體驗往往會帶來新的靈感,因為體驗的本質(zhì)是一致的。

通用能力的培養(yǎng)往往是慢慢磨練和積累,循序漸進,需要結(jié)合自身性格打造符合自己的能力風格。


四、設(shè)計師工具集

工欲善其事必先利器,稱手的工具可以讓設(shè)計事半功倍。


1. 戰(zhàn)略層、范圍層

產(chǎn)品前期的階段,更加注重創(chuàng)意的提出或者核心的理念,需要制定設(shè)計方向。這個時候的關(guān)鍵點在于洞察問題,包括:目標人群、用戶需求、應(yīng)用場景、場景痛點動機、商業(yè)目標、機會分險成本等。

該階段的行動項需要執(zhí)行頭腦風暴、問卷調(diào)查、用戶訪談、焦點小組、任務(wù)角色共情圖、故事板等,其中大部分都可以通過手繪快速推進,其中可以結(jié)合便利貼、工具尺等等。

在范圍層還設(shè)計到的知識點:心智模型、卡片分類、KANO模型、品牌層次理論等。


2. 結(jié)構(gòu)層、框架層、表現(xiàn)層

產(chǎn)品中期的階段,涉及到較多的產(chǎn)出物與知識點,其中:

  1. 思維導圖的工具可以選擇XMind、Mindmanager;OS X系統(tǒng)推薦使用MindNode,希望線上協(xié)作的話可使用Process On。

  2. 低保真原型最常使用的即Axure,強烈建議配合典型頁面庫、組件庫、控件庫使用,快速調(diào)出各項需要的元素可以極大提高原型制作效率。

  3. 高保真視覺設(shè)計稿里最常規(guī)的就是萬能的PS,條件允許的話推薦使用Sketch,這款軟件只能在OS X系統(tǒng)下運行,但是確實越來越多設(shè)計的選擇和標配。

  4. 高還原交互展示可以運用的軟件比較多,其中墨刀最常見,希望更精細化的展示可選擇Principle或者Protopie。

動效設(shè)計主要使用Adobe After Effects,F(xiàn)ramer和Adobe Animate也可以考慮。

設(shè)計工具多種多樣,選擇合適且大眾的,即又好協(xié)作。


3. 其他:項目管理、歸納、總結(jié)

團隊協(xié)作推薦藍湖,該軟件下設(shè)計師可以交付設(shè)計稿,產(chǎn)品經(jīng)理清晰表達需求和邏輯,工程師查看標注與自動生成代碼,輕松上手,協(xié)作。其他可選擇Teambition、Worktile等。


結(jié)語

本章主要介紹了用戶體驗設(shè)計師的整體能力框架,旨在幫助大家更加系統(tǒng)和分階段地學習用戶體驗。

在體系化的能力框架指導下,新人設(shè)計師需要快速找到自己的優(yōu)勢方面加以強化,弱勢方面加以補充,時刻明白下一步目標。

藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

 

如何合理的使用插圖來擴展用戶界面?

用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

合理的功能是良好的用戶體驗基礎(chǔ)。但我們都只關(guān)注函數(shù)嗎?用戶是人,他們不僅有解決問題的邏輯,也有情緒支配他們的決定。



合理的功能是良好的用戶體驗基礎(chǔ)。但我們都只關(guān)注函數(shù)嗎?用戶是人,他們不僅有解決問題的邏輯,也有情緒支配他們的決定。支持這兩種方法的訣竅是將插圖應(yīng)用于web和移動接口。讓我們看看它們是如何增強UI設(shè)計的。



一、什么是插圖?


插圖使一個故事的一個片斷可視化。它展示了一個過程、動作、環(huán)境等的視覺解釋。它與純粹藝術(shù)的不同之處在于交流的目的:插圖提供信息,傳遞信息。它們通常是為某種目的而創(chuàng)建的,并集成到各種出版媒體中,包括印刷媒體和交互式媒體。插圖也成功地作為一種裝飾,添加風格的環(huán)境或媒體應(yīng)用。



二、插圖對用戶體驗的好處


在這個信息消費迅速而龐大的時代,視覺效果的作用越來越大。根據(jù)S.Thorpe,D.Fize和C. Marlot 對人類視覺系統(tǒng)處理速度的探索,人們平均需要150毫秒來處理圖片,并且需要100毫秒才能理解其意義。圖片更容易記憶和回憶,不同語言的人,無論他們的閱讀能力如何,他們傳達的信息都是清晰的。這就是為什么信息圖、圖標、插圖和其他圖形設(shè)計師的資產(chǎn)被廣泛使用的原因。



簡單的說,在UI中使用自定義插圖有五大好處 :


  • 它們比文本更快被感知,因此用戶可以快速覆蓋關(guān)鍵信息


  • 它們支持頁面或屏幕的可視層次結(jié)構(gòu)


  • 它們增強了界面的美感和情感吸引力


  • 它們激活了色彩、形狀和視覺隱喻的心理


  • 這些都很吸引人,并吸引用戶注意必要的細節(jié)



應(yīng)用于網(wǎng)站和移動應(yīng)用,首先,插圖是另一個功能元素,只有在那之后裝飾。要發(fā)現(xiàn)上面提到的所有好處,分析目標受眾并找到有助于用戶導航和實現(xiàn)目標的想法和隱喻是至關(guān)重要的。另一件事是UI插圖應(yīng)該是簡潔的,并且適當?shù)厥褂?過高的圖形強度會增加界面超載的風險。



三、UI插圖的類型


在現(xiàn)代界面中,我們可以找到各種風格和方向表達在插圖中,從矢量圖像和圖標到精心制作的數(shù)字藝術(shù)品。作為功能布局元素,它們可以滿足不同的需求和功能。



新員工培訓


“入職”是從就業(yè)和人力資源領(lǐng)域引入UX設(shè)計的概念。它處理一些步驟和技術(shù),幫助新手理解接口如何工作。此外,當新特性和更新被引入或用戶與非典型功能交互時,它也被應(yīng)用。


許多數(shù)字產(chǎn)品,包括像Dropbox和Slack這樣的大公司,有效地為這個目標應(yīng)用了插圖。支持有意義的藝術(shù)作品的入職支持,允許更快的解釋功能,并使UI生動。




主題

另一種類型的插畫是那些能立即設(shè)定網(wǎng)站或應(yīng)用的總體主題和情緒的插畫。它們呈現(xiàn)出強烈的視覺隱喻和聯(lián)想,從互動的第一秒起就建立起一種情感訴求。它節(jié)省了用戶的時間和精力,支持積極的用戶體驗和創(chuàng)造必要的氛圍。




教程

教程和工具提示插圖展示了可視化提示。這種類型激活了解釋的潛力,其主要目的是澄清或鼓勵具體的行動。對于不喜歡或無法閱讀副本的人來說,這種類型的圖像使UI更加友好。它尤其適用于屏幕空間有限的移動界面。另一方面,這意味著即使是最細微的細節(jié)都應(yīng)該考慮清楚,不要引起誤解。顯然,教程插圖是針對青少年和兒童的應(yīng)用程序的一個好主意。




獎勵

獎勵是另一種流行的界面插圖。例如:徽章、貼紙、獎?wù)隆⑿切?、杯子以及其他類似的東西都為用戶體驗增加了游戲化,標志著用戶的進步。有什么比感覺自己是贏家更甜蜜的呢?




吉祥物

吉祥物是人格化的角色,可以輕松地為界面添加擬人化。它們成為界面和用戶之間的一種溝通者。吉祥物對網(wǎng)站或應(yīng)用程序的聲音和語氣做出了很大貢獻,甚至可以成為產(chǎn)品的隱喻面孔。這些圖像的象征性使它們令人難忘:它們將生命注入到互動之中。



娛樂

有時候,UI插圖的主要目的是娛樂用戶。你可能會說它與功能無關(guān),這可能是對的。但它直接關(guān)系到情感和審美滿足感。誰說美麗、時尚或者只是樂趣不能成為留住用戶的可靠因素?



寫在最后

Aarron Walter 在他的“ 為情感設(shè)計”一書中說:“我們一直在設(shè)計可使用的界面,就像廚師烹飪可食用食物一樣。當然,我們都想吃有營養(yǎng)價值的可食用食品,但我們也渴望味道。當我們能夠使界面既可用又令人愉快時,為什么我們滿足于使用它呢?插畫有一種強大的力量,它能給每一件接觸到的東西添加美感、情感甚至故事情節(jié)。這使得它們值得作為一種增強用戶界面的強大方式來考慮。

 藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

帶你了解荷蘭設(shè)計史的前世今生(下)

資深UI設(shè)計者

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

在荷蘭的現(xiàn)代設(shè)計當中,有兩個人物無法繞開,那就是風格派里的twins──杜斯伯格與蒙德里安。根據(jù)出生年份,蒙德里安是比杜斯伯格年長11歲的,長者為尊,所以我們先來聊聊蒙德里安。

去年荷蘭搞了一個活動,叫「風格派100年」,意思是從1917年開始計算到2017年,而海報上面就用了一個人物,就是蒙德里安。而且最后還將2017年定為「蒙德里安年」。

其實按歷史上的蓋棺論定,風格派的創(chuàng)始人是杜斯伯格,那為什么海報不放杜先生呢?原理很簡單,就是蒙德里安比杜斯伯格要紅。

蒙德里安最廣為人知的特點自然就是畫格子和討厭綠色,畫格子好理解,但為什么要討厭綠色呢?他討厭綠色的程度到要將家里的綠色植物的葉子涂成白色,作為一個男人如此討厭綠色難道是跟他的一些人生經(jīng)歷有關(guān)系嗎,這些自然是一個謎團,但是多數(shù)人愿意接受的一個答案是,他討厭自然。

蒙德里安被稱為「一輩子畫格子的男人」其實是一種誤解,他并非接觸畫畫就開始畫格子的,反而是畫他后來被認為很討厭的大自然。比方畫荷蘭風車、教堂、蘋果樹,色彩鮮明,造型準確,所以20出頭已經(jīng)是繪畫界的一股清流及潛力股,但為什么后來他變了呢,據(jù)說是因為一個男人。

這個男人出現(xiàn)在1911年,那就是西班牙鼎鼎大名的畫家畢加索先生,畢加索和布拉克在荷蘭的阿姆斯特丹舉辦了一場立體主義畫派展。在設(shè)計史太濃當中如果大家注意一些年份數(shù)字就會發(fā)現(xiàn)原來如此多的大師是在同一個時期存在、彼此認識或者彼此影響的,如果要歸納原因只能說是時勢造英雄,因為時勢的形成會讓一些有共同特點的人同時順應(yīng)機會出現(xiàn)。比方中國90年代的搖滾人物,及后來中國互聯(lián)網(wǎng)創(chuàng)業(yè)大潮中的騰訊百度及阿里巴巴等,都成為順勢而為的既得利益者。

蒙德里安參觀了畢加索跟布拉克的畫展,被他們的作品感動到一塌糊涂,因為立體派講究的立體事實和明確客觀都是蒙德里安當時希望追求的目標,于是他那根潛在的抽象神經(jīng)開始膨脹和律動,他如饑似渴地吸收著立體主義的養(yǎng)分,同年畫出了一張習作叫《灰色的樹》。畫中的樹帶有一些橢圓形構(gòu)圖,這是模仿了畢加索與布拉克的立體派風格,但其仍然帶有不少具象元素,而他在1912年創(chuàng)作的相似尺寸的樹系列習作《花叢中的蘋果樹》(Apple Tree in Flower),雖然大致構(gòu)圖和《灰色的樹》很相似,但這幅畫已經(jīng)明顯更加抽象,更具形式感,畫面被一個個小的塊面魚鱗般拼接起來。

坦白說從《花叢中的蘋果樹》開始,蒙德里安就不容易看懂,這個時候的蒙德里安去了巴黎發(fā)展,因為他覺得那邊的環(huán)境更加適合從事藝術(shù)探索,在法國巴黎他遇到一群同他一樣在尋求現(xiàn)代性、革新藝術(shù)形式的藝術(shù)家、作家、思想家,對他的蛻變產(chǎn)生了不同程度的影響。

隨著對立體主義的探索跟創(chuàng)作,他又慢慢覺得立體主義仍然達不到自己想要的純粹實在,他希望有更加本質(zhì)的表達。玩熱抽象的康定斯基跟玩冷抽象的蒙德里安都十分熱愛音樂,他們都曾借用音樂的概念放到自身的創(chuàng)作上,比方節(jié)奏與韻律。康定斯基本身就是一名業(yè)余大提琴手,而蒙德里安人生中最后的一張作品就叫《百老匯爵士樂》。

在巴黎的那段歲月后期蒙德里安已經(jīng)開始嘗試從立體主義繪畫變成一個畫格子的男人,只是這個時期的格子一般都沒有鮮明的顏色,體現(xiàn)的只是類似音樂里的節(jié)奏與韻律。

1914年時候,蒙德里安因為第一次世界大戰(zhàn)所以回到荷蘭,遇到他生命中第二個重要的男人,就是杜斯伯格,兩人在抽象藝術(shù)上有很多共同話題,越來越欣賞對方,于是決定組隊一起玩。他們在一次很偶然的機會中見到一名彩色玻璃藝術(shù)家的作品,其中僅僅使用三原色的色彩計劃讓蒙德里安深受啟發(fā),而這個時候,時間已經(jīng)來到1917年,他跟杜斯伯格創(chuàng)立了一本奠定風格派江湖地位的雜志,就叫《風格》。而這一年也正是里特維爾德創(chuàng)作「紅藍椅」的同一年,而更準確的說法是,這個椅子在早幾年已經(jīng)創(chuàng)作出形態(tài)結(jié)構(gòu),而受《風格》雜志的影響,才涂上了紅藍黃顏色,不知道這算不算靠蹭熱點成名的典型案例。

這個時候的蒙德里安就開始一直創(chuàng)作不同的紅黃藍格子畫,這些畫甚至連名字都懶得改,基本就是《紅黃藍》大哥,二嫂,表弟,堂弟之類的關(guān)系,普遍以《紅黃藍構(gòu)圖》加數(shù)字來命名。我們看到這批作品時,會想這不就是扁平化風格的鼻祖大師嗎?

好了,這個時候我們要留一點戲份給杜斯伯格。杜斯伯格1883年出生于荷蘭的烏得勒之。他在早期撰寫過寓言、劇本以及通過臨摹博物館的名畫自學繪畫。25歲那年,他首次舉行個人作品展。其后,他開始發(fā)表藝術(shù)評論,創(chuàng)作詩歌作品《滿月》,說明是有文學根基的。自1916年(33歲)起,他參加了先鋒派的所有重要活動,這個時候他已經(jīng)認識了回國的蒙德里安,隨后和他在荷蘭萊德創(chuàng)建「風格派」及其同名雜志。

所以嚴格一點來說,杜斯伯格類似搶注域名的性質(zhì),這個風格可以說是他跟蒙德里安一起探索形成的,但是他拿到了奠基人名分。當然我們也可以看看杜斯伯格的作品,其實跟蒙德里安的作品非常接近,都喜歡玩格子,區(qū)別是我們會在他的作品中看到一樣差異,就是他玩了斜線與對角線,這一點后來導致了他跟蒙德里安的決裂。

這個時候時間已經(jīng)去到1920年,也就是德國包豪斯也已經(jīng)成立了,而蒙德里安在跟杜斯伯格鬧翻后去了巴黎,在巴黎他因為這種全新的藝術(shù)形態(tài)加上不斷通過寫作、演講、發(fā)表作品等方式而成了大名,并成為風格派的代表人物,所以在搶注域名這個競爭中,蒙德里安順利地掰回了一局。

而1921年時候杜斯伯格也開始到德國包豪斯參觀,期間他對這所學校非常感興趣,甚至決定將《風格》雜志遷移到包豪斯來出版,他在講學中高度贊揚包豪斯的行動,卻又同時批評包豪斯的發(fā)展方向。他的《風格》雜志就類似現(xiàn)在的自媒體大號,擁有非常巨大的影響力,所以這對格羅皮烏斯也造成困擾,這也是杜斯伯格一直以來的性格,就是性情變幻無常。當時也正值俄國構(gòu)成主義觀光團在德國游學,他可以當天對他們的作品高度贊揚,但是隔天又提出猛烈批評,完全不按常規(guī)套路出牌。另外關(guān)于他的一些故事也可以詳見《用一篇超全面的好文,帶你了解包豪斯的前世與今生》,他跟包豪斯的伊頓在著裝上喜歡一黑一白,相映成趣。

包豪斯里有一位著名的教員叫費寧格,他倒是喜歡杜斯伯格直接凌厲的性情,因為杜斯伯格雖然不按常規(guī)套路出牌,但是批評的時候理據(jù)都非常充分在理,而且杜斯伯格本身具備深厚扎實的藝術(shù)素養(yǎng),并且當時他擁有自媒體大號,被他罵也是出名的一種渠道,所以費寧格建議格羅皮烏斯可以游說杜斯伯格干脆在包豪斯開課程,成為特聘教員,開明的格羅皮烏斯同意了這個建議。

但是這樣導致了包豪斯一場噩夢,因為杜斯伯格雖然在藝術(shù)理論上有主張,但是教學上傾向無政府主義,說白了就是完全不服從組織的管理與安排。當時位于德國魏瑪?shù)陌浪垢憬Y(jié)構(gòu)主義與達達主義大會,但是在教學上這些激進思想并沒有給學生帶來太多實質(zhì)性的支持與幫助,課堂上的杜斯伯格大吵大叫,而他的夫人則在一旁用鋼琴演奏構(gòu)成主義的非調(diào)性音樂。關(guān)于什么是無調(diào)性音樂,大家可以看看網(wǎng)易云音樂這些朋友的評論:

所以現(xiàn)場非?;靵y,簡直無法進行下去,而且他還經(jīng)常在包豪斯的課堂上批評包豪斯是非理性的,是浪漫主義的,而自身卻在進行非理性的行為。于是在1922年,格羅皮烏斯跟其他教員都實在無法忍受,決定由格羅皮烏斯為代表對杜斯伯格進行勸退,最后杜斯伯格雖然是離開了包豪斯,但很快就在包豪斯附近建立自己的培訓學校。他傳授「風格派」抽象主義藝術(shù)思想與創(chuàng)作原則,這也吸引了大量的包豪斯學生前去聽他的講學,但期間他繼續(xù)對包豪斯的教學方向進行批評,可謂是非常執(zhí)著。

但不管如何,杜斯伯格是將風格派思想帶到德國包豪斯的關(guān)鍵人物,他主張的「風格派」(style-less),期望找到更加簡單、更加國際的術(shù)語來建立國際風格基礎(chǔ)。

這種藝術(shù)觀點為包豪斯所吸納并產(chǎn)生重大影響,抽象藝術(shù)也因此逐漸成為現(xiàn)代設(shè)計的一種國際風格,引導了整個20世紀的產(chǎn)品造型。他其實也通過包豪斯提升了「風格派」在國際上的地位,所以相輔相成?!革L格派」也因此與俄國的「構(gòu)成主義」、德國現(xiàn)代設(shè)計運動一起成為現(xiàn)代藝術(shù)設(shè)計運動的重要組成部分。

杜斯伯格與蒙德里安在個性及氣質(zhì)上形成比較鮮明的對比:蒙德里安溫和且有耐性,總是緩慢前進,不斷精益求精;杜斯伯格則常常顯得沖動,性格中更多的是挑釁性和攻擊性,而較少有建設(shè)性成分。

但不管如何,兩人仍是風格派中的twins,缺一不可。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計  ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)。

UI設(shè)計的基石

用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

在整體設(shè)計流程中,用戶故事可以說是點亮應(yīng)用絕對目標的那一點星光。該片文章的作者將給我們講解為什么哪怕是小范圍的采用用戶故事也能給整體UI設(shè)計流程帶來巨大的好處。

ux-jx

一支設(shè)計團隊坐下來討論為一家新客戶所設(shè)計的應(yīng)用的第一輪模型情況。隨著團隊成員不斷提出想法,我們發(fā)現(xiàn)大家對于這個應(yīng)用是什么?其功能應(yīng)該是什么樣有著截然不同的看法。后來,會議迅速變成了“誰對誰錯”而不是“什么對什么錯”的爭論。大家紛紛為自己的設(shè)計辯護,但沒有一個人站在用戶角度說話。聽著耳熟嗎?正是在這種時刻,我們迫切需要描繪用戶故事。

今時今日,很多UI/UX專業(yè)人士都開始意識到自己工作的環(huán)境進入了Agile狀態(tài)。Agile開發(fā)(和設(shè)計)流程需要快速推進,相應(yīng)地,我們也需要能夠?qū)崿F(xiàn)快速、協(xié)作的工具。這個聽起來像是個矛盾,但實際上確實有很多工具能夠幫助我們在不增加項目時間的情況下有效合作。用戶故事就是針對“Agile法”的工具,在運用到UI設(shè)計流程時,其能夠為后續(xù)的設(shè)計階段提供堅定的基石。簡約版的用戶故事操作起來幾乎不用時間,但卻能對保證項目按軌道運行帶來奇跡般的效果。

我們的UI設(shè)計團隊會在流程中運用用戶故事,而在運用過程中我們發(fā)現(xiàn),用戶故事幫我們做到了三件事。

1.   用戶故事可以讓產(chǎn)品以用戶為核心。

2.   用戶故事可以促進團隊成員之間的合作。

3.   用戶故事可以防止出現(xiàn)功能蔓延以及設(shè)計死胡同。

什么是用戶故事?

從根本上說,用戶故事的用途是描述用戶通過使用軟件產(chǎn)品想要實現(xiàn)的任務(wù)。用戶故事起源于Agile和Scrum開發(fā)策略,但是對于設(shè)計師來說,用戶故事主要用來提醒用戶目標以及對各個界面設(shè)計進行整理和排序。

一個用戶故事就是簡單的一句話??梢杂眠@句作為模板:“作為用戶我需要(基本用戶目標)”。因為故事都很簡短而且有針對性,所以需要多個不同的故事來覆蓋所有可能的用戶案例。事實上,我們會想辦法把每個故事進行細化。

舉個例子,一個用戶故事剛開始時是:

“作為用戶我需要創(chuàng)建一個新帳戶?!?

但是新建帳戶的過程中又涉及到哪些步驟呢?用戶需要提供用戶名、密碼以及其他相關(guān)信息。其中每個操作都需要有相對應(yīng)的用戶故事,故事越具體,到后期對設(shè)計師和開發(fā)來說就會越方便。那么,“創(chuàng)建新帳戶”就可以進一步細化為:

“作為用戶我需要輸入一個新用戶名?!?br data-filtered="filtered" /> “作為用戶我需要輸入密碼?!?br data-filtered="filtered" /> “作為用戶我需要再次輸入密碼進行確認?!?br data-filtered="filtered" /> “作為用戶我需要提交信息,創(chuàng)建帳戶?!?

這樣繼續(xù)下去,最后就會得到一大長串用戶故事,其中大部分都需要加入到最終產(chǎn)品內(nèi)。

我們最近為Quiksilver服裝設(shè)計了一款iPad應(yīng)用,可以讓銷售其貨物的店鋪跟蹤當前存活狀態(tài),以便輕松下單訂新貨。就是這么一款看似非常簡單明了的應(yīng)用,我們想出了266個用戶故事(剛開始時)。你們都沒想到細節(jié)能夠細到這種程度吧!

以用戶為中心

作為設(shè)計師,我在第一次和項目相關(guān)人員開會的時候就會開始考慮布局和配色方案。在聽他們說目標以及了解終端用戶情況的同時,我就能想象出這款應(yīng)用應(yīng)該是什么樣的。但關(guān)鍵在于不能本末倒置——我們要先確定用戶故事,讓用戶故事道出設(shè)計,而不能倒過來搞。

在對應(yīng)用的所有用戶故事做完腦暴之后,我們會把故事放到Google的合作電子表格上,以便客戶在想到有其他用戶故事時隨時添加。在客戶和團隊感覺已經(jīng)窮盡所有內(nèi)容之后,我們會給每個故事一個編號。這些編號到項目后期會派上大用場,我們會用編號作為一個簡明的標簽來表示哪些故事需要在哪個時間段處理。

這個表格的功能不僅是提醒我們應(yīng)用的功能,還能讓我們在整個流程中與用戶緊密相聯(lián)。每個用戶故事都是針對于我們終端用戶的,以便保證始終照顧到他們的需求。這一點在一個有關(guān)約會應(yīng)用的項目中表現(xiàn)的尤其明顯。

關(guān)于這個應(yīng)用,我在給“用戶資料”頁面做線框圖的時候,最開始以為需要添加一個“保存用戶”功能按鈕。但是,我不經(jīng)意瞟了一眼“用戶資料”部分,突然想起來用戶故事中的一個細節(jié):“作為用戶我需要收藏其他用戶?!?

把“保存”一詞改成“收藏”這個決定雖小但很關(guān)鍵,因為“保存”用戶聽起來冷冰冰的,而“收藏”則契合了用戶有關(guān)約會的心態(tài)。設(shè)計師容易陷入到技術(shù)的陷阱中,特別是在對功能投入了大量時間之后。而用戶故事可以提醒我們時刻以用戶體驗為核心,因為用戶體驗是最終決定應(yīng)用性格的東西。

促進合作

UI設(shè)計通常涉及到的人不止一個。其中還可能包括客戶、設(shè)計師、程序員以及一大堆的其他職位工作人員,具體要取決于公司的規(guī)模大小。從很多方面說,這就類似于一隊人劃船。要贏得比賽,團隊的每個成員都要以相同的速度朝著相同的方向一齊劃槳。這并不是說所有人的意見都要始終統(tǒng)一,而是說所有人都要有統(tǒng)一的目標并且清楚自己在團隊中的角色。

雖然我們在CitrusBits所采用的流程遠算不上完美,但是我們卻發(fā)現(xiàn)用戶故事能夠保證船上的人勁都往一處使。以用戶故事為基準做出決策讓我們得以明確定義出應(yīng)用的目標。這樣一來就大大降低了團隊合作時的障礙,因為我們用簡短、有針對性的詞句明確定義出了共同的目標。

另外,用戶故事還能讓身處不同地理位置的團隊更加輕松的合作。我們在為一家舊金山客戶開發(fā)一款問答類應(yīng)用時,我們在海灣地區(qū)的團隊會時不常的和客戶碰面討論應(yīng)用要求。他們寫出了用戶故事(但并沒有在項目期間進行其他修改)然后放到了Google Drive。而我們身處洛杉磯的團隊則可以在畫線框圖的同時隨時參考用戶故事,并進行必要的改動。要不是有了這個步驟,這個項目所花費的時間會長的很多,而且還會需要通過大量漫長的解釋工作來解決這些簡短用戶故事幾分鐘就能解決的問題。

防止出現(xiàn)功能蔓延以及設(shè)計死胡同

“功能蔓延”是一個UI設(shè)計中常見的詞。它是指相關(guān)人員會不自覺地不斷增加新功能,擴展項目范圍,這既包括硬件也包括軟件方面。

這幅漫畫完美地詮釋了功能蔓延。

當然,在項目進展期間我們是不反對更改要求的。但是,除非有明確的用戶故事告訴我們原因,我們會拒絕哪怕添加一個簡單的文本框。我們之所以在這方面這么強硬,是因為之前看到過有的項目超出控制、丟掉中心最后無法實現(xiàn)最初設(shè)定的目標。

舉個例子,不久之前,我們有個客戶忽略了用戶故事這回事。當時我們正在給一家處理保密資產(chǎn)的公司搭建應(yīng)用,客戶想要做一款能夠管理員工之間通訊的應(yīng)用。主要的通訊手段是一個使用文字信息和圖片的公司內(nèi)部對話平臺(這一點我們都認可了),這個我們記錄到了用戶故事里。后來,客戶又要求增加視頻、語音信息和位置分享。為了保持我們“靈活”的形象,我們想辦法把這些內(nèi)容加入了新的通訊系統(tǒng),也因此擴大了項目范圍,推遲了時限,在做完了全部工作之后我們卻發(fā)現(xiàn)添加的內(nèi)容其實對終端用戶沒用。

盡管新增的功能也很屌,但我們最開始的初衷是做一款盡量簡化通訊的應(yīng)用以便促進團隊建設(shè)和協(xié)作,不讓他變成一個公司內(nèi)部的Facebook。于是,我們又回到了用戶故事并重新提醒了客戶做應(yīng)用的初衷,最后成功組織了功能蔓延,回到了正軌。多方面的實驗盡管能帶來很多很棒的成果,但是如果產(chǎn)品無法滿足根本要求,再精巧也沒意義。

通過這次教訓,我們在開發(fā)Quicksilver這個針對B2B公司的銷售類應(yīng)用時嚴格遵照用戶故事開展流程。最后,最終產(chǎn)品一絲不茍地遵守了最初設(shè)計,這主要歸功于我們在前期積累了一套全面的用戶故事。以用戶故事為基石為后期節(jié)省了大量工作,同時也讓我們的工作更加有序、更加以用戶為中心。盡管產(chǎn)品的每次迭代都帶來了更多的用戶和客戶反饋,但產(chǎn)品理念的核心一直屹立不倒。

產(chǎn)品從最初設(shè)計到最終成品變化非常小。

每個用戶故事對于設(shè)計團隊和開發(fā)團隊來說都有自己的一套意義。時刻思考技術(shù)限制雖然說是好的,但是畢竟我們說的是“用戶故事”,不是“開發(fā)的故事”也不是“設(shè)計師的故事”。正因為我們通過用戶故事對用戶的觀點進行了排序整理,我們才能更輕松地了解所面臨的問題進而創(chuàng)造出一款真正有用的最終產(chǎn)品。

 藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔