首頁(yè)

為什么這些畫面更耐看?

資深UI設(shè)計(jì)者

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


導(dǎo)語(yǔ)


為什么視覺(jué)效果很重要,因?yàn)槲覀兊拇竽X處理視覺(jué)信息的速度比其他信息快6萬(wàn)倍。在同樣的設(shè)計(jì)框架中,要如何快準(zhǔn)狠找到最終傳達(dá)的信息?有時(shí)候選對(duì)圖片讓你的設(shè)計(jì)事半功倍。


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


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


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


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


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

 




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


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


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


 

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


小測(cè)試:上圖你能得到的信息時(shí)什么?

  ● 怪異?

  ● 螺絲釘?

  ● 不合常理?


特異是能打破現(xiàn)有框架的元素,譬如一個(gè)人身掛著狗頭,絕對(duì)能快速吸引你的目光。因?yàn)楹统WR(shí)有所偏差,所以能特別吸引目光。


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


 

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


那么,有什么特征才會(huì)有這樣的感覺(jué)呢?




二、 有感覺(jué)圖片的具有這些特征


1、善用眼睛,影響他人


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


很多小說(shuō)里都會(huì)提到通過(guò)對(duì)方的一個(gè)眼神,就能確定那個(gè)人在想干什么。聽上去有點(diǎn)神奇,不過(guò)確實(shí)眼神有這樣的魔力。



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


怎么樣的眼睛是具有引導(dǎo)作用呢?


可以參考以下這張圖,一般來(lái)說(shuō),當(dāng)人臉的朝向了正面的時(shí)候,他的眼睛的引導(dǎo)力并不算很強(qiáng)。因?yàn)檫@時(shí)候他的眼神是盯著你看,并不會(huì)在畫面其它區(qū)域留下痕跡,所以引導(dǎo)的作用并不強(qiáng)。


這就是為什么畫人像的時(shí)候,基本不會(huì)畫完全正臉的頭像,是一樣的道理。因?yàn)檎樀娜讼駮?huì)顯得很嚴(yán)肅,并不生動(dòng)。

 



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



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



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



相反我們將文字內(nèi)容移到左側(cè)的時(shí)候,這種吸引力會(huì)弱化??瓷先ニ坪踹€不錯(cuò),但總感覺(jué)有點(diǎn)不對(duì)路的地方。就是因?yàn)檠劬Φ某蚴窃诋嬅嬷?,而文字是在畫面?nèi)部,他們兩者產(chǎn)生了引導(dǎo)線沖突導(dǎo)致的。



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



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


 




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


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


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



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


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



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



舉個(gè)例子:

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

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


好的圖片也具備了這樣的特點(diǎn),搭配手部動(dòng)作,圖片具有很強(qiáng)的誘導(dǎo)性。



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


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



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


這個(gè)方案既有明確的引導(dǎo)性,也有人物間的大小對(duì)比,整體看上去會(huì)顯得比較完整和耐看。



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


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



試圖通過(guò)視覺(jué)點(diǎn)的分布,看看問(wèn)題出在哪里?


圖二視覺(jué)點(diǎn)會(huì)有兩個(gè),第一個(gè)是往下的視覺(jué)點(diǎn),一個(gè)是往右的視覺(jué)點(diǎn)。整體感受就會(huì)比較凌亂。


相反,圖一比較明確,只有一個(gè)按順序移動(dòng)的視覺(jué)點(diǎn),即先向左再向下,最終觸達(dá)核心文字。








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


當(dāng)你找到圖片之后,不清楚要做成什么風(fēng)格的時(shí)候,趨勢(shì)可以幫到你。


趨勢(shì)是從哪里來(lái)呢?



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



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


  ● 大膽的用色(Bold Color) 




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


那么這個(gè)風(fēng)格的特點(diǎn),就可以整理成以下關(guān)鍵字:

  ● ins 

  ● 時(shí)尚

  ● 粉色




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


為什么會(huì)選擇這張嘴唇的圖片呢?


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


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



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


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



 

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



最終形成的海報(bào),如圖所示。






五、 圖片傳達(dá)實(shí)驗(yàn)室——迅速提高圖片魅力


看了那么多有魅力的特征圖片,肯定要?jiǎng)邮謱?shí)踐,怎么將這部分的知識(shí)融入到選圖之中。


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


 

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

 


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



但是我們?cè)囍鴵Q另一種角度去看。每個(gè)角度都能呈現(xiàn)不一樣的內(nèi)容。雖然它們都是引用了同一張圖片,但是表達(dá)的意思卻是完全不一樣,另外所表現(xiàn)出來(lái)的視覺(jué)語(yǔ)言也是相當(dāng)不同。



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




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


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


 

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


 


2、解決的課題


我們?cè)撛趺唇鉀Q上述問(wèn)題呢?很簡(jiǎn)單,只要將圖片進(jìn)行反翻轉(zhuǎn)可以了,最終形成以下所示的效果。


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


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

  ● 重點(diǎn):變得更有視覺(jué)焦點(diǎn)。





3、列舉替代方案


當(dāng)我們找到了這么一個(gè)角度之后,可以分析顏色,進(jìn)而列舉出更多可選的方案。


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


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

 



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



① 以圖搜圖:


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


 


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


對(duì)目標(biāo)圖片顏色的分析,列舉出顏色趨勢(shì),并將這些名稱放到專業(yè)的圖庫(kù)里進(jìn)行搜索。

 



③ 高級(jí)自定義搜索:


可以只用普通引擎進(jìn)行針對(duì)站點(diǎn)檢索,進(jìn)行指向性搜索。你只要知道目標(biāo)就可以針對(duì)搜索。


 





六、 實(shí)施方案策略




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


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


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


我們直接將這張圖片摳出來(lái),放到我們之前整理的背景里的話,明顯是顯得有點(diǎn)格格不入了。因?yàn)閮煞N畫面的風(fēng)格不太一致,這就需要進(jìn)行統(tǒng)一的調(diào)整。



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


 



2. 能引起行為的動(dòng)作按鈕


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


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


對(duì)于眼神望向右邊而言,『80%和購(gòu)買按鈕』顯得就非常明顯。

 




3. 減少視覺(jué)噪音


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


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






4. 款式一致


除了上述能為圖片加分的選項(xiàng)以外,還有一點(diǎn),就是當(dāng)多圖片使用時(shí),一定要注意款式的一致。





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


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


黃金分割是一個(gè)數(shù)學(xué)比例。我們?cè)诖笞匀恢泻苋菀渍业竭@樣的比例,當(dāng)它用于設(shè)計(jì)時(shí),能創(chuàng)造出有生命力的、純天然的視覺(jué)作品,愉悅我們的眼睛。



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


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



但是我們適用設(shè)計(jì)軟件里并沒(méi)有這一選項(xiàng),自己動(dòng)手做的話明顯也不是很合適。這時(shí)候,我們就要使用到萬(wàn)能的插件。


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



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


  ● 插件一:Divine Proportions Toolkit


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





總結(jié):


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


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

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

用心設(shè)計(jì)

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

 

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

1.文字的可讀性

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

  • 字體樣式:字體的樣式會(huì)影響可讀性。


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

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

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

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

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

2.段落的可讀性

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

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

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


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

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

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

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

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

4.圖片的可讀性

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

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

5.導(dǎo)航的可讀性

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

  • 導(dǎo)航要簡(jiǎn)單明了,避免奇怪的布局。

上面這個(gè)導(dǎo)航不是說(shuō)做得不好看,而是找交互的設(shè)計(jì)用起來(lái)讓用戶會(huì)有點(diǎn)不舒服,導(dǎo)航下拉時(shí),除頭部?jī)?nèi)容整個(gè)頁(yè)面整體下移,這也可能就是設(shè)計(jì)師特意做的效果,但是很明顯,效果不是特別出彩。

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

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

  • 導(dǎo)航的層級(jí)關(guān)系設(shè)計(jì)簡(jiǎn)單點(diǎn),最好不要超過(guò)三級(jí)。

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


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


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

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

資深UI設(shè)計(jì)者

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

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

△ 設(shè)計(jì)思維的五個(gè)步驟(圖片來(lái)源:99U)

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

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

△ 圖片來(lái)源:https://www.subtraction.com

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

對(duì)于他們兩個(gè)所說(shuō)的觀點(diǎn),我覺(jué)得都對(duì)。但是更準(zhǔn)確的說(shuō),他們兩者所提到的設(shè)計(jì)并不能相比,因?yàn)樵O(shè)計(jì)思維(方法論)與設(shè)計(jì)其實(shí)是兩個(gè)非常不一樣的東西,從名詞上來(lái)說(shuō)已經(jīng)能嗅出它們的不同。

文章目錄

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

Natasha Jen – 批判在哪里?

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

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

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

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

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

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

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

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

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

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

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

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

谷歌的設(shè)計(jì)沖刺

△ 圖片來(lái)源:https://www.charitydigitalnews.co.uk

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

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

所以這樣看,其實(shí)在沖刺的過(guò)程中,批判是無(wú)處不在的。

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

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

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

△ Khoi Vinh 圖片來(lái)源:https://www.designweek.co.uk

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

我們先來(lái)看看這兩句話:

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

當(dāng)你都不會(huì)這門語(yǔ)言,那就更別提去理解這門語(yǔ)言了。──Khoi Vinh

還有:

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

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

「當(dāng)你都不會(huì)這門語(yǔ)言」的時(shí)候…

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

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

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

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

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

「那就更別提去理解這門語(yǔ)言了」

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

總結(jié)

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

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

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

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

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


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

 

為什么這些畫面更耐看

用心設(shè)計(jì)

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

 

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


導(dǎo)語(yǔ)


為什么視覺(jué)效果很重要,因?yàn)槲覀兊拇竽X處理視覺(jué)信息的速度比其他信息快6萬(wàn)倍。在同樣的設(shè)計(jì)框架中,要如何快準(zhǔn)狠找到最終傳達(dá)的信息?有時(shí)候選對(duì)圖片讓你的設(shè)計(jì)事半功倍。


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


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


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


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


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

 




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


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


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


 

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


小測(cè)試:上圖你能得到的信息時(shí)什么?

  ● 怪異?

  ● 螺絲釘?

  ● 不合常理?


特異是能打破現(xiàn)有框架的元素,譬如一個(gè)人身掛著狗頭,絕對(duì)能快速吸引你的目光。因?yàn)楹统WR(shí)有所偏差,所以能特別吸引目光。


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


 

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


那么,有什么特征才會(huì)有這樣的感覺(jué)呢?




二、 有感覺(jué)圖片的具有這些特征


1、善用眼睛,影響他人


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


很多小說(shuō)里都會(huì)提到通過(guò)對(duì)方的一個(gè)眼神,就能確定那個(gè)人在想干什么。聽上去有點(diǎn)神奇,不過(guò)確實(shí)眼神有這樣的魔力。



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


怎么樣的眼睛是具有引導(dǎo)作用呢?


可以參考以下這張圖,一般來(lái)說(shuō),當(dāng)人臉的朝向了正面的時(shí)候,他的眼睛的引導(dǎo)力并不算很強(qiáng)。因?yàn)檫@時(shí)候他的眼神是盯著你看,并不會(huì)在畫面其它區(qū)域留下痕跡,所以引導(dǎo)的作用并不強(qiáng)。


這就是為什么畫人像的時(shí)候,基本不會(huì)畫完全正臉的頭像,是一樣的道理。因?yàn)檎樀娜讼駮?huì)顯得很嚴(yán)肅,并不生動(dòng)。

 



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



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



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



相反我們將文字內(nèi)容移到左側(cè)的時(shí)候,這種吸引力會(huì)弱化。看上去似乎還不錯(cuò),但總感覺(jué)有點(diǎn)不對(duì)路的地方。就是因?yàn)檠劬Φ某蚴窃诋嬅嬷猓淖质窃诋嬅鎯?nèi)部,他們兩者產(chǎn)生了引導(dǎo)線沖突導(dǎo)致的。



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



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


 




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


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


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



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


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



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



舉個(gè)例子:

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

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


好的圖片也具備了這樣的特點(diǎn),搭配手部動(dòng)作,圖片具有很強(qiáng)的誘導(dǎo)性。



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


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



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


這個(gè)方案既有明確的引導(dǎo)性,也有人物間的大小對(duì)比,整體看上去會(huì)顯得比較完整和耐看。



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


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



試圖通過(guò)視覺(jué)點(diǎn)的分布,看看問(wèn)題出在哪里?


圖二視覺(jué)點(diǎn)會(huì)有兩個(gè),第一個(gè)是往下的視覺(jué)點(diǎn),一個(gè)是往右的視覺(jué)點(diǎn)。整體感受就會(huì)比較凌亂。


相反,圖一比較明確,只有一個(gè)按順序移動(dòng)的視覺(jué)點(diǎn),即先向左再向下,最終觸達(dá)核心文字。








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


當(dāng)你找到圖片之后,不清楚要做成什么風(fēng)格的時(shí)候,趨勢(shì)可以幫到你。


趨勢(shì)是從哪里來(lái)呢?



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



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


  ● 大膽的用色(Bold Color) 




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


那么這個(gè)風(fēng)格的特點(diǎn),就可以整理成以下關(guān)鍵字:

  ● ins 

  ● 時(shí)尚

  ● 粉色




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


為什么會(huì)選擇這張嘴唇的圖片呢?


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


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



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


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



 

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



最終形成的海報(bào),如圖所示。






五、 圖片傳達(dá)實(shí)驗(yàn)室——迅速提高圖片魅力


看了那么多有魅力的特征圖片,肯定要?jiǎng)邮謱?shí)踐,怎么將這部分的知識(shí)融入到選圖之中。


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


 

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

 


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



但是我們?cè)囍鴵Q另一種角度去看。每個(gè)角度都能呈現(xiàn)不一樣的內(nèi)容。雖然它們都是引用了同一張圖片,但是表達(dá)的意思卻是完全不一樣,另外所表現(xiàn)出來(lái)的視覺(jué)語(yǔ)言也是相當(dāng)不同。



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




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


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


 

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


 


2、解決的課題


我們?cè)撛趺唇鉀Q上述問(wèn)題呢?很簡(jiǎn)單,只要將圖片進(jìn)行反翻轉(zhuǎn)可以了,最終形成以下所示的效果。


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


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

  ● 重點(diǎn):變得更有視覺(jué)焦點(diǎn)。





3、列舉替代方案


當(dāng)我們找到了這么一個(gè)角度之后,可以分析顏色,進(jìn)而列舉出更多可選的方案。


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


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

 



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



① 以圖搜圖:


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


 


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


對(duì)目標(biāo)圖片顏色的分析,列舉出顏色趨勢(shì),并將這些名稱放到專業(yè)的圖庫(kù)里進(jìn)行搜索。

 



③ 高級(jí)自定義搜索:


可以只用普通引擎進(jìn)行針對(duì)站點(diǎn)檢索,進(jìn)行指向性搜索。你只要知道目標(biāo)就可以針對(duì)搜索。


 





六、 實(shí)施方案策略




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


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


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


我們直接將這張圖片摳出來(lái),放到我們之前整理的背景里的話,明顯是顯得有點(diǎn)格格不入了。因?yàn)閮煞N畫面的風(fēng)格不太一致,這就需要進(jìn)行統(tǒng)一的調(diào)整。



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


 



2. 能引起行為的動(dòng)作按鈕


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


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


對(duì)于眼神望向右邊而言,『80%和購(gòu)買按鈕』顯得就非常明顯。

 




3. 減少視覺(jué)噪音


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


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






4. 款式一致


除了上述能為圖片加分的選項(xiàng)以外,還有一點(diǎn),就是當(dāng)多圖片使用時(shí),一定要注意款式的一致。





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


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


黃金分割是一個(gè)數(shù)學(xué)比例。我們?cè)诖笞匀恢泻苋菀渍业竭@樣的比例,當(dāng)它用于設(shè)計(jì)時(shí),能創(chuàng)造出有生命力的、純天然的視覺(jué)作品,愉悅我們的眼睛。



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


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



但是我們適用設(shè)計(jì)軟件里并沒(méi)有這一選項(xiàng),自己動(dòng)手做的話明顯也不是很合適。這時(shí)候,我們就要使用到萬(wàn)能的插件。


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



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


  ● 插件一:Divine Proportions Toolkit


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





總結(jié):


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


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

 

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

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

資深UI設(shè)計(jì)者


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

大家好!我是張小龍。


剛剛我們?cè)谙旅婵戳艘幌逻@些吐槽,非常好,因?yàn)槲颐刻於荚诼牭竭@樣的聲音,都已經(jīng)習(xí)慣了。我覺(jué)得在中國(guó)來(lái)說(shuō),每天都有5億人說(shuō)我們做得不好,每天還有1億人想教我怎么樣做產(chǎn)品,我覺(jué)得這是非常正常的一個(gè)事情。但是我來(lái)這里不是為了教大家怎么做產(chǎn)品的。

每年我們內(nèi)部問(wèn)我要不要參加公開課?我總是說(shuō)我還沒(méi)有確定好,我還是要想一想,后來(lái)我跟他們提了一個(gè)條件,如果我要來(lái)的話,能不能把我的時(shí)間放到更加晚一點(diǎn)的時(shí)間,因?yàn)槲姨貏e希望我有一個(gè)特別好的狀態(tài)跟大家做交流。后來(lái)我用了一個(gè)理由說(shuō)服了我自己,今年我要過(guò)來(lái)參加一下,因?yàn)槟氵B續(xù)好幾年來(lái)參加,突然中斷了,有一點(diǎn)把一個(gè)行為藝術(shù)突然中斷的感覺(jué)。

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

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

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

每個(gè)人都有自己的理解會(huì)更好一點(diǎn),就像微信這么多年以來(lái),微信的啟動(dòng)頁(yè)面總是一個(gè)人站在地球前面,剛發(fā)布的時(shí)候,有很多人問(wèn)我為什么是一個(gè)人站在地球前面,更早的版本是一個(gè)人站在月球前面,那個(gè)時(shí)候也是很有想象力。對(duì)于這個(gè)點(diǎn),我相信每個(gè)人都有自己的理解。

因?yàn)槲覀儧](méi)有標(biāo)準(zhǔn)答案,所以這么多年以來(lái),每次當(dāng)你看到微信這樣的一個(gè)啟動(dòng)頁(yè)面,你可能都會(huì)有一個(gè)想法:這個(gè)人在干嘛?他站在地球前面做什么?過(guò)了一年你的想法會(huì)變一點(diǎn),再過(guò)一年又會(huì)變一點(diǎn)。正是因?yàn)檫@樣,我覺(jué)得才是一個(gè)特別好的啟動(dòng)頁(yè)面,因?yàn)樗严胂罂臻g留給了用戶自己,10億用戶有10個(gè)億的理解,他會(huì)找到打動(dòng)他的點(diǎn)。所以看起來(lái)很多的 APP 都在把自己的啟動(dòng)頁(yè)變來(lái)變?nèi)ィ⑿胚@個(gè)不會(huì)變,并且我相信將來(lái)也不會(huì)變。

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

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

自豪的是,做異類是表示你與眾不同,那就是很優(yōu)秀了。驚訝的是,其實(shí)微信只是守住了做一個(gè)好產(chǎn)品的底線,居然就與眾不同了。那是因?yàn)楹芏喈a(chǎn)品不把自己當(dāng)產(chǎn)品看待,不把用戶當(dāng)用戶看待。而微信,做到了這兩點(diǎn)。

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

這次的公開課我把時(shí)間放在晚上,其實(shí)還有一個(gè)原因,就是如果認(rèn)真準(zhǔn)備一個(gè)東西來(lái)跟大家分享,那我很有可能會(huì)超時(shí),在晚上這個(gè)超時(shí)的空間是很大的。

現(xiàn)在,微信到了10億的DAU,在這樣的一個(gè)點(diǎn)上我更愿意花一定的時(shí)間,從微信的起源、本質(zhì)這些方面來(lái)更加全面的講解一下微信背后的我們?cè)谙胧裁础?

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

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

我把這十個(gè)原則念給大家聽下,大家可以對(duì)照微信來(lái)思考一下,會(huì)很有意思。

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

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

而微信從來(lái)不做節(jié)日運(yùn)營(yíng)或者 logo 的變化,很多人會(huì)說(shuō)微信很「克制」。但其實(shí)這并不是克制的結(jié)果,本質(zhì)上是因?yàn)槲⑿乓恢痹谧裱环N好的設(shè)計(jì)原則,使得我們不會(huì)去做很多影響設(shè)計(jì)美感的事情。

而我觀察到的很多業(yè)界的產(chǎn)品經(jīng)理,其實(shí)畢業(yè)后就會(huì)被自己所在的公司誤導(dǎo)。因?yàn)楣镜哪康氖且髁恳儸F(xiàn),所以大家的KPI 就是如何產(chǎn)生流量如何變現(xiàn)。一旦圍繞這個(gè)目標(biāo),大家的工作目的已經(jīng)不是做最好的產(chǎn)品,而是用一切手段去獲取流量而已。

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

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

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

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

很有意思的是,因?yàn)樽裱瓌t,很多東西我們又必須堅(jiān)持去改變。

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

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

就像微信7.0版本的時(shí)候我們內(nèi)部使用了很長(zhǎng)時(shí)間,我自己一直在兩個(gè)版本不停的切換,當(dāng)我用了一段時(shí)間,我不愿意切換到舊的版本去。也許用戶一下子不能接受,但是我相信他們適應(yīng)以后也會(huì)接受。重要的是我們必須要用我們的產(chǎn)品不停的適應(yīng)時(shí)代,而不是因?yàn)楹ε掠脩舻谋г咕筒蝗ジ淖兯?

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

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

說(shuō)完微信一直以來(lái)堅(jiān)持的設(shè)計(jì)原則,我想簡(jiǎn)單回顧一下微信的一些歷史。

可能很多人都聽過(guò)這個(gè)故事,當(dāng)時(shí)我寫了一封郵件給Pony,開啟了微信這個(gè)項(xiàng)目。這個(gè)事情是真實(shí)的,但是也有很多不真實(shí)的傳說(shuō),比如去過(guò)某某寺廟。想到那封郵件,我時(shí)不時(shí)會(huì)覺(jué)得有點(diǎn)后怕,如果那個(gè)晚上我沒(méi)有發(fā)這封郵件,而是跑去打桌球了,可能就沒(méi)有微信這個(gè)產(chǎn)品了,或者是公司另一個(gè)團(tuán)隊(duì)做的另一個(gè)微信。

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

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

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

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

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

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

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

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

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

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

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

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

所以在微信8年這樣一個(gè)時(shí)間點(diǎn),跟以往的公開課不一樣,我更愿意從微信的方方面面,來(lái)解釋下我們是怎么想的。

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

初心與原動(dòng)力

初心,是用熟了的詞,我換一種說(shuō)話,叫「原動(dòng)力」。

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

那么微信的原動(dòng)力,可以總結(jié)為兩點(diǎn)。

第一,堅(jiān)持做一個(gè)好的,與時(shí)俱進(jìn)的工具。

由于我對(duì)工具產(chǎn)品熱愛(ài),我甚至?xí)H自動(dòng)手寫代碼來(lái)打造出一個(gè) foxmail 這樣的產(chǎn)品來(lái)滿足自己的制造欲望。所以做一個(gè)優(yōu)秀的工具,對(duì)我來(lái)說(shuō)是值得癡迷的。微信的基礎(chǔ)點(diǎn),就是成為一個(gè)優(yōu)秀的工具。

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

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

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

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

什么是「與時(shí)俱進(jìn)」的?

對(duì)用戶來(lái)說(shuō),我們不能說(shuō),微信就是一個(gè)工具,我們要獲得用戶的認(rèn)可。

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

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

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

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

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

在微信很早期的版本,我們就發(fā)布了公眾平臺(tái)。這也是微信的一個(gè)創(chuàng)新。當(dāng)時(shí)的思考主要是,微信會(huì)取代短信,那么短信時(shí)代的市場(chǎng)需求是,眾多的服務(wù)都要通過(guò)短信來(lái)觸達(dá)用戶,我們?nèi)〈怂驳锰峁┫鄳?yīng)的能力來(lái)覆蓋這個(gè)需求。

但我知道短信、郵件,因?yàn)槭强梢圆皇芸氐厝喊l(fā)的,這帶來(lái)的副作用大家都知道。于是想,如果微信提供一種基于訂閱的模式,既避免用戶被騷擾和欺詐,也讓服務(wù)可以可控地給需要的人發(fā)信息,其實(shí)是做一個(gè)C端和B端的橋梁。我還記得當(dāng)時(shí)構(gòu)思得差不多的時(shí)候特別興奮,跟 Pony 發(fā)消息說(shuō)這樣一個(gè)機(jī)制會(huì)多么多么厲害。Pony說(shuō)垃圾信息怎么辦,我說(shuō)天然沒(méi)有垃圾消息啊。

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

做平臺(tái),需要有原動(dòng)力。否則,我們可能淪為當(dāng)年運(yùn)營(yíng)商的SP平臺(tái)??赡芎芏嗳藳](méi)有聽說(shuō)過(guò)SP平臺(tái)了。

當(dāng)一個(gè)平臺(tái)只是追求自身的商業(yè)利益最大化的時(shí)候,我認(rèn)為它是短視的,不長(zhǎng)久的。當(dāng)一個(gè)平臺(tái)可以造福人的時(shí)候,它才是有生命力的。

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

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

這個(gè)時(shí)候我們的原動(dòng)力是讓創(chuàng)造價(jià)值的人體現(xiàn)價(jià)值。因?yàn)槲⑿趴梢源蚱坪芏嗟男畔⒉粚?duì)稱,人們可以獲得更優(yōu)質(zhì)的服務(wù)。那么,人們會(huì)更多地想辦法去提供服務(wù)的質(zhì)量和價(jià)值,這就是微信公眾平臺(tái)的原動(dòng)力所在。

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

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

微信的很多創(chuàng)新其實(shí)都來(lái)自這兩個(gè)原動(dòng)力。從專業(yè)的角度來(lái)說(shuō),大家可能會(huì)認(rèn)為這是對(duì)未來(lái)的一種洞察。

但是所有專業(yè)洞察的背后,我覺(jué)得原動(dòng)力反而是第一位的。或者說(shuō),一個(gè)好的產(chǎn)品是有自己的使命的。

我很慶幸,這么些年過(guò)去了,微信的原動(dòng)力從來(lái)沒(méi)有變過(guò)。

做最好的工具與停留時(shí)長(zhǎng)。

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

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

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

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

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

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

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

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

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

用戶其實(shí)并不會(huì)按照你的內(nèi)容多少來(lái)決定他的時(shí)間分配,但我覺(jué)得這是很合理的。如果我們非要停留時(shí)間更長(zhǎng)的話,我們當(dāng)然有很多辦法來(lái)做到這一點(diǎn)。但是這只會(huì)讓用戶覺(jué)得不爽,因?yàn)樗纳缃恍式档土恕H绻且阉雮€(gè)小時(shí)能完成的事情延續(xù)到一個(gè)小時(shí)的話,只能代表效率降低。

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

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

我們?yōu)榱颂岣哌@種效率可以千方百計(jì)想辦法。舉個(gè)例子,我突然遇到一個(gè)困惑,就是我們要給這個(gè)人發(fā)一個(gè)信息,但是記不住他的名字,因?yàn)橛幸恍┮幌伦酉氩黄鹈至耍绻覀冇幸环N更聰明的辦法,就是提供一種聯(lián)想能力,讓你通過(guò)跟他相關(guān)的人聯(lián)想到他,也就是幫助你的腦袋短路的時(shí)候找到你想要的信息。對(duì)于這樣的能力,應(yīng)該是我們要去做的特別重要的事情。

小程序

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

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

如果只是希望借由小程序這種載體,來(lái)做一個(gè)流量的生意,我一點(diǎn)都不看好。只讓自己好不讓別人好的事情,通常都不會(huì)太長(zhǎng)久。

小程序的使命是,剛才提到的,讓創(chuàng)造者體現(xiàn)價(jià)值和回報(bào)。我們的一切都是圍繞著點(diǎn)展開。不能因?yàn)閾碛辛髁?,我們就要分發(fā)流量,要讓小程序來(lái)體現(xiàn)這個(gè)流量?jī)r(jià)值,這跟我們自己的原動(dòng)力是完全不一樣的。

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

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

回顧一下小程序,從最早醞釀到現(xiàn)在三年了,其實(shí)看起來(lái)挺慢的。我覺(jué)得小程序是我們,或者說(shuō)也是我個(gè)人職業(yè)生涯里面最大的一個(gè)挑戰(zhàn)。因?yàn)槲覀儚膩?lái)沒(méi)有試過(guò)還沒(méi)做一個(gè)事情,就先宣布出來(lái)了。

之所以這樣做,其實(shí)是為了給自己一個(gè)壓力,給團(tuán)隊(duì)一個(gè)壓力,這個(gè)事情我們非做不可,而且一定要做到。

我還記得很清楚,我在微信公開課里面說(shuō)我們要推出小程序這樣一個(gè)服務(wù)的時(shí)候,當(dāng)天晚上,我跟我們的團(tuán)隊(duì)就坐在一起討論,討論一個(gè)主題,我們小程序會(huì)有哪幾種死法?我記得特別清楚,因?yàn)楫?dāng)天晚上我們不是討論小程序有多么美好的未來(lái),而是說(shuō)它有多難。我們會(huì)遇到哪一些障礙是跨不過(guò)去的,我們并不是對(duì)它樂(lè)觀去做的,而是我們覺(jué)得這個(gè)事情很難我們一定要做到而去公布這個(gè)事情。

為什么非要做這個(gè)事情?因?yàn)槲艺J(rèn)為這就是一個(gè)未來(lái)必然的趨勢(shì)。因?yàn)锳PP 還要下載安裝,網(wǎng)頁(yè)的體驗(yàn)又太糟糕。這點(diǎn),在之前的公開課,我已經(jīng)詳細(xì)講過(guò)了,就不重復(fù)了。

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

對(duì)于小程序,我們的決心非常大,但我們并不急著說(shuō)一下子就要做成它。因?yàn)樗吘故且粋€(gè)生態(tài),不是一個(gè)To C功能,所以我們有足夠的耐心,慢慢的培育它。并且經(jīng)過(guò)了公眾號(hào)的過(guò)程,我們也不希望一上來(lái)就有一批投機(jī)分子來(lái)當(dāng)作一種流量紅利來(lái)濫用它。

即使到今天小程序還不能說(shuō)完全的成功,但我認(rèn)為它是一個(gè)逐步完善的過(guò)程,對(duì)我們來(lái)說(shuō),只要看到小程序在跟我們當(dāng)時(shí)的初衷越來(lái)越接近,就是很好的信號(hào)。

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

因?yàn)樾〕绦蜻€不是特別完善,在19年我們還有幾個(gè)重要的事情要去做。

一個(gè)是,搜索的直達(dá)。

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

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

所以我們做過(guò)一些試點(diǎn),比如說(shuō)我要查一個(gè)航班號(hào),是可以輸入一個(gè)航班號(hào)就搜到小程序。但這只是一個(gè)試點(diǎn),我們還沒(méi)有做到對(duì)于所有的小程序都能夠通過(guò)搜索來(lái)找到它的內(nèi)容,直接把用戶連接到小程序去。

這會(huì)是我們?cè)谖磥?lái)一年的一個(gè)工作重點(diǎn)。

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

第三個(gè)是,小程序的找回也是一個(gè)問(wèn)題。比如很多人說(shuō)小程序?yàn)槭裁床荒馨l(fā)通知或推送?但是我們看到在手機(jī)上,每一個(gè) APP 都會(huì)把消息推送使用到盡,最終的結(jié)果是,用戶只好忽略了所有的推送,所以靠推送是不能解決問(wèn)題的。

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

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

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

小游戲

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

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

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

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

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

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

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

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

所以我跟我們的團(tuán)隊(duì)一直強(qiáng)調(diào)一點(diǎn)說(shuō),如果我們?cè)偻笠荒甑脑?,我們不希望只是看到我們的收入又上漲了多少,反而我希望看到的一年以后這里面特別多的游戲是一些從來(lái)沒(méi)有做過(guò)游戲的人做的,反而做過(guò)游戲的人他們的思維很受局限性,他們會(huì)把一些 APP 的游戲照搬過(guò)來(lái)的,沒(méi)有做過(guò)游戲的人可能把他的想法融入進(jìn)來(lái),變成一種從來(lái)沒(méi)有見(jiàn)過(guò)的游戲內(nèi)容。我希望用這樣的一種維度來(lái)衡量小游戲的成功。當(dāng)我們的游戲里面充滿了各式各樣的創(chuàng)意的時(shí)候,并且讓這些創(chuàng)意得到它應(yīng)該有的回報(bào),那么我們這個(gè)平臺(tái)才能真正變得很有價(jià)值。因?yàn)樽罱K我們的用戶會(huì)在這里使用是最多的,并且給用戶帶來(lái)的價(jià)值也是最大的。

當(dāng)然要做到這樣一個(gè)目標(biāo)也是挺難的,我認(rèn)為任何一個(gè)平臺(tái)應(yīng)該要有自己的夢(mèng)想所在,如果他沒(méi)有這種夢(mèng)想的話,很快就會(huì)把自己當(dāng)做一個(gè)流量的經(jīng)營(yíng)點(diǎn),很快把流量耗光了,這個(gè)游戲就結(jié)束了。

這個(gè)是關(guān)于小游戲從平臺(tái)角度我們對(duì)它的一個(gè)期望。我確實(shí)很希望我們將來(lái)在小游戲平臺(tái)里面看到的小游戲都是讓人耳目一新的,更多的是一種精神的體驗(yàn),因?yàn)橹挥羞@樣,我們才能說(shuō)玩一個(gè)小游戲才是正經(jīng)事。

關(guān)于公眾號(hào)

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

因?yàn)楹芏嗳嗽谧鲞@方面的創(chuàng)業(yè),并且看起來(lái)好像經(jīng)過(guò)了幾年,公眾號(hào)的流量紅利早就沒(méi)有了。當(dāng)然紅利從來(lái)不是我們考慮的一個(gè)范圍。在座有多少在從事公眾號(hào)的工作?以前說(shuō)過(guò)公眾平臺(tái)不是為你們準(zhǔn)備的,但公眾平臺(tái)確實(shí)是被自媒體用得最好的一個(gè)領(lǐng)域。雖然不是為大家準(zhǔn)備的,但我們其實(shí)真的想要很好的服務(wù)大家,所以最近我們對(duì)公眾號(hào)做了特別大的一些變化,包括公眾號(hào)的改版,也包括在看一看里面有一個(gè)「好看」。

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

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

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

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

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

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

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

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

關(guān)于社交

下面一個(gè)點(diǎn)是我從來(lái)沒(méi)有談過(guò)的點(diǎn)。對(duì)我們微信的本源、微信最基礎(chǔ)的東西沒(méi)有聊過(guò),所以我這里準(zhǔn)備花一點(diǎn)時(shí)間聊一下關(guān)于「社交」的話題。

社交的起源是什么?當(dāng)然這個(gè)沒(méi)有標(biāo)準(zhǔn)答案,每個(gè)人可以自己想象。

我是這樣想象的。

可能在遠(yuǎn)古的時(shí)候,如果人都是一個(gè)一個(gè)個(gè)體的話,他是沒(méi)有社交的,當(dāng)人類成為一種群居的動(dòng)物的時(shí)候,原始的社交就產(chǎn)生了。

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

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

很多年前我在知乎問(wèn)過(guò)一個(gè)問(wèn)題,「溝通的本質(zhì)是什么」。這其實(shí)是沒(méi)有答案的問(wèn)題。

但后來(lái),我自己想到了一個(gè)答案,并不是標(biāo)準(zhǔn)答案啊,我說(shuō),「溝通就是把自己的人設(shè)強(qiáng)加給對(duì)方的過(guò)程」。什么意思呢?每個(gè)人有自己的人設(shè),希望別人接受,你說(shuō)的每一句話,有意無(wú)意的,都在希望別人接受你對(duì)自己人設(shè)的認(rèn)可。表面上我們?cè)谟懻撘粋€(gè)問(wèn)題,本質(zhì)上有可能只是希望別人認(rèn)可你傳遞出來(lái)的人設(shè)信號(hào)。當(dāng)然這個(gè)只是我自己一種方便我去理解社交的一種想象,它并不一定是一種科學(xué)的研究。

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

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

從遠(yuǎn)古開始,你就害怕被社區(qū)排斥走,所以你要吹牛,你要講一些很夸張的東西,體現(xiàn)你的重要性。在社交里面體現(xiàn)自己特別的地方,特別的地方就是你把你看到的東西拍成照片發(fā)給大家。你看到晚霞,就把它拍的非常夸張,讓大家覺(jué)得你看到的風(fēng)景與眾不同?;蛘甙炎约篜得特別漂亮來(lái)推廣自己的漂亮人設(shè)。

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

朋友圈為什么鼓勵(lì)發(fā)照片,而不鼓勵(lì)發(fā)文字呢?文字的操作比較曲折一點(diǎn)。這個(gè)問(wèn)題我之前解釋過(guò)。因?yàn)槲矣X(jué)得,對(duì)多數(shù)人來(lái)說(shuō),寫一段文字,是很難的一件事情,特別是這段文字還要表現(xiàn)好自己的人設(shè)。但發(fā)一張照片,就要輕松很多。

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

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

但這樣也有一些負(fù)面的作用。

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

就像我們并不是每一個(gè)時(shí)刻都是開心或者不開心,但是你只要發(fā)朋友圈說(shuō)我很開心,大家就認(rèn)為你每天都很開心。我們?cè)谂笥讶吹降耐亲詈玫臓顟B(tài),然后屏蔽了所有的不好的狀態(tài)。

但是我們并沒(méi)有一個(gè)工具來(lái)記錄一下我們一天里面真實(shí)的狀態(tài)。

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

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

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

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

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

在線下在現(xiàn)實(shí)里面沒(méi)有互聯(lián)網(wǎng)的話,大家要去社交,可能去參加一個(gè)飯局,去參加一個(gè)聚會(huì),然后可能熟人之間會(huì)打打招呼,我說(shuō)的最主要是熟人的社交。但是這種線下的社交效率是比較低的。因?yàn)樗缭降乩砗蜁r(shí)間才能做到。

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

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

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

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

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

但是朋友圈也有它的弱點(diǎn),也是大家談?wù)摰?,大家想要逃離它的一個(gè)點(diǎn),正因?yàn)樗莻€(gè)廣場(chǎng),你去點(diǎn)贊或者是評(píng)論意味著你在廣場(chǎng)里面公開大聲地說(shuō)了一句話,意味著廣場(chǎng)很多人都可以聽到,這樣帶來(lái)的壓力感是比較強(qiáng)的。而且當(dāng)你的好友越來(lái)越多,可能這一股壓力也會(huì)越來(lái)越大。

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

所以這也是我們一直在想的一個(gè)問(wèn)題。雖然朋友圈確實(shí)在社交方面很,但是在自我表達(dá)方面會(huì)很有壓力。

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

但是這里很矛盾,因?yàn)槲覀冃枰粋€(gè)人表達(dá)得很清楚,如果要最沒(méi)有壓力,那就是自己對(duì)自己說(shuō)話。但是自己對(duì)自己說(shuō)話是不可能獲得朋友的回饋的,也就是說(shuō)它是沒(méi)有社交上的回報(bào)。他跟人說(shuō)的話被越多人聽到,他的社交回報(bào)越大,但是他的壓力也會(huì)越大。所以也有很多人因?yàn)檫@樣子把朋友圈設(shè)成三天可見(jiàn)了,他自己覺(jué)得壓力小了。

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

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

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

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

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

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

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

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

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

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

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

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

那是因?yàn)?twitter 誕生于 PC時(shí)代,你用PC的時(shí)候,你在做什么?你在敲鍵盤。

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

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

因?yàn)槲⑿攀且粋€(gè)手機(jī)APP,它是跟著你走的,它并不是一個(gè)電腦放在那里,你只能去看它。所以在電腦上不會(huì)有搖一搖,在微信里面會(huì)有搖一搖這樣的東西,因?yàn)槟闶菗u不動(dòng)一個(gè)電腦的。所以這是一個(gè)很大的優(yōu)勢(shì)。手機(jī)端的 APP 是可以記錄你在做什么的,我走在路上看到什么拍了一個(gè)照片發(fā)出去了。在電腦面前是我在做什么?我在整理我的照片,把昨天的照片發(fā)到電腦里面去,所以這是有很大本質(zhì)上的不同。

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

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

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

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

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

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

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

當(dāng)然現(xiàn)在的視頻動(dòng)態(tài)是第一個(gè)版本或者我們叫做0.1版本,大家可能還體會(huì)不到這一點(diǎn),沒(méi)有關(guān)系,我覺(jué)得我們就像對(duì)待小程序一樣,特別有耐心去培育用戶的這個(gè)習(xí)慣。因?yàn)榇蟛糠钟脩羰菦](méi)有拍視頻來(lái)記錄世界的習(xí)慣。

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

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

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

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

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

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

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

關(guān)于閱讀

接下來(lái)我想講一下閱讀。很多年以前我在飯否寫過(guò)一句話,因?yàn)楫?dāng)年剛花了好長(zhǎng)時(shí)間在 QQ郵箱的閱讀空間里面,「要做大眾都能用的閱讀產(chǎn)品?!?

因?yàn)殚喿x要大眾其實(shí)挺困難的。

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

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

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

人們?cè)谂笥讶锩嫱扑]文章,其實(shí)更多是推一些符合自己的觀點(diǎn)或者人設(shè)的文章,而不是說(shuō)這個(gè)文章的內(nèi)容有多好。更多是通過(guò)一個(gè)文章來(lái)展示自己是屬于哪一種人。

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

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

用戶其實(shí)是需要有一個(gè)固定的相對(duì)長(zhǎng)的時(shí)間,他才會(huì)沉下心來(lái)花時(shí)間去完成一個(gè)閱讀動(dòng)作。這個(gè)時(shí)候,另外一個(gè)閱讀氛圍更強(qiáng)的入口,對(duì)用戶來(lái)說(shuō)是更必要的。

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

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

對(duì)于看一看,里面有兩個(gè)板塊,一個(gè)是好看,一個(gè)是精選。前者是社交推薦,后者是機(jī)器推薦。

我們團(tuán)隊(duì)同時(shí)在做兩個(gè)方向的嘗試。

機(jī)器推薦我們嘗試了很長(zhǎng)時(shí)間,效果不太好。我跟團(tuán)隊(duì)說(shuō),要么你們降低內(nèi)容的底線,要么你們認(rèn)命做一個(gè)小眾的嚴(yán)肅閱讀產(chǎn)品。

并且,我不希望機(jī)器推薦是用戶想看什么就給他什么。如果這樣,用戶迷信保健品,我們就推保健品的文章。如果從 KPI 的角度,這樣是最容易完成KPI 的。但是如果我們推薦給用戶新的知識(shí),用戶會(huì)離開的。因?yàn)槎栊允侨斯灿械奶匦?。沒(méi)有人愿意主動(dòng)去學(xué)習(xí)新知識(shí),去傷腦筋啊。

而人類進(jìn)化而來(lái)的社交體系,其實(shí)是一個(gè)具有糾錯(cuò)功能的復(fù)雜體系。如果你走偏了,會(huì)有人把你拉回來(lái)。

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

我自己這些年來(lái)看的書,沒(méi)有一本書是主動(dòng)找的,基本都是受朋友的影響。我也經(jīng)常給一些朋友推薦書,推薦的效果往往會(huì)比他們自己去找書要好很多倍。就像如果很多人都說(shuō)一個(gè)電影好,你一般都會(huì)想去看。這就是從眾心理。因?yàn)槟悴蝗タ纯赡芫蜁?huì)落伍了。

所以本質(zhì)上,很難說(shuō)什么內(nèi)容是更好的。比如電影,你可能對(duì)這一類題材不感興趣,但是因?yàn)榕笥淹扑]你就會(huì)去看。

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

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

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

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

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

有些人會(huì)擔(dān)心會(huì)不會(huì)有很多人因此而屏蔽掉很多跟自己興趣不一樣的好友等等。

我并不擔(dān)心這樣的問(wèn)題。

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

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

所以我并不認(rèn)為這樣的興趣的差異化會(huì)帶來(lái)困擾,相反,反而有豐富大家眼界的作用。

因?yàn)榕笥训呐d趣可能跟你完全不一樣。有些東西如果不是你的朋友來(lái)推薦,你可能永遠(yuǎn)不會(huì)去接觸它。因?yàn)榕笥淹扑]了,也許你會(huì)看一下,也許會(huì)引起你的興趣。你的朋友越多越復(fù)雜,這個(gè)面是越廣泛。其實(shí)是打破信息繭房的一個(gè)方式。

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

關(guān)于信息流

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

好像我每一次公開課都要來(lái)解釋上一次公開課的意思。

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

在手機(jī)里面看東西,手機(jī)屏幕很窄,你只能往下滑是最快的,但是不能因此說(shuō)這樣的東西貼一個(gè)標(biāo)簽就是信息流。這樣的一種認(rèn)知是特別簡(jiǎn)單的一種認(rèn)知。

如果籠統(tǒng)來(lái)說(shuō),朋友圈也是一個(gè)信息流,我之所以說(shuō)它是一個(gè)信息流是因?yàn)樗且环N展示方式。就像一個(gè)郵箱里面有收件箱、發(fā)件箱、已發(fā)送、垃圾箱等等,這樣就是一個(gè)信息流的話,沒(méi)有本質(zhì)的變化,而它只是把幾個(gè)文件夾里面的信息放到一個(gè)文件里面顯示而已。

而我們的訂閱號(hào),我之所以說(shuō)它不是一個(gè)信息流,是因?yàn)樗且环N按照訂閱的順序展現(xiàn)的一種方式。它只是信息排列的一個(gè)展示而已。

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

關(guān)于AI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

關(guān)于善良

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

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

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

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

關(guān)于支付

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

因?yàn)橹挥杏脩粢庾R(shí)不到的才是很好的服務(wù),你都不會(huì)想到有這個(gè)東西的存在,你付款的時(shí)候自然把微信掏出去掃一下二維碼,潤(rùn)物細(xì)無(wú)聲的才是一個(gè)最好的用戶產(chǎn)品體驗(yàn)。

這里要提到了兩個(gè)大家不知道的點(diǎn)。一個(gè)是紅包,我們?cè)诮衲甏汗?jié)期間會(huì)上線的一個(gè)能力,企業(yè)微信的用戶或者是企業(yè)可以在企業(yè)微信里面申請(qǐng)紅包封皮,就像傳統(tǒng)里企業(yè)會(huì)給大家一些紅包封面,然后大家可以用來(lái)包紅包出去送給朋友。在微信里面我們其實(shí)一直沒(méi)有這樣的一種紅包封面,這里如果有使用企業(yè)微信的企業(yè)可以留意一下,在企業(yè)微信里面去申請(qǐng)。

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

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

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

但是我們?cè)谖⑿爬锩嬗幸恍┨貏e大的東西,就是我們一直做得不夠好的,就是我們卡包的能力。我們卡包做了好幾年了,一直認(rèn)為卡和券是很大的品類,是日常要用到的一個(gè)東西。我們一直想改變一個(gè)現(xiàn)狀,就是你出門的時(shí)候錢包里面還要放那么多卡,當(dāng)然現(xiàn)在銀行卡不需要怎么帶的。但是一些線下的店的卡還是要帶著,我們的卡包想承載這一塊,但是老實(shí)說(shuō)一直還沒(méi)有做好,所以最近大家在這一塊會(huì)躍躍欲試,想做新的改變。改變的結(jié)果是希望通過(guò)消費(fèi)的行為和電子智能做一種自動(dòng)的關(guān)聯(lián),變成人與線下消費(fèi)連接的通道,實(shí)現(xiàn)更好的連接。

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

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

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

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

這里給我們一個(gè)機(jī)會(huì),如果一個(gè)4S店的一個(gè)員工,他用企業(yè)微信加了你,你可以認(rèn)為這個(gè)人就是你的小程序。當(dāng)你點(diǎn)進(jìn)與他的對(duì)話界面,因?yàn)閷?duì)方是企業(yè)微信的用戶,你會(huì)看到他的對(duì)話界面下是4S店的服務(wù)菜單,你可以直接在這里使用服務(wù)。有點(diǎn)像公眾號(hào)底下的菜單,但是你也可以跟他直接說(shuō)話,消息是能及時(shí)得到回復(fù)的。

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

所以這是企業(yè)微信將來(lái)要做的一個(gè)方向,相信對(duì)企業(yè)有很大的吸引力,因?yàn)樗梢宰屆總€(gè)員工可以直接提供服務(wù)。而在這樣的方式中,顧客的忠誠(chéng)度是很高的。

關(guān)于人口紅利

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

微信的目標(biāo)從來(lái)都不是說(shuō)我們的目標(biāo)是要擴(kuò)大用戶數(shù),如果要擴(kuò)大用戶數(shù),我們過(guò)去幾年早去推廣,早一點(diǎn)把10億人都覆蓋到就好了。但并不是這樣的,我們用戶數(shù)的增長(zhǎng)是自然而然增長(zhǎng)的過(guò)程,對(duì)我們而言,我們要考慮的是對(duì)我們已有的用戶提供什么服務(wù),這個(gè)更重要的問(wèn)題。

因?yàn)槿丝诳偸怯邢薜?,服?wù)才是層出不窮的。在過(guò)去可能10年算一個(gè)時(shí)代,但我覺(jué)得自從互聯(lián)網(wǎng)或者是移動(dòng)互聯(lián)網(wǎng)出來(lái)的時(shí)候,我有一個(gè)感覺(jué),三五年就是一個(gè)時(shí)代了,也就是說(shuō)時(shí)代的更迭更快了,催生出來(lái)的需求也是更快了。在這個(gè)時(shí)代下,創(chuàng)新才是應(yīng)對(duì)未來(lái)的唯一辦法。

所以圍繞這種快速變化,事實(shí)上我們根本用不著去顧及還有多少人口可以用,而是說(shuō)我們?cè)趺礃幽軌驊?yīng)對(duì)未來(lái)更多的需求。所以去找到并且面對(duì)未來(lái)的需求才是在微信有10億用戶這個(gè)關(guān)口所要做的事情。

就像在廣州的用戶,我們最近給廣州的用戶開通了附近的餐廳入口,是灰度的,在發(fā)現(xiàn)里面,可能很多人沒(méi)有看到。因?yàn)槿ツ晡以诠_課說(shuō)了微信的一部分是要探索線下的生活,但是這一點(diǎn)有一點(diǎn)曲折,到現(xiàn)在只是灰度的一個(gè)現(xiàn)狀,目前團(tuán)隊(duì)只是拿廣州的用戶做了一個(gè)試點(diǎn)。

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

所以關(guān)于很多人可能會(huì)問(wèn)一個(gè)問(wèn)題,微信下一步要做什么?我覺(jué)得今天花了特別多的時(shí)間就是圍繞微信的出發(fā)點(diǎn)來(lái)說(shuō)清楚了微信過(guò)去是怎么做的?

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

不管怎么樣,面對(duì)這樣的需求,以微信做事風(fēng)格的話,如果我們始終像過(guò)去的微信一樣,始終瞄準(zhǔn)的是做最好的工具,并且讓創(chuàng)造價(jià)值的人體現(xiàn)價(jià)值這樣一個(gè)原動(dòng)力,我覺(jué)得我們?cè)僭趺醋咭膊粫?huì)走得太偏。

所以有的時(shí)候我們經(jīng)常會(huì)回顧一下,如果我們自己看一下微信這些年改變了什么?其實(shí)我們自己也是挺有成就感的。更多的時(shí)候,很多人問(wèn)我們,你們跟別人有什么不一樣?我覺(jué)得有一個(gè)不一樣是這樣的,我們?cè)谒伎紗?wèn)題或者是思考做什么的時(shí)候我們經(jīng)常會(huì)問(wèn)自己一個(gè)問(wèn)題,就是我們?cè)谧鲞@個(gè)事情的意義是什么?

我當(dāng)然知道很多團(tuán)隊(duì)做這個(gè)事情他是不問(wèn)意義的,他只問(wèn)我們的 KPI 是什么?但是說(shuō)實(shí)話微信團(tuán)隊(duì)從開始成立到現(xiàn)在從來(lái)沒(méi)有瞄準(zhǔn) KPI 去奮斗過(guò),但是并不妨礙團(tuán)隊(duì)能夠越做越好。因?yàn)榫拖裥〕绦?,如果圍繞KPI去做,我們不知道怎么制定KPI,因?yàn)樗鼪](méi)有這個(gè)東西,沒(méi)有辦法制訂它的KPI,如果圍繞一個(gè)KPI,大家可能不會(huì)做這個(gè)事情。

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

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

所以我們真的很少思考競(jìng)爭(zhēng)對(duì)手這回事。微信也沒(méi)有競(jìng)爭(zhēng)對(duì)手,不必老是給我們按上各種競(jìng)爭(zhēng)對(duì)手。如果有競(jìng)爭(zhēng)對(duì)手,就是我們自己,是我們的組織能力能不能跟上時(shí)代的變化。

微信也沒(méi)有焦慮,不必微信做個(gè)什么就說(shuō)微信又焦慮了。所以不必把自己的焦慮投射到微信這里。

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

我也想借此機(jī)會(huì)感謝團(tuán)隊(duì),因?yàn)槠綍r(shí)還是以批評(píng)為主。并且,很多人也不一定理解我強(qiáng)行灌輸?shù)挠^點(diǎn)。特別感謝他們跟我一起在過(guò)去的八年里,將微信建設(shè)成為一個(gè)影響10億中國(guó)人工作生活的全民級(jí)產(chǎn)品,并且是一個(gè)特別的產(chǎn)品。我為團(tuán)隊(duì)的每個(gè)人感到驕傲。因?yàn)槭撬麄?,讓我們獲得了「微信團(tuán)隊(duì)」這樣一個(gè)特別的名字。

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

「萬(wàn)物之中,希望至美。」很多人知道這句話。我經(jīng)常想的是如果微信不能給用戶帶來(lái)哪怕多一點(diǎn)點(diǎn)希望,我們就沒(méi)有辦法去判斷我們做的事情到底是對(duì)的還是錯(cuò)的,所以它也是我們衡量的準(zhǔn)則。

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


用戶體驗(yàn) | 全鏈?zhǔn)皆O(shè)計(jì)方法論

ui設(shè)計(jì)分享達(dá)人

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

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


一、用戶體驗(yàn)初定義

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

在國(guó)際標(biāo)準(zhǔn)ISO 9241-210中隊(duì)UX的定義是:

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

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

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


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

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

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

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

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


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

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

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

下圖示意:

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

下圖示意:


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


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

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

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

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

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

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

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

  • 『幫助中心』或者叫問(wèn)答機(jī)器人,就是針對(duì)用戶的問(wèn)題庫(kù)。

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


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

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

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

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


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

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

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

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


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

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

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

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


三、全鏈?zhǔn)皆O(shè)計(jì)師能力模型

評(píng)定一個(gè)設(shè)計(jì)師的能力是否優(yōu)秀,除了需要掌握必備的專業(yè)技能外,還需要包括各項(xiàng)達(dá)標(biāo)的通用技能。

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

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

  • 溝通:確定溝通目標(biāo),提取雙方溝通重點(diǎn),反推需要收集的信息;

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

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

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

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

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

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


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

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


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

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

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

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


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

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

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

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

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

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

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

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


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

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


結(jié)語(yǔ)

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

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

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

 

如何合理的使用插圖來(lái)擴(kuò)展用戶界面?

用心設(shè)計(jì)

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

 

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



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



一、什么是插圖?


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



二、插圖對(duì)用戶體驗(yàn)的好處


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



簡(jiǎn)單的說(shuō),在UI中使用自定義插圖有五大好處 :


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


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


  • 它們?cè)鰪?qiáng)了界面的美感和情感吸引力


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


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



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



三、UI插圖的類型


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



新員工培訓(xùn)


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


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




主題

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




教程

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




獎(jiǎng)勵(lì)

獎(jiǎng)勵(lì)是另一種流行的界面插圖。例如:徽章、貼紙、獎(jiǎng)?wù)?、星星、杯子以及其他類似的東西都為用戶體驗(yàn)增加了游戲化,標(biāo)志著用戶的進(jìn)步。有什么比感覺(jué)自己是贏家更甜蜜的呢?




吉祥物

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



娛樂(lè)

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



寫在最后

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

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

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

資深UI設(shè)計(jì)者

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

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

去年荷蘭搞了一個(gè)活動(dòng),叫「風(fēng)格派100年」,意思是從1917年開始計(jì)算到2017年,而海報(bào)上面就用了一個(gè)人物,就是蒙德里安。而且最后還將2017年定為「蒙德里安年」。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

UI設(shè)計(jì)的基石

用心設(shè)計(jì)

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

 

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

ux-jx

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

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

我們的UI設(shè)計(jì)團(tuán)隊(duì)會(huì)在流程中運(yùn)用用戶故事,而在運(yùn)用過(guò)程中我們發(fā)現(xiàn),用戶故事幫我們做到了三件事。

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

2.   用戶故事可以促進(jìn)團(tuán)隊(duì)成員之間的合作。

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

什么是用戶故事?

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

一個(gè)用戶故事就是簡(jiǎn)單的一句話??梢杂眠@句作為模板:“作為用戶我需要(基本用戶目標(biāo))”。因?yàn)楣适露己芎?jiǎn)短而且有針對(duì)性,所以需要多個(gè)不同的故事來(lái)覆蓋所有可能的用戶案例。事實(shí)上,我們會(huì)想辦法把每個(gè)故事進(jìn)行細(xì)化。

舉個(gè)例子,一個(gè)用戶故事剛開始時(shí)是:

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

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

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

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

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

以用戶為中心

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

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

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

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

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

促進(jìn)合作

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

雖然我們?cè)贑itrusBits所采用的流程遠(yuǎn)算不上完美,但是我們卻發(fā)現(xiàn)用戶故事能夠保證船上的人勁都往一處使。以用戶故事為基準(zhǔn)做出決策讓我們得以明確定義出應(yīng)用的目標(biāo)。這樣一來(lái)就大大降低了團(tuán)隊(duì)合作時(shí)的障礙,因?yàn)槲覀冇煤?jiǎn)短、有針對(duì)性的詞句明確定義出了共同的目標(biāo)。

另外,用戶故事還能讓身處不同地理位置的團(tuán)隊(duì)更加輕松的合作。我們?cè)跒橐患遗f金山客戶開發(fā)一款問(wèn)答類應(yīng)用時(shí),我們?cè)诤车貐^(qū)的團(tuán)隊(duì)會(huì)時(shí)不常的和客戶碰面討論應(yīng)用要求。他們寫出了用戶故事(但并沒(méi)有在項(xiàng)目期間進(jìn)行其他修改)然后放到了Google Drive。而我們身處洛杉磯的團(tuán)隊(duì)則可以在畫線框圖的同時(shí)隨時(shí)參考用戶故事,并進(jìn)行必要的改動(dòng)。要不是有了這個(gè)步驟,這個(gè)項(xiàng)目所花費(fèi)的時(shí)間會(huì)長(zhǎng)的很多,而且還會(huì)需要通過(guò)大量漫長(zhǎng)的解釋工作來(lái)解決這些簡(jiǎn)短用戶故事幾分鐘就能解決的問(wèn)題。

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

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

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

當(dāng)然,在項(xiàng)目進(jìn)展期間我們是不反對(duì)更改要求的。但是,除非有明確的用戶故事告訴我們?cè)?,我們?huì)拒絕哪怕添加一個(gè)簡(jiǎn)單的文本框。我們之所以在這方面這么強(qiáng)硬,是因?yàn)橹翱吹竭^(guò)有的項(xiàng)目超出控制、丟掉中心最后無(wú)法實(shí)現(xiàn)最初設(shè)定的目標(biāo)。

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

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

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

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

每個(gè)用戶故事對(duì)于設(shè)計(jì)團(tuán)隊(duì)和開發(fā)團(tuán)隊(duì)來(lái)說(shuō)都有自己的一套意義。時(shí)刻思考技術(shù)限制雖然說(shuō)是好的,但是畢竟我們說(shuō)的是“用戶故事”,不是“開發(fā)的故事”也不是“設(shè)計(jì)師的故事”。正因?yàn)槲覀兺ㄟ^(guò)用戶故事對(duì)用戶的觀點(diǎn)進(jìn)行了排序整理,我們才能更輕松地了解所面臨的問(wèn)題進(jìn)而創(chuàng)造出一款真正有用的最終產(chǎn)品。

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

日歷

鏈接

個(gè)人資料

存檔