首頁

9招,提升設(shè)計(jì)中的空間感!

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

空間感是指藝術(shù)形象通過一定手法引起的類似現(xiàn)實(shí)空間的審美感受。包括作品直接表現(xiàn)的空間和作品具體形象之外的使人想象到的空間。這種空間感,一定程度上決定著版面的視覺效果與美感。巧妙的利用空間,可以集中觀眾的注意力,豐富的層次感使作品更具觀賞性,同時(shí)又可以讓作品主次分明,更有效的傳達(dá)信息。

通過對(duì)設(shè)計(jì)作品的參考分析,設(shè)計(jì)師深??偨Y(jié)了營(yíng)造空間感的方法,大致分為以下九個(gè)類別,希望這篇文章能對(duì)大家有所幫助。



一、遮前掩后

“遮前掩后”的意思是:通過畫面設(shè)計(jì)元素之間的遮擋,交代空間關(guān)系,從而產(chǎn)生一定的空間感。這種形式可能空間感較弱,但易于表達(dá),可以使文字和圖片更好的結(jié)合。


設(shè)計(jì)時(shí)為了保證信息的傳達(dá),普遍會(huì)選擇將文字信息完整的展示出來。其實(shí)像上面兩個(gè)案例一樣,適當(dāng)使用遮擋關(guān)系,反而能讓文字與圖像結(jié)合的更好。

人的大腦有“慣性閱讀”的能力,這使得即使文字被遮擋,也不會(huì)影響太多識(shí)別性。


利用蒙版,然后局部破出,這也是營(yíng)造空間感常用的手法。本質(zhì)上,這也屬于使用遮擋關(guān)系的一種方式,這種效果空間感更強(qiáng),讓觀眾有一種打破次元壁的感覺。

使用這種樣式時(shí)需要注意:用作蒙版的圖形或文字,必須簡(jiǎn)潔,并且識(shí)別性足夠高,否則會(huì)影響信息的傳達(dá)。



二、以小見大

“以小見大”指的是:利用近大遠(yuǎn)小、近疏遠(yuǎn)密的基本透視原理,來營(yíng)造空間感的一種方式。

在平面設(shè)計(jì)中,面積大的元素使我們感覺更近,面積小的感覺更遠(yuǎn),即使是單一的設(shè)計(jì)元素,只要遵循基本的透視原理,也能塑造出空間感。


從這兩個(gè)案例可以看出,元素的面積大小變化越大,空間的縱深感就越強(qiáng);通過控制元素之間的位置關(guān)系,可以使空間看起來平整或者曲折,表現(xiàn)力非常豐富。



三、山重水復(fù)

“山重水復(fù)”是“以小見大”的進(jìn)階版,同樣是利用近大遠(yuǎn)小的物理規(guī)律,塑造空間感。不同的是,通過元素的無限重復(fù),會(huì)讓空間感更強(qiáng),對(duì)排版的把控能力也要求更高一些。


重復(fù)的元素會(huì)讓畫面有很強(qiáng)的沖擊力,強(qiáng)烈的空間感讓觀眾仿佛在無限的跌落。使用這種版式一定要注意近疏遠(yuǎn)密的空間關(guān)系,否則會(huì)降低畫面的可信度。



四、橫峰側(cè)嶺

“橫峰側(cè)嶺”是指:通過變形,改變?cè)氐耐敢?,在整個(gè)版面中塑造多個(gè)平面,以此來增強(qiáng)作品的空間感。


將同一平面的元素對(duì)齊,創(chuàng)造出虛擬的邊界線,借助這些參考線來塑造不同方向的平面。如果覺得空間感不夠強(qiáng)烈,可以借助輔助線加強(qiáng)透視。使用這種形式的重點(diǎn)在于,要注意閱讀順序和空間平面之間的關(guān)系,不要為了畫面,一味地堆砌空間,信息的傳達(dá)永遠(yuǎn)都是最重要的。


最近非常流行的立體效果,因?yàn)榭臻g感強(qiáng),很容易出效果,深受設(shè)計(jì)師們喜愛。其實(shí)這種類型也是通過透視和多個(gè)平面來塑造空間感,制作時(shí)大多需要3D軟件進(jìn)行輔助,才能實(shí)現(xiàn)如此真實(shí)的透視效果。



五、冰厚三尺

“冰厚三尺”指的是通過給元素添加厚度,增強(qiáng)元素的立體感,從而提升空間感。這是一種非常簡(jiǎn)單粗暴的方式,立體化后的元素,可以展現(xiàn)更多的角度,使排版方式更加多變,畫面也更加靈動(dòng)。


最常見的2.5D風(fēng)格,去除了透視感,依靠立體元素來營(yíng)造空間感,可以使整個(gè)版面更加穩(wěn)定和諧。有些設(shè)計(jì)師還會(huì)引入矛盾空間,讓設(shè)計(jì)作品看起來更有趣味性,吸引用戶目光。



六、潛蹤隱跡

“潛蹤隱跡”的意思是:通過改變透明度,模擬霧中的物體,距離越遠(yuǎn)的元素可見度越低,從而營(yíng)造出空間感。


在中國(guó)傳統(tǒng)國(guó)畫中,就會(huì)通過控制水墨的濃淡,來展現(xiàn)畫面的空間感。因此這種方法很適合中國(guó)風(fēng)的設(shè)計(jì),讓整個(gè)作品富有神秘、幽寂的氣質(zhì)。



七、霧里看花

“霧里看花”和“潛蹤隱跡”很相似,通過虛實(shí)的變化,模擬現(xiàn)實(shí)世界中的景深效果,從而塑造空間感。這種方法是最常見的,也是最出效果的,在塑造空間感的同時(shí),還可以強(qiáng)調(diào)主體信息。


在對(duì)版面元素進(jìn)行模糊處理的時(shí)候,要考慮元素與焦點(diǎn)的位置關(guān)系:距離焦點(diǎn)越遠(yuǎn),模糊程度越高,普遍情況下,會(huì)將最主要的視覺元素作為焦點(diǎn),保證信息的準(zhǔn)確傳達(dá)。



八、浮光掠影

有光的地方就存在影子,投影本就是空間感的一種直接反應(yīng),“浮光掠影”就是利用光影的變化,在平面中營(yíng)造視覺上的空間感。


光影的變化非常豐富,因此,光影的表現(xiàn)方式也是五花八門。殊途同歸的是,所有的光影都是為空間感服務(wù)的,所以大多數(shù)情況下,都要遵循現(xiàn)實(shí)世界中的規(guī)律,確定一個(gè)光源,保證整個(gè)畫面的光影統(tǒng)一。



九、鏡花水月

隨著軟件功能越來越強(qiáng)大,重現(xiàn)現(xiàn)實(shí)世界越來越容易?!扮R花水月”指的就是:參考現(xiàn)實(shí)世界的折射、反射等自然現(xiàn)象,在平面空間塑造空間感。這種方式看起來質(zhì)感很強(qiáng),效果也非??犰拧?


需要注意的是:在設(shè)計(jì)之前一定要考慮好效果與內(nèi)容的關(guān)系,一味的堆加效果,除了炫技毫無價(jià)值。

文章來源:站酷  作者:設(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ù)可視化

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

什么是數(shù)據(jù)可視化:概述


什么是數(shù)據(jù)可視化?

數(shù)據(jù)可視化即數(shù)據(jù)的圖形表示,旨在以更易于掌握和理解的有效方式傳達(dá)大量海量數(shù)據(jù)。從某種意義上說,數(shù)據(jù)可視化是原始數(shù)據(jù)和圖形元素之間的映射,它決定了這些元素的屬性如何變化??梢暬ǔJ峭ㄟ^使用圖表,折線或點(diǎn),條形圖和地圖來進(jìn)行的。

  • Data Viz是描述性統(tǒng)計(jì)的一個(gè)分支,但它需要設(shè)計(jì),計(jì)算機(jī)和統(tǒng)計(jì)技能。

  • 美學(xué)和功能齊頭并進(jìn),以直觀的方式傳達(dá)復(fù)雜的統(tǒng)計(jì)信息。

  • Data Viz工具和技術(shù)對(duì)于做出以數(shù)據(jù)為依據(jù)的決策至關(guān)重要。

  • 在形式和功能之間取得了很好的平衡。

  • 每個(gè)STEM領(lǐng)域都將從了解數(shù)據(jù)中受益。


Jorge Rey的化石燃料Dataviz 

它是如何工作的?

如果我們能看到它,我們的大腦就可以內(nèi)在化并對(duì)其進(jìn)行反思。這就是為什么理解圖表和查看趨勢(shì)比閱讀大量的文檔要花費(fèi)大量時(shí)間和精力進(jìn)行合理化更容易和有效的原因。我們不想重復(fù)人類是視覺生物的陳詞濫調(diào),但這是事實(shí),可視化更加有效和全面。

在某種程度上,我們可以說數(shù)據(jù)Viz是講故事的一種形式,目的是幫助我們根據(jù)數(shù)據(jù)做出決策。這些數(shù)據(jù)可能包括:

  • 追蹤銷售

  • 識(shí)別趨勢(shì)

  • 識(shí)別變化

  • 監(jiān)控目標(biāo)

  • 監(jiān)測(cè)結(jié)果

  • 合并數(shù)據(jù)

秘密7 –塞爾吉奧·費(fèi)爾南德斯(Sergio Fernandez)提出離婚可視化的理由 

什么時(shí)候使用?

數(shù)據(jù)可視化對(duì)于每天處理大量數(shù)據(jù)的公司很有用。必須立即顯示您的數(shù)據(jù)和趨勢(shì)。勝過瀏覽龐大的電子表格。當(dāng)趨勢(shì)立即脫穎而出時(shí),這也可以幫助您的客戶或觀看者理解它們,而不會(huì)迷失在混亂的數(shù)字中。

話雖如此,Data Viz適用于:

  • 年度報(bào)告

  • 簡(jiǎn)報(bào)

  • 社交媒體微敘事

  • 信息手冊(cè)

  • 研究

  • 趨勢(shì)販運(yùn)

  • SciViz

  • 燭臺(tái)圖,用于財(cái)務(wù)分析

  • 確定路線

可以看到數(shù)據(jù)可視化的常見情況是在銷售和營(yíng)銷,醫(yī)療保健,科學(xué),金融,政治和物流中。


娜塔莉·祖伊娃(Natalie Zuieva)的租金和薪金統(tǒng)計(jì)信息圖 

為什么要使用它?

簡(jiǎn)短的答案:決策。數(shù)據(jù)可視化具有快速識(shí)別模式和解釋數(shù)據(jù)的不可否認(rèn)的好處。更具體地說,它是確定以下情況的寶貴工具。

  • 識(shí)別變量關(guān)系之間的相關(guān)性。

  • 獲得有關(guān)受眾行為的市場(chǎng)見解。

  • 確定價(jià)值與風(fēng)險(xiǎn)指標(biāo)。

  • 隨時(shí)間監(jiān)視趨勢(shì)。

  • 通過頻率檢查速率和潛力。

  • 應(yīng)對(duì)變化的能力。


太空垃圾-BBC科學(xué)焦點(diǎn),作者:Federica Fragapane

數(shù)據(jù)可視化類型

您可能已經(jīng)猜到了,Data Viz不僅僅是簡(jiǎn)單的餅圖和圖形,而且還具有視覺吸引力。該分支用于可視化統(tǒng)計(jì)信息的方法包括一系列有效類型。

地圖

地圖可視化是一種很好的方法,可以分析和顯示與地理位置相關(guān)的信息,并通過地圖準(zhǔn)確地將其呈現(xiàn)出來。這種直觀的方法旨在按區(qū)域分布數(shù)據(jù)。由于地圖可以是2D或3D(靜態(tài)或動(dòng)態(tài)),因此可以使用多種組合來創(chuàng)建Data Viz地圖。

COVID-19支出數(shù)據(jù)可視化POGO,George Railean

但是,最常見的是:

  • 區(qū)域地圖:顯示國(guó)家,城市或地區(qū)的經(jīng)典地圖。對(duì)于每個(gè)區(qū)域中的不同特征,它們通常以不同的顏色表示數(shù)據(jù)。

  • 線圖:它們通常包含空間和時(shí)間,由于對(duì)特定場(chǎng)景進(jìn)行了分析,因此通常是路線選擇的理想選擇,尤其是該地區(qū)的駕車或出租車路線。

  • 點(diǎn)地圖:這些地圖分發(fā)地理信息的數(shù)據(jù)。它們是企業(yè)確定區(qū)域中建筑物確切位置的理想選擇。

  • 熱圖:它們根據(jù)特定屬性指示地理區(qū)域的權(quán)重。例如,熱圖可以按區(qū)域分布感染者的飽和度。

圖表

圖表以圖形,圖表和表格的形式顯示數(shù)據(jù)。由于圖形確實(shí)是圖表的子類別,因此它們經(jīng)常與圖形混淆。但是,兩者之間的差別很?。簣D形顯示數(shù)據(jù)組之間的數(shù)學(xué)關(guān)系,并且僅是表示數(shù)據(jù)的統(tǒng)計(jì)圖方法之一。

圖表數(shù)據(jù)可視化,作者:Madeline VanRemmen

順便說一句,讓我們談?wù)剶?shù)據(jù)可視化中最基本的圖表類型。


條狀圖

他們使用一系列的條形圖來說明數(shù)據(jù)。它們是較輕量數(shù)據(jù)的理想選擇,并遵循不超過三個(gè)變量的趨勢(shì),否則,條形變得混亂且難以理解。


餅狀圖

這些熟悉的圓形圖按部分劃分?jǐn)?shù)據(jù)。切片越大,部分越大。它們非常適合描述整體的各個(gè)部分,它們的總和必須始終為100%。當(dāng)您需要顯示一段時(shí)間內(nèi)的數(shù)據(jù)發(fā)展或缺少任何部分的價(jià)值時(shí),請(qǐng)避免使用餅圖。甜甜圈圖與餅圖具有相同的用途。


線形圖

他們使用一條線或多條線來顯示隨著時(shí)間的發(fā)展。它允許同時(shí)跟蹤多個(gè)變量。一個(gè)很好的例子是跟蹤品牌多年來的產(chǎn)品銷售情況。面積圖與折線圖具有相同的用途。


散點(diǎn)圖

這些圖表使您可以通過數(shù)據(jù)可視化查看模式。它們有兩個(gè)不同值的x軸和y軸。例如,如果您的x軸包含有關(guān)汽車價(jià)格的信息,而y軸包含有關(guān)薪水的信息,則正向或負(fù)向關(guān)系將告訴您某人的汽車所反映的薪水。


表格

與我們剛剛討論過的圖表不同,表格幾乎以原始格式顯示數(shù)據(jù)。當(dāng)您的數(shù)據(jù)難以以視覺方式呈現(xiàn),并且旨在顯示應(yīng)該閱讀而不是可視化的特定數(shù)值數(shù)據(jù)時(shí),它們是理想的選擇。

數(shù)據(jù)可視化| Aishwarya Anand Singh的養(yǎng)蜂與否 


例如,圖表非常適合顯示特定區(qū)域內(nèi)一段時(shí)間內(nèi)特定疾病的數(shù)據(jù),但是當(dāng)您還需要了解具體原因(例如原因,結(jié)果,復(fù)發(fā),治療時(shí)間和治療方法)時(shí),最好使用表格。


數(shù)據(jù)可視化與信息圖表

5個(gè)主要差異

它們并沒有什么不同,因?yàn)樗鼈冊(cè)谝曈X上都代表數(shù)據(jù)。通常,您搜索信息圖表并找到標(biāo)題為“數(shù)據(jù)可視化”的圖像,反之亦然。但是,在許多情況下,這些標(biāo)題都不會(huì)引起誤解。這是為什么?

  1. 數(shù)據(jù)可視化僅由一個(gè)元素組成。它可以是地圖,圖表或表格。另一方面,信息圖表通常包含多個(gè)Data Viz元素。

  2. 與可能簡(jiǎn)單或極其復(fù)雜且繁重的數(shù)據(jù)可視化不同,信息圖表簡(jiǎn)單易行,并且面向更廣泛的受眾。即使對(duì)于信息圖表代表的研究領(lǐng)域之外的人,后者通常也是可以理解的。

  3. 有趣的是,數(shù)據(jù)Viz不提供敘述和結(jié)論,而是提供這些敘述和結(jié)論的工具和基礎(chǔ)。雖然信息圖表在大多數(shù)情況下提供了故事和敘述。例如,數(shù)據(jù)可視化地圖的標(biāo)題可能是“按區(qū)域劃分的空氣污染飽和度”,而帶有相同數(shù)據(jù)的信息圖則顯示為“ A區(qū)和B區(qū)在C國(guó)污染最嚴(yán)重”。

  4. 數(shù)據(jù)可視化可以在Excel中進(jìn)行,也可以使用其他自動(dòng)生成設(shè)計(jì)的工具,除非將其設(shè)置為演示或發(fā)布。但是,信息圖表的美學(xué)非常重要,其設(shè)計(jì)必須吸引更廣泛的受眾。

  5. 在交互方面,數(shù)據(jù)可視化通常提供交互式圖表,尤其是在線形式的圖表。另一方面,信息圖表很少互動(dòng),通常是靜態(tài)圖像。

Skype通過可視化.com進(jìn)行可視化


如何創(chuàng)建有效的數(shù)據(jù)可視化?

5有用的技巧

該過程自然類似于創(chuàng)建信息圖表,并且圍繞了解您的數(shù)據(jù)和受眾。更準(zhǔn)確地說,這些是準(zhǔn)備有效的數(shù)據(jù)可視化以使您的查看者立即了解的主要步驟和最佳實(shí)踐。

1.做功課

準(zhǔn)備工作已經(jīng)完成了一半。在甚至開始可視化數(shù)據(jù)之前,必須確保您了解該數(shù)據(jù)的最后細(xì)節(jié)。

不可否認(rèn)的是,了解您的數(shù)據(jù)查看對(duì)象是另一個(gè)重要部分,因?yàn)椴煌娜藢?duì)信息的處理方式不同。您要為數(shù)據(jù)可視化的對(duì)象是誰?他們?nèi)绾翁幚硪曈X數(shù)據(jù)?只需給他們一張餅圖就足夠了,否則您將需要更深入的可視化報(bào)告?

您正在可視化什么樣的信息,它能反映出您的目標(biāo)嗎?

最后,考慮要使用多少數(shù)據(jù)并加以考慮。

圖片來自Brodie Vissers

2.選擇正確的圖表類型

在上一節(jié)中,我們列出了可在數(shù)據(jù)可視化中使用的基本圖表類型。要確定最適合您工作的人,需要考慮的因素很少。

  • 圖表中將有多少個(gè)變量?

  • 您將為每個(gè)變量放置幾項(xiàng)?

  • 值之間的關(guān)系是什么(時(shí)間段,比較,分布等)

話雖如此,如果您需要展示整個(gè)項(xiàng)目的各個(gè)部分,那么餅圖將是理想的選擇。例如,您可以使用它來展示特定產(chǎn)品的市場(chǎng)份額的百分比。但是,餅圖不適用于時(shí)間范圍內(nèi)的分布,比較和跟蹤趨勢(shì)。在這些情況下,條形圖,散點(diǎn)圖,s和折線圖更為有效。

另一個(gè)示例是如何在圖表中使用時(shí)間。使用水平軸會(huì)更準(zhǔn)確,因?yàn)闀r(shí)間應(yīng)該從左到右。它在視覺上更直觀。

Oberhaeuser的MagnaGlobal廣告市場(chǎng)海報(bào) 

3.對(duì)數(shù)據(jù)進(jìn)行排序

首先刪除所有不會(huì)增加價(jià)值并且基本上是圖表多余的數(shù)據(jù)。有時(shí),您必須處理大量數(shù)據(jù),這不可避免地會(huì)使您的圖表變得非常復(fù)雜且難以閱讀。不要猶豫,將您的信息分成兩個(gè)或多個(gè)圖表。如果這對(duì)您不起作用,則可以使用突出顯示或使用更合適的內(nèi)容更改整個(gè)圖表類型。

提示:使用條形圖和柱形圖進(jìn)行比較時(shí),請(qǐng)按值(而不是字母順序)以升序或降序?qū)π畔⑦M(jìn)行排序。

圖片由薩曼莎·赫爾利(Samantha Hurley) 


4.利用顏色發(fā)揮自己的優(yōu)勢(shì)

在每種可視化形式中,顏色都是您最好的朋友和最強(qiáng)大的工具。它們產(chǎn)生對(duì)比,重音,強(qiáng)調(diào)并直觀地引導(dǎo)眼睛。即使在這里,色彩理論也很重要。

設(shè)計(jì)圖表時(shí),請(qǐng)確保不要使用超過5或6種顏色。除此之外,任何其他操作都將使您的圖表不堪重負(fù),并且難以為觀眾閱讀。但是,您可以使用顏色強(qiáng)度來發(fā)揮自己的優(yōu)勢(shì)。例如,當(dāng)您在不同的時(shí)間段內(nèi)比較同一概念時(shí),可以將數(shù)據(jù)從所選顏色的最淺陰影到其較深的顏色進(jìn)行排序。它會(huì)創(chuàng)建適合您時(shí)間線的強(qiáng)烈視覺效果。

選擇顏色時(shí)要考慮的事項(xiàng):

  • 不同類別的顏色不同。

  • 系列中所有圖表的采用一致調(diào)色板,方便以后將進(jìn)行比較。

  • 最好使用對(duì)色盲友好的調(diào)色板。

Jamie Kettle可視化塑料廢物污染數(shù)據(jù) 

5.獲取靈感

當(dāng)您想成為數(shù)據(jù)可視化設(shè)計(jì)中的佼佼者時(shí),請(qǐng)多多發(fā)揮自己的靈感。查看優(yōu)秀的示例、信息圖、其他人的工作,并了解哪種方法最適合您需要實(shí)現(xiàn)的每種數(shù)據(jù)。

下圖這個(gè)Twitter帳戶數(shù)據(jù)可視化是一個(gè)很好的例子。同時(shí),我們還將精選一些令人稱贊的示例,這些示例將使您有信心開始為數(shù)據(jù)創(chuàng)建視覺效果。

lilit Hayrapetyan創(chuàng)作的大數(shù)據(jù)紀(jì)錄片的人臉 

8個(gè)數(shù)據(jù)可視化示例

作為另一種藝術(shù)形式,Data Viz為一些令人驚嘆的精心設(shè)計(jì)的圖表提供了沃土,這些圖表證明了數(shù)據(jù)也可以是美麗的?,F(xiàn)在,讓我們來看看一些例子。

1.黑暗之魂III體驗(yàn)數(shù)據(jù)

我們從孟小偉的個(gè)人項(xiàng)目開始,介紹他玩《黑暗之魂3》的經(jīng)驗(yàn)。這是信息圖表和數(shù)據(jù)可視化也是個(gè)人設(shè)計(jì)工具的完美例子。這項(xiàng)研究非常龐大,但非常專業(yè)地歸類為針對(duì)不同概念的不同類型的圖表。所有數(shù)據(jù)可視化都使用相同的調(diào)色板進(jìn)行制作,并且在信息圖表中看起來很棒。

我的黑暗之魂3孟小偉在播放數(shù)據(jù) 

2.有史以來最偉大的電影

凱蒂·西爾弗(Katie Silver)根據(jù)評(píng)論家和觀眾的評(píng)論匯總了有史以來最偉大的100部電影。可視化顯示了每部電影的關(guān)鍵數(shù)據(jù)點(diǎn),例如發(fā)行年份、奧斯卡提名和獲勝、預(yù)算、利潤(rùn)、IMDB得分、類型、拍攝地點(diǎn)、電影背景和制作工作室。所有電影均按發(fā)行日期排序。

凱蒂·西爾弗(Katie Silver)的100部最佳電影數(shù)據(jù)可視化 

3.最暴力的城市

費(fèi)德里卡·弗拉加帕內(nèi)(Federica Fragapane)顯示了2017年全球50個(gè)最暴力城市的數(shù)據(jù)。這些項(xiàng)目根據(jù)人口在垂直軸上排列,并根據(jù)兇殺率在水平軸上排序。

4.家族企業(yè)作為數(shù)據(jù)

這些數(shù)據(jù)可視化和插圖由Valerio Pellegrini為《透視》雜志制作。它們顯示了一個(gè)餅圖,其中包含行業(yè)細(xì)分以及對(duì)就業(yè)貢獻(xiàn)的散點(diǎn)圖。


視角雜志–家族企業(yè)by Valerio Pellegrini 

5.太陽系的軌道圖

該地圖顯示了太陽系中18000多個(gè)小行星的軌道數(shù)據(jù)。每個(gè)小行星都顯示在1999年除夕的位置,并按小行星的類型進(jìn)行了著色。

埃莉諾·盧茲(Eleanor Lutz)的太陽系軌道圖 

6.標(biāo)題的語義

KatjaFlükiger對(duì)頭條新聞的故事情有獨(dú)鐘。數(shù)據(jù)可視化旨在傳達(dá)銷售對(duì)算術(shù)的影響程度。該項(xiàng)目在馬里蘭大學(xué)藝術(shù)學(xué)院完成,目的是可視化對(duì)移民的引用,并對(duì)用詞選擇和上下文所暗含的價(jià)值判斷進(jìn)行顏色編碼。

標(biāo)題語義學(xué)KatjaFlükiger 

7.月球和地震

該數(shù)據(jù)可視化用于回答月球是否引起地震。該圖顯示了根據(jù)月球的相位和軌道位置而發(fā)生的地震的時(shí)間和強(qiáng)度。

月亮與地震艾西瓦婭·阿南德·辛格(Aishwarya Anand Singh) 

8. Nanosats的黎明

可視化效果顯示了從2003年到2015年發(fā)射的衛(wèi)星。該圖表示了專注于項(xiàng)目的機(jī)構(gòu)類型以及為其提供資金的國(guó)家。左側(cè)顯示了每年的發(fā)射次數(shù)和衛(wèi)星應(yīng)用次數(shù)。

有線英國(guó)–由Nanosats拍攝的黎明(Valerio Pellegrini) 

最后的話

數(shù)據(jù)可視化不僅是一種科學(xué)形式,而且還是一種藝術(shù)形式。其目的是幫助任何領(lǐng)域的企業(yè)快速理解復(fù)雜數(shù)據(jù),并開始根據(jù)該數(shù)據(jù)做出決策。為了使您的圖表高效且易于閱讀,這一切都與了解您的數(shù)據(jù)和受眾有關(guān)。這樣,您就可以選擇正確的圖表類型,并使用可視化技術(shù)來發(fā)揮自己的優(yōu)勢(shì)。


文章來源:站酷  作者:ZZiUP

藍(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ì)-助你打開設(shè)計(jì)創(chuàng)意

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

1.情緒版的概念

首先我們要明確什么是情緒版?我的理解是:情緒版既不是初稿也不是最終的風(fēng)格方向,而是設(shè)計(jì)師在了解了相關(guān)的產(chǎn)品背景后,基于自己對(duì)于產(chǎn)品的理解給出的一個(gè)較為初始的設(shè)計(jì)建議,并且希望可以通過這個(gè)初始的建議與產(chǎn)品側(cè)達(dá)成一些相關(guān)的設(shè)計(jì)共識(shí)。

 

2.情緒版的大概流程

情緒版的設(shè)計(jì)流程大概分為前中后三個(gè)階段,前期:分析-收集,中期:篩選-組合,后期:打磨-呈現(xiàn)。

 

前期:分析-收集

主要是分析產(chǎn)品相關(guān)背景或需求本身的方向,結(jié)合產(chǎn)品背景及需求本身再進(jìn)一步分析大概的設(shè)計(jì)方向并收集相關(guān)素材內(nèi)容。

 

中期:篩選-組合

當(dāng)我們收集完成后需要對(duì)現(xiàn)有素材進(jìn)行二次篩選并組合,基于現(xiàn)有素材組合大概的設(shè)計(jì)方案結(jié)構(gòu)。

 

后期:打磨-呈現(xiàn)

基礎(chǔ)方案組合完成后需要進(jìn)行二次打磨,細(xì)化方案的內(nèi)容表現(xiàn),檢查整體的一致性及完整度,最后呈現(xiàn)給產(chǎn)品方。

 

3.為什么要做情緒版

可能很多設(shè)計(jì)師會(huì)疑惑為什么要做情緒版,直接設(shè)計(jì)初稿不就好了嗎?如果有這個(gè)疑問,可能還沒實(shí)際了解到情緒版到作用。但我們可以試著從我們?cè)谠O(shè)計(jì)過程中遇到的痛點(diǎn)來了解情緒版的作用或者意義。

在設(shè)計(jì)的過程中你是否會(huì)存在下面幾個(gè)問題:

前期思考不夠——設(shè)計(jì)產(chǎn)出方案少;

設(shè)計(jì)不懼探索性——設(shè)計(jì)來源沒有考究;

初稿多次修改沒能達(dá)成共識(shí)——設(shè)計(jì)表達(dá)不出對(duì)方想要的;

設(shè)計(jì)中期出現(xiàn)不一致——設(shè)計(jì)沒有貫徹始終。

 

4.情緒版的作用

從這幾個(gè)問題中,我們可以得到一個(gè)比較統(tǒng)一的結(jié)論就是:前期設(shè)計(jì)呈現(xiàn)內(nèi)容不夠,導(dǎo)致溝通不足而產(chǎn)生方向不統(tǒng)一。因此基于這個(gè)關(guān)鍵點(diǎn),我們?cè)賮砜辞榫w版的作用

 

(1)輔助構(gòu)建世界觀

在前期,世界觀、背景方面的內(nèi)容大多是以文字的方式呈現(xiàn),因此設(shè)計(jì)師可以通過情緒版的方式,來輸出對(duì)應(yīng)的世界觀設(shè)計(jì)表現(xiàn),這樣可以更加直觀的表現(xiàn)出對(duì)應(yīng)的視覺語言。

 

(2)具象設(shè)計(jì)想法

在初期與產(chǎn)品側(cè)溝通時(shí),單純靠語言表達(dá)的方式很難讓對(duì)方達(dá)到一種腦補(bǔ)的狀態(tài)。因此借助情緒版的方式更加直觀的呈現(xiàn)設(shè)計(jì)想法,通過具象的圖形或者圖形,大大降低雙方的溝通成本。

 

(3)明確設(shè)計(jì)方向

基于第二點(diǎn)的溝通,我們可以明確的了解到產(chǎn)品側(cè)的一些喜好。為后續(xù)設(shè)計(jì)初稿時(shí)起到一個(gè)清晰的方向作用。

 

(4)提高前期設(shè)計(jì)的效率

從零到一設(shè)計(jì)一套完整的方案往往需要耗費(fèi)較長(zhǎng)的時(shí)間,借助情緒版設(shè)計(jì)的方式來快速響應(yīng)一些想法及創(chuàng)意,這樣可以大大提高前期的輸出效率。

 

5.情緒版的基本原則

從多次的嘗試中,我總結(jié)梳理了幾個(gè)基本原則,了解這些原則可以讓我們?cè)谧龅臅r(shí)候更加嚴(yán)謹(jǐn),輸出更加準(zhǔn)確的設(shè)計(jì)方案。

 

(1)多方向性

情緒版的設(shè)計(jì)與我們?nèi)粘TO(shè)計(jì)一樣,需要給出不同的方向建議,單一的方案往往難以抉擇。多方案輸出除了提升抉擇空間之外,還可以增加方案碰撞的情況,往往可能是方案A的某部分內(nèi)容疊加方案B的某部分內(nèi)容才能產(chǎn)生最初的方向。

 

(2)嘗試性

此階段的所有輸出皆屬于嘗試與探索,因此不必過于考究設(shè)計(jì)細(xì)節(jié),重點(diǎn)在于表達(dá)出需要相關(guān)的設(shè)計(jì)概念及思考想法,把更多的時(shí)間留作設(shè)計(jì)思考及方案嘗試。

 

(3)效率性

情緒版的輸出重點(diǎn)在于前期溝通而達(dá)到一個(gè)比較好的共識(shí),因此在保證質(zhì)量的情況下,避免花費(fèi)過多的時(shí)間而影響輸出的效率性。盡量做到快與準(zhǔn)。在過往中項(xiàng)目組,基本上是以半天(4個(gè)小時(shí)左右)為一個(gè)單位來完成一套方案。

 

(4)試探性

情緒版是一種非常有效試探產(chǎn)品側(cè)想要往那種方向去推動(dòng)的方式,因?yàn)槲覀冊(cè)趯?shí)際的設(shè)計(jì)過程中,產(chǎn)品側(cè)可能也對(duì)整體的設(shè)計(jì)大調(diào)并不少特別有明確的腦補(bǔ),因此設(shè)計(jì)師可以借助情緒版的設(shè)計(jì)來挖掘產(chǎn)品側(cè)想要往哪個(gè)方向進(jìn)行發(fā)力。

 

6.情緒版設(shè)計(jì)的方法

這里總結(jié)情緒版的設(shè)計(jì)方法大概有這幾種:1.借助圖像/插圖、2.結(jié)合實(shí)際場(chǎng)景引申、3.借鑒摘取同類型設(shè)計(jì)、4.繪制草稿。

 

(1)借鑒圖像/插圖

在我們?cè)O(shè)計(jì)一些專題活動(dòng)或者繪制插圖相關(guān)的一些設(shè)計(jì)時(shí),可以考慮使用這種方法來輸出你的情緒版設(shè)計(jì),可以通過借鑒一些設(shè)計(jì)網(wǎng)站或插圖網(wǎng)站上的現(xiàn)有素材來拼接,并表達(dá)自己在這方法的一些設(shè)計(jì)意圖及想法。

 

(2)結(jié)合實(shí)際場(chǎng)景引申

從更概念化的角度出發(fā),通過引用一些實(shí)際場(chǎng)景、物品、圖像,來拓展相關(guān)的圖形、質(zhì)感、色彩方面的設(shè)計(jì),并且輸出相關(guān)的設(shè)計(jì)雛形。例如我們?cè)谠O(shè)計(jì)LOGO或者圖形類的一些設(shè)計(jì),使用這種方法就可以幫助我們突破一些現(xiàn)有的認(rèn)知壁壘。

 

(3)借鑒摘取同類型設(shè)計(jì)

在設(shè)計(jì)之初,我們通常會(huì)有一個(gè)大概的思考雛形,但如果直接開始設(shè)計(jì)往往效率上并不高。因此可以借助一些設(shè)計(jì)網(wǎng)站上的設(shè)計(jì),通過摘取組合的方式呈現(xiàn)自己的初步想法。我通常會(huì)在UI新版或者改版的時(shí)候使用這種方式,但只能表達(dá)大概的想法且不能代表最終的初稿設(shè)計(jì)。

 

(4)繪制草稿

當(dāng)我們想要表達(dá)一些溝通或者框架的設(shè)計(jì)時(shí),我們可以使用草稿繪制的方式來表現(xiàn),這個(gè)方式簡(jiǎn)單快捷,可以很有效率的對(duì)齊大部分的設(shè)計(jì)共識(shí)。

 

7.情緒版設(shè)計(jì)的注意事項(xiàng)

基于原則及方法,我們可以來簡(jiǎn)單了解下情緒版設(shè)計(jì)中需要注意的一些事項(xiàng),通過這些內(nèi)容讓你在實(shí)際操作過程中少踩一些坑。

 

(1)控制方案的數(shù)量

設(shè)計(jì)方案控制在2-3個(gè)左右即可,前期大多是屬于試探性方案呈現(xiàn)及找方向,太多則容易導(dǎo)致選擇困難。

 

(2)避免篇幅過長(zhǎng)

篇幅過長(zhǎng)往往容易降低別人閱讀的耐心,對(duì)于情緒版的輸出也是如此。結(jié)合過往的經(jīng)驗(yàn),建議以16:9的畫面為一頁來呈現(xiàn)一個(gè)方案。

 

(3)區(qū)分重點(diǎn)次要

在一頁內(nèi)呈現(xiàn)的方案避免過于平均,可以適當(dāng)突出某些想要重點(diǎn)表達(dá)的內(nèi)容,例如在這個(gè)方案中想要重點(diǎn)突出圖標(biāo)、顏色等,那么這里需要突出這部分在畫面中的比例,適當(dāng)縮小其他模塊的尺寸。

 

(4)結(jié)合世界觀

在輸出情緒版設(shè)計(jì)方案時(shí)還可以適當(dāng)考慮結(jié)合產(chǎn)品的世界觀,通過一些具象化的圖形或者插圖來表現(xiàn)相關(guān)的內(nèi)容。例如我們之前在游戲中心改版的嘗試中,就發(fā)散了幾個(gè)相關(guān)的世界觀,因此我們?cè)谳敵龇桨笗r(shí),則只需要把對(duì)應(yīng)的世界觀作為方案,通過情緒版的方式表現(xiàn)出來即可。

 

(5)保持整體風(fēng)格一致性

一致性是表現(xiàn)一個(gè)設(shè)計(jì)師是否具有系統(tǒng)化、全局觀的思考思維,因此我們?cè)诒憩F(xiàn)情緒版時(shí)也需要關(guān)注這方面的內(nèi)容,避免整體的調(diào)性不匹配。

 

(6)完整性表達(dá)

在呈現(xiàn)方案時(shí),盡量多維度的進(jìn)行對(duì)比,呈現(xiàn)一個(gè)完整性、系統(tǒng)性的設(shè)計(jì)。例如我們?cè)谠O(shè)計(jì)UI相關(guān)的內(nèi)容,從圖標(biāo)、顏色、字體等等一系列的內(nèi)容需要細(xì)致的闡述清楚,讓人更加能夠了解你的意圖。

 

8.UI情緒版模版分享

由于我日常以設(shè)計(jì)UI為主,因此可以給大家重點(diǎn)分享我在UI情緒版設(shè)計(jì)的經(jīng)驗(yàn)。希望可以幫助到大家快速上手。

當(dāng)你在做UI設(shè)計(jì)情緒版時(shí),需要明確了解UI設(shè)計(jì)中的結(jié)構(gòu),更系統(tǒng)性的去思考整體的內(nèi)容。我們?cè)赨I設(shè)計(jì)中往往需要包含以下這些內(nèi)容:圖形系統(tǒng)(圖標(biāo)+輔助圖形)、顏色系統(tǒng)、字體字形系統(tǒng)、質(zhì)感形態(tài)、界面形態(tài)、插圖風(fēng)格、動(dòng)效系統(tǒng)、影像系統(tǒng),等等這些部分的內(nèi)容。

 

UI情緒版模版

 

過往實(shí)際案例分享

案例一:整體風(fēng)格比較偏個(gè)性一些,頁面嘗試用深色的背景設(shè)計(jì)

優(yōu)點(diǎn):整體風(fēng)格比較酷,配色比較未來感符合年輕的人的審美,深色的背景讓內(nèi)容更加聚焦。

缺點(diǎn):深色的設(shè)計(jì)接受度是否可以,是否適合平臺(tái)類APP設(shè)計(jì)

 

案例二:整體風(fēng)格3D化的設(shè)計(jì),包括頁面的一些體驗(yàn)上都可以增加視察的效果來設(shè)計(jì)

優(yōu)點(diǎn):整體設(shè)計(jì)風(fēng)格比較新穎,符合現(xiàn)在的設(shè)計(jì)趨勢(shì),整體感覺也比較年輕多彩

缺點(diǎn):3D的制作成本相對(duì)較大。

 

案例三:整體風(fēng)格比較清爽,白色融入漸變的設(shè)計(jì)也會(huì)顯得比較年輕

優(yōu)點(diǎn):整體頁面清爽,可以滿足任何內(nèi)容的透出,漸變色的圖標(biāo)和按鈕的設(shè)計(jì)補(bǔ)充了細(xì)節(jié)

缺點(diǎn):整體氛圍感、娛樂感較弱。

 

9.最后總結(jié)

很多時(shí)候我們會(huì)覺得情緒版設(shè)計(jì)可有可無,或者因?yàn)闀r(shí)間的關(guān)系不允許我們經(jīng)過這一步。但,如我一開始提到的點(diǎn),情緒版可以在前期幫助我們?nèi)ゴ蛲ê芏嗨伎嫉谋趬?,輔助設(shè)計(jì)師在前期直觀的與產(chǎn)品側(cè)進(jìn)行方向上的探討,從而找到大方向上的共識(shí)。


文章來源:學(xué)UI網(wǎng)   作者:妙妙

藍(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ù)


B2B用戶畫像的創(chuàng)建與使用

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

01 什么是用戶畫像(what)

02 B2B用戶畫像的特色(what)

03 為什么要構(gòu)建B2B用戶畫像(why)

04 如何構(gòu)建B2B用戶畫像(how)

05 B2B用戶畫像的傳播與使用(how)

本文嘗試通過what-why-how的結(jié)構(gòu),結(jié)合自己的工作做一些實(shí)踐,和大家分享下B2B用戶畫像的整體概念框架以及構(gòu)建方法。出于對(duì)我司數(shù)據(jù)的保密,無法直接分享給大家細(xì)粒度且對(duì)應(yīng)的數(shù)據(jù),所以分享過程中我會(huì)結(jié)合業(yè)界和其他前輩在網(wǎng)上分享的內(nèi)容和數(shù)據(jù)作為案例,如有不足和錯(cuò)誤之處,還望大家批評(píng)指正。

 

那在講B2B用戶畫像之前,我想先來說說用戶畫像的概念,在看一些文章時(shí)發(fā)現(xiàn)有些作者混淆了用戶畫像的兩種概念??赡芎芏嗳藳]有注意到,用戶畫像這個(gè)詞包含了2種不同的含義,一種是User Persona,一種Use Profile

 

1.1 User Persona

User Persona是對(duì)一個(gè)用戶群體的整體抽象。這一概念最早源于交互設(shè)計(jì)領(lǐng)域,是Alan Cooper在《About Face:交互設(shè)計(jì)精髓》一書中提到的研究用戶的系統(tǒng)化方法?!摆A在用戶”這本書將其翻譯為“人物角色”,目前業(yè)內(nèi)使用“用戶畫像”這個(gè)術(shù)語。表達(dá)的意思一樣,是真實(shí)用戶的虛擬代表,是在深刻理解真實(shí)數(shù)據(jù)的基礎(chǔ)上得出的一個(gè)的虛擬用戶。

  • 研究方法:定量+定性研究,更注重的是定性的研究;
  • 畫像用途產(chǎn)品&交互&設(shè)計(jì)使用,是他們了解用戶目標(biāo)和需求、與開發(fā)團(tuán)隊(duì)及相關(guān)人交流、避免設(shè)計(jì)陷阱的重要工具;
  • 研究方向:更深和細(xì),會(huì)更為深入的去挖掘底層用戶的動(dòng)機(jī)、原因、動(dòng)機(jī)、欲望、痛點(diǎn)等屬性,Persona幫助我們了解why產(chǎn)品的用戶為什么會(huì)有這個(gè)行為。

 

1.2 User Profile

User Profile是對(duì)每一個(gè)個(gè)體的畫像,是在產(chǎn)品用戶量有一定規(guī)模以后進(jìn)行的。利用用戶的行為數(shù)據(jù)或者填報(bào)的資料進(jìn)行的用戶屬性標(biāo)簽提取,更多被運(yùn)營(yíng)和數(shù)據(jù)分析師使用,它是各類描述用戶數(shù)據(jù)的變量集合。在大數(shù)據(jù)時(shí)代,企業(yè)通過對(duì)海量數(shù)據(jù)信息進(jìn)行清洗、聚類、分析,將數(shù)據(jù)抽象成標(biāo)簽,再利用這些標(biāo)簽將用戶形象具體化的過程。

  • 研究方法:偏向于定量研究與數(shù)據(jù)分析;
  • 畫像用途:主要運(yùn)營(yíng)&市場(chǎng)使用,個(gè)性化推薦、廣告系統(tǒng)、活動(dòng)營(yíng)銷、內(nèi)容推薦、興趣偏好都是基于用戶畫像的應(yīng)用,比如說我們通??吹胶芏嗑W(wǎng)站,千人千面,其實(shí)也是User Profile 精細(xì)化運(yùn)營(yíng)的結(jié)果;
  • 研究方向:更廣和全,更多的是研究人的基礎(chǔ)屬性、社會(huì)屬性和行為習(xí)慣,更關(guān)注的相關(guān)性的數(shù)據(jù)分析和挖掘。幫助我們了解what產(chǎn)品為誰而設(shè)計(jì)。

兩類畫像的對(duì)比如下圖:

明確了兩種畫像的區(qū)別,那本文我們就重點(diǎn)談?wù)?strong>User Persona類型的B2B用戶畫像(后續(xù)文中簡(jiǎn)稱“用戶畫像”)。至于User Profile,比較適合用戶體量大的產(chǎn)品,而B端產(chǎn)品除了頭部企業(yè),很難達(dá)到這個(gè)量級(jí),無疑用User Persona更合適,本文就不再贅述。

 

不管是B2B還是B2C產(chǎn)品也好,不論是商業(yè)層面上(比如在資源有限情況下聚焦關(guān)鍵用戶類型)、或是在產(chǎn)品層面上(更好理解用戶想要什么,確定功能的范圍和優(yōu)先級(jí)),建立用戶畫像的本質(zhì)都是為了輔助一些決策。

不同之處在于C端面向的是大量且分散的個(gè)人用戶,用戶畫像的主要目的是把用戶聚類,更好的了解不同類型用戶的特點(diǎn)和偏好。而B端產(chǎn)品,面向的是企業(yè)級(jí)用戶,滿足的是企業(yè)的管理或經(jīng)營(yíng)需求,關(guān)注的是成本和效率。畫像的目的是針對(duì)業(yè)務(wù)不同環(huán)節(jié)中、具有類似任務(wù)的用戶進(jìn)行更立體、豐富的需求整理和挖掘,往往和角色相關(guān)。

其決定了B2B用戶畫像的幾個(gè)特點(diǎn):

 

2.1 受企業(yè)生命周期的影響

伊查克·愛迪思(IchakAdizes)提出了企業(yè)生命周期理論,企業(yè)的發(fā)展大致有初創(chuàng)期、成長(zhǎng)期、成熟期和衰退期四個(gè)階段。不同階段的企業(yè),其組織形態(tài)、關(guān)注點(diǎn)、管理方式等都會(huì)有所不同,產(chǎn)品需求側(cè)重點(diǎn)不同,用戶畫像的方向和調(diào)研方式也會(huì)有不同。

初創(chuàng)期:產(chǎn)品立項(xiàng)階段

這個(gè)階段往往指的是公司剛成立,此時(shí)產(chǎn)品、企業(yè)文化尚未成形,處于客戶積累階段,較為關(guān)注引流。需要通過用戶畫像定位細(xì)分市場(chǎng)、產(chǎn)品模式及功能,這個(gè)階段需做定性調(diào)研了解目標(biāo)用戶,初步形成用戶畫像為需求做底層支撐,這個(gè)階段的用戶畫像顆粒度可以粗些,旨在幫助團(tuán)隊(duì)快速就“我們的用戶是誰”達(dá)成共識(shí)。

 

成長(zhǎng)期:產(chǎn)品運(yùn)營(yíng)中(已有數(shù)據(jù)積累)

這個(gè)時(shí)候產(chǎn)品已有demo或已上線迭代,產(chǎn)品處于完善、升級(jí)的階段??墒褂谩?strong>數(shù)據(jù)挖掘+定量篩選+定性豐富”的方式,結(jié)合項(xiàng)目的已有數(shù)據(jù),使用定量篩選用戶,做大量微觀且具體的用戶調(diào)研,基于后臺(tái)、第三方平臺(tái)監(jiān)控發(fā)現(xiàn)問題,定位問題關(guān)鍵及原因分析,優(yōu)化產(chǎn)品功能及運(yùn)營(yíng)模式,再通過調(diào)研訪談了解具體的行為細(xì)節(jié)和態(tài)度。該階段的用戶畫像可用來驗(yàn)證問題、完善或發(fā)現(xiàn)新的機(jī)會(huì)點(diǎn)。

 

成熟期:產(chǎn)品相對(duì)穩(wěn)定

客戶資源相對(duì)穩(wěn)定,可能已有一定的規(guī)模,內(nèi)部管理需求增長(zhǎng),市場(chǎng)地位趨于穩(wěn)定,日常工作也大多以維護(hù)為主。且現(xiàn)有增長(zhǎng)點(diǎn)已遇上了瓶頸,用戶活躍將不可阻逆地緩慢下降,即使你做再多產(chǎn)品優(yōu)化、燒錢運(yùn)營(yíng)都無法改變產(chǎn)品終將走向衰退的命運(yùn),時(shí)間問題。企業(yè)急于尋找突破口和新的增長(zhǎng)點(diǎn),用戶畫像又將被賦予新的使命:基于用戶畫像進(jìn)行“新增長(zhǎng)點(diǎn)”的分析,定性挖掘藍(lán)海,再定量進(jìn)行驗(yàn)證

 

衰退期:產(chǎn)品活躍度快速下降

進(jìn)入到這個(gè)階段,說明產(chǎn)品沒有成功轉(zhuǎn)型。這時(shí)候再做用戶畫像的意義其實(shí)不大,如果一定要做,除了提高回流率、挖掘增長(zhǎng)點(diǎn)外,可以定性了解原因,調(diào)整產(chǎn)品。

 

2.2 產(chǎn)品使用角色多樣性

不同于C端產(chǎn)品的的用戶單一性,B端產(chǎn)品的用戶畫像對(duì)應(yīng)的不是一個(gè)個(gè)體,而是一個(gè)組織或機(jī)構(gòu),同時(shí)涵蓋組織機(jī)構(gòu)中不同的人員。產(chǎn)品面向的使用對(duì)象可能從普通員工到企業(yè)高層,覆蓋銷售、技術(shù)、行政人事部分等,基于工作場(chǎng)景不一樣,對(duì)產(chǎn)品的需求可能也大相徑庭。

以一個(gè)CRM系統(tǒng)為例,一個(gè)復(fù)雜的B端產(chǎn)品可能會(huì)涉及以下四種角色的用戶:決策者、主要使用者、次要使用者、間接使用者。如下圖所示:

決策者:下決策購(gòu)買產(chǎn)品或服務(wù)的人,可能是業(yè)務(wù)線負(fù)責(zé)人,也可能是公司董事長(zhǎng)、CEO,他們常常不是產(chǎn)品的使用者,使用頻次低甚至完全不用,他們通常都是從公司的整體利益出發(fā),更關(guān)注產(chǎn)品能否給公司業(yè)務(wù)帶來幫助,降本還是提效了。其評(píng)價(jià)某個(gè)功能的好壞,往往與使用者的感受是相悖的,如釘釘?shù)摹癉ING一下”,他們并不太關(guān)注使用過程、體驗(yàn),更關(guān)注產(chǎn)品的核心價(jià)值,將利益最大化。

滿足決策者的需要是做好B端產(chǎn)品的前提,也是制作用戶畫像所要明確的方向;很多體驗(yàn)做的不好、難看的產(chǎn)品之所以也能在B端市場(chǎng)有一席之地,就是因?yàn)闈M足了企業(yè)的需要。比較理想的情況下,團(tuán)隊(duì)對(duì)目標(biāo)客群有一定深入的研究,形成趨于標(biāo)準(zhǔn)化的產(chǎn)品,就能打動(dòng)目標(biāo)客戶群的大部分決策者。

主要使用者:真正頻繁使用產(chǎn)品的人,也是產(chǎn)品/設(shè)計(jì)師想要提升產(chǎn)品體驗(yàn)要瞄準(zhǔn)的人群

他們可能更關(guān)注產(chǎn)品的具體使用,是不是易用,有沒有幫助他們更便捷地完成工作,有沒有提高他們的工作效率。主要使用者是最容易識(shí)別的,以CRM系統(tǒng)為例,如果沒有銷售日常在系統(tǒng)中錄入客戶數(shù)據(jù),管理層就無法查看成單量、進(jìn)度等他們所關(guān)注的信息。

次要使用者:使用產(chǎn)品頻率相對(duì)主要使用者更低,用到的功能也比較少,只在某個(gè)中間流程涉及少量操作。如CRM系統(tǒng)中人事、財(cái)務(wù)會(huì)涉及到其中錢或出差的審批對(duì)他們而言,主要需求是能快速找到自己的任務(wù)并完成就可以了。

間接使用者:不直接使用產(chǎn)品但會(huì)被產(chǎn)品影響的人群,產(chǎn)品和設(shè)計(jì)師在設(shè)計(jì)過程如果有資源和精力能兼顧他們的需求和體驗(yàn),那就太貼心了。如審計(jì)、政府人員,屬于不緊急,非必要需求。

 

2.3 崗位職責(zé)決定了用戶目標(biāo)和使用場(chǎng)景

B端用戶使用場(chǎng)景多和業(yè)務(wù)形態(tài)密切相關(guān),產(chǎn)品通常要解決的是某類角色工作時(shí)發(fā)生的問題,所以不同于C端用戶畫像,從用戶視角出發(fā),關(guān)注用戶個(gè)人的場(chǎng)景、訴求、痛點(diǎn)和情緒,核心是滿足用戶的需求,關(guān)注用戶的年齡、性別、收入、個(gè)性、習(xí)慣、消費(fèi)模式等標(biāo)簽。

但是在B端產(chǎn)品中,我們拋開了用戶作為個(gè)人存在的標(biāo)簽,我們更關(guān)注用戶所代表的角色,他的崗位職責(zé)是什么,它在工作場(chǎng)景中需要完成哪些任務(wù),這些任務(wù)要做什么的,其崗位職責(zé)決定了它完成任務(wù)的目標(biāo)、場(chǎng)景、使用什么工具去,需要跟其他角色配合嗎等信息。

所以B2B畫像更關(guān)注角色的分類、工作/使用場(chǎng)景、用戶目標(biāo)、操作鏈路、角色協(xié)同等信息,很難看到類似這個(gè)人是不是已婚,小孩多大這些不知道如何應(yīng)用于產(chǎn)品設(shè)計(jì)的內(nèi)容。而在一個(gè)C端產(chǎn)品用戶畫像上很少看到有哪些讓他壓力山大的KPI等信息。

仍然以CRM系統(tǒng)為例,其主要使用者-銷售的目標(biāo)就是用該系統(tǒng)錄入商機(jī)、線索等,然后根據(jù)數(shù)據(jù)情況制定客戶溝通回訪計(jì)劃等,聚焦的是該系統(tǒng)能否讓他很好的履行了其崗位責(zé)任。和他這個(gè)人在哪個(gè)城市、已婚未婚等個(gè)人特性是無關(guān)的。

 

2.4 由客戶畫像和角色畫像構(gòu)成

B2B產(chǎn)品面向的是企業(yè)用戶,滿足的是產(chǎn)業(yè)鏈中各企業(yè)的經(jīng)營(yíng)需求,這時(shí)B2B畫像應(yīng)該具備行業(yè)、客戶屬性這一維度;但是最終購(gòu)買者、使用者都是企業(yè)中的某一角色,這決定了B2B畫像還有角色這一維度。所以,小編認(rèn)為,B2B用戶畫像是企業(yè)和多個(gè)核心角色共同構(gòu)成的畫像,建立B2B畫像,需要客戶(企業(yè))畫像和角色畫像兩部分的信息。

 

1)客戶畫像

客戶畫像指的是使用B端產(chǎn)品或服務(wù)的企業(yè)用戶,具有行業(yè)特征、企業(yè)特征及角色特征。其的目標(biāo)是促成銷售,主要用來幫助銷售/運(yùn)營(yíng)人員他們快速定位目標(biāo)企業(yè),幫助他們更好的認(rèn)識(shí)我們客戶是什么樣的人,讓他們的工作更有方向。

一個(gè)典型的客戶色畫像會(huì)包括:

基本信息:外在的標(biāo)簽,如所處行業(yè)、地域、人員規(guī)模、收入規(guī)模(年?duì)I業(yè)額)

業(yè)務(wù)模式:線下的實(shí)際業(yè)務(wù)流程-視行業(yè)而定,如商業(yè)模式(靠什么賺錢)、業(yè)務(wù)模式(業(yè)務(wù)怎么運(yùn)作)

組織機(jī)構(gòu):自上而下都有哪些機(jī)構(gòu),彼此之間的關(guān)系。

關(guān)鍵角色:各個(gè)機(jī)構(gòu)里有哪些崗位/工種,決策鏈上有哪些角色、誰才是有價(jià)值的關(guān)鍵角色,角色話語權(quán)。企業(yè)的關(guān)鍵決策人隨企業(yè)大小而不同,一般中小型企業(yè)都是老板、合伙人等。而大型企業(yè)采購(gòu)B端軟件都是需要經(jīng)過內(nèi)部流程的,最終審核人是老板,但其中影響決策最大的往往是商務(wù)經(jīng)理負(fù)責(zé)人。

 

2)角色畫像

B端產(chǎn)品雖然面向企業(yè),但是最終使用執(zhí)行的還是人,這些執(zhí)行層(終端使用者)也是產(chǎn)品的檢驗(yàn)者。在企業(yè)決定購(gòu)買產(chǎn)品之前,執(zhí)行層沒有話語權(quán),但是在續(xù)費(fèi)的時(shí)候,他們的話語權(quán)比重會(huì)開始顯著提升。

因此在我們的產(chǎn)品設(shè)計(jì)階段,會(huì)更關(guān)注執(zhí)行層的角色畫像。當(dāng)我們討論產(chǎn)品、需求、場(chǎng)景、用戶體驗(yàn)的時(shí)候,往往需要將焦點(diǎn)聚集在這類人群上。

一個(gè)典型的角色畫像會(huì)包括:

基本信息:如角色名稱、照片、角色/工種、平臺(tái)偏好、文化水平、辦公場(chǎng)地、使用頻次,角色名稱以及照片是為了更有代入感的個(gè)人情況說明,但值得注意的是,這里的情況更多圍繞職業(yè)情況展開,比如工作年限,工作職責(zé),能力維度等,那些在C端中常見的家庭情況,幾個(gè)孩子什么的統(tǒng)統(tǒng)不重要。

用戶行為驅(qū)動(dòng):用戶的工作目標(biāo)、工作任務(wù)和考核指標(biāo),B端角色通常是企業(yè)員工,為了薪酬,有一般都會(huì)有結(jié)合任務(wù)而完成的考核指標(biāo),了解考核指標(biāo)可以在設(shè)計(jì)過程中更明確知道哪些內(nèi)容是用戶最關(guān)注的東西;

使用場(chǎng)景:工作的時(shí)間、地點(diǎn)及工作內(nèi)容是什么,使用場(chǎng)景是重要但容易被忽略的一個(gè)內(nèi)容,尤其要搞清楚使用產(chǎn)品的場(chǎng)景有哪些、用戶平時(shí)的工作流程是如何的、主要使用什么功能??捎靡粋€(gè)真實(shí)、普遍、易懂的故事勾勒一下

使用期望:日常工作面臨的挑戰(zhàn)和痛點(diǎn),期望獲得的幫助。

角色畫像和客戶畫像之間沒有直接關(guān)系。因?yàn)槟繕?biāo)不同,所以會(huì)有不同的用戶細(xì)分:客戶畫像的目標(biāo)是成銷售,獲取利益;角色畫像是為了解決問題和為用戶創(chuàng)造價(jià)值,進(jìn)一步為公司創(chuàng)造價(jià)值。但是在刻畫B2B用戶畫像時(shí),如果只考慮執(zhí)行者的話,沒有客戶畫像作為指引、摸清決策者的特征與行為,你的產(chǎn)品功能或者體驗(yàn)設(shè)計(jì)上可能就會(huì)出現(xiàn)嚴(yán)重偏差,甚至方向錯(cuò)誤。

3.1 客戶畫像的價(jià)值

產(chǎn)品和服務(wù)只是企業(yè)將價(jià)值傳遞給客戶的一種工具和媒介,無論產(chǎn)品形態(tài)如何,其本質(zhì)都是在解決客戶的問題。如果沒法滿足客戶的業(yè)務(wù)需求,基本上該產(chǎn)品對(duì)客戶是沒有價(jià)值的??蛻舢嬒褡饔秘灤┊a(chǎn)品生命全周期,產(chǎn)品/市場(chǎng)/銷售較為關(guān)注,它的價(jià)值主要體現(xiàn)有三點(diǎn):

對(duì)產(chǎn)品:明確為誰服務(wù),快速的了解客戶的需求和狀況,確定產(chǎn)品功能設(shè)計(jì),學(xué)會(huì)識(shí)別用戶的解決方案和用戶在場(chǎng)景下的訴求,不斷迭代調(diào)整產(chǎn)品;

對(duì)市場(chǎng)/運(yùn)營(yíng)人員:建立對(duì)客戶盡量全面的了解并基于客戶畫像確定營(yíng)銷內(nèi)容、營(yíng)銷策略和渠道選擇,使產(chǎn)品的服務(wù)對(duì)象更聚焦;

對(duì)銷售人員:幫助銷售進(jìn)行客戶篩選,找到有效客戶,提高轉(zhuǎn)化率,確定業(yè)務(wù)方向和銷售打法。合理配置團(tuán)隊(duì),完成KPI。

客戶畫像越早建立越好,但是務(wù)必注意控制深度和成本,因?yàn)椴煌A段的企業(yè)其側(cè)重點(diǎn)有所不同。在初創(chuàng)期,產(chǎn)品團(tuán)隊(duì)可以通過關(guān)注典型客戶來積累定性數(shù)據(jù),從而低成本搭建客戶畫像;而到了成長(zhǎng)期和成熟期,在擁有大量客戶數(shù)據(jù)的前提下,企業(yè)可以逐漸過渡到使用定性&定量相結(jié)合的方式來形成更為清晰的客戶畫像。

 

3.2 角色畫像的價(jià)值

以前業(yè)界有種說法,做B端,能用是第一位,用戶體驗(yàn)不重要。所以除了一些成規(guī)模的SaaS公司,設(shè)計(jì)師在B端幾乎無用武之地,成了組件化的搬運(yùn)工、工具人。所以大部分的企業(yè)在跑馬圈地時(shí)期是不注重用戶體驗(yàn)的,企業(yè)有客戶畫像,卻未必有角色畫像。

還說用戶體驗(yàn)不重要的人,可以看看有贊CEO白鴉的公開說明。

圖片來源于網(wǎng)絡(luò)

2020年,疫情為企業(yè)級(jí)SaaS帶來流量,在今年2月宣布延期復(fù)工后,釘釘搜索量激增數(shù)倍,無論中大型企業(yè)還是小微企業(yè)都紛紛加入了遠(yuǎn)程辦公的行列,協(xié)同辦公SaaS獲得了大量的“試用客戶”,加快了市場(chǎng)激活的進(jìn)程,但接下來,流量轉(zhuǎn)化和用戶留存成為后疫情時(shí)代的核心關(guān)注點(diǎn)。

后疫情時(shí)代,對(duì)企業(yè)來說,改善產(chǎn)品用戶體驗(yàn),了解使用產(chǎn)品的終端用戶,構(gòu)建角色畫像愈加重要。而角色畫像作為產(chǎn)品和設(shè)計(jì)師比較關(guān)注的畫像,有以下三點(diǎn)價(jià)值

設(shè)計(jì)前:幫助確立設(shè)計(jì)目標(biāo)、設(shè)計(jì)策略與準(zhǔn)則

設(shè)計(jì)中:解決架構(gòu)混亂問題,明確需求功能的合理性和優(yōu)先級(jí);解決需求爭(zhēng)議問題和溝通問題,與團(tuán)隊(duì)成員就服務(wù)目標(biāo)達(dá)成共識(shí),

設(shè)計(jì)后:解決可用性測(cè)試問題,幫助我們鎖定合適的測(cè)試用戶;

總結(jié)一下就是角色畫像是產(chǎn)品的根基,客戶畫像是產(chǎn)品的外延生命力的象征,兩者相輔相成。

 

對(duì)于這個(gè)章節(jié)。我將以我所負(fù)責(zé)的一款企業(yè)產(chǎn)品為例,來講述用戶畫像的創(chuàng)建過程。在這個(gè)項(xiàng)目中我們通過定性研究創(chuàng)建了用戶畫像,當(dāng)然如果必要,大家也可以在后期再通過定量研究對(duì)得到的用戶畫像進(jìn)行驗(yàn)證。

用戶畫像的創(chuàng)建可分為以下幾個(gè)步驟:

 

Step 1:研究準(zhǔn)備與數(shù)據(jù)收集

B端用研和C端有一點(diǎn)不同,企業(yè)用戶的使用場(chǎng)景基于業(yè)務(wù),背景復(fù)雜、角色多樣、使用工具特殊(如企業(yè)自有后臺(tái)系統(tǒng))等,導(dǎo)致無法在可用性實(shí)驗(yàn)室中切實(shí)地模擬出來,所以我們得接近用戶、基于業(yè)務(wù)場(chǎng)景去了解用戶。

小編大致總結(jié)了一下,B端用研有以下3大痛點(diǎn):

信息獲取難:B端產(chǎn)品主要針對(duì)用戶工作和業(yè)務(wù)開展,一般都是強(qiáng)制使用產(chǎn)品不存在“挑剔”的選擇空間,導(dǎo)致用戶的反饋就非常少,信息的獲取壁壘較高?!吧疃仍L談”是最核心也是獲取信息性價(jià)比最高的一種方法,但是出于對(duì)信息用途的不了解,對(duì)商業(yè)隱私、生意經(jīng)驗(yàn)泄露的擔(dān)憂,B端用戶可能不愿意配合調(diào)研或不信任你。

業(yè)務(wù)復(fù)雜:缺乏行業(yè)經(jīng)驗(yàn),難以理解業(yè)務(wù),這會(huì)讓用研對(duì)象覺得你不專業(yè),仿佛雞同鴨講、對(duì)牛談琴。而且在不理解業(yè)務(wù)的情況下,設(shè)計(jì)師在訪談過程中會(huì)過于關(guān)注基礎(chǔ)業(yè)務(wù),無法進(jìn)行更深層次的訪談,采集的信息并非用戶的真正需求。

視角不同:設(shè)計(jì)師視角容易缺乏框架性思考,搞不清每個(gè)業(yè)務(wù)模塊/功能的邊界以及它們之間的關(guān)系,不能站在用戶(決策者、使用者)的角度思考問題,以至于被用戶牽著鼻子走,用戶說什么就是什么,能和用戶產(chǎn)生共鳴的部分極少。

俗話說“磨刀不誤砍柴工”,針對(duì)以上三大痛點(diǎn),項(xiàng)目伊始有必要進(jìn)行一輪全面的桌面研究,幫助我們快速建立對(duì)行業(yè)的全局認(rèn)知并了解業(yè)務(wù),另一方面,也有助于我們更好地和用戶進(jìn)行溝通。

 

研究?jī)?nèi)容:

  • 1.產(chǎn)品的定位、盈利點(diǎn)及目標(biāo)客戶
  • 2.當(dāng)前的業(yè)務(wù)目標(biāo)是什么,主要解決什么問題
  • 3.整體業(yè)務(wù)框架,核心業(yè)務(wù)流程和使用場(chǎng)景
  • 4.不同角色之間如何協(xié)同以及每種角色的價(jià)值和目標(biāo)
  • 5.專業(yè)術(shù)語的理解
  • 6.達(dá)成業(yè)務(wù)目標(biāo)的關(guān)鍵資源和能力

 

研究途徑:

  • 1.公司官網(wǎng)、競(jìng)品網(wǎng)站、查閱行業(yè)內(nèi)相關(guān)報(bào)告、參加行業(yè)會(huì)議等,形成對(duì)行業(yè)的整體認(rèn)知,如艾瑞網(wǎng)、易觀、CBDNData等專業(yè)網(wǎng)站。(部分報(bào)告需開通會(huì)員才能查閱)
  • 2.通過搜索引擎查詢關(guān)鍵詞查詢相關(guān)文章。
  • 3.最快捷的方式是向產(chǎn)品經(jīng)理/業(yè)務(wù)方要相關(guān)文檔或直接向他們請(qǐng)教。
  • 4.銷售??/客服/實(shí)施顧問等,一般上線的產(chǎn)品都會(huì)有客戶反饋群或來收集整理客戶實(shí)時(shí)反饋的需求信息,可以通過他們大概了解到目前產(chǎn)品有哪些問題
  • 5.如果有這方面的專家用戶,可以虛心向這些專家用戶請(qǐng)教,他們對(duì)業(yè)務(wù)的理解更加深入。

 

Step 2:確定目標(biāo)與畫像維度

此處有2個(gè)注意點(diǎn):

  • 1.如何篩選出目標(biāo)用戶?
  • 2.畫像維度有哪些?

針對(duì)以上2三點(diǎn),下文將依次展開說明。

 

1、如何篩選出目標(biāo)用戶?

Cooper指出,不能為超過3個(gè)以上的用戶畫像設(shè)計(jì)產(chǎn)品,這樣容易產(chǎn)生需求沖。當(dāng)有多個(gè)用戶畫像的時(shí)候,需要考慮用戶畫像的優(yōu)先級(jí)。前面講B2B畫像特點(diǎn)的提到過,由于是企業(yè)產(chǎn)品,僅僅產(chǎn)品中一條業(yè)務(wù)線,角色也是多樣的,所以在篩選目標(biāo)用戶時(shí)有一點(diǎn)尤其要注意:應(yīng)識(shí)別出關(guān)鍵的用戶畫像。

以我公司的招聘業(yè)務(wù)為例,為了便于大家在宏觀上確定什么樣的企業(yè)是我們主要的目標(biāo)用戶,我們的做法是按企業(yè)類型定義了三個(gè)KA客戶畫像。由產(chǎn)品、市場(chǎng)、以及各組leader一起來完成用戶畫像的優(yōu)先級(jí)排序工作。確定用戶畫像優(yōu)先級(jí)時(shí),我們可以主要從以下幾個(gè)方面來考慮:

  • 使用頻率
  • 市場(chǎng)大小
  • 收益的潛力
  • 競(jìng)爭(zhēng)優(yōu)勢(shì)/策略等

然后再找關(guān)鍵的角色畫像,即角色畫像中的決策者和主要使用者,次要使用者和間接使用者因時(shí)間、金錢的關(guān)系,現(xiàn)階段不做考慮。我司產(chǎn)品的客戶主要是勞動(dòng)密集型企業(yè),作用是幫助客戶解決藍(lán)領(lǐng)用工問題和發(fā)薪合規(guī)問題。以招聘業(yè)務(wù)線為例,想把這個(gè)產(chǎn)品賣給某企業(yè),首先要打動(dòng)該企業(yè)的HR總監(jiān),再說服CEO/董事長(zhǎng),再讓招聘部員工-HR試用。

那么這條決策鏈上的關(guān)鍵人就包括了HR總監(jiān)、CEO/董事長(zhǎng)、HR。那在這個(gè)案例中,HR總監(jiān)是決策鏈的關(guān)鍵人物,因?yàn)橹挥兴J(rèn)可之后,才會(huì)申請(qǐng)購(gòu)買或在CEO面前夸這個(gè)產(chǎn)品。而HR是最終產(chǎn)品的使用者,雖然他們?cè)谄髽I(yè)購(gòu)買產(chǎn)品前沒有話語權(quán),但是在續(xù)費(fèi)階段,他們的話語權(quán)最大。對(duì)于處于成長(zhǎng)期的產(chǎn)品來說,我們現(xiàn)階段的調(diào)研目標(biāo)也是為了獲取HR總監(jiān)和HR兩類角色的用戶畫像,每個(gè)角色訪談4~6人;

 

2、畫像維度有哪些?

篩選出了目標(biāo)用戶,那畫像維度有哪些呢?。以本案例為例,在本次用戶畫像的設(shè)計(jì)中,因我司產(chǎn)品處于優(yōu)化迭代階段,做用戶畫像的目的是了解用戶的使用情況,比如各功能的使用頻率、使用中遇到的問題,定位問題關(guān)鍵及原因分析,優(yōu)化產(chǎn)品功能及運(yùn)營(yíng)模式,同時(shí)也希望通過了解用戶的具體行為細(xì)節(jié)和態(tài)度,發(fā)現(xiàn)新的機(jī)會(huì)點(diǎn)。

對(duì)于企業(yè),主要了解其企業(yè)規(guī)模、行業(yè)屬性、業(yè)務(wù)流程、組織架構(gòu)、機(jī)構(gòu)里有哪些崗位/工種。這個(gè)信息主要由產(chǎn)品或銷售采集,應(yīng)該前置于角色畫像。而我們第一步的業(yè)務(wù)研究中,很大一部分內(nèi)容也來自于此。

對(duì)于決策者,主要向其了解企業(yè)管理、業(yè)務(wù)等方面的需求信息,對(duì)于本產(chǎn)品決策者關(guān)注的是營(yíng)收增長(zhǎng)、效率提高還是減少成本等方面的問題。

對(duì)于主要使用者,側(cè)重了解用戶特征、產(chǎn)品認(rèn)知、使用場(chǎng)景與痛點(diǎn),各功能的使用頻率、使用中遇到的問題等

根據(jù)前面前文提到的的用戶畫像構(gòu)成要素和自身業(yè)務(wù)情況,有選擇性的摘取,最終梳理出本案的用戶畫像維度如下:

 

Step 3:確定調(diào)研方法

明確了調(diào)研對(duì)象后,就可以展開調(diào)研了。一般有三種方式:

  • 定性研究,基于小樣本的研究,如用戶訪談、實(shí)地調(diào)研、輪崗-理解現(xiàn)象原因;
  • 定量研究,收集更大規(guī)模樣本的調(diào)查數(shù)據(jù),如問卷調(diào)研、數(shù)據(jù)分析-發(fā)現(xiàn)現(xiàn)象;
  • 定量+定性研究,兩者的結(jié)合。

定量和定性調(diào)研究雖各有優(yōu)劣,但定量較為昂貴、費(fèi)時(shí),也需要有精通統(tǒng)計(jì)分析的認(rèn)為協(xié)助,在B端調(diào)研方式中并不太實(shí)用。對(duì)大多數(shù)團(tuán)隊(duì)而言,定性是性價(jià)比最高、最合適的。它不僅提供了“用戶是誰、他們想要什么”,還是基于數(shù)據(jù)、經(jīng)濟(jì)高效較為快捷的一種方式。

采用何種研究方法,主要根據(jù)企業(yè)生命周期、研究目的、項(xiàng)目時(shí)間和經(jīng)費(fèi)等進(jìn)行綜合考量,本案中我們選擇深度訪談收集一手資料。

 

Step 4:采集角色資料

在明確目標(biāo)與方法后,需要對(duì)整個(gè)研究進(jìn)行細(xì)化,制定具體詳實(shí)的執(zhí)行計(jì)劃并開始招募用戶采集資料了。可通過前中后三個(gè)階段性策略的來進(jìn)行訪談。

 

1. 訪談前:搭建信任基礎(chǔ)

在構(gòu)建用戶畫像的step 1中,我們已經(jīng)對(duì)業(yè)務(wù)和要訪談的用戶角色有了一定的了解。只需在訪談時(shí)間的4-7天前,根據(jù)確定的畫像維度來設(shè)計(jì)訪談大綱。設(shè)計(jì)大綱的目的是避免訪談過程中對(duì)話內(nèi)容發(fā)散、混亂而無法收集到足夠多的有效信息。

需要注意的是:大綱需要針對(duì)訪談的每一條需求,做到詳細(xì)、縝密,同時(shí)要考慮用戶對(duì)訪談?lì)}目的理解,可根據(jù)產(chǎn)品使用順序,由易到難、客觀到主觀、概括到具體的順序展開,比如產(chǎn)品功能的使用頻率就可以作為一個(gè)客觀問題放在問題的開始。且要考慮訪談的時(shí)間,因?yàn)樵L談的時(shí)間不易過長(zhǎng),所以訪談提綱也不能過于冗長(zhǎng),典型的訪談大綱模板如下圖所示:

并提前將訪談目的告知受訪者,能讓他們看到訪談的直接或間接價(jià)值(提高工作效率、降低成本等),也就能更好地建立雙方的信任。因此,我們需要提前確認(rèn)整個(gè)訪談的規(guī)劃,并主動(dòng)將相關(guān)信息告知受訪者,包括訪談的時(shí)間、地點(diǎn)、方式、目的、流程,還有過程中可能涉及的問題、后續(xù)發(fā)放的獎(jiǎng)品等。

 

2. 訪談中:表現(xiàn)專業(yè)特質(zhì)

開場(chǎng)介紹

跟C端訪談一樣,正式訪談開始之前的開場(chǎng)白非常重要!除了再次介紹自己(不管是什么崗位,此刻我就是用戶研究員),說明這次訪談的目的,一定還要強(qiáng)調(diào)訪談的隱私性和數(shù)據(jù)安全性,畢竟他們面對(duì)的是真金白銀的生意。

 

暖場(chǎng)

在正式訪談前,可以先和用戶閑聊2~3分鐘,通過一定的溝通活躍氣氛,讓用戶更加放松,同時(shí)增強(qiáng)用戶對(duì)我們信任。暖場(chǎng)和開場(chǎng)介紹可穿插進(jìn)行,沒有絕對(duì)的先后之分,在訪談?wù)咦晕医榻B完成之后,也可以讓被訪者進(jìn)行自我介紹。

 

一般問題

一般問題是指一些比較基礎(chǔ)性問題,用戶不需要進(jìn)行太多思考即可回答,比如“你最常用的功能是哪些”、“使用時(shí)間多長(zhǎng)”。

 

深入問題

深入問題是用戶行為和想法更加深入的探索,會(huì)更關(guān)注用戶行為細(xì)節(jié)和行為背后的動(dòng)機(jī)。一般在問這些問題時(shí),訪談?wù)咝枰粩嗟卦儐栍脩魹槭裁矗钡接脩魺o法繼續(xù)回答。深入問題是整個(gè)訪談的核心,也最容易挖掘到用戶需求和痛點(diǎn)。

 

回顧與總結(jié)

每部分的訪談結(jié)束后可進(jìn)行簡(jiǎn)單的小結(jié)。訪談?wù)咄ㄟ^回顧訪談過程對(duì)用戶的行為和態(tài)度進(jìn)行客觀闡述,一方便有助于訪談?wù)呤崂硭悸?,另一方面讓用戶?duì)訪談結(jié)果再次確認(rèn)。

 

3. 訪談后:實(shí)現(xiàn)長(zhǎng)線共贏

最好和訪談對(duì)象建立長(zhǎng)期聯(lián)系,尤其是一線業(yè)務(wù)人員。人和人面對(duì)面聊過后,會(huì)產(chǎn)生基本的信任感和好感,要借助訪談的機(jī)會(huì),拉近和業(yè)務(wù)人員的距離。如果后續(xù)項(xiàng)目中遇到問題,想獲取最真實(shí)的一線反饋,可以聯(lián)系之前的訪談對(duì)象,尋求幫助。

 

Step 5:分析建模

1)根據(jù)角色對(duì)訪談對(duì)象分組

將用戶訪談后得出的重點(diǎn)信息寫在便利貼上(或Excel表中打印后切片),設(shè)計(jì)師需要根據(jù)產(chǎn)品用戶角色不同,將受訪的用戶歸類分組,如HR和HR總監(jiān)。

 

2)找出行為變量

分組后,需要識(shí)別關(guān)鍵的行為變量,將調(diào)研到的用戶與行為變量進(jìn)行一一對(duì)應(yīng),并識(shí)別差異化行為模式。如下圖所示

 

3)映射訪談對(duì)象與行為變量的關(guān)系

再將不同的角色間同類行為模式歸納(合并同類項(xiàng)),進(jìn)行行為描述。此處需注意以行為變量為依據(jù)進(jìn)行用戶對(duì)應(yīng)時(shí),不必追求絕對(duì)的精準(zhǔn),只要相對(duì)能映射清楚即可。梳理完后,觀察可發(fā)現(xiàn)某些用戶群體聚集在幾個(gè)行為變量上,它們構(gòu)成了一個(gè)顯著的行為模式,由此聚類出某個(gè)角色類型。依此類推,可以發(fā)現(xiàn)幾個(gè)不同的行為模式。為保證全面,映射完最好遍歷一下,檢查是否有用戶或變量的遺漏。

 

4)找出共性行為模式

完成映射后,尋找在變量軸上的對(duì)象群。梳理完后,如果一組對(duì)象聚集在多個(gè)不同的變量上,則可以代表一類角色存在顯著的共性行為表現(xiàn)(通常每類角色會(huì)有2~3個(gè)共性行為)。共性行為能幫我們識(shí)別標(biāo)準(zhǔn)化產(chǎn)品需要滿足的用戶需求,而差異化行為可以根據(jù)企業(yè)需求做定制化服務(wù),一個(gè)B端產(chǎn)品是不太可能滿足所有用戶的需求的。

 

Step 6:畫像呈現(xiàn)

一旦我們找到共性行為,就可以創(chuàng)造用戶畫像了。梳理出每類角色的行為、目標(biāo)、痛點(diǎn)等維度特征,形成畫像的基本框架。最后再完善用戶畫像,此時(shí)我們需要做的事情主要是:

  • 1)結(jié)合真實(shí)的數(shù)據(jù),選擇典型特征加入到用戶畫像中
  • 2)結(jié)合使用場(chǎng)景進(jìn)行故事描述,在描述中體現(xiàn)行為變量等因素,讓畫像更加豐滿、真實(shí)。
  • 3)讓用戶畫像容易記憶,比如用照片、名字、年齡、幾條簡(jiǎn)單的關(guān)鍵特征描述,都可以減輕讀者的記憶負(fù)擔(dān)

最終客戶畫像呈現(xiàn)如下圖

數(shù)據(jù)已脫敏,非真實(shí)數(shù)據(jù)

 

最終角色畫像呈現(xiàn)如下圖 

數(shù)據(jù)已脫敏,非真實(shí)數(shù)據(jù)

 

用戶畫像作為一個(gè)強(qiáng)大的設(shè)計(jì)和交流工具,能夠讓利益相關(guān)人目標(biāo)始終保持一致,它的價(jià)值在于傳播與使用。舉個(gè)例子,90年代,庫珀將用戶畫像的描述做成一頁紙貼在墻上,一個(gè)產(chǎn)品的一個(gè)用戶畫像做一頁紙,這樣設(shè)計(jì)團(tuán)隊(duì)成員每天走進(jìn)辦公室就能看到。

用戶畫像制作出來后,與整個(gè)項(xiàng)目團(tuán)隊(duì)共享定義的用戶畫像是很重要的,千萬不要讓他在共享文檔里積灰或掛在墻上當(dāng)擺設(shè)。你要做的是讓用戶畫像從紙上躍起,走進(jìn)你同事的心里,讓他在每次討論、每個(gè)決策時(shí),自然、自發(fā)地被提起。所以用戶畫像的使用也是極其重要的,不然前面的工作都是無用之功。

所以,你可能需要:

向團(tuán)隊(duì)介紹用戶畫像?;c(diǎn)時(shí)間介紹研究的過程,展示照片給他們看,聊一聊畫像的需求,期望,痛點(diǎn),性格等。最好以故事性的方式進(jìn)行引導(dǎo),并長(zhǎng)期地在會(huì)議里提到并討論它

 

在你的用戶故事中使用用戶畫像。“如果我是**業(yè)務(wù)招聘員,我想要快速識(shí)別出今天某門店招聘的人數(shù)和到崗的人數(shù)”。設(shè)計(jì)時(shí),花點(diǎn)時(shí)間想象一下軟件會(huì)被用戶在工作中如何應(yīng)用。

 

造訪不同團(tuán)隊(duì),介紹用戶畫像,包括它從何來,如何用。教他們?cè)趺凑心加写硇缘挠脩暨M(jìn)行測(cè)驗(yàn),如何寫用戶情景來啟發(fā)設(shè)計(jì)或作為可用性測(cè)試任務(wù)

 

總的來說,在你能力范圍之類的地方,宣傳用戶畫像的商業(yè)價(jià)值,提升大家的信任。畢竟用戶畫像可以幫助產(chǎn)研團(tuán)隊(duì)跳出自己的需求,了解真正使用產(chǎn)品的人的需求。當(dāng)越來越多的團(tuán)隊(duì)使用用戶畫像,那么用戶畫像就會(huì)越來越像一個(gè)真實(shí)的用戶,幫助團(tuán)隊(duì)從用戶的角度出發(fā)去設(shè)計(jì)產(chǎn)品。

 

值得注意的一點(diǎn)是,用戶畫像并非一成不變的,很大程度上受環(huán)境和周期的影響,所以我們要定期回顧自己的用戶畫像,對(duì)他們進(jìn)行一些更新,確保和現(xiàn)實(shí)一致性。市場(chǎng)變化和策略的變化可能會(huì)重新定義你的業(yè)務(wù)受眾,也可能出現(xiàn)其他的細(xì)分,這也是重新調(diào)整用戶畫像的好機(jī)會(huì),否則它們最終將失去生命力。希望你的用戶畫像也能始終對(duì)業(yè)務(wù)起到幫助,為體驗(yàn)助力。

文章來源:學(xué)UI網(wǎng)   作者:小紐扣

藍(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ù)



我們對(duì)2021年的用戶體驗(yàn)有何期待?

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

用戶體驗(yàn)設(shè)計(jì)是一個(gè)動(dòng)態(tài)領(lǐng)域,每年都會(huì)為我們帶來新的趨勢(shì),最近十二個(gè)月也不例外。全球新冠病毒大流行和國(guó)家封鎖使我們與數(shù)字世界和現(xiàn)實(shí)世界之間的互動(dòng)方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費(fèi)更多的時(shí)間;他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗(yàn)的趨勢(shì),我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢(shì)超越競(jìng)爭(zhēng)對(duì)手并在人群中脫穎而出吧。


語音介面

我們?cè)?a style="outline:0px;margin:0px;padding:0px;text-decoration:none;color:inherit;">2020年UX狀態(tài)預(yù)測(cè)中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設(shè)計(jì)中最熱門的趨勢(shì)之一??梢钥隙ǖ卣f,明年不應(yīng)忽略它。

毫無疑問,到2021年,語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗(yàn)方面一直在尋求簡(jiǎn)單性和效率。市場(chǎng)需求,高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇,只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實(shí)施奠定了基礎(chǔ)。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購(gòu)買自己喜歡的飲料來改善咖啡訂購(gòu)體驗(yàn)。



簡(jiǎn)約的UI

極簡(jiǎn)主義可能是當(dāng)今視覺設(shè)計(jì)中最明顯的趨勢(shì)之一。用戶正在體驗(yàn)越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者,但它們也吸引了我們的注意力。這就是簡(jiǎn)約的以用戶為中心的設(shè)計(jì)應(yīng)運(yùn)而生的地方。

但是,“極簡(jiǎn)主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色,設(shè)計(jì)元素和明亮的組合,但UX設(shè)計(jì)人員仍然有很大的發(fā)揮空間。此外,元素的功能最為重要,正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




內(nèi)容,消息和導(dǎo)航的清晰度是UX設(shè)計(jì)的簡(jiǎn)約方法的另一個(gè)重要方面。信息過載對(duì)于大多數(shù)現(xiàn)代用戶來說是一個(gè)痛苦,這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡(jiǎn)潔明了。


負(fù)空間

負(fù)空間是用戶體驗(yàn)設(shè)計(jì)的一種大趨勢(shì),它已經(jīng)脫離了對(duì)簡(jiǎn)約UI的市場(chǎng)需求。簡(jiǎn)而言之,負(fù)空間是頁面布局中對(duì)象周圍(宏空間)或?qū)ο髢?nèi)部(微空間)的空白區(qū)域。它已經(jīng)成為獨(dú)立的設(shè)計(jì)元素,在視覺美學(xué)和用戶體驗(yàn)優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。






留出一定的空間,在設(shè)計(jì)中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負(fù)空間的主要功能是整理網(wǎng)頁,以吸引用戶對(duì)關(guān)鍵對(duì)象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計(jì)人員將用戶的注意力吸引到最重要的內(nèi)容上。




負(fù)空間有時(shí)也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當(dāng)區(qū)域中沒有元素時(shí),您還可以在深色模式或任何其他顏色下使用此用戶體驗(yàn)趨勢(shì)。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗(yàn)將與我們習(xí)慣的在線體驗(yàn)不同。UX設(shè)計(jì)以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性,設(shè)計(jì)師有意在版面設(shè)計(jì)中實(shí)現(xiàn)了一些“缺陷”。 它可以是任何東西,從手繪對(duì)象到構(gòu)圖或頁面的不尋常元素。







通常,不完美的設(shè)計(jì)可以很好地證明品牌的身份并突出其獨(dú)特性。但是,如果要應(yīng)用這種UX趨勢(shì),則必須記住一個(gè)關(guān)鍵規(guī)則:必須保持平衡。如果你做得過多,那是行不通的。



同態(tài)

中性風(fēng)格是UI設(shè)計(jì)中其他兩種大規(guī)模方法(擬態(tài)和平面設(shè)計(jì))的組合,它們通常被認(rèn)為彼此相對(duì)。擬態(tài)化是關(guān)于模仿現(xiàn)實(shí)世界中的物體以及我們與物體交互的方式。

幾十年前,當(dāng)需要使用超現(xiàn)實(shí)元素來創(chuàng)建直觀且用戶友好的UI時(shí),它很流行。垃圾桶就是例子之一。另一方面,平面設(shè)計(jì)是一個(gè)更新的,簡(jiǎn)化的概念,圍繞二維元素,極簡(jiǎn)主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點(diǎn)。它使用圖形強(qiáng)度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對(duì)象,而不是精確地重新創(chuàng)建它們。中性風(fēng)格不會(huì)將現(xiàn)實(shí)主義推到極致。取而代之的是,它努力實(shí)現(xiàn)淺色和微妙對(duì)比度的“柔和”外觀。



在過去大約一年的時(shí)間里,同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法,但許多設(shè)計(jì)人員對(duì)該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺(tái)已經(jīng)包含了許多同態(tài)的例子。因此,我們有充分的理由相信,這一趨勢(shì)最終將在2021年出現(xiàn)在我們的手機(jī)和筆記本電腦中。



3D元素和視差

視差效果和3D元素并不是UX設(shè)計(jì)中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計(jì)解決方案中實(shí)現(xiàn)它們。但是,我們?nèi)匀挥^察到這些用戶體驗(yàn)趨勢(shì)正在逐步普及。

首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時(shí)尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。




另一種趨勢(shì)是嘗試在一個(gè)界面中結(jié)合視差效果和3D圖形。使用視差滾動(dòng)時(shí),網(wǎng)頁背景和前景元素以不同的速度移動(dòng)。僅憑它就能產(chǎn)生深度感。通過為此添加3D對(duì)象,您可以創(chuàng)建一種真正的身臨其境的體驗(yàn),并將在用戶的記憶中保留很長(zhǎng)時(shí)間。


 



  

不對(duì)稱

隨著我們?cè)O(shè)備屏幕的變寬,UI / UX設(shè)計(jì)中出現(xiàn)了不對(duì)稱趨勢(shì)。通常,不對(duì)稱是野獸派的一種屬性,這是藝術(shù)和網(wǎng)頁設(shè)計(jì)中與極簡(jiǎn)主義相反的一種風(fēng)格。但是,如果與其他殘酷的設(shè)計(jì)元素分開使用,它可以使您的網(wǎng)站看起來有趣,同時(shí)使它保持微妙和優(yōu)雅。


不對(duì)稱布局的UI / UX趨勢(shì)通常與其他創(chuàng)造性的Web設(shè)計(jì)技術(shù)一起實(shí)現(xiàn),例如破碎的網(wǎng)格,重疊的元素和分割的屏幕。您也可以將不對(duì)稱性應(yīng)用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




但是,請(qǐng)務(wù)必記住,非對(duì)稱設(shè)計(jì)并不意味著“隨機(jī)放置的UI元素”。在布局上定位對(duì)象的不尋常方式應(yīng)該引導(dǎo)用戶的眼睛朝正確的方向前進(jìn),并幫助品牌強(qiáng)調(diào)重要信息。

動(dòng)畫制作

今天,當(dāng)我們?cè)诨ヂ?lián)網(wǎng)上進(jìn)入隨機(jī)網(wǎng)站時(shí),很可能會(huì)看到GIF,微型動(dòng)畫,動(dòng)畫插圖或其他一些運(yùn)動(dòng)設(shè)計(jì)元素。動(dòng)畫在用戶體驗(yàn)設(shè)計(jì)中仍然很流行,并且使用頻率不斷增長(zhǎng)。

除了具有視覺吸引力之外,移動(dòng)物體還可以改善用戶參與度并簡(jiǎn)化導(dǎo)航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命,使它們更具個(gè)性。



如果要在用戶界面設(shè)計(jì)中使用這種軟件開發(fā)趨勢(shì),那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對(duì)象可能會(huì)使訪問者感到困惑,從而促使他們甚至比計(jì)劃的要早離開網(wǎng)頁。動(dòng)畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的,有價(jià)值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計(jì)(UCD)的基本要素,旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測(cè)試一起,構(gòu)建有效,有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。



為了創(chuàng)建一個(gè)實(shí)用的信息體系結(jié)構(gòu),UX設(shè)計(jì)人員需要對(duì)產(chǎn)品的目標(biāo)受眾,其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費(fèi)太多精力就能獲得所需的結(jié)果。因此,在設(shè)計(jì)過程的線框階段始終必須考慮用戶的目標(biāo),清晰的導(dǎo)航和內(nèi)容表示(包括盲點(diǎn)監(jiān)視)。

最后的想法

我們創(chuàng)建此文章是為了讓您在當(dāng)今競(jìng)爭(zhēng)異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢(shì)絕對(duì)可以改善幾乎每個(gè)軟件解決方案或網(wǎng)站的用戶體驗(yàn)。即使用戶期望很高,它們也可以使您的產(chǎn)品在視覺上對(duì)目標(biāo)受眾更具吸引力。


文章來源:站酷   作者:ZZiUP

藍(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ù)


我們對(duì)2021年的用戶體驗(yàn)有何期待?

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

用戶體驗(yàn)設(shè)計(jì)是一個(gè)動(dòng)態(tài)領(lǐng)域,每年都會(huì)為我們帶來新的趨勢(shì),最近十二個(gè)月也不例外。全球新冠病毒大流行和國(guó)家封鎖使我們與數(shù)字世界和現(xiàn)實(shí)世界之間的互動(dòng)方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費(fèi)更多的時(shí)間;他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗(yàn)的趨勢(shì),我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢(shì)超越競(jìng)爭(zhēng)對(duì)手并在人群中脫穎而出吧。


語音介面

我們?cè)?a style="outline:0px;margin:0px;padding:0px;text-decoration:none;color:inherit;">2020年UX狀態(tài)預(yù)測(cè)中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設(shè)計(jì)中最熱門的趨勢(shì)之一。可以肯定地說,明年不應(yīng)忽略它。

毫無疑問,到2021年,語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗(yàn)方面一直在尋求簡(jiǎn)單性和效率。市場(chǎng)需求,高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇,只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實(shí)施奠定了基礎(chǔ)。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購(gòu)買自己喜歡的飲料來改善咖啡訂購(gòu)體驗(yàn)。



簡(jiǎn)約的UI

極簡(jiǎn)主義可能是當(dāng)今視覺設(shè)計(jì)中最明顯的趨勢(shì)之一。用戶正在體驗(yàn)越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者,但它們也吸引了我們的注意力。這就是簡(jiǎn)約的以用戶為中心的設(shè)計(jì)應(yīng)運(yùn)而生的地方。

但是,“極簡(jiǎn)主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色,設(shè)計(jì)元素和明亮的組合,但UX設(shè)計(jì)人員仍然有很大的發(fā)揮空間。此外,元素的功能最為重要,正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




內(nèi)容,消息和導(dǎo)航的清晰度是UX設(shè)計(jì)的簡(jiǎn)約方法的另一個(gè)重要方面。信息過載對(duì)于大多數(shù)現(xiàn)代用戶來說是一個(gè)痛苦,這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡(jiǎn)潔明了。


負(fù)空間

負(fù)空間是用戶體驗(yàn)設(shè)計(jì)的一種大趨勢(shì),它已經(jīng)脫離了對(duì)簡(jiǎn)約UI的市場(chǎng)需求。簡(jiǎn)而言之,負(fù)空間是頁面布局中對(duì)象周圍(宏空間)或?qū)ο髢?nèi)部(微空間)的空白區(qū)域。它已經(jīng)成為獨(dú)立的設(shè)計(jì)元素,在視覺美學(xué)和用戶體驗(yàn)優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。






留出一定的空間,在設(shè)計(jì)中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負(fù)空間的主要功能是整理網(wǎng)頁,以吸引用戶對(duì)關(guān)鍵對(duì)象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計(jì)人員將用戶的注意力吸引到最重要的內(nèi)容上。




負(fù)空間有時(shí)也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當(dāng)區(qū)域中沒有元素時(shí),您還可以在深色模式或任何其他顏色下使用此用戶體驗(yàn)趨勢(shì)。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗(yàn)將與我們習(xí)慣的在線體驗(yàn)不同。UX設(shè)計(jì)以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性,設(shè)計(jì)師有意在版面設(shè)計(jì)中實(shí)現(xiàn)了一些“缺陷”。 它可以是任何東西,從手繪對(duì)象到構(gòu)圖或頁面的不尋常元素。







通常,不完美的設(shè)計(jì)可以很好地證明品牌的身份并突出其獨(dú)特性。但是,如果要應(yīng)用這種UX趨勢(shì),則必須記住一個(gè)關(guān)鍵規(guī)則:必須保持平衡。如果你做得過多,那是行不通的。



同態(tài)

中性風(fēng)格是UI設(shè)計(jì)中其他兩種大規(guī)模方法(擬態(tài)和平面設(shè)計(jì))的組合,它們通常被認(rèn)為彼此相對(duì)。擬態(tài)化是關(guān)于模仿現(xiàn)實(shí)世界中的物體以及我們與物體交互的方式。

幾十年前,當(dāng)需要使用超現(xiàn)實(shí)元素來創(chuàng)建直觀且用戶友好的UI時(shí),它很流行。垃圾桶就是例子之一。另一方面,平面設(shè)計(jì)是一個(gè)更新的,簡(jiǎn)化的概念,圍繞二維元素,極簡(jiǎn)主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點(diǎn)。它使用圖形強(qiáng)度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對(duì)象,而不是精確地重新創(chuàng)建它們。中性風(fēng)格不會(huì)將現(xiàn)實(shí)主義推到極致。取而代之的是,它努力實(shí)現(xiàn)淺色和微妙對(duì)比度的“柔和”外觀。



在過去大約一年的時(shí)間里,同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法,但許多設(shè)計(jì)人員對(duì)該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺(tái)已經(jīng)包含了許多同態(tài)的例子。因此,我們有充分的理由相信,這一趨勢(shì)最終將在2021年出現(xiàn)在我們的手機(jī)和筆記本電腦中。



3D元素和視差

視差效果和3D元素并不是UX設(shè)計(jì)中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計(jì)解決方案中實(shí)現(xiàn)它們。但是,我們?nèi)匀挥^察到這些用戶體驗(yàn)趨勢(shì)正在逐步普及。

首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時(shí)尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。




另一種趨勢(shì)是嘗試在一個(gè)界面中結(jié)合視差效果和3D圖形。使用視差滾動(dòng)時(shí),網(wǎng)頁背景和前景元素以不同的速度移動(dòng)。僅憑它就能產(chǎn)生深度感。通過為此添加3D對(duì)象,您可以創(chuàng)建一種真正的身臨其境的體驗(yàn),并將在用戶的記憶中保留很長(zhǎng)時(shí)間。


 



  

不對(duì)稱

隨著我們?cè)O(shè)備屏幕的變寬,UI / UX設(shè)計(jì)中出現(xiàn)了不對(duì)稱趨勢(shì)。通常,不對(duì)稱是野獸派的一種屬性,這是藝術(shù)和網(wǎng)頁設(shè)計(jì)中與極簡(jiǎn)主義相反的一種風(fēng)格。但是,如果與其他殘酷的設(shè)計(jì)元素分開使用,它可以使您的網(wǎng)站看起來有趣,同時(shí)使它保持微妙和優(yōu)雅。


不對(duì)稱布局的UI / UX趨勢(shì)通常與其他創(chuàng)造性的Web設(shè)計(jì)技術(shù)一起實(shí)現(xiàn),例如破碎的網(wǎng)格,重疊的元素和分割的屏幕。您也可以將不對(duì)稱性應(yīng)用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




但是,請(qǐng)務(wù)必記住,非對(duì)稱設(shè)計(jì)并不意味著“隨機(jī)放置的UI元素”。在布局上定位對(duì)象的不尋常方式應(yīng)該引導(dǎo)用戶的眼睛朝正確的方向前進(jìn),并幫助品牌強(qiáng)調(diào)重要信息。

動(dòng)畫制作

今天,當(dāng)我們?cè)诨ヂ?lián)網(wǎng)上進(jìn)入隨機(jī)網(wǎng)站時(shí),很可能會(huì)看到GIF,微型動(dòng)畫,動(dòng)畫插圖或其他一些運(yùn)動(dòng)設(shè)計(jì)元素。動(dòng)畫在用戶體驗(yàn)設(shè)計(jì)中仍然很流行,并且使用頻率不斷增長(zhǎng)。

除了具有視覺吸引力之外,移動(dòng)物體還可以改善用戶參與度并簡(jiǎn)化導(dǎo)航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命,使它們更具個(gè)性。



如果要在用戶界面設(shè)計(jì)中使用這種軟件開發(fā)趨勢(shì),那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對(duì)象可能會(huì)使訪問者感到困惑,從而促使他們甚至比計(jì)劃的要早離開網(wǎng)頁。動(dòng)畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的,有價(jià)值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計(jì)(UCD)的基本要素,旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測(cè)試一起,構(gòu)建有效,有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。



為了創(chuàng)建一個(gè)實(shí)用的信息體系結(jié)構(gòu),UX設(shè)計(jì)人員需要對(duì)產(chǎn)品的目標(biāo)受眾,其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費(fèi)太多精力就能獲得所需的結(jié)果。因此,在設(shè)計(jì)過程的線框階段始終必須考慮用戶的目標(biāo),清晰的導(dǎo)航和內(nèi)容表示(包括盲點(diǎn)監(jiān)視)。

最后的想法

我們創(chuàng)建此文章是為了讓您在當(dāng)今競(jìng)爭(zhēng)異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢(shì)絕對(duì)可以改善幾乎每個(gè)軟件解決方案或網(wǎng)站的用戶體驗(yàn)。即使用戶期望很高,它們也可以使您的產(chǎn)品在視覺上對(duì)目標(biāo)受眾更具吸引力。

文章來源:站酷   作者:ZZiUP

藍(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ì)分享達(dá)人

深色模式并不萬能 


從移動(dòng)屏幕到大型電視,深色的UI界面隨處可見。深色模式可以表達(dá)力量、奢華、精致和優(yōu)雅,但這種設(shè)計(jì)模式也會(huì)帶來很多挑戰(zhàn),應(yīng)用不當(dāng)難免會(huì)被用戶吐槽。所以開始設(shè)計(jì)前,大家最好深色熟慮下,是否真的需要做深色。


物理學(xué)家說,黑色并不是一種真正的顏色,它沒有光。艾薩克·牛頓爵士在通過棱鏡照耀陽光的實(shí)驗(yàn)中,甚至沒有將黑色包含在顏色光譜中。


在色彩心理學(xué)中,大多數(shù)色彩代表不同的人、不同的事物。西方文化里,黑色常與死亡、神秘和邪惡聯(lián)系在一起;綠色與生長(zhǎng)、自然相關(guān);藍(lán)色可以使人平靜,因?yàn)樗屓寺?lián)想到天空和水,所以,顏色是飽含情感的。其他影響還來自文化,例如紫色仍與奢侈品聯(lián)系在一起,在許多古代文化中,紫色是昂貴稀有的,只有貴族才能負(fù)擔(dān)得起。


深色界面的數(shù)字產(chǎn)品,是未來發(fā)展的一大趨勢(shì)。人們常說,這種模式可以減輕眼睛疲勞,但并沒有相關(guān)證據(jù)表明是真的。在某些情況下,它還代表著節(jié)省電池壽命,也是一種美學(xué)意義上的選擇。



深色模式應(yīng)用限制

并非所有界面都適合深色主題。設(shè)計(jì)師應(yīng)考慮品牌契合度、文化適應(yīng)性和顏色心理學(xué),在選擇搭配時(shí)考慮情感影響,雖然這些因素不容易平衡。針對(duì)千禧一代的金融類應(yīng)用程序,可能會(huì)用深色模式營(yíng)造炫酷的效果,但對(duì)于以大眾作為目標(biāo)人群的銀行網(wǎng)站就不太合適了。當(dāng)用戶想要查看自己的余額與支付賬單時(shí),太黑暗、太時(shí)髦都會(huì)顯得華麗不實(shí)用。


B2B SaaS應(yīng)用程序的深色模式很難設(shè)計(jì),標(biāo)準(zhǔn)的Web UI組件(例如數(shù)據(jù)表、窗口小部件、表單和下拉菜單)在深色界面中看起來可能很奇怪。由于許多配色方案不適用于深色界面,對(duì)于某些品牌和產(chǎn)品來說,深色模式并不是最優(yōu)選擇。


從未接觸過深色模式的設(shè)計(jì)師,如果想要搭建一個(gè)深色界面,不妨參照以下條件,先來判斷下是否需要,什么情況下建議使用深色模式?

-當(dāng)設(shè)計(jì)版面相對(duì)稀疏,極簡(jiǎn)型的內(nèi)容比較少時(shí);

-適用于連貫呈現(xiàn)的內(nèi)容,例如夜間娛樂應(yīng)用程序;

-想要?jiǎng)?chuàng)造醒目的戲劇性外觀時(shí)。


以下這些情況下不建議使用深色模式:

-出現(xiàn)大量文本時(shí)(在深色背景上閱讀相對(duì)困難);

-當(dāng)設(shè)計(jì)需要多種顏色時(shí)。


深色模式下的桌面應(yīng)用信息中心 by Ramotion 


在深色模式中形成對(duì)比

深色模式并不非要設(shè)計(jì)成黑色的,你可以將它理解為是一種「低光」模式。設(shè)計(jì)的核心點(diǎn)之一,就是表達(dá)出足夠的對(duì)比度,這樣視覺元素就會(huì)被分離開,且文本也會(huì)變得清晰易讀。大多數(shù)設(shè)計(jì)師認(rèn)為多用黑色,是獲得強(qiáng)烈對(duì)比度的最佳選擇。我的建議是,最好不要將純黑色(#000000)用于背景或者盡量少用,把它留給其他UI元素,比如較小的圖形或邊框性質(zhì)類的圖形。


Google的Material Design深色模式,推薦使用深灰色(#121212)作為界面主色,目的是為了表達(dá)出更有深度的空間感。在定義配色方案時(shí),往深灰中添加一些微妙的深藍(lán)色,可以讓數(shù)字產(chǎn)品的界面擁有更好的深色調(diào)性。


Brittany Chiang網(wǎng)站將深灰色與藍(lán)色融合,形成了令人愉悅的深色模式


使用灰色的優(yōu)點(diǎn)在于,它給了設(shè)計(jì)師更多發(fā)揮的空間,去表達(dá)更廣泛的顏色?;疑{(diào)同深藍(lán)色有同樣功能,幫助畫面更有深度,也更輕松地看到元素陰影。


需要特別注意深色模式中的文本對(duì)比,網(wǎng)頁內(nèi)容可訪問性指南(WCAG)要求——「文本的視覺呈現(xiàn)對(duì)比度,至少應(yīng)為4.5:1」,大型文本的對(duì)比度至少在3:1。設(shè)計(jì)師需要確保文字內(nèi)容在黑暗模式下能夠清晰可辨認(rèn)。


另外,測(cè)試其他UI元素(例如卡片、按鈕、字段和各種顯示器上的圖標(biāo))之間的對(duì)比也是一個(gè)好辦法。如果UI元素之間沒有突出的對(duì)比,那么設(shè)計(jì)就需要調(diào)整下了,枯燥無味的設(shè)計(jì)對(duì)于用戶來說也是一種折磨。


左側(cè)的深色模式中,文本和背景之間的對(duì)比明顯不足


重點(diǎn)注意一:配色

顏色在深色模式中非常突出,最好使用淺色、飽和度低的配色方案,避免過于刺激視覺。顏色與文本一起使用時(shí),需要參照WCAG的AA標(biāo)準(zhǔn),至少4.5:1。Google建議顏色數(shù)量不必太多,使界面都處于深色中。


Jabra Sound +應(yīng)用程序只給深色模式配色選擇了2-3種顏色


適宜的配色方案能營(yíng)造出非常好的對(duì)比效果。Colorable在線工具,只要輸入色號(hào)就能看到文本和背景色組合在一起是否合適;Google的Material Design網(wǎng)站上也有一個(gè)調(diào)色板生成器,設(shè)計(jì)師可以使用它創(chuàng)建調(diào)色板,應(yīng)用到UI上。


文字和基本元素(例如按鈕和圖標(biāo))在深色背景上顯示時(shí)應(yīng)符合易讀性標(biāo)準(zhǔn)。如上面的Jabra Sound +應(yīng)用程序所示,文本和圖標(biāo)可以使用白色以外的顏色進(jìn)行搭配。


“使用強(qiáng)烈對(duì)比色來提高可讀性。人們對(duì)于顏色的感知會(huì)受到許多因素影響,包括字號(hào)、字重、顏色亮度、屏幕分辨率和照明條件。” ——Apple人機(jī)界面指南


深色模式并不需要大量顏色來堆砌


重點(diǎn)注意二:利用負(fù)空間,少即是多

成功的深色模式設(shè)計(jì),需要巧妙利用負(fù)空間。如果設(shè)計(jì)不當(dāng),會(huì)使數(shù)字產(chǎn)品顯得笨拙與沉重。為了平衡這一點(diǎn),設(shè)計(jì)師可以利用極簡(jiǎn)主義中的負(fù)空間,讓深色界面更輕巧,也能讓用戶更容易識(shí)別信息內(nèi)容。


UI元素周圍的大量負(fù)空間使界面被重新定義,而且元素也不會(huì)出現(xiàn)密集與混亂感。如果沒有呼吸空間,用戶在閱讀界面時(shí),可能很快的略過,因?yàn)榇竽X沒有快速的識(shí)別出重要內(nèi)容。


充斥著太多元素和文本的界面,是導(dǎo)致深色模式體驗(yàn)差的禍根。設(shè)計(jì)師需要仔細(xì)考慮深色模式中的視覺層次結(jié)構(gòu),從而提升用戶體驗(yàn)。


極簡(jiǎn)主義的深色模式界面 by Denys Tyrynskyi


重點(diǎn)注意三:版式

深色模式中的每一段文字都需要仔細(xì)檢查,更需要關(guān)注2個(gè)方面——可讀性和對(duì)比性。首先,界面中的文本必須足夠大,以確保清晰易讀(深色背景上的小文字,閱讀起來體驗(yàn)很差);其次,文本和背景之間必須有明顯的對(duì)比。設(shè)計(jì)師可以通過增加對(duì)比度,為較小的文本調(diào)整字體大小、字符間距和行高,去優(yōu)化可讀性問題。


W3C AAA建議常規(guī)尺寸的文本(如果不是粗體,則小于18pt)的對(duì)比度至少應(yīng)為7:1。這也適用于其他UI元素——圖標(biāo)、文本圖像和文本標(biāo)簽(按鈕標(biāo)簽),設(shè)計(jì)師有責(zé)任確保所有人都能正確應(yīng)用界面。


深色模式中應(yīng)用優(yōu)秀字體很有必要,像Google字體和字體庫,以及Adobe Typekit都能提供便捷的設(shè)計(jì)支持。


AirPods Pro頁面使用超大字體和強(qiáng)烈的對(duì)比,以達(dá)到最好的效果


重點(diǎn)注意四:空間深度感

深色模式不應(yīng)該是平淡的,在正常明亮模式下,元素的高光或是陰影都會(huì)讓界面產(chǎn)生深度感。而深色界面更具挑戰(zhàn)性,建議設(shè)計(jì)師可以使用類似3-4多個(gè)層面,以及相應(yīng)的配色方案來傳達(dá)深度感。


為什么要有深度?深度感是與物理世界的一種呼應(yīng)。我們的視覺有深度感知的能力,因?yàn)槿藗兪巧钤?D世界中的。表面的照明方式不同,以表示不同的海拔高度。位置越高,越接近隱式光源,表面就越亮。一個(gè)非常亮的表面,更容易區(qū)分組件之間的高度,還有助于查看陰影,使每個(gè)表面的邊緣線更明顯。


表面越亮,越接近隱藏光源 by Material Design


設(shè)置每個(gè)級(jí)別的表面顏色需要小心,建議不要超過4或5個(gè)級(jí)別,最好在設(shè)計(jì)系統(tǒng)中將元素的文本顏色指定為純黑色(#000000),以在淺灰色背景上實(shí)現(xiàn)良好的對(duì)比度。


深色模式設(shè)計(jì)啟發(fā)

基于上述原則,以下是一些優(yōu)秀的深色模式示例:


The Atom Finance website


Atom Finance利用深色模式打造了精致外觀,并將其強(qiáng)調(diào)色限制為3種。復(fù)雜的金融網(wǎng)站采用了極簡(jiǎn)設(shè)計(jì),而且很好地使用了陰影來表現(xiàn)不同組件的深度感。


電子商務(wù)網(wǎng)站 by Daniel Klopper


電子商務(wù)網(wǎng)站 by Darion Mitchell


IBM儀表板 by Ruben Fernandez


盡管處理SaaS的深色模式遇到了挑戰(zhàn),但I(xiàn)BM的數(shù)據(jù)可視化儀表板仍是典范。強(qiáng)調(diào)色的數(shù)量最少,并且該網(wǎng)站使用細(xì)微的陰影顯示不同元素的深度。


Wego,Spotify和Apple的深色模式APP(Android和iOS)


使用深色模式固然好,但需要依據(jù)實(shí)際產(chǎn)品屬性來判斷,不應(yīng)出于時(shí)髦、流行甚至是與眾不同或模仿他人等因素確定。設(shè)計(jì)者應(yīng)有充分的選擇依據(jù),并考慮其內(nèi)容、使用環(huán)境以及顯示設(shè)備是否適合來最終敲定。


深色模式適用于一些數(shù)字產(chǎn)品,而非所有產(chǎn)品,界面簡(jiǎn)潔非常關(guān)鍵。對(duì)于復(fù)雜且數(shù)據(jù)繁重的B2B平臺(tái),以及文本繁多的頁面,深色模式都是不適合的。對(duì)于從情感和美學(xué)角度去探索深色模式的設(shè)計(jì)師來說,他們開辟了一個(gè)新的領(lǐng)域。

文章來源:站酷   作者:UX辭典

藍(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ù)


管理學(xué) - 抽屜式管理法

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

實(shí)用的管理方法


抽屜式管理法是一種通俗形象的管理術(shù)語,在現(xiàn)代管理中也叫做職務(wù)分析。抽屜式管理的主要含義是在每個(gè)管理人員的辦公桌的抽屜里,都有一個(gè)明確的職務(wù)工作規(guī)范。它包括兩個(gè)方面的含義

 

 - 每個(gè)人所從事的、責(zé)、權(quán)、等四個(gè)方面進(jìn)行明確的規(guī)定,做到四者統(tǒng)一;


 - 明確每個(gè)人所從事的管理和主要專業(yè)業(yè)務(wù),分工協(xié)作關(guān)系,橫向縱向聯(lián)合事宜,以及上下左右的對(duì)口單位等,達(dá)到理順企業(yè)管理關(guān)聯(lián)的目的。


抽屜式管理是近幾年世界上最為流行的管理方法。

他的主要內(nèi)容包括兩個(gè)方面

 

 - 業(yè)務(wù)部門的職務(wù)分析,即職能權(quán)限范圍。業(yè)務(wù)部門的職責(zé)權(quán)限范圍分析,應(yīng)根據(jù)企業(yè)的總體目標(biāo)、生產(chǎn)經(jīng)營(yíng)指標(biāo),以及專業(yè)對(duì)口的要求和協(xié)作關(guān)系進(jìn)行層層的分析、逐級(jí)落實(shí)、明確規(guī)定;


 - 管理人員的職務(wù)分析,即職務(wù)說明或職務(wù)規(guī)范;


管理人員的能力分析要根據(jù)管理層次的不同劃分來進(jìn)行,它的關(guān)鍵是處理好集權(quán)分權(quán)的關(guān)系。例如一家設(shè)計(jì)公司,美術(shù)指導(dǎo)要對(duì)設(shè)計(jì)總監(jiān)負(fù)責(zé),資深設(shè)計(jì)師要對(duì)美術(shù)指導(dǎo)負(fù)責(zé),設(shè)計(jì)師要對(duì)資深設(shè)計(jì)師負(fù)責(zé),設(shè)計(jì)助理要對(duì)設(shè)計(jì)師負(fù)責(zé),實(shí)習(xí)生要對(duì)設(shè)計(jì)助理負(fù)責(zé)。

 

企業(yè)在施行抽屜式管理方法時(shí),首先要組織一個(gè)由各個(gè)部門結(jié)成的職務(wù)分析小組。并對(duì)職務(wù)分析小組進(jìn)行短期培訓(xùn),以掌握抽屜式管理的概念和內(nèi)涵。其次,企業(yè)應(yīng)圍繞企業(yè)的總體目標(biāo)、生產(chǎn)經(jīng)營(yíng)指標(biāo)、根據(jù)業(yè)務(wù)對(duì)口,編制業(yè)務(wù)職責(zé)權(quán)限范圍。

 

企業(yè)應(yīng)分層進(jìn)行管理人員分析,按職、責(zé)、權(quán)、利四者統(tǒng)一,制定管理人員職務(wù)說明或職務(wù)規(guī)范。最后,企業(yè)需要制定必要的考核、獎(jiǎng)懲機(jī)制,與職務(wù)分析法配套執(zhí)行。

 

 


流行的管理方法


在一些商業(yè)企業(yè)中,不同程度的存在著職責(zé)分不清,分工不明確,權(quán)利與責(zé)任相分離等問題,造成辦事效率低,拖拉等狀況,它們一般都表現(xiàn)在

 

 - 各部門分工不明確,一些工作上的事情誰都不管,有些事情又都想插手,造成互相扯皮,嚴(yán)重影響了實(shí)際工作效率;


 - 企業(yè)內(nèi)部橫向聯(lián)系比較差,協(xié)調(diào)能力弱,使執(zhí)行人員只能聽四方指示,八方匯報(bào),大大的延長(zhǎng)了工作流程,極大的影響了實(shí)際工作效率與人員浪費(fèi);


 - 企業(yè)用人多少缺乏一個(gè)客觀標(biāo)準(zhǔn),容易受魅力偏見的影響,強(qiáng)壯的和漂亮的應(yīng)聘者更受歡迎;對(duì)于設(shè)計(jì)行業(yè)而言作品造假,作品集過度包裝引起的能力與職位不匹配的問題,沒有一個(gè)較為標(biāo)準(zhǔn)的審查機(jī)制,都屬于個(gè)人的主觀因素。


 

企業(yè)要進(jìn)行策略管理,就必須明確企業(yè)內(nèi)部各個(gè)崗位的主要職責(zé)以及各職務(wù)之間的分工協(xié)作關(guān)系,它能大大的提高企業(yè)戰(zhàn)略管理的科學(xué)性、系統(tǒng)性和有效性。

 

抽屜式管理在人力資源管理中一般用于職務(wù)分析。隨著社會(huì)經(jīng)濟(jì)的發(fā)展,抽屜式管理的公司也越來越普遍,人們認(rèn)為抽屜式管理是21世紀(jì)初現(xiàn)代化管理發(fā)展的新趨勢(shì)。

 

當(dāng)前一些經(jīng)濟(jì)發(fā)達(dá)國(guó)家的大中型企業(yè)都非常重視抽屜式管理和職位分類,并且都在抽屜式管理的基礎(chǔ)上,不同程度的建立了職位分類制度。絕大部分世界500強(qiáng)企業(yè)都在實(shí)施抽屜式管理,這一工具在福特經(jīng)理們的心目中,具有非常重要的地位,幾乎每一個(gè)經(jīng)理人都在管理下級(jí)之中應(yīng)用了這一工具。

 

 

 

抽屜式管理的步驟


第一步 - 建立一個(gè)由各部門組成的職務(wù)分析小組


考評(píng)小組的組成人員包括:


 - 企業(yè)領(lǐng)導(dǎo)者:可以保障部門權(quán)責(zé)設(shè)定與企業(yè)整體目標(biāo)一致,保障權(quán)威性與決策的有效性。

 - 人力資源管理領(lǐng)導(dǎo)者:抽屜式管理模式的主管者,有利于人力資源管理精準(zhǔn)性的提升。

 - 各部門角領(lǐng)導(dǎo)者和員工代表:促進(jìn)決策的民主性和科學(xué)性。



第二步 - 正確處理企業(yè)內(nèi)部的集權(quán)和分權(quán)關(guān)系

 

要考慮與正確劃分,在哪些領(lǐng)域或事項(xiàng)上集權(quán),在哪些工作上分權(quán),部門權(quán)責(zé)考評(píng)小組要以整體績(jī)效為基準(zhǔn)。


第三步 - 圍繞企業(yè)的總體目標(biāo),層層分解、逐級(jí)落實(shí)職責(zé)權(quán)限范圍

 

層層分解與逐級(jí)落實(shí)是“抽屜式”管理模式的核心環(huán)節(jié),或者說是管理落實(shí)與職權(quán)細(xì)化的關(guān)鍵性步驟。整體目標(biāo)指的是企業(yè)戰(zhàn)略總目標(biāo),實(shí)現(xiàn)企業(yè)經(jīng)濟(jì)效益、提升管理績(jī)效與職權(quán)分解、落實(shí)是目標(biāo)與手段的關(guān)系。



第四步 - 編寫職務(wù)說明書,制定出每個(gè)職務(wù)工作的要求準(zhǔn)則

 

職務(wù)說明書包括兩部分,即對(duì)部門領(lǐng)導(dǎo)者和員工的職務(wù)都進(jìn)行規(guī)范化說明。其次制定員工職務(wù)說明書,通過書面化的形式將員工工作相關(guān)內(nèi)容進(jìn)行明確規(guī)定。哪個(gè)員工在哪個(gè)環(huán)節(jié)上出了問題,只要拿出放在抽屜內(nèi)的職務(wù)說明書即可進(jìn)行查詢。


第五步 - 制定考核與獎(jiǎng)懲制度,與職務(wù)分析法配套執(zhí)行

 

績(jī)效考核與獎(jiǎng)懲制度是抽屜式管理模式的保障性措施,也是提升管理有效性的配套手段。制定與權(quán)、責(zé)相配套的獎(jiǎng)懲、晉升制度。以職務(wù)說明書為依據(jù),通過績(jī)效考核反饋給予認(rèn)真履職者獎(jiǎng)勵(lì),給予玩忽職守者相應(yīng)的懲罰。



總結(jié):其實(shí)抽屜式管理法就是管理層的一種管理手段,在抽屜里放一些對(duì)于員工的職務(wù)職責(zé)的約束規(guī)則,在心理上給員工施壓,進(jìn)而使之完善所做的工作;在規(guī)則上也同樣施壓,一旦員工的工作不飽和,又或沒有完善部分工作,就可以直接拿規(guī)則說事兒,企業(yè)也挺雞賊的。


對(duì)于員工而言還是要不斷完善自身能力,自己沒有問題別人也挑不出問題,其次要注意溝通協(xié)作的問題,把自己工作做好的同時(shí),如果有精力和能力也幫助同事提升能力和幫助完善部分工作,對(duì)自己負(fù)責(zé),對(duì)公司負(fù)責(zé),同事和公司才會(huì)對(duì)你負(fù)責(zé),更看重你。

文章來源:站酷   作者:羅耀_系列

藍(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ì)定義

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

人類一切創(chuàng)造性活動(dòng)造物活動(dòng)都可以稱為設(shè)計(jì),這是從廣義角度去理解設(shè)計(jì)的定義。從狹義角度理解設(shè)計(jì)的定義,設(shè)計(jì)就是構(gòu)想和解決問題的過程。應(yīng)以人為本,通過系統(tǒng)化的方法滿足消費(fèi)者的市場(chǎng)需求,進(jìn)而產(chǎn)生功能價(jià)值審美價(jià)值。


除了廣義與狹義的設(shè)計(jì)定義,處在不同時(shí)期不同的人站在的角度和立場(chǎng)均不同,產(chǎn)生的觀點(diǎn)是各抒己見,各不相同。在國(guó)內(nèi)考研只用采用其中一種定義就可以了,但知識(shí)是要去學(xué)習(xí)和理解的,這里我研讀了近100本書籍,把所有關(guān)于設(shè)計(jì)的定義都整理出來供大家學(xué)習(xí)與參考。

 


設(shè)計(jì)的定義


彼得·勞倫斯(美國(guó)設(shè)計(jì)學(xué)會(huì)創(chuàng)始人):設(shè)計(jì)是一種手段,通過這種手段可以提高生活質(zhì)量,并能有效的滿足人類的需求


王受之教授:設(shè)計(jì)是把計(jì)劃、規(guī)劃、設(shè)想、解決問題的方式,通過視覺化的形式傳達(dá)出來的過程


《大不列顛百科詞典》(1786年 / 工業(yè)革命前):設(shè)計(jì)指的是立體、色彩、結(jié)構(gòu)、輪廓、線條、形狀、比例、動(dòng)態(tài)和審美方面的協(xié)調(diào)

 

《大不列顛百科詞典》(1976年 / 工業(yè)革命后):設(shè)計(jì)常指擬定計(jì)劃的過程,又特指記在心中或者制作成草圖的具體計(jì)劃

6:19 STUDIO - slava balbek / Nata Kurylenko

 


《簡(jiǎn)明不列顛百科全書》(1985年 / 中美編譯):Design包含兩個(gè)層面,第一個(gè)層面指“心理上的計(jì)劃”,即計(jì)劃的思考與擬定計(jì)劃的過程;第二個(gè)層面指“藝術(shù)計(jì)劃”,即把計(jì)劃中的想法制成草圖的具體計(jì)劃。

 

《韋伯斯特大辭典》(名詞方面):針對(duì)某一目的在腦中形成的規(guī)劃;根據(jù)對(duì)象預(yù)先所作出的模型;文學(xué)、戲劇作品的輪廓;音樂作品的框架;視覺藝術(shù)作品的線條、細(xì)節(jié)、外觀等方面的相互關(guān)系

 

《韋伯斯特大辭典》(動(dòng)詞方面):頭腦中的想象與計(jì)劃;策劃;創(chuàng)造功能;為了達(dá)到目的而進(jìn)行的創(chuàng)造、規(guī)劃和計(jì)算;用商標(biāo)、符號(hào)表達(dá);對(duì)物象的描繪;零部件的形狀與配置

 

《牛津英文詞典》(1588年):設(shè)計(jì)是由人所設(shè)想一種計(jì)劃,或是為了實(shí)現(xiàn)某物而做的綱要

6:19 STUDIO - slava balbek / Nata Kurylenko


《授予博士碩士學(xué)位和培養(yǎng)研究生的學(xué)科專業(yè)簡(jiǎn)介》(1999年):設(shè)計(jì)是一門多學(xué)科交叉的、實(shí)用性的藝術(shù)科學(xué),其內(nèi)涵是按照文化藝術(shù)與科學(xué)技術(shù)相結(jié)合的規(guī)律,創(chuàng)造人類生活的物質(zhì)產(chǎn)品和精神產(chǎn)品的一門科學(xué)

 

柳冠中教授《工業(yè)設(shè)計(jì)學(xué)概論》:設(shè)計(jì)應(yīng)該被認(rèn)為是一種方法論,應(yīng)提高‘一切人為事物’的角度來認(rèn)識(shí)

 

李硯祖教授:設(shè)計(jì)是人類改變?cè)惺挛?,使其變化、增益、更新、發(fā)展的創(chuàng)造性活動(dòng),設(shè)計(jì)是構(gòu)想和解決問題的過程,它涉及人類一切有目的的價(jià)值創(chuàng)造活動(dòng)

 

尹定邦教授:設(shè)計(jì)其實(shí)就是人類把自己的意志加在自然界之上,用以創(chuàng)造人類文明的一種廣泛的活動(dòng),設(shè)計(jì)是一種文明

6:19 STUDIO - slava balbek / Nata Kurylenko

  


我國(guó)《高級(jí)漢語大詞典》:按照任務(wù)的目的和要求,預(yù)先設(shè)定好工作方案和計(jì)劃,繪制出為解決這個(gè)問題而設(shè)計(jì)的圖案

 

我國(guó)綜合字典《辭海》:設(shè)計(jì)指“按照任務(wù)的目的和要求,預(yù)先定出工作方案和計(jì)劃,繪出圖樣,為解決這個(gè)問題而專門設(shè)計(jì)的圖案”

 

赫伯特·西蒙《人工科學(xué)》書中的一段話:凡是以現(xiàn)存情形改變成向往情形,為目標(biāo)而構(gòu)思行動(dòng)方案的人都是在搞設(shè)計(jì)

6:19 STUDIO - slava balbek / Nata Kurylenko  



阿切爾:設(shè)計(jì)是圍繞目標(biāo)的問題求解的活動(dòng)

 

路甬祥:設(shè)計(jì)是在一定的約束條件下,最合理的滿足社會(huì)的需求


佩齊:設(shè)計(jì)是從客觀現(xiàn)實(shí)向未來可能富有想象力的跨越

6:19 STUDIO - slava balbek / Nata Kurylenko

 


???/strong>:設(shè)計(jì)是獲得足夠把握前,對(duì)未來產(chǎn)品盡可能多地模仿

 

喬尼斯:設(shè)計(jì)是表達(dá)一種精粹信念的活動(dòng)

 

里斯維克:設(shè)計(jì)是從無到有的創(chuàng)造,創(chuàng)造新的、有用的事物

 

 


考研知識(shí)


國(guó)內(nèi)的知識(shí)大多數(shù)采用國(guó)內(nèi)教育工作者對(duì)設(shè)計(jì)的定義,例如我們?cè)诰W(wǎng)上查關(guān)于設(shè)計(jì)的定義,一般都會(huì)出現(xiàn)相同的搜索結(jié)果,也就是《現(xiàn)代漢語詞典》對(duì)設(shè)計(jì)的定義,即“在正式做某件工作之前,根據(jù)一定目的的要求,預(yù)先制定方法、圖樣等。

6:19 STUDIO - slava balbek / Nata Kurylenko

 

另外考研的知識(shí)點(diǎn)還有設(shè)計(jì)的核心內(nèi)容知識(shí),包括以下三個(gè)階段;


第一階段 計(jì)劃,構(gòu)思的形成

第二階段 將計(jì)劃、構(gòu)思、設(shè)想、解決問題的方式利用視覺化的傳達(dá)方式表現(xiàn)出來,如圖紙、制作效果圖、模型等

第三階段 將設(shè)計(jì)的方案實(shí)施完成    

 

 

 

附加知識(shí)


以上指的設(shè)計(jì)的定義是不包含工程設(shè)計(jì)的,工程設(shè)計(jì)主要解決人造物(機(jī)械、設(shè)備、交通工具、建筑等等)中的物與物之間的關(guān)系,包括產(chǎn)品的內(nèi)部功能、結(jié)構(gòu)、傳動(dòng)原理、組裝條件等。


工程設(shè)計(jì)主要是研究和實(shí)施建筑、城市、景觀設(shè)計(jì)與工業(yè)產(chǎn)品(建筑屬于工業(yè))、造型設(shè)計(jì)、功能性設(shè)計(jì)、結(jié)構(gòu)設(shè)計(jì)、可靠性設(shè)計(jì)、生產(chǎn)工藝設(shè)計(jì)、生產(chǎn)系統(tǒng)集成設(shè)計(jì)等的工程技術(shù)領(lǐng)域,工程設(shè)計(jì)更注重產(chǎn)品的實(shí)施與落地。

6:19 STUDIO - slava balbek / Nata Kurylenko

工業(yè)設(shè)計(jì)就是對(duì)工業(yè)產(chǎn)品的使用方式、人機(jī)關(guān)系、外觀造型等做設(shè)計(jì)和定義的過程。他將產(chǎn)品的功能通過有型的方式創(chuàng)造性的體現(xiàn),使得工業(yè)產(chǎn)品和人的適當(dāng)?shù)?、高效的,甚至有情感的交流得以?shí)現(xiàn)。是一種產(chǎn)品與人溝通的語言,是工業(yè)產(chǎn)品和人之間的重要紐帶,是用戶體驗(yàn)的決定性組成部分。


文章中提到的設(shè)計(jì)是解決物與物關(guān)系的同時(shí),更側(cè)重于解決物與人的關(guān)系問題,考慮產(chǎn)品對(duì)人的生理、心理的作用。因此設(shè)計(jì)是包含藝術(shù)審美同時(shí)又有科學(xué)技術(shù)的人文科學(xué)、社會(huì)科學(xué)相結(jié)合的藝術(shù)。

文章來源:站酷   作者:羅耀_系列

藍(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ù)

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

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

這 80 個(gè)問答將分為 7 篇,每天更新一篇:

  • 《誕生和發(fā)展》
  • 《設(shè)計(jì)和理念》
  • 《聊天》
  • 《搖一搖、附近的人和漂流瓶》
  • 《朋友圈、視頻動(dòng)態(tài)和狀態(tài)》
  • 《小程序和微信支付》
  • 《公眾號(hào)、看一看和視頻號(hào)》

資料主要來源于:

  • 張小龍公開演講和媒體采訪報(bào)道。
  • 陸樹燊(前支付寶資深產(chǎn)品經(jīng)理,微信創(chuàng)始團(tuán)隊(duì)成員)的微信公眾號(hào):行者慎思。
  • Genie(微信產(chǎn)品經(jīng)理)的產(chǎn)品分享。
  • KantZhou(拼多多用戶端產(chǎn)品總監(jiān),前微信產(chǎn)品經(jīng)理)的產(chǎn)品分享。
  • 啃餅(微信研發(fā)工程師)的微信公眾號(hào):啃餅隨想。

設(shè)計(jì)和理念

問: 微信的頁面設(shè)計(jì)很少改,那微信的設(shè)計(jì)師們每天在做什么呢?很閑嗎?

陸樹燊答: 張小龍?jiān)u審微信的功能有一個(gè)習(xí)慣:不看原型圖,不看設(shè)計(jì)稿,也不看 Demo,要體驗(yàn)前后臺(tái)代碼開發(fā)好后的產(chǎn)品。這就意味著:如果一個(gè)功能在給到用戶之前有過 N 個(gè)方案,則微信設(shè)計(jì)師已經(jīng)設(shè)計(jì)了 N 個(gè)方案,前后端開發(fā)人員已經(jīng)開發(fā)過 N 個(gè)版本的代碼。給張小龍?bào)w驗(yàn),然后 100 個(gè)需求能砍掉 70 個(gè)。其中 30 個(gè)再優(yōu)化 N 次,才真正發(fā)布給用戶使用。

問: 對(duì)做微信的設(shè)計(jì)師有什么特別的要求嗎?

張小龍答: 在廣研(微信事業(yè)群前身)里面我們禁止使用競(jìng)爭(zhēng)對(duì)手的產(chǎn)品,特別是 UI 設(shè)計(jì)師。因?yàn)榇蠹抑?,一旦你用了?jìng)爭(zhēng)對(duì)手的產(chǎn)品,你一定會(huì)受它的影響。你會(huì)覺得“哦,那樣做是最好的”,你會(huì)擺脫不了它的影子。之前我們也經(jīng)常發(fā)生這樣的情況,UI 設(shè)計(jì)師一旦用了競(jìng)爭(zhēng)對(duì)手的產(chǎn)品以后,設(shè)計(jì)里面就會(huì)不自覺地帶有對(duì)方的影子。所以后來我們干脆規(guī)定不允許使用競(jìng)爭(zhēng)對(duì)手的產(chǎn)品。這個(gè)問題對(duì)我們公司來說其實(shí)蠻嚴(yán)重的,有很多時(shí)候可能我們覺得只是借鑒一下,但是一旦借鑒就會(huì)受到影響。所以最直接的方法就是禁止使用。希望大家所在的團(tuán)隊(duì)也可以嘗試使用這個(gè)方法。這個(gè)方法不會(huì)讓大家損失任何東西。

但我們要了解競(jìng)爭(zhēng)對(duì)手怎么辦?我們可以讓產(chǎn)品經(jīng)理去體驗(yàn)競(jìng)品,讓產(chǎn)品經(jīng)理總結(jié)哪些體驗(yàn)是挺好的,UI 設(shè)計(jì)師知道這些體驗(yàn)是很好的,但是 UI 設(shè)計(jì)師要自己想辦法去實(shí)現(xiàn)好的體驗(yàn),而不是被對(duì)手所牽制和影響。

問: 對(duì)于微信來說,最關(guān)注的體驗(yàn)是什么?

張小龍答: 操作的響應(yīng)速度永遠(yuǎn)是第一體驗(yàn)。我們?cè)谧鲟]箱時(shí)思考:對(duì)于一個(gè)好產(chǎn)品來說,可能需要滿足幾個(gè)要求,比如“切入要準(zhǔn)”“功能設(shè)計(jì)得要好”。但我們把速度這項(xiàng)單獨(dú)列出來,就是“速度一定要快”,這個(gè)速度是指系統(tǒng)響應(yīng)的速度。

我們回顧 QQ 郵箱能做起來,有兩點(diǎn)是最重要的:第一是簡(jiǎn)單;第二是速度快。簡(jiǎn)單和速度快,合起來是「簡(jiǎn)捷」,簡(jiǎn)單快捷。「簡(jiǎn)單和“快捷”是用戶體驗(yàn)里面 最重要的兩個(gè)關(guān)鍵詞。

在微信 4.0 的時(shí)候,點(diǎn)擊進(jìn)入一個(gè)會(huì)話群的響應(yīng)速度是挺慢的,我們做了很多的改進(jìn)來保證進(jìn)入速度得到提高。而在微信的朋友圈里,時(shí)間線的流暢度也非常重要,我們的開發(fā)在這里做了很多次的重構(gòu)才保證了流暢的體驗(yàn)感,保證我們速度能超越所有有時(shí)間線的產(chǎn)品。雖然為了提升這里的速度,開發(fā)的代價(jià)很大,但是這樣的代價(jià)是值得的。

問: 微信 UI 設(shè)計(jì)最看重哪方面?

張小龍答:UI 里面最重要的是條理清晰。有時(shí)我們會(huì)誤認(rèn)為 UI 就是怎么把用戶界面表現(xiàn)得更絢麗一些,但是所有的視覺表現(xiàn)都不如條理清晰重要。

舉個(gè)例子。微信的語音輸入條經(jīng)過了很多進(jìn)化,現(xiàn)在用的是最下面的式樣。

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

最下面的式樣具有美感,字體也很清晰,「加好友」按鈕在右邊也很順手。這都是經(jīng)過了很多變遷的。前兩個(gè)設(shè)計(jì),在語音和文字切換的時(shí)候,還需要通過菜單來完成。后來一個(gè) UI 設(shè)計(jì)師朋友提出意見,覺得這個(gè)地方使用不方便,每次切換都要用菜單多點(diǎn)一下。但是語音文字的切換是最常用的,應(yīng)該放在左邊固定。我覺得他說得很有道理,我們就在下一個(gè)版本里面修改了。

所以 UI 做得絢麗并不是最重要的。微信里面用的東西都很樸實(shí),你不會(huì)看到花花綠綠的東西,能用系統(tǒng)控件的就用系統(tǒng)控件,而且盡可能保持一致的式樣,包括一種字體、一種控件、一種背景,所有的東西最好只使用一種,不要增加兩種或者更多種。

我們也一直鼓勵(lì)每個(gè)界面只有一個(gè)主題。學(xué)習(xí)過攝影的同事都知道,一張照片里面只有一個(gè)主題。所以我們不會(huì)做兩分式的設(shè)計(jì),并且每個(gè)界面都會(huì)突出這個(gè)主題,把別的主題都虛化掉,或者把它放到一邊去。每個(gè)對(duì)話框都有一個(gè)明顯的默認(rèn)按鈕。比如每個(gè)對(duì)話框右上角都有一個(gè)完成按鈕,并且是藍(lán)色的。我們還用了文字來規(guī)定必須這樣做。因?yàn)槲覀円層脩暨M(jìn)到一個(gè)對(duì)話框后立即可以找到哪里可以完成,所以按鈕一定要很顯眼。

這是一個(gè)反面例子:

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

這個(gè)界面右上角有一個(gè)按鈕,底下有兩個(gè)按鈕,會(huì)讓人覺得很迷惑。很多用戶跟我們說,以前他是壓縮發(fā)圖,但是現(xiàn)在有兩個(gè)按鈕,他就會(huì)點(diǎn)原圖發(fā)送了。然后就忘記去點(diǎn)完成了,造成了一定的迷惑。這是一個(gè)不好的例子,是我們需要優(yōu)化的地方。

問: 為什么微信的主題色是綠色?

張小龍答: 最初版的微信主色調(diào)是藍(lán)色,后來換成了綠色。其實(shí)我們現(xiàn)在有點(diǎn)后悔用綠色,因?yàn)樵诤芏喟沧渴謾C(jī)上,綠色的偏色很嚴(yán)重,看起來就是黃綠黃綠的。

剛開始是藍(lán)色的,因?yàn)榈谝粋€(gè)版本是比較匆忙的,當(dāng)時(shí)用的是系統(tǒng)的顏色。后來我們有一個(gè)版本就覺得應(yīng)該調(diào)整一下顏色,就換成了綠色了。然而,這個(gè)時(shí)候微信的產(chǎn)品形態(tài)已經(jīng)基本定型了,用戶數(shù)也非常龐大,這時(shí)再去調(diào)整品牌顏色是不太可能了。其實(shí)我們現(xiàn)在很糾結(jié),但現(xiàn)在改起來就對(duì)形象有影響了。

問: 為什么拼多多喜歡挖微信的產(chǎn)品經(jīng)理?

答: 微信產(chǎn)品經(jīng)理通過微信觀察到了全中國(guó)網(wǎng)民的使用習(xí)慣,拼多多挖走微信的產(chǎn)品經(jīng)理,因此才能設(shè)計(jì)出更符合在微信環(huán)境內(nèi)傳播的接地氣方案。

問: 為什么微信只有 4 個(gè) Tab?能把朋友圈做成第 5 個(gè) Tab 嗎?

張小龍答: 源起 Tony (騰訊前 CTO 張志東),他經(jīng)常向微信團(tuán)隊(duì)提一些需求要加?xùn)|西,我說沒地方放了,他就說沒關(guān)系,你們只有 4 個(gè) Tab,還可以加一個(gè)。我說不能這樣。過幾天 Tony 又有一個(gè)需求,我說沒地方放了,他又說,可以加一個(gè) Tab。我想這樣的需求反復(fù)幾次,最后會(huì)沒完沒了。然后我就跟 Tony 定一個(gè)君子協(xié)議,兩年之內(nèi),微信只有 4 個(gè) Tab,不允許再有第五個(gè),因?yàn)?4 個(gè)最簡(jiǎn)單了,一旦變成 5 個(gè)就變復(fù)雜了,不好了,對(duì)整個(gè)產(chǎn)品會(huì)有破壞性的打擊,然后 Tony 也認(rèn)同了,最終變成一個(gè)協(xié)議就確定下來了。這樣就很好啊,我們?cè)谧雠笥讶Φ臅r(shí)候,也沒有把它放成第五個(gè) Tab。然后 Tony 說這個(gè)朋友圈的入口是不是太深了。我們說,已定過協(xié)議了,所以不能放出來,我們自己不能破壞這個(gè)協(xié)議。當(dāng)然“朋友圈”能不能放在第五個(gè) Tab 上,還有別的原因。它總是有好處有壞處的,至少我們現(xiàn)在能保證兩年之內(nèi)只有 4 個(gè) Tab,但一切也不是絕對(duì)的。如果有一個(gè)非常大的誘惑,說不定還是會(huì)加第五個(gè) Tab 的。

問: 微信里是怎么引導(dǎo)用戶設(shè)置頭像的?

張小龍答: 在我們最早的微信版本里面,用戶自己說的話是不帶自己頭像的,后面才把自己的頭像展現(xiàn)出來,當(dāng)用戶看到自己的頭像沒有設(shè)置的時(shí)候,很快就會(huì)去設(shè)置頭像了??梢娺@樣的設(shè)計(jì)比經(jīng)由別的環(huán)節(jié)去引導(dǎo)用戶設(shè)置頭像要自然很多。因?yàn)檫@是用戶自發(fā)的,而不是被“引導(dǎo)”的。

問: 為什么微信里很少出現(xiàn)新手引導(dǎo) Tips?

張小龍答: 我們?cè)谟懻撈渌a(chǎn)品的設(shè)計(jì)的時(shí)候,常常會(huì)想,怎么才能不打擾到用戶,特別是我們想把新功能體現(xiàn)給用戶的時(shí)候。現(xiàn)在很常見的是用 Tips 去提示新功能,看似體貼,實(shí)則讓人煩躁,用戶會(huì)覺得為什么要把這些提示強(qiáng)加到我當(dāng)前的操作里面,感覺被打擾了。

需要文字解釋的功能不是好體驗(yàn)。做 UI 的同事盡量不需要通過文字的解釋就把這個(gè)功能做好,最好也不要用 Tips 這樣的東西。剛才微博的同事還跟我聊到,做微博的時(shí)候,有新功能了需要通過彈 Tips 來告訴用戶。我問為什么要這樣做呢,他說怕用戶不知道。但其實(shí)用戶不知道就不知道吧,又不會(huì)損失什么。為什么所有東西都要用戶知道呢?所以產(chǎn)品里面最好能立一個(gè)規(guī)定,能不用就最好不要用。但是微信也還沒做到完全不用。因?yàn)槲⑿胚€有一些地方?jīng)]處理到位,所以偶爾也會(huì)用到 Tips。但是自己要知道一點(diǎn):每一次都是因?yàn)樽龅貌缓貌庞?Tips。

問: 為什么 QQ 的頭像是圓的?微信的頭像是方的?

QQ 設(shè)計(jì)師答:

  • 相比方形,人的頭像更接近圓形。圓形 QQ 頭像能更突出頭像弱化背景,也更鼓勵(lì)用戶使用真實(shí)自拍作為 QQ 頭像。
  • QQ 作為平臺(tái)會(huì)接入游戲和第三方應(yīng)用內(nèi)容,圓形 QQ 頭像在這些方形、異形圖標(biāo)環(huán)境中提高辨識(shí)度,降低用戶的認(rèn)知門檻。
  • QQ 希望給用戶傳遞樂在溝通,展現(xiàn)年輕個(gè)性的態(tài)度,圓形 QQ 頭像更具靈動(dòng)和活力,與之無縫銜接的頭像掛件也為用戶帶來更個(gè)性化的搭配和豐富的自我展示。

微信設(shè)計(jì)師答: 因?yàn)檎掌緛硎欠降?,方頭像更符合用戶習(xí)慣。

問: 微信的啟動(dòng)畫面是一個(gè)小人站在地球還是月球?為什么是站在月球上看地球而不是在火星上看地球?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

張小龍答: 其實(shí)第一個(gè)版本是在地球上看月球,但是后來就變成在月球上看地球,有了突破性的變化。但是這個(gè)變化并不重要。有些人甚至做了一些調(diào)研:用戶看到這個(gè)畫面到底有什么感覺?然后把調(diào)研結(jié)果分享給我,發(fā)現(xiàn)用戶各種感覺都有,很不一樣。然后問他,我們到底是怎么想的。我回答:能讓用戶有不同的感覺就對(duì)了。如果思路太統(tǒng)一就變成烏合之眾和愚昧了。所以這樣是最好的。

但是如果我們把微信的 LOGO 放在那里閃啊閃的,那就沒意思了,沒有任何想象的空間了。這個(gè)畫面也讓我們看到人類的孤獨(dú)感(這個(gè)小人都離開地球了,感到孤獨(dú)了)。而孤獨(dú)是永恒的主題。

問: 為什么微信沒有“系統(tǒng)管理員”這種官方賬號(hào)?

張小龍答: 大概在兩三年(這里指 2009 年)以前,我突發(fā)奇想,為什么我們給 QQ 郵箱用戶的通知信都是“系統(tǒng)管理員”作為發(fā)信方,為什么不是我們自己的美女產(chǎn)品經(jīng)理作為發(fā)信方,這不是顯得更加人性化一些嗎?從那個(gè)時(shí)候開始,我們就再也不用“系統(tǒng)管理員”這個(gè)賬號(hào)來給用戶發(fā)信了。用戶收到的每一封來自“系統(tǒng)管理員”的郵件,都被替換為一個(gè)真實(shí)的產(chǎn)品經(jīng)理。如圖中案例所示,會(huì)看到真實(shí)的產(chǎn)品經(jīng)理的落款,有她的頭像和名字。

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

問: 為什么微信 3.0 版本的啟動(dòng)頁面上放出了邁克爾·杰克遜的圖,寫了一句話:“你說我是錯(cuò)的,那你最好證明你是對(duì)的?!??

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

張小龍答: 之前的微信版本被批評(píng)得挺多的,特別是被業(yè)界的評(píng)論家批評(píng)。所以我想了這個(gè)辦法回應(yīng)一下。剛好在那段時(shí)間里,我在上班下班的路上,MJ 的音樂聽得很多。也覺得他的音樂跟我們的產(chǎn)品有某種關(guān)聯(lián)性,因此覺得非常需要去感謝一下 MJ。直到有一天這種感覺越來越強(qiáng)烈,就做了這個(gè)設(shè)計(jì)。為了能做出這個(gè)效果,我還特地請(qǐng)同事們到他的車?yán)锶ヂ?MJ 的音樂,覺得這樣效果會(huì)好一點(diǎn),讓他們能找到做這個(gè)頁面的感覺。通過這個(gè)設(shè)計(jì)我們向外界所有的評(píng)論家表達(dá):如果你說我是錯(cuò)的,最好證明你是對(duì)的。

問: 為什么微信 4.2 的啟動(dòng)畫面寫著「是時(shí)候放下手機(jī),和朋友面對(duì)面了」?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

張小龍答: 拿一個(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è)用戶每天的時(shí)間是有限的,這是次要的。最主要的是,技術(shù)的使命應(yīng)該是幫助人類提高效率。比如作為一個(gè)好的溝通工具,一定要高效。

用戶其實(shí)并不會(huì)按照你的內(nèi)容多少來決定它的時(shí)間分配,但我覺得這是很合理的。 如果我們非要停留時(shí)間更長(zhǎng)的話,我們當(dāng)然有很多辦法來做到這一點(diǎn)。但是這只會(huì)讓用戶覺得不爽,因?yàn)樗纳缃恍式档土?。如果非要把他半個(gè)小時(shí)能完成的事情延續(xù)到一個(gè)小時(shí)的話,只能代表效率降低。微信永遠(yuǎn)都不會(huì)把用戶停留時(shí)長(zhǎng)作為一個(gè)目標(biāo)。

問: 微信 7.0 UI 改版那么多用戶不滿,為什么不改回去?

張小龍答: 其實(shí)任何一個(gè)大的改版都會(huì)帶來用戶的不滿,因?yàn)槿肆?xí)慣于自己熟悉的界面,覺得是最好的。我們沒辦法讓 10 億人來投票決定什么是好的,也投不出來。那怎么才能通過改變尋求設(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)品越來越美,符合甚至引導(dǎo)當(dāng)前用戶的審美,而不是落伍于時(shí)代。

問: 微信 7.0 版本啟動(dòng)頁是一朵花,包括你寫的看見之類的話,靈感是來自王陽明嗎?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

張小龍答: 跟王陽明的書有一定關(guān)系。當(dāng)時(shí)寫的是,「因你看見,所以存在」。王陽明的書里是說,一朵花長(zhǎng)在山里的石頭縫,你不看它,它就不在,你看它,它就在那里。在 7.0 版本,我們想表達(dá)的是說,看見的力量。如果按照王陽明的心學(xué),心的力量是很大的。同理到社交上,如果你看不見這個(gè)朋友,這個(gè)朋友十年沒見了,他其實(shí)不是你的朋友了。當(dāng)你看見他,他才是你的朋友。王陽明的書還可以跟量子力學(xué)結(jié)合。我們微信 7.0 那句話,「因你看見,所以存在」,完全符合量子力學(xué)的角度。因?yàn)橐粋€(gè)粒子,當(dāng)你觀察它的時(shí)候,它才存在。你不觀察它,它就是一道波。

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

問: 微信 8.0 的啟動(dòng)頁是怎么設(shè)計(jì)的?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

張小龍答: 做產(chǎn)品其實(shí)是個(gè)很枯燥,很理性的過程,無法把個(gè)人情緒和情感帶入。唯一有機(jī)會(huì)帶入的地方就是啟動(dòng)頁,你可以有一些情緒的發(fā)泄。微信 8.0 的啟動(dòng)頁,有個(gè)故事我跟同事們說過,有次我在開一個(gè)很正經(jīng)的會(huì),中間我開小差了,拿了當(dāng)時(shí)的一張紙,在上面寫了現(xiàn)在開屏頁的這幾句話。我覺得可以代表這次更新的每一個(gè)功能,剛好連起來了,而且我也覺得特別簡(jiǎn)潔,沒有任何修飾和形容詞。我自己覺得挺好的。我看見你,代表了通過視頻號(hào)看到另一個(gè)身份的你。笑臉,代表了你的狀態(tài)。煙花,是代表新的表情。一首歌代表了新的音樂播放。你看見了你,其實(shí)代表直播,通過你的眼來看到你眼前的世界。

問: 為什么張小龍說「好的產(chǎn)品應(yīng)該是用完即走」?

張小龍答: 我發(fā)現(xiàn)大家對(duì)于這個(gè)詞有特別多的一些誤解。大家都會(huì)說,因?yàn)榇蠹叶茧x不開微信,所以才會(huì)說“用完即走”,去年對(duì)這點(diǎn)可能沒有解釋得特別清楚,我其實(shí)只說了上半句話,用完即走,但其實(shí)還有下半句話,走了還會(huì)回來。

用完即走的本質(zhì)是任何一個(gè)工具都是幫助用戶完成一個(gè)任務(wù),越高的效率越好。 當(dāng)我們完成一個(gè)任務(wù)以后,我們當(dāng)然希望用戶能做別的事情,而不是一定耗在一個(gè)工具里。

比如說用微信,我們當(dāng)然希望微信能給用戶帶來更多的幫助,但并不意味著我們希望用戶一直低效率地在微信里處理事情,如果他一天信息的處理要用兩個(gè)小時(shí),那我們應(yīng)該幫助用戶盡可能在兩個(gè)小時(shí)之內(nèi)處理完,而不是說一定要把兩個(gè)小時(shí)的任務(wù)變成三個(gè)小時(shí),讓他在微信里花費(fèi)更多的時(shí)間,我認(rèn)為如果那樣就不是一個(gè)用完即走的概念。

所以用完即走和用戶再回來,其實(shí)并不矛盾,相反只有當(dāng)一個(gè)用戶在一個(gè)工具里用得很愉悅,用得很高效,他才會(huì)下一次回過頭來使用這個(gè)工具。我們現(xiàn)在說的小程序也是這樣的,小程序應(yīng)該是幫助用戶盡可能在短的時(shí)間里面完成一個(gè)任務(wù),并且離開這個(gè)小程序,這樣的話他才會(huì)有很好的體驗(yàn),下一次他會(huì)繼續(xù)回來用這樣一個(gè)小程序。

問: 微信一直倡導(dǎo)用完即走,但 8.0 版本怎么給人感覺用完不走了?比如視頻號(hào)加了更多推薦內(nèi)容,似乎增加了用戶的停留時(shí)長(zhǎng)

張小龍答: 推薦的東西,如果把它定義為是娛樂時(shí)段的話,那么它是在這里娛樂消費(fèi)的。目標(biāo)是消耗時(shí)間的。在這一個(gè)板塊,并不是說非要他立即就走。用完即走并不是說用戶必須使用的時(shí)間越短越好。就像一個(gè) 120 分鐘的劇,不是說為了讓你用完即走,我用技術(shù)讓你 60 分鐘看完,這樣就不合理了。

問: 微信的「悠閑」表情怎么戒煙了?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

答: 很早之前,QQ 和新浪微博就撤除了吸煙表情。據(jù)悉這是北京控?zé)焻f(xié)會(huì)活動(dòng)的結(jié)果,控?zé)焻f(xié)會(huì)認(rèn)為這些軟件在日常生活中使用頻率非常高,每一次發(fā)送都會(huì)產(chǎn)生潛移默化的影響,有誘導(dǎo)青少年吸煙的傾向。

問: 為什么微信對(duì)用戶稱呼統(tǒng)一都是“你”而不是“您”?

張小龍答: 我們并不需要用一個(gè)很尊敬的態(tài)度稱呼用戶,而是應(yīng)該當(dāng)朋友一樣稱呼,所以應(yīng)該是一種很平等的關(guān)系,這個(gè)寫進(jìn)我們的產(chǎn)品條約里面去了。

問: 微信是工具還是平臺(tái)?

張小龍答: 在我們對(duì)公司的一次培訓(xùn)里面,有個(gè)同事問我微信的戰(zhàn)略是什么?我當(dāng)時(shí)只說了一句話,我說微信只是一個(gè)工具,我們應(yīng)當(dāng)想如何做好這個(gè)工具。在同事們的心目中,微信并不僅僅是一個(gè)工具,大家認(rèn)為微信是一個(gè)平臺(tái)。但我認(rèn)為微信是一個(gè)工具,這是一個(gè)非常宏大的目標(biāo),我并不認(rèn)為一個(gè)工具是一個(gè)很低層面的東西,事實(shí)上人類從原始人進(jìn)化智能人類的過程,就是因?yàn)槿藭?huì)制造工具,我們所用的絕大部分的產(chǎn)品本質(zhì)上來說都是工具,但是工具有好壞之分,能夠做一個(gè)非常好的工具其實(shí)難度是非常大的,但是如果說我們要做一個(gè)平臺(tái),我會(huì)不知道我們要做什么?一個(gè)好的工具應(yīng)該有一個(gè)很強(qiáng)的屬性,就是提高效率,用完即走。

問: 為什么微信的設(shè)計(jì)很克制?

張小龍答: 克制這個(gè)詞從來沒有在我的腦袋里面出現(xiàn)過,如果說做一些事情我們要求自己很克制的話,那是一種什么樣行為?那是一種自我壓制的行為,但是我并不認(rèn)為我們?cè)谧鲞@樣的決定時(shí)我們要自我壓制,或者說自己切割掉我們很多想要做的事情,那不是一個(gè)很好的狀態(tài)。

相反的,我們?cè)谧龊芏嗪芏鄾Q定的時(shí)候,反而要去判斷什么樣的東西是最合理的,合理性才是這里面要考慮的一個(gè)最重要的因素,我們會(huì)舍棄掉很多很多本來想要做,后來發(fā)現(xiàn)做不好的東西,這種舍棄并不是因?yàn)檎f我們很克制,所以我們少做一點(diǎn),而是說我們發(fā)現(xiàn)有很多事情做不好,或者說有很多決定它一開頭是錯(cuò)的,或者說很多的想法,最后驗(yàn)證可能是行不通的,那我們?nèi)绻惨プ鲞@些事情是不合理的,我們會(huì)把它舍棄掉,而不是說我們要克制。

問: 為什么微信 8.0 浮窗從懸浮改成了左上角?

張小龍答: 我其實(shí)一直很不喜歡浮窗。因?yàn)樗拖窆菲じ嗨?。這也是 PC 時(shí)代大部分網(wǎng)頁瀏覽的體驗(yàn)都不好的一個(gè)原因。

為了解決一篇文章要很久才看完,而中途要不斷處理微信消息的需要,我們有了浮窗功能。但它并不完美。很多時(shí)候,一篇文章,一個(gè)長(zhǎng)視頻,是要分很多次才看完的,如果每次都要先拖到浮窗,也是很繁瑣的。

現(xiàn)在,微信提供了一個(gè)尚未看完的內(nèi)容的列表,方便可以隨時(shí)找回這些內(nèi)容繼續(xù)看完。尤其是對(duì)于長(zhǎng)視頻,更加需要隨時(shí)可以切走,然后又能快速找到。直播也一樣需要。

問: 為什么微信安卓版不采用 Android Design 設(shè)計(jì)風(fēng)格?

Kantzou 答: 我每次在「知乎」上吐槽 Android Design 的時(shí)候,總是會(huì)有人在下面說,“哎呦,原來「微信」的安卓版做那么 Low 是嫌 Android Design 做的不好啊。”這種評(píng)論,我都不會(huì)回復(fù)。

我講一下為什么差呢,舉個(gè)例子:我給我爸買了個(gè)安卓手機(jī),給他用?!肝⑿拧乖谀莻€(gè)時(shí)候,Tab 欄是在頂部的,然后我告訴他,“哎,左右滑動(dòng)是可以切換的?!?

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

我觀察他用,我會(huì)發(fā)現(xiàn):4.7 寸屏,他往上按的時(shí)候,他不會(huì)去滑的,因?yàn)樗吹侥抢镉袀€(gè)字,他就會(huì)去按,因?yàn)樗麤]有學(xué)習(xí)到那個(gè)程度。Android Design 的問題在于太超前,我這么說,那些喜歡 Android Design 的人心里會(huì)不會(huì)更舒服一點(diǎn)?

為什么喬布斯那么牛 B?是因?yàn)樗溃|摸屏出來以后,人的自然反應(yīng)就是「press」,而不是「滑」?!富乖诂F(xiàn)今這個(gè)階段還不夠自然。Android Design 在這個(gè)問題上解決的不好,因?yàn)榻^大多數(shù)的大眾不像我們,我們是已經(jīng)充分學(xué)習(xí)了的。我相信很多大眾,比方說不是我們這個(gè)專業(yè)的學(xué)生,你去讓他們用一下 Android Design,我相信大多數(shù)人都是點(diǎn),很費(fèi)勁的點(diǎn),Android Design 為什么會(huì)做成這樣?他覺得啊:大屏一定要做的讓人方便,所以操作是滑動(dòng),這樣不用讓他點(diǎn)擊,就不會(huì)讓他覺得那么累。所以我為什么覺得谷歌是一個(gè)除了個(gè)別 App 設(shè)計(jì)的不錯(cuò),其他 App 設(shè)計(jì)的都很爛的公司。谷歌設(shè)計(jì)的真的不好,我說的設(shè)計(jì)的不好,不是皮毛上面,所以你不要跟我糾結(jié)這些細(xì)節(jié),我說的是他的邏輯不對(duì),谷歌是一個(gè)太工程師思維的公司。

Android Design 有個(gè)「應(yīng)用抽屜」,我跟我爸說,“我給你裝微信了”。

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

他問,“在哪里???”我說,“點(diǎn)那個(gè)地方?!薄芭丁彼f,“知道了。”下次又問,“微信在哪里?。俊蔽腋f,“點(diǎn)那個(gè)地方。”三次還是不知道,為什么?因?yàn)?Android Design 在給他二維的導(dǎo)航,因?yàn)槟阋谧烂嫔厦婊瑒?dòng),如果桌面上面滑動(dòng)沒有,你還要給他一個(gè)「應(yīng)用抽屜」,在一個(gè)新的地方左右滑動(dòng),簡(jiǎn)直 Unbelievable,但是對(duì)于安卓的技術(shù)思維的人來講,這個(gè)很合情合理啊。

問: 微信「設(shè)置」里為什么會(huì)有個(gè)「插件」?

張小龍答: 給用戶選擇權(quán)。為了保持微信的簡(jiǎn)單,在微信里面,除了核心功能,大部分的功能都做成插件的形式。這個(gè)方向很早就定下來了。這讓我們就算加了很多東西,也沒有把微信變得復(fù)雜。

陸樹燊答: 微信團(tuán)隊(duì)的基因里原來就有實(shí)驗(yàn)室文化的,這個(gè)要從微信的歷史說起。

微信團(tuán)隊(duì)在做微信之前做的是 QQ 郵箱。QQ 郵箱里面有一個(gè)功能叫“郵箱體驗(yàn)室”,用戶在這里開通一些新奇的功能。QQ 郵箱正是靠一次次的實(shí)驗(yàn),嘗試各種功能,才從一個(gè)爛到?jīng)]人用的雞肋郵箱,慢慢變成雄踞行業(yè)第一位置的七星級(jí)郵箱。

微信產(chǎn)品設(shè)計(jì) 80 個(gè)為什么(2):設(shè)計(jì)和理念

而微信從創(chuàng)始之初,就一直在繼承 QQ 郵箱的「遺產(chǎn)」,從郵箱的 QQ 對(duì)話功能到微信的「QQ 離線消息」,從郵箱「漂流瓶」到微信「漂流瓶」,從「附件收藏」到「微信收藏」,從郵箱的「閱讀空間」和「郵件訂閱」到微信的公眾號(hào)……

同樣的,微信也繼承郵箱的體驗(yàn)室,有了「第一個(gè)實(shí)驗(yàn)室」,那時(shí)的名字叫「插件」。所謂插件,就是把功能選擇的權(quán)限給到用戶,用戶覺得喜歡和需要,就「安裝」插件,覺得不需要,就「卸載」插件。而開發(fā)團(tuán)隊(duì)屆可以通過看用戶安裝和卸載的情況來決定插件的去留。

于是,有的插件試著試著就變成不可插拔的功能了,比如朋友圈,現(xiàn)在已經(jīng)不能卸載了;有的插件試著試著就不見了,比如微博閱讀。

后來,大概在 13 年,微信 5.0 發(fā)布前后,微信插件改叫「功能」,深埋在微信的設(shè)置選項(xiàng)里面。因?yàn)殡S著微信用戶量的增長(zhǎng),用戶習(xí)慣的改變,早期的那些插件功能已經(jīng)被證明不需要了,但又有個(gè)別老用戶在用,不好刪除,就把它們的入口深埋起來。比如語音記事本、QQ 離線助手、QQ 郵箱提醒、群發(fā)助手。

這個(gè)修改,某種程度上意味著,微信的第一個(gè)實(shí)驗(yàn)室時(shí)代結(jié)束了。這一輪實(shí)驗(yàn),基本伴隨著微信團(tuán)隊(duì)在移動(dòng)互聯(lián)網(wǎng)的探索和成長(zhǎng)。實(shí)驗(yàn)之后,微信也奠定了它的行業(yè)地位,所謂的「移動(dòng)互聯(lián)網(wǎng)船票」。

問: 微信為什么重視產(chǎn)品設(shè)計(jì)而很少提到運(yùn)營(yíng)?

張小龍答: 對(duì)于一個(gè)產(chǎn)品,我們更應(yīng)該偏向產(chǎn)品本身還是運(yùn)營(yíng)?這是一個(gè)老生常談的問題。這里也沒有絕對(duì)的衡量標(biāo)準(zhǔn),只是看各家的特長(zhǎng)和偏好了。而且對(duì)于不同的產(chǎn)品,也會(huì)有不同的偏重點(diǎn)。

而我的觀點(diǎn)是做一勞永逸的事情是最好的。很多開發(fā)的同事知道,在開發(fā)上我們到底是要做「類型」還是做一個(gè)一個(gè)「實(shí)例」?如果我們不是把各種訂閱內(nèi)容抽象為一個(gè)訂閱平臺(tái)的話,可能就會(huì)做了很多很多的「實(shí)例」出來,產(chǎn)品變得非常復(fù)雜。比如微信的「漂流瓶」和郵箱的「漂流瓶」到底有什么不同?除了微信的「漂流瓶」可以發(fā)語音,在產(chǎn)品結(jié)構(gòu)上的不同在哪里呢?郵箱里面的「漂流瓶」有不同種類,比如「同城瓶」「交友瓶」,它更偏運(yùn)營(yíng)一些;而微信里面的「漂流瓶」就只有一種。因此我們發(fā)現(xiàn),在郵箱里面這樣做,我們會(huì)因?yàn)橛脩舻男枨箢愋驮黾?,需要不斷地增加?nèi)容才能滿足用戶,可以想象這么運(yùn)營(yíng)下去,會(huì)把大家都累死。所以我們更加傾向直接做到最本質(zhì)的東西,至于它能滿足用戶什么需求,那是用戶自己的行為。我們做一個(gè)「類型」,而用戶自己來產(chǎn)生「實(shí)例」就可以了,也就是說,我們用「類型」的思路,把所有「實(shí)例」都做了。

我們按此方法做完很多特性以后,發(fā)現(xiàn)已經(jīng)沒有改進(jìn)的空間了,也不需要去改進(jìn)了,一改進(jìn)可能就不對(duì)了。因?yàn)橐桓倪M(jìn)就可能變成去把它「具體化」,一旦開始「具體化」以后,就需要不斷地「具體化」,就沒有可以想象的空間了。

文章來源:優(yōu)設(shè)   作者:龍爪槐守望者

藍(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ù)

日歷

鏈接

個(gè)人資料

存檔