盡管我們對COVID-19還不夠了解，但疫情流行已經(jīng)為可穿戴設(shè)備、線上醫(yī)療和人工智能等數(shù)字健康的發(fā)展搭建了舞臺?？梢灶A(yù)見，到2021年，這些行業(yè)將繼續(xù)發(fā)展。
同時，一些非凡的自我監(jiān)控應(yīng)用程序繼續(xù)應(yīng)用到可穿戴設(shè)備上，提供步數(shù)、睡眠、心率、血壓的即時可視化數(shù)據(jù)。這些復(fù)雜的功能可以讓用戶掌控健康，并獲知如何改變生活方式。
到2025年，全球醫(yī)療人工智能軟件、硬件和服務(wù)市場預(yù)計將超過340億美元。
線上醫(yī)療，即醫(yī)患病雙方開展虛擬咨詢。線上醫(yī)療之所以得以發(fā)展，是因為在疫情嚴(yán)重時期，提倡人們減少直接接觸?？梢灶A(yù)見，衛(wèi)生服務(wù)部門希望將醫(yī)療資源和資金分配給最需要的患者，而這種線上的方式將繼續(xù)的發(fā)展成熟。
還有人工智能，人工智能將賦能精準(zhǔn)醫(yī)療、基因組學(xué)、新藥研發(fā)和醫(yī)學(xué)成像。以癌癥治療為例，借助人工智能的模式識別，醫(yī)生可以根據(jù)患者的基因組成和生活方式定制個性化的治療方案。
-------
虛擬現(xiàn)實（VR）是一項“未來主義”技術(shù)，在一段時間內(nèi)很難成為主流，特別是其配件——Facebook的Oculus Rift、HTC Vive和PS VR等頭盔的價格居高不下。
然而，《半條命：愛莉克斯》等新發(fā)行游戲取得成功；能夠創(chuàng)造動態(tài)和創(chuàng)造性混合現(xiàn)實解決方案的開發(fā)者涌現(xiàn)；健康、展覽和娛樂藝術(shù)等非游戲市場的需求增加VR技術(shù)將再次崛起。
VR游戲行業(yè)的全球收入預(yù)計將從2017年的4億美元增長到2024年的24億美元。
那么，非游戲市場是如何適應(yīng)VR的呢？在疫情期間，GDC 2020以VR形式舉辦了討論會，借助360度全景展臺、網(wǎng)絡(luò)研討平臺和聊天室，遠(yuǎn)程與會者也能參加互動。2021年，預(yù)計會有更多的組織者利用這項技術(shù)來觸及全球更多的觀眾。
此外，為優(yōu)化在慢性疼痛、焦慮和創(chuàng)傷后應(yīng)激障礙方面的治療，VR技術(shù)在數(shù)字健康領(lǐng)域?qū)⒂懈嗟膽?yīng)用。甚至，VR技術(shù)可能在劇院和博物館得以應(yīng)用，讓文藝的大門幾乎對全公眾開放。
------
增強(qiáng)現(xiàn)實（AR）是另一種“未來主義”技術(shù)。AR越來越流行。想在花園里見到一只真實大小的長頸鹿？想看看宜家家具在室內(nèi)的擺放？甚至想嘗試紋身？AR正以許多新奇的方式進(jìn)入人們的生活。
AR產(chǎn)品的全球市場在未來四年內(nèi)將激增85%，達(dá)到1650億美元。
蘋果公司已經(jīng)在重建和重組產(chǎn)品，讓日常用戶更易上手使用。據(jù)美國《行業(yè)周刊》（Industry Week）雜志報道，蘋果這家科技巨頭正在研發(fā)數(shù)款A(yù)R產(chǎn)品
如：數(shù)字眼鏡可以與iPhone無線連接，將電影、地圖等內(nèi)容發(fā)送給佩戴者。是不是很酷?
新的AR技術(shù)和應(yīng)用出現(xiàn)，將刺激企業(yè)尋找能夠創(chuàng)建AR界面和圖形疊加的設(shè)計師。市場上出現(xiàn)了谷歌ARCore、Adobe Aero和XD(現(xiàn)在具有3D轉(zhuǎn)換功能)等低價的設(shè)計應(yīng)用程序，讓沉浸式增強(qiáng)體驗設(shè)計日漸成為現(xiàn)實。
-------
用戶語音界面（Voice User Interface， VUI）無疑是2020年最熱門的趨勢之一。蘋果、谷歌和亞馬遜等知名品牌改變了搜索信息和使用智能家居設(shè)備的方式。
全球超過四分之一的線上人口正在移動設(shè)備上使用語音功能。
以VUI為例，要調(diào)暗燈光，只需說：“谷歌，調(diào)暗燈光”；或者也可以快速叫一輛優(yōu)步，呼叫：“Alexa，叫優(yōu)步?！边@些語音命令現(xiàn)在已經(jīng)深入到日常生活中，VUI技術(shù)的身影也正隨處可見。
VUI無疑是主旋律，將VUI作為UX組成部分的企業(yè)估計將越來越多。因此，企業(yè)將尋找設(shè)計沉浸式語音體驗的工具、技能和人才。
VUI是新事物，在設(shè)計應(yīng)用程序或技術(shù)時，找到可以遵循的流程很不容易。但是，CareerFoundry從流行的設(shè)計思維中尋找方法，已經(jīng)創(chuàng)建了簡單的VUI框架。所以，到2021年，將會出現(xiàn)更多用于設(shè)計語音體驗的工具和技術(shù)。
-------
微文案（microcopy）是UI上幫助用戶做某些操作的小段文字。沒有好的微文案會讓界面彼此脫節(jié)，會缺乏人情味。如果技術(shù)進(jìn)步了，可語言缺乏人味，那么也難以和用戶建立良好的關(guān)系。
根據(jù)倫敦的《語言內(nèi)容設(shè)計報告》（Voice and Content Design London），英國人口的平均閱讀年齡為9歲。
在2021年，UX文案撰稿人將會更加活躍，熟練的溝通風(fēng)格會引起人們的共鳴。所撰的文稿引人入勝、獨具特點和令人信賴。因此，他們在產(chǎn)品開發(fā)過程中將扮演著重要角色。
出色的UX微文案將為虛擬助手增添人情味、為用戶查詢提供上下文語境、簡化反饋和引入人性化語言。Marshmallow、Gousto、Airbnb等公司的UX文案撰寫人員在這一方面尤為出彩。
-------
市場過度飽和，競爭激烈，要讓用戶選擇您的產(chǎn)品或服務(wù)，需要對他們的內(nèi)在需求有更深入的了解。知道是什么觸動他們的心靈、什么是他們的痛點、什么能引起他們的反應(yīng)，這些是提高產(chǎn)品活躍度和留存率的關(guān)鍵。
行為設(shè)計是一個刻意、系統(tǒng)地改變?nèi)祟愋袨榈目蚣?。而這一框架需通過說服用戶改變物理環(huán)境和數(shù)字環(huán)境。到2021年，行為設(shè)計的需求將會增加，從而吸引用戶的注意力、增強(qiáng)社交圈子、改善健康、保持平靜的心態(tài)、鼓勵自我實現(xiàn)、讓人們走上正確的道路，擁有更好的未來。
那些經(jīng)科學(xué)驗證能鼓勵行為改變的技術(shù)將幫助企業(yè)確定新的設(shè)計策略，提高產(chǎn)品的用戶生命周期價值；甚至能像蘋果智能手表的洗手檢測功能那樣，鼓勵人們采取新行為。
-------
2014年，劍橋分析公司（Cambridge Analytica，是一家進(jìn)行資料探勘及數(shù)據(jù)分析的私人公司）丑聞啟發(fā)了全世界——個人數(shù)據(jù)變得越來越有價值，比原油更有價值！在數(shù)十億美元的行業(yè)中，技術(shù)平臺不斷在尋找新的方式來保持用戶的點擊量、閱讀量和分享量。
技術(shù)平臺可供用戶點擊、閱讀和分享，從而賺了數(shù)十億美元。
幾年來，我們討論了技術(shù)和社交媒體對人類的危害。Netflix在2020年上線的紀(jì)錄片《社交困境》，特別探討了社交媒體的興起及其對美國社會的損害，專家們發(fā)出了警惕。
采用保護(hù)用戶隱私的設(shè)計規(guī)范，創(chuàng)造出更多滿足用戶需求的“人性化”產(chǎn)品。如何在不詢問太多個人信息的情況下提供出色的體驗？還有，真的有必要讓用戶長時間停留在產(chǎn)品上嗎
-------
站在歲尾，我們翹首以盼，期待來年有更多令人興奮的產(chǎn)品、創(chuàng)新和身臨其境的體驗。隨著人們對生活方式和幸福感的認(rèn)識不斷提高，新的發(fā)展將從數(shù)字醫(yī)療開始，選用可穿戴和遠(yuǎn)程醫(yī)療的用戶將持續(xù)增長。
身臨其境的非游戲VR體驗越來越多，未來技術(shù)將獲得更多關(guān)注，甚至可能成為主流。我們可以看到通過“另一種現(xiàn)實”，參與展覽、娛樂，甚至參加辦公室會議的用戶越來越多。
然后，展望AR和VUI的新設(shè)計過程。您如果盡早學(xué)習(xí)工具和技能，就可以超越傳統(tǒng)的基于屏幕的體驗做出創(chuàng)新。此外，UX文案將在塑造產(chǎn)品UI中扮演更重要的角色。
最后，行為設(shè)計包含一系列認(rèn)知科學(xué)，這些認(rèn)知科學(xué)可以為設(shè)計師和研究人員提供不同的人性化設(shè)計理念。當(dāng)然，應(yīng)該使用合乎道德的方式來構(gòu)建引導(dǎo)用戶的技術(shù)，從而確保用戶的心理健康和需求始終走在設(shè)計的第一位。
所以，2021年應(yīng)該是UX不平凡的一年。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：一百percent
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
關(guān)于車載交互(HMI)的一些探索，用一些試驗和案例來進(jìn)行探索與驗證。
這次我們不聊視覺，也不暢想未來，只說說當(dāng)下HMI產(chǎn)品設(shè)計與交互體驗。
本文內(nèi)容會涉及一些專業(yè)的汽車知識名詞，因為篇幅有限，如有些知識名詞不太明白可以百度一下。
說到HMI大多數(shù)設(shè)計師應(yīng)該是既熟悉又陌生，HMI是Human Machine Interface 的縮寫，“人機(jī)接口”，也叫人機(jī)界面，人機(jī)界面（又稱用戶界面或使用者界面）是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介， 它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換，凡參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。
聽起來是不是覺得這不就是UI嗎？有什么區(qū)別嗎？emm......的確...似乎...差不多...幾乎是沒有區(qū)別的，只不過是在某些場合和設(shè)備上管他叫UI，比如移動端設(shè)備，而在另外某些場所和設(shè)備上管他就叫HMI，比如汽車車機(jī)和數(shù)控機(jī)床。所以這個概念也不用去特別較真，HMI就權(quán)當(dāng)做是汽車上的UI界面吧。畢竟汽車是高科技與工業(yè)結(jié)合的完美產(chǎn)物，“HMI”念出這個詞時候就感覺是蠻專業(yè)的！很般配！
剛才說HMI最早更應(yīng)用于工業(yè)上，比如常見的各種機(jī)床、制造裝備。
或者說讓時間在向前推進(jìn)一點！
而這里通常意義的HMI則更加聚焦點，基本特指汽車車機(jī)或者車載多媒體設(shè)備。
說到這里還是要從車載儀表盤說起，從德國人卡爾·本茨發(fā)明世界第一輛汽車，距今已經(jīng)100多年的時間了，在那些還沒有HMI這個名詞的年代，那么他是以什么形態(tài)出現(xiàn)的？那就不得不提“儀表盤”了。
當(dāng)然寫這篇文章并不是去評測誰家HMI更優(yōu)秀，而是希望通過一些假設(shè)、實驗和推斷，和大家一起來探討一下如何更有效的設(shè)計HMI。
我們先從屏幕開始。
說到屏幕，設(shè)計師都是比較敏感的，因為我們最終的設(shè)計交互創(chuàng)意都是需要都是在屏幕上顯示展示出來的，HMI當(dāng)然也不例外?，F(xiàn)在在車載屏幕上你能看到最大尺寸多大？
拿特斯拉為例，Model S和Model X車型都是17英寸，Model 3為15英尺。
當(dāng)然他肯定不是最大的，熟悉汽車朋友你應(yīng)該知道我想說誰了，沒錯就是他！擁有48寸可多段升降屏幕的BYTON新能源概念車M-Byte！48寸的確很夸張，難道屏幕越來越大就是未來HMI的方向嗎？
當(dāng)然這個問題肯定是否定的，為什么？那就要從車載屏幕的作用來說起。
首先我是作為一個曾經(jīng)就職于汽車公司的設(shè)計師，并且是一名地道的汽車發(fā)燒友，憑借對汽車還算熟悉和熱愛做出一些產(chǎn)品交互分析，以下如有不妥之處還望海涵。
按照功能場景總體可為三類：主行駛狀態(tài)信息、附設(shè)備狀態(tài)信息、多媒體&外設(shè)
不可缺少還需要與使用者與場景結(jié)合，我們先來做一個大概的用戶畫像
對應(yīng)這些需求，汽車需要有儀表臺（屏）控制和顯示的區(qū)域有五個。
五個區(qū)域分別是：
1、主駕駛儀表屏
2、中控臺控制（屏）
3、后排娛樂屏
4、副駕駛信息屏
5、扶手控制臺（屏）
其中前三個是主流配置，后兩個比較少見。
關(guān)于汽車設(shè)備這塊我們不做深入展開了，畢竟這篇文章主要討論的還是設(shè)計，直接看結(jié)果！
汽車是比較特殊的設(shè)備，基于安全性考慮，汽車內(nèi)屏幕尺寸不易太大與太多。
屏幕總體為玻璃材質(zhì)，但與車窗風(fēng)擋玻璃的材質(zhì)不同，當(dāng)汽車遭遇碰撞的時候，車內(nèi)屏幕極易破損并形成尖銳物，極大可能會乘坐人員造成二次傷害，所以車內(nèi)屏幕不易太多，更不易太大。雖然車載屏幕變大變多已不可逆轉(zhuǎn)，而且隨著屏幕技術(shù)的提升，柔性O(shè)LED的應(yīng)用也將會在一定范圍解決安全問題。但也需要汽車相關(guān)設(shè)計者多在安全方面進(jìn)行考慮，任何產(chǎn)品體驗應(yīng)該建立在安全基礎(chǔ)之上的，特別是交通工具。
為什么大屏幕操控成為了當(dāng)前的HMI主流了呢？那不不得不去提一下另外一個我們熟悉的設(shè)備--手機(jī)！
同樣一個有限的區(qū)域，如果用物理按鍵那么這么區(qū)域只能是固定的功能，而屏幕就可以無限擴(kuò)展。特別是在汽車中控屏上集成內(nèi)容會很多，體現(xiàn)就更加突出。
但是在汽車上的全部使用屏幕真的是最佳選擇嗎？顯然這是有待商榷的。
不可否認(rèn)屏幕的確有很強(qiáng)的擴(kuò)展性，但是缺點也是明顯的：1.觸控反饋缺乏 2.交互效率不高
對于這樣的判斷，我們可以通過兩個實驗來進(jìn)行驗證。
將類似于Surface Dial這種智能按鈕交互裝置引入汽車的屏幕控制中，每個按鈕可以根據(jù)情景進(jìn)行自定義，并且吸附到汽車屏幕的任何位置進(jìn)行交互操作，相信這一定是一種全新的使用體驗。當(dāng)然這一定是需要解決比如吸附力、安全性等一系列問題。
屏幕觸控反饋
雖然目前的屏幕還有無法做到完美觸控反饋，但已經(jīng)出現(xiàn)了一些新的硬件技術(shù)來試圖解決這些問題，比如Tanvas Touch，其定義為 “手指與觸摸界面之間的電子壓力控制”。簡單來說他們的產(chǎn)品就 “皮膚的磁鐵” 一樣，能夠更加精準(zhǔn)的感應(yīng)手指的動作，最后結(jié)果就是比 Apple 的 3D Touch 更加具有壓感的觸摸操作表現(xiàn)。
原理是利用手指尖觸摸顯示屏?xí)r產(chǎn)生的靜電引力來模擬觸感，通過電磁脈沖把更精確的反饋發(fā)送到用戶的指尖。
Tanvas 也正在與汽車制造商們合作把這項技術(shù)嵌入到汽車或屏幕上，讓人們更容易感觸受到不同物體的表面。
也許在未來我們真的會遇到他。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：殘酷de樂章
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
在2020 年的蘋果全球開發(fā)者大會（WWDC），蘋果發(fā)布了新的 macOS 11（又名 Big Sur）。其中在UI視覺方面macOS Big Sur 系統(tǒng)最大的變化就是圖標(biāo)上， Big Sur更新了很多新設(shè)計風(fēng)格的應(yīng)用圖標(biāo)。
關(guān)于 Big Sur 的新圖標(biāo)的討論很多，很多都在激烈爭論。人們對蘋果公司沒有將完全扁平設(shè)計引入 Mac 感到松了一口氣，但分歧并未停止。有些人認(rèn)為這引領(lǐng)一種新的圖標(biāo)表現(xiàn)方式，而有些人則認(rèn)為這是丑到了天際。
但蘋果的設(shè)計就是這樣，不管你你喜不喜歡，過一段時間他總會流行起來。就像iPhone11剛面世時，背面的攝像頭組被無數(shù)人吐槽一樣，而現(xiàn)在這個設(shè)計已經(jīng)成了高端機(jī)的標(biāo)板。
大家還能想起來UI扁平化設(shè)計已經(jīng)流行了多少年了嗎？
從2013年6月11日蘋果發(fā)布iOS7算起，現(xiàn)在已經(jīng)將近8年了，這8年時間扁平化像颶風(fēng)一般席卷了整個UI設(shè)計圈，一夜間幾乎所有的APP UI都被拍扁了。
其中以Instagram的換標(biāo)作為扁平盛行時代的里程碑
但扁平化設(shè)計的確已經(jīng)一統(tǒng)江湖太久了，人們似乎已經(jīng)有點厭倦了。其實設(shè)計風(fēng)格就是這樣，并沒有絕對的好與不好，只要審美不疲勞，就可以繼續(xù)流行下去，至于流行多久我們經(jīng)常會用一個詞去形容---耐看度。
扁平化帶給我們的是畫面的輕盈和設(shè)計的高效率，但是缺點也是明顯的，場景表現(xiàn)過于單一的問題，設(shè)計感體現(xiàn)較為有限，于是很多設(shè)計師都在嘗試用新的設(shè)計風(fēng)格替代或者進(jìn)化現(xiàn)在的扁平化設(shè)計風(fēng)格，今天我們就來探討一下新擬物背景下3D與平面的結(jié)合設(shè)計，能在UI中擦出什么樣的火花。
2014年我的作品-Cache
https://www.zcool.com.cn/work/ZMjY1OTEwMA==.html
現(xiàn)在這樣的風(fēng)格會被我們稱之為重度擬物風(fēng)格，他不好看了？技術(shù)落后了嗎？當(dāng)然不是！只是目前不流行了！
他的特點是強(qiáng)調(diào)光影對比與物理質(zhì)感，色彩都會比較偏“暗”，而且伴隨設(shè)計的往往是難和慢！刻畫一個細(xì)節(jié)需要很久，在強(qiáng)調(diào)設(shè)計效率組件化的今天，這種費時又難學(xué)的設(shè)計方法必然不會成為主流。
當(dāng)前的UI流行趨勢是強(qiáng)調(diào)高飽和的色彩搭配（在沒有光影細(xì)節(jié)之下也只有色彩可以玩了），這種風(fēng)格明顯也不符合趨勢，被“淘汰”也就難免了。
從設(shè)計角度上解析，圖標(biāo)主要是由四方面構(gòu)成：構(gòu)圖+光影+色彩+紋理
而擬物風(fēng)格圖標(biāo)在這四方面更加強(qiáng)調(diào)構(gòu)圖、光影和紋理，而色彩則是更多去搭配紋理質(zhì)感，所以你看到多數(shù)擬物風(fēng)格圖標(biāo)在質(zhì)感上很棒，但是色彩卻沒有那么豐富。
說到新的擬物風(fēng)格，這只是一個概念，也有稱之為輕擬物，輕偏平，這里并沒有通用的稱呼和預(yù)設(shè)的設(shè)計方法，一切的UI設(shè)計風(fēng)格都是為產(chǎn)品本身服務(wù)，如果新的設(shè)計風(fēng)格能讓產(chǎn)品整體體驗得到“提升”，哪怕這種提升只是成功獲取到了用戶的注意力，那這個設(shè)計就是有價值的。
所以當(dāng)下如果你的產(chǎn)品中想要吸引目光就要有點與眾不同的東西，要么是獨門的功能，要么就是吸晴的設(shè)計。
顯然扁平的彩色圖標(biāo)現(xiàn)在已經(jīng)達(dá)不到這個效果了，而以前的擬物又顯得有點過時，在這種時代背景下，新的風(fēng)格必然就會被碰撞出來。
于是乎我們就會看到以下的一些大廠“創(chuàng)新”，你不止能看到輕擬物設(shè)計，還能看到“實物”設(shè)計......
不得不說，各位設(shè)計師們還真是拼了...
“哪怕這種提升只是成功獲取到了用戶的注意力，那這個設(shè)計就是有價值的。”沒毛?。「魑患佑?！
當(dāng)然蘋果BigSur帶給我們的圖標(biāo)設(shè)計創(chuàng)新更加有趨勢意義，這種3D+平面的設(shè)計組合方法更加能給我們一些設(shè)計啟迪和思考，并且這種3D圖標(biāo)與之前的擬物風(fēng)格有著明顯的視覺區(qū)別
我用3D重構(gòu)了一個計算器icon，以此為例來進(jìn)行分解，如下：
與2D設(shè)計方法設(shè)計圖標(biāo)一致，都是先勾畫圖形（建模），然后填色、加材質(zhì)和燈光，但不同的是在3D環(huán)境下，這一切都比2D環(huán)境下簡單了，而且視覺效果更佳，整體畫面感更佳立體，質(zhì)感更加飽滿，并且根據(jù)渲染器的參數(shù)調(diào)節(jié)和材質(zhì)質(zhì)感的不同，即使是在同一模型下，也能制造出很多種不同的視覺體驗。
圖標(biāo)背板的選擇上，由于選擇了3D作為主體表現(xiàn)，3D背板過于搶視線，圖標(biāo)為了突出主體而非背景，建議使用2D平面背板與3D前景圖標(biāo)進(jìn)行結(jié)合。
3D設(shè)計圖標(biāo)的確有一些天然的優(yōu)勢，特別是在質(zhì)感和光感的表達(dá)準(zhǔn)確度上，是絕對超過2D的。
但是2D圖標(biāo)在一些風(fēng)格的設(shè)計也是很難替代的，比如線性圖標(biāo)和漸變風(fēng)格圖標(biāo)。
3D設(shè)計的確可以提升UI整體的視覺氛圍，并且現(xiàn)在在一些APP中已經(jīng)可以看到小范圍3D案例了（比如支付寶），但是多是以插畫的形式出現(xiàn)，其實與產(chǎn)品UI還是有一定距離的。
未來3D設(shè)計一定會是UI中大展身手，但是目前的常見的3D設(shè)計軟件實在是太龐大了，我與許多3D行業(yè)的同行聊天的時候，大家普遍的認(rèn)知是現(xiàn)在的3D軟件（包括C4D）的實際最佳場景依然是動畫設(shè)計，UI的中的3D屬于非常輕量級的，用現(xiàn)在主流的3D設(shè)計軟件做UI應(yīng)用案例，有點用巡航導(dǎo)彈打蚊子的感覺，而且這個蚊子還是距離一米以內(nèi)。這有點像當(dāng)年的PS來做UI，雖然可以完成但是效率不高，學(xué)習(xí)曲線也高，于是Sketch和Figma這樣的產(chǎn)品順理成章的取代了PS在UI界的地位。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：殘酷de樂章
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
如當(dāng)用戶瀏覽網(wǎng)頁的時候，若在用戶瀏覽到已加載內(nèi)容的倒數(shù)第5條再預(yù)加載10條內(nèi)容，可縮短用戶瀏覽接下來內(nèi)容時的加載等待時間。再如生活中醫(yī)院的預(yù)約掛號系統(tǒng)，用戶可以提前一兩天掛號，當(dāng)預(yù)約時間到了直接到指定科室看病，避免了長時間的排隊掛號。
總的原則是：在用戶等待時給予用戶反饋，告知狀態(tài)，且盡量讓用戶在感知上縮短等待的時間。反饋可根據(jù)等待的預(yù)估時間不同、場景不同，選取不同形式。
一般情況下理想的響應(yīng)時間應(yīng)該控制在 100 毫秒內(nèi)，一些響應(yīng)的時長可允許達(dá)到1秒，絕不可超過2秒無反饋。
若是等待響應(yīng)時長為2-9秒時，可設(shè)計循環(huán)的加載動效（loading），告知用戶正在加載中。
若是等待響應(yīng)時長超過10秒時，可設(shè)計帶有進(jìn)度指示的加載動效。此時除了告知用戶正在加載中（即告知等待原因和當(dāng)前狀態(tài)），還要告知用戶預(yù)期響應(yīng)的時間。
如一些頁面內(nèi)容較多，加載時能分步顯示，可按照框架、文本、占位圖、圖片的順序加載顯示，會在感知上縮短加載時間。又如加載一個新視頻，視頻前幾幀優(yōu)先顯示最小體積的視頻資源，等較高清視頻內(nèi)容加載出來時再切換為高清視頻資源，可縮短用戶等待視頻開始播放的時間。
（1）提供一個概念模型。
（2）使等待看起來合理。
（3）滿足或超越期待。
（4）使人們保持忙碌。
（5）公平。
（6）積極的開始，積極的結(jié)尾。
下面我們就說說這6個原則在優(yōu)化等待體驗上的運用：
概念模型是幫助人們把復(fù)雜自然現(xiàn)象轉(zhuǎn)變成可用的，可理解的心理模型。概念模型可以幫助用戶理解事物，了解事物如何運作以及當(dāng)前處在哪個階段、理解當(dāng)前為什么處在等待狀態(tài)，以及產(chǎn)生對未來即將發(fā)生事情的預(yù)估和期待。
如用戶通過餓了么下單后，app上會用插畫顯示商家備貨、騎士送貨的過程。讓用戶了解外賣送到手中的整個流程，以及當(dāng)前處在流程的哪一階段，距下一階段預(yù)估還有多久。如果是雷雨天，訂單頁面的插畫還會模擬實時天氣情況，用戶看到插畫想到騎士正在雷雨環(huán)境下送貨取貨，也會理解騎士配送辛苦、理解當(dāng)前配送緩慢，緩解等待時的負(fù)面情緒。
使等待看起來合理，即通過概念模型使用戶理解為什么要等待，明白等待是有緣由的。
如用滴滴打車時，當(dāng)我們按下呼叫快車按鈕，頁面會顯示動效光波信號向外擴(kuò)散，同時會顯示當(dāng)前排隊人數(shù)。設(shè)計師通過設(shè)計建立一個簡易的概念模型，讓用戶理解當(dāng)前的等待的原因，并認(rèn)為等待是合理的。實際上滴滴派單的算法流程可能與頁面顯示的流程不同。但用戶等待時會理解此時手機(jī)正在發(fā)出信號請求駕車信息、或此時正有多人在排隊、或此時正在等待司機(jī)接單。
滿足或超越期待指用戶給等待時間估算時長時，如果用戶實際的等待時間比心理預(yù)期的等待時間要短，用戶會有相對比較好的心理體驗。
心理學(xué)專家曾做過一個實驗，同等時間下，同樣長度的進(jìn)度加載條有三種進(jìn)度顯示方式：進(jìn)度條速度勻速、速度先快后慢、速度先慢后快。三種相比較發(fā)現(xiàn)，當(dāng)進(jìn)度條增加速度先慢后快，用戶的體驗最好。而用戶體驗最差的是加載速度先快后慢，因為如果開始的時候加載速度比較快，用戶一開始就有了較高的心理預(yù)期，當(dāng)速度變慢時便低于用戶的心理預(yù)期，感知體驗就會變差。
使人們保持忙碌即讓用戶在等待的時候有事可做。因為當(dāng)人們非空閑時，對時間的心理感知會比空閑時對時間的心理感知要短。
利用這個原則的設(shè)計如：CorelDRAW軟件下載安裝時，軟件安裝等待頁面除了顯示進(jìn)度條還放映國際優(yōu)秀設(shè)計圖片，CorelDRAW用戶一般都是設(shè)計愛好者或設(shè)計從業(yè)者，通過讓他們?yōu)g覽優(yōu)秀設(shè)計圖片來度過軟件安裝時間，避免用戶純空閑等待。
當(dāng)用戶正在等待時，如果等待看起來是合理且公平時，不易引起用戶的負(fù)面情緒。如果等待看起來是不公平的時候，更容易引起用戶的負(fù)面情緒。如：當(dāng)你正在排隊買票時，同等條件下，你看到后來半小時的人比自己先買到了票。你可能會抱怨，“為什么比我晚來半小時的人都排到了我卻還在等”。
針對公平方面的設(shè)計如銀行的叫號辦理業(yè)務(wù)系統(tǒng)。用戶統(tǒng)一到取號機(jī)前取號，每當(dāng)一個窗口的空出來，叫號系統(tǒng)便叫一個最早的號去該窗口辦理業(yè)務(wù)。這比人們直接分散在多個窗口排隊會更公平，不會出現(xiàn)早來卻因為這個窗口排隊慢而導(dǎo)致等待時長比晚來的用戶更長的情況。同時把多個小隊伍變成一個大隊伍，用戶感知上也會覺得隊伍移動的更快，也有助于降低等待的負(fù)面情緒。
德國心理學(xué)家艾賓浩斯曾提出系列位置效應(yīng)，指記憶材料在系列位置中所處的位置對記憶效果發(fā)生的影響，包括首因效應(yīng)和近因效應(yīng)。（來源：百度百科）即人們回憶體驗時，在最開始和最后的體驗比中間的體驗更能讓人印象深刻。所以當(dāng)我們在設(shè)計等待流程時，要保證等待開始和等待結(jié)束時有較好的體驗。
如當(dāng)我們在餐館排隊結(jié)賬時，一些餐館結(jié)賬臺旁邊會放著一盤薄荷糖，收銀員幫用戶辦理結(jié)賬時會對用戶說可以拿幾顆薄荷糖。這個小獎勵會讓用戶走出餐館后對剛剛結(jié)賬時排隊等待的不好體驗的記憶變?nèi)?，而對最后的薄荷糖有更深的印象，從而對餐館也留一個相對好的印象。
關(guān)于等待體驗的優(yōu)化設(shè)計案例還有好多，但基本的設(shè)計原則是相通的。
我們在實際設(shè)計時可先整理用戶整個體驗流程中可能等待的點，看看哪些是可以通過設(shè)計或技術(shù)縮短實際等待時間的。針對不能縮短實際等待時間的點，我們先預(yù)估每個等待的時長，并設(shè)計概念模型讓用戶理解等待的緣由且能預(yù)估等待的時間，且采取合適的方式讓用戶在感知上盡量縮短等待時間。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：醬紫Y
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
這是5月參加阿里設(shè)計周“智能與計算”分論壇后的感想小結(jié)，因為論壇大部分在講算法和實現(xiàn)方式，所以在這里我就其中的AI與設(shè)計相關(guān)部分做一些深入分享。
我的思路大概分為三個部分：AI時代的來臨；AI如何影響設(shè)計；未來的設(shè)計何去何從。
第一部分：聊聊AI時代來臨，設(shè)計的世界發(fā)生了什么變化？
每個時代的設(shè)計都有不同的定義，農(nóng)業(yè)和工業(yè)時代的設(shè)計更多是指設(shè)計師通過手工制作的方式闡釋自己對美感和藝術(shù)的理解。
到了信息時代，設(shè)計除了要考慮美感，還要考慮是否實用和好用。設(shè)計的對象開始從真實世界轉(zhuǎn)向數(shù)字世界，設(shè)計思想開始考慮以用戶為中心的設(shè)計；設(shè)計方向也增加了很多領(lǐng)域，包括都多媒體藝術(shù)、游戲設(shè)計、網(wǎng)頁設(shè)計、移動應(yīng)用設(shè)計等。
在人工智能時代下，AR設(shè)計、智能硬件逐漸發(fā)展，設(shè)計的改革更多考慮的是如何將真實世界和數(shù)字世界進(jìn)行融合，如何在自己產(chǎn)品上更好地闡釋藝術(shù)、美感和實用性。
第二部分，AI如何影響設(shè)計，設(shè)計因為人工智能而產(chǎn)生了哪些改變呢？
結(jié)合論壇的內(nèi)容，我覺得從以上五個方面產(chǎn)生了較為深遠(yuǎn)的影響。
人工智能幫助設(shè)計師解決在創(chuàng)意過程中面臨的一系列問題，將重復(fù)勞動變得自動化 ，節(jié)省設(shè)計師大量的時間，減輕設(shè)計師的工作量。
數(shù)據(jù)驅(qū)動自動生成，取代人工建模，減少了設(shè)計的時間成本。通過組件標(biāo)準(zhǔn)化，來構(gòu)建三維幾何，然后geometry格式入庫，最后由渲染引擎繪制。
再比如，雙11期間有1.7 億個BANNER，都來自阿里的“鹿班”AI設(shè)計系統(tǒng)。設(shè)計數(shù)據(jù)—機(jī)器學(xué)習(xí)、訓(xùn)練模型—生成設(shè)計結(jié)果并評估。如果這些工作量由人工來完成，那么設(shè)計師真的就成了“沒有感情的作圖機(jī)器”了。
當(dāng)今社會，隨著產(chǎn)業(yè)智能的發(fā)展，在這個變革中，挑戰(zhàn)不單單來自技術(shù)，也來自客戶對智能數(shù)字體驗的極致追求。這給開發(fā)人員和設(shè)計師都提出了全新的難題，在可視化領(lǐng)域，通過技術(shù)和設(shè)計兩個角色更緊密的捆綁，產(chǎn)生了讓人欣喜的化學(xué)反應(yīng)。
從原始數(shù)據(jù)到圖表并不是直接的，它需要經(jīng)過交互的分析，得到指標(biāo)結(jié)果，最終以可視化圖表呈現(xiàn)，而呈現(xiàn)的視覺方式是多樣化的。
這就是所謂的兩種數(shù)據(jù)，三層講述：
第一步是原始數(shù)據(jù)的準(zhǔn)確轉(zhuǎn)譯，工具需要數(shù)據(jù)對接能力，即對現(xiàn)狀的講述。
第二步是分析過程，從腳本模式跨入數(shù)據(jù)驅(qū)動，讓數(shù)據(jù)的分析變得可知可信。
第三部是觀點數(shù)據(jù)的表達(dá)，也就是創(chuàng)作強(qiáng)化，將結(jié)論以可視化的多樣形式被表達(dá)。
這是根據(jù)地圖的原始數(shù)據(jù)得到的多種可視化設(shè)計方案，同一份原始數(shù)據(jù)，卻得到了不同的形式表達(dá)。
因為僅僅有準(zhǔn)確的數(shù)據(jù)結(jié)論是不夠的，因為數(shù)據(jù)需要更好地被講述和表達(dá)，如果僅僅將數(shù)據(jù)呈現(xiàn)給用戶，那么理解難度將會大大提高，而設(shè)計是為了讓產(chǎn)品變得更加容易使被理解和使用。
第二點，體現(xiàn)在建筑的三維可視。
首先，在二維地圖選取建模范圍，通過智能化的處理，根據(jù)數(shù)據(jù)構(gòu)建初始的三維地圖。
然后通過數(shù)據(jù)聯(lián)動，將城市建筑虛擬還原。
整個過程從數(shù)月—> 數(shù)周—> 數(shù)天，時間大大縮短，人力成本減少，釋放更多的精力去進(jìn)行創(chuàng)意工作。
建筑三維化的應(yīng)用：比如車道級地圖。
相比于傳統(tǒng)地圖，車道級地圖導(dǎo)航在信息精細(xì)度、定位準(zhǔn)確性、動態(tài)信息豐富度上有大幅提升。
車道級導(dǎo)航能清晰顯示道路上的虛實標(biāo)線、自己的車行駛在哪條車道上，還能在地圖上看到車身攝像頭和雷達(dá)檢測到的周圍車輛、錐桶、防撞桶等。
當(dāng)設(shè)計對象從單個產(chǎn)品轉(zhuǎn)變到用戶的經(jīng)歷和當(dāng)前環(huán)境時，設(shè)計師不能只考慮自己的產(chǎn)品體驗，需要從大局出發(fā)，思考每個產(chǎn)品之間的聯(lián)動，考慮不同場景下自己的產(chǎn)品如何服務(wù)用戶以及如何與其他產(chǎn)品聯(lián)動。產(chǎn)品設(shè)計從單體變成一塊需要考慮兼容上下左右外部環(huán)境的拼圖。
智能化的場景的改變對設(shè)計有哪些影響呢，我們來看這張圖：設(shè)計的場景從有形—>無形、靜態(tài)—>動態(tài)、永恒—>瞬間的轉(zhuǎn)變。體驗設(shè)計的趨勢從GUI到TUI(實體交互)，再到Radical Atoms，場景的改變對設(shè)計的影響維度不是單一的。
設(shè)計場景在AI時代不僅局限于手機(jī)，還涉及到實時場景的設(shè)計情況。
比如谷歌的實時翻譯、語音翻譯。輸入與輸出是同步進(jìn)行的，這就對設(shè)計提出了新的要求。
此外，還有語音智能VUI，徹底打破了以往的交互體驗，改變了人和工具之間的互動關(guān)系，反向塑造著人類的認(rèn)知方式和學(xué)習(xí)行為。下面來看一個小愛5.0案例：
對話是人與人之間交換信息的普遍方式，語音交互設(shè)計涉及系統(tǒng)學(xué)、語言學(xué)和心理學(xué)，因此它比 GUI的交互設(shè)計更加復(fù)雜。
體驗設(shè)計經(jīng)歷了PC時代、Mobile時代，現(xiàn)在進(jìn)入IoT體驗時代。設(shè)計的解決方案與技術(shù)的發(fā)展息息相關(guān)，設(shè)計和技術(shù)互相促進(jìn)帶來新的體驗革命，設(shè)計師一直在探討和實踐在新技術(shù)環(huán)境下的新體驗設(shè)計，并基于出行、醫(yī)療、社區(qū)、政務(wù)等行業(yè)持續(xù)挖掘服務(wù)聚合模式與場景體驗的創(chuàng)新。
在新零售的場景下，購買和支付流程發(fā)生了改變，這就需要設(shè)計師重新思考消費者的心理地圖。例如無人零售、Amazon Go、支付寶IOT支付等等。下面來看一下Amazon Go的案例：
如何讓用戶使用更便捷、體驗更順暢；要向用戶提供什么樣的服務(wù)，如何讓用戶注意到我們的產(chǎn)品，如何向他們傳遞企業(yè)的服務(wù)價值和特點，這是IOT新零售下需要設(shè)計深入研究的方面。
在云端實現(xiàn)企業(yè)產(chǎn)品的全區(qū)域管控，監(jiān)控的設(shè)計視覺和交互又是不一樣的，比如論壇上的案例：荷魯斯之眼、全區(qū)域覆蓋的云監(jiān)控等等。
通過對多個實體空間中的數(shù)字設(shè)計探索，重新塑造人與空間的交互界面，提升人們對于空間的使用體驗。下面舉個例子：
AT&T discovery district是一個數(shù)字化的互動商業(yè)社區(qū)。
它從重新審視建筑本體開始。通過虛實和光影的變幻，營造出了實體空間體驗，空間本體就是對話的那個界面。實體空間和數(shù)字內(nèi)容的結(jié)合，構(gòu)建出人與建筑之間新的交互界面。
廣場的數(shù)字球體入口，人的位置和數(shù)量變動，球體內(nèi)的燈光也會跟隨變動。
人工智能促使了交叉學(xué)科的工種產(chǎn)生：數(shù)字體驗設(shè)計師、創(chuàng)意工程師。這兩種職業(yè)是做什么呢？面對正在到來的智能時代，體驗設(shè)計師和創(chuàng)意工程師將共同面對“AI”這一全新的命題，在智慧工地、智慧教育、數(shù)字警務(wù)室、神經(jīng)符號AI等應(yīng)用中，提煉出智能感設(shè)計方法、利用圖形技術(shù)能力自研產(chǎn)品并賦能業(yè)務(wù)。
數(shù)字世界中的設(shè)計師：橫跨了藝術(shù)、文化、科學(xué)、商業(yè)多個學(xué)科；從傳播學(xué)、心理學(xué)、應(yīng)用科學(xué)和統(tǒng)計學(xué)進(jìn)行用研，去解決用戶遇到的問題。
它不僅涉及到需求分析和產(chǎn)品設(shè)計，還貫穿至產(chǎn)品運維、測試、發(fā)布、分析，從設(shè)計洞察中做出創(chuàng)新設(shè)計。
未來的設(shè)計師將融合人工智能和創(chuàng)意編程技術(shù)，在世界數(shù)智化的大潮中找到新的定位和新的機(jī)遇。
第三部分，在人工智能時代下，未來的設(shè)計會走向哪里？新時代的設(shè)計師怎樣找準(zhǔn)自己的定位呢？
人工智能的成熟對部分設(shè)計師來說簡直是災(zāi)難性的打擊，之前無論是通過技法還是數(shù)據(jù)分析才能完成的工作，人工智能一下子就可以完成，后續(xù)根本不需要這么多設(shè)計師來完成這些工作。那么設(shè)計師是否會被人工智能取代？我們先來看一張人類能力地圖：
這張圖中，海拔高度代表這項任務(wù)被計算機(jī)執(zhí)行的難度，不斷上漲的海平面代表計算機(jī)現(xiàn)在能做的事情。從圖中可以看出，目前人工智能水平預(yù)警線距離代表藝術(shù)的山峰還很遠(yuǎn)。
人工智能沒有人類的跨領(lǐng)域推理、抽象類比能力，也沒有人類的主觀能力如靈感、感覺和感受；更沒有人類特有的靈魂、愛、意識、理想、意圖、同理心、價值觀、人生觀等，這導(dǎo)致人工智能在未來很長一段時間內(nèi)都無法很好理解人類的心理和行為是什么，在解決推理和情感問題時會不盡人意。
設(shè)計除了解決問題外，還涉及對美的理解和創(chuàng)作，美感是對美的體會和感受，它是復(fù)雜的，包含了歷史、文化、環(huán)境、情感等客觀因素和主觀因素，所以在不同的時代、階級、民族和環(huán)境中，有著不同文化文化修養(yǎng)和個性特征的人對美的定義也不同。
人工智能依賴數(shù)據(jù)和經(jīng)驗解決問題，它能解決大部分智力可解決的問題，但解決不了需要情感和美感才能解決的問題。而設(shè)計的擅長領(lǐng)域，是人工智能不擅長的：跨領(lǐng)域推理、抽象能力、常識、審美、自我意識與情感。那么AI與設(shè)計的關(guān)系怎樣的呢？
設(shè)計是為了解決問題。人工智能使機(jī)器代替人類實現(xiàn)認(rèn)知、識別、分析、決策等功能，其本質(zhì)是為了讓機(jī)器幫助人類解決問題，也就是說，人工智能在一定程度上也是一種設(shè)計，它會創(chuàng)作出與人類思維模式類似的解決方案。所以AI與設(shè)計師是一種共生關(guān)系。因此設(shè)計師不用杞人憂天，擔(dān)心自己被人工智能取代。
隨著AI 技術(shù)的成熟，設(shè)計必定會發(fā)生新一輪的變化，在未來，更多領(lǐng)域和行業(yè)需要用到界面設(shè)計、人機(jī)交互等技能，各行各業(yè)的設(shè)計師需要掌握以上技能才能更好地服務(wù)當(dāng)前業(yè)務(wù)。那么未來的設(shè)計將走向哪里呢？
新一代的設(shè)計師是“與互聯(lián)網(wǎng)共同成長的一代”，相信在未來幾年里有更多的新晉設(shè)計師會掌握編程開發(fā)能力以及其他能力，綜合素質(zhì)會比目前的設(shè)計師更強(qiáng)，所以我們要保持終身學(xué)習(xí)，懂得如何將自己的能力和經(jīng)驗轉(zhuǎn)換為優(yōu)勢，這樣才能在設(shè)計道路上不被超越。
那設(shè)計師可以從哪些方面來應(yīng)對智能時代的機(jī)遇和挑戰(zhàn)呢？
每一代人都有被下一代人取代的風(fēng)險，但有些很厲害的人就不容易被取代？因為他們在不斷創(chuàng)造價值。無論在社會、行業(yè)還是在企業(yè)里，當(dāng)具備一定的影響力后，他們能更容易積累人脈和資源，然后反哺自己的價值，就跟滾雪球一樣，當(dāng)雪球越大，他們越不容易被別人取代，設(shè)計師需要有這樣的意識。
設(shè)計師需要懂得更多領(lǐng)域的知識和技術(shù)才能拓寬自己的視野，這些領(lǐng)域包括但不局限于傳感技術(shù)、網(wǎng)絡(luò)技術(shù)、智能仿真技術(shù)、虛擬技術(shù)、生物技術(shù)、納米技術(shù)等。因此科學(xué)與藝術(shù)是可以并且很有必要相通與交融的，設(shè)計師一定要學(xué)會跨界思考。人工智能時代下，數(shù)字世界和物理世界會逐漸融合，大到城市建設(shè)、公共服務(wù)、衣食住行和醫(yī)療；小到智能家居、穿戴式設(shè)備，這些機(jī)會將會留給已準(zhǔn)備好的挑戰(zhàn)者，所以設(shè)計師一定要拓寬自己的視野，不要把自己的目光局限在界面設(shè)計上。
如果不想被人工智能領(lǐng)先，人類的設(shè)計應(yīng)該是創(chuàng)新的（未成熟、未被發(fā)現(xiàn)規(guī)律的），包含更多元素的（更多復(fù)雜參數(shù)如歷史、文化、環(huán)境、情感等），“設(shè)計”這個詞語就涵蓋了以上元素。人工智能在藝術(shù)設(shè)計上還遠(yuǎn)遠(yuǎn)達(dá)不到人類的水平，深耕藝術(shù)設(shè)計將會為設(shè)計師帶來更多機(jī)會。
在人工智能時代下，當(dāng)產(chǎn)品基本都能滿足永不需求時，能為產(chǎn)品帶來活力和差異的除了自身的底層技術(shù)基礎(chǔ)，更多的是藝術(shù)型設(shè)計師的理念和風(fēng)格，以及自身的品牌。就像時尚品牌優(yōu)衣庫和Gucci，單件商品兩者的品牌和設(shè)計所帶來的的利潤差距巨大，相信未來的人工智能產(chǎn)品也會面臨類似的問題，設(shè)計師應(yīng)該考慮如何為產(chǎn)品賦予更多價值，如何彰顯用戶的個性。
既然AI是一個強(qiáng)大的工具，那么我們要思考如何運用它來創(chuàng)造更多的價值。AI能夠快速便捷地獲取大量信息，幫助設(shè)計師拓展自己的視野，不斷更新自己的世界觀，從新的視角看待問題和解決問題。除了快速獲取信息外，設(shè)計師也應(yīng)該考慮如何通過AI提高自己的工作效率，例如哪些純勞動力工作交給AI去做效率會更高；哪些工作可以和AI一起協(xié)同完成更能激發(fā)創(chuàng)意。
最后，用一本科普書改編的話來結(jié)尾：一想到，還有95%的問題留給開發(fā)同學(xué)，我就放心了。
最后附上一張本文的腦圖：
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：西子zhulijuan
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
導(dǎo)讀
你的設(shè)計是否能被理解？為什么設(shè)計的價值總是不被人認(rèn)可？
設(shè)計不僅僅只是帶來美感，好的設(shè)計能夠為產(chǎn)品、公司甚至整個社會創(chuàng)造巨大的價值。而在創(chuàng)造好的設(shè)計這個過程中，最重要、也是最容易被人忽視的，便是設(shè)計思維。
何為全局性設(shè)計思維？它能夠為設(shè)計師帶來哪些價值？本文將從設(shè)計的本質(zhì)出發(fā)，結(jié)合設(shè)計的發(fā)展趨勢，帶你了解全局性設(shè)計思維的真正力量。
目錄
寫在前面
一個習(xí)慣性的序
一、我們?yōu)槭裁葱枰O(shè)計思維？
二、下一個時代在哪里？
三、互聯(lián)網(wǎng)“下半場”，從大勢中看變化
四、設(shè)計思維的轉(zhuǎn)變，差異與融合
五、探尋全新的思維方式
六、全局性設(shè)計思維概述
七、如何運用全局性設(shè)計思維？
八、以全局性設(shè)計思維，構(gòu)建設(shè)計體系
九、文章預(yù)告
末
-
寫在前面
這篇文章的主要內(nèi)容，來自我在19年底的一個沙龍分享。整個分享以設(shè)計思維的角度入手，講述了全局性設(shè)計思維的來源和重要性，以及我是如何在不同產(chǎn)品線上去運用這種設(shè)計思維的。
何為全局性設(shè)計思維？為什么要講這種思維方式？
這是我一直在探索并實踐的一種設(shè)計思維。從最開始的理論雛形，到各種項目的實踐，不斷進(jìn)行修正和完善，最終形成了一套卓有成效的思維方式。通過這種思維方式，我逐步幫助產(chǎn)品解決了許多長期性的問題，并最終構(gòu)建了各種不同類型的設(shè)計體系。最終，隨著品牌矩陣與產(chǎn)品體系的落地，形成了一個完整的網(wǎng)易智慧企業(yè)設(shè)計體系。
網(wǎng)易智慧企業(yè)設(shè)計體系
因為篇幅原因，本篇文章將重點從理論層面闡釋全局性設(shè)計思維的導(dǎo)論、價值及使用方式。而具體的實戰(zhàn)案例，我之后將會以另外幾篇單獨文章的形式進(jìn)行展現(xiàn)，并詳細(xì)講解在設(shè)計過程中的一些細(xì)節(jié)與過程。希望能夠幫助大家更深入地去理解如何根據(jù)不同的場景正確地去使用這種思維方式。
未來可能會包含以下幾篇文章：
全局性設(shè)計思維 | 如何打造強(qiáng)大的品牌體系
FishDesign組件庫 | 從零到一構(gòu)建企業(yè)級UI組件庫
全局性設(shè)計思維 | 如何構(gòu)建事業(yè)部級大型設(shè)計體系
當(dāng)然，目前的設(shè)計體系僅僅只是一個開始，未來還有很長的路要走。
希望本文能夠給為你帶來小小的啟發(fā)，讓設(shè)計思維幫助你更好地發(fā)揮設(shè)計的價值。如果你對某一方面特別感興趣，可以直接跳到這一章進(jìn)行閱讀，無需浪費過多時間。如果你有任何疑問，也歡迎隨時與我交流。
?
一個習(xí)慣性的序
-
“喵嗚～” 我又出現(xiàn)了，那個愛寫序的裝逼作者。
這次把序放在了第二段，這樣子看上去就不那么不務(wù)正業(yè)了哈哈。當(dāng)然，寫序更多的是為了記錄生活，希望每一篇文章不僅僅只是傳遞知識，更是一篇有溫度的文章。
經(jīng)歷了風(fēng)風(fēng)雨雨的2019，又度過了魔幻版的春節(jié)，我終于又開始正式地寫文章了。但這次不同，我擁有了兩只可愛的小伙伴——汽水和芬達(dá)。汽水8月18出生，芬達(dá)8月20出生，現(xiàn)在都已經(jīng)是肥肥壯壯的兩大只了。。
汽水總是在我碼字的時候，睡在我的鍵盤上，或者以各種姿勢吸引我的注意力。。 為啥拖了這么久才寫寫完文章，除了懶以外，汽水大概也要背點鍋，哈哈。
整個2019年中，經(jīng)歷了很多事情，人生觀也隨之發(fā)生了些許變化。
從并肩作戰(zhàn)的同事的不斷離去，到逐漸需要考慮團(tuán)隊的發(fā)展。從單打獨斗闖天下，到思考如何讓整個團(tuán)隊更加優(yōu)秀、如何建立完善的設(shè)計體系等等。
角色、心態(tài)、責(zé)任，以及如何坦然地面對自己。
活在當(dāng)下，用心生活。這是我一直當(dāng)作座右銘的語錄，也是我希望給自己的承諾?？偸窃噲D去嘗試這種狀態(tài)，但卻異常艱難。像我這樣的人，看上去總是“積極向上”，總是“規(guī)劃未來”，總是希望事事完美，強(qiáng)迫著每個細(xì)節(jié)的完善。但不知不覺中，人生好像開始進(jìn)入了“自動駕駛”的模式，活在了過去的思索中，活在了未來的規(guī)劃中，唯獨對于當(dāng)下異常麻木。
這并不是我想要的生活，我開始嘗試做出改變。
偶然間，通過一些書籍，我開始嘗試正念禪修。感受每個呼吸中空氣的流動、感受身體的每個部分、感受當(dāng)下空間發(fā)生的每一件事情。雖然只是很淺顯的境界，但正念依然對我產(chǎn)生了巨大的影響。我開始重新地審視自己的人生，審視自己的生活狀態(tài)。
網(wǎng)易蝸牛圖書館：與快樂的小伙伴們
這種感覺，就像再次地呼吸了新鮮空氣一樣。
我們其實只存在于當(dāng)下的時空中，過去和未來，并非真實存在的事物。回想一下，我們有多久沒有像小時候一樣，完完全全、毫無雜念地享受在當(dāng)下的時光中了？
用心活在當(dāng)下，平靜地接納一切發(fā)生的事物，這種感覺真是太美好了～
?
一、我們?yōu)槭裁葱枰O(shè)計思維？
-
對于設(shè)計師來說，什么能力更為重要？是設(shè)計這門“技術(shù)”本身，還是思考如何去設(shè)計的“思維”能力？
對于不同的設(shè)計師來說，一定會有不同的答案。
這兩種能力本身并不矛盾，他們相互影響，互相促進(jìn)——就像“術(shù)”與“道”之間的關(guān)系。設(shè)計能力決定了設(shè)計作品的輸出質(zhì)量，而設(shè)計思維則決定了你思考問題、解決問題的能力。
然而，在現(xiàn)實的大環(huán)境下，“術(shù)”的重視程度遠(yuǎn)高于“道”，造成了很多設(shè)計師與日常業(yè)務(wù)的“分離感”。以至于，多數(shù)的設(shè)計師，無法將自己的設(shè)計能力有效地用于日常業(yè)務(wù)中；抱怨他人不理解設(shè)計，也因此錯失了許多機(jī)會。
重視設(shè)計美感，其實并沒有問題。視覺是最直接的表現(xiàn)方式，我們從最初開始喜歡這個行業(yè)，并最終成為設(shè)計師，大概都是因為如此。包括我個人，也是美感的極致追求者，常常為了幾像素的細(xì)節(jié)，調(diào)整無數(shù)稿。也常常沉浸于自己的作品無法自拔emmm…
但是，美感之后，設(shè)計還需要什么？
路易斯·沙利文曾講過：“形式追隨功能”。而功能存在的意義，則在于解決問題。視覺的形式、美感，很多時候只是包裹在外側(cè)的表層，而解決問題才是設(shè)計真正的核心。視覺的表現(xiàn)，一定要遵循解決問題的方式，向用戶傳遞恰當(dāng)?shù)男畔?，最終引導(dǎo)用戶以此來解決問題。
因此，我更希望更多的設(shè)計師，在追求美感的同時，能夠重拾設(shè)計思維本身，尋找設(shè)計最根本的價值。
我們其實可以站得更遠(yuǎn)一些。學(xué)會去理解事物，學(xué)會用設(shè)計去解決問題。再以此為基礎(chǔ)，通過你的設(shè)計能力去塑造它、點亮它，讓它成為一個真正美好而又有價值的設(shè)計。
而設(shè)計的價值，將會成為你的價值。
?
二、下一個時代在哪里？
-
互聯(lián)網(wǎng)時代中的數(shù)字產(chǎn)品設(shè)計，需要什么樣的設(shè)計思維？或者說，當(dāng)下我們需要什么樣的設(shè)計思維？
這個問題的答案，好像一直在變。
互聯(lián)網(wǎng)本身便是一個新的形態(tài)，1989年“萬維網(wǎng)”發(fā)明，1996年中國引入互聯(lián)網(wǎng)，到今年已經(jīng)有大約24個年頭。我們經(jīng)歷了不同的互聯(lián)網(wǎng)時期，而“設(shè)計”的概念也一直在變化中。
Internet 1.0 PC互聯(lián)網(wǎng)時代。在這個時代，我們將大量的信息虛擬化，并通過網(wǎng)絡(luò)進(jìn)行信息傳遞。而我們的“設(shè)計師”們大多被稱為“美工”，我們的“設(shè)計思維”，便是將信息變得更好看。
Internet 2.0 移動互聯(lián)網(wǎng)時代，或者稱為消費互聯(lián)網(wǎng)時代。自從2007年喬布斯發(fā)布第一代iPhone之后，疊加4G、wifi等技術(shù)，手機(jī)成為日益重要的終端，世界逐漸進(jìn)入了移動互聯(lián)網(wǎng)時代。伴隨著iPhone與其應(yīng)用的出現(xiàn)，喬布斯讓所有人理解了“用戶體驗”的重要性。我們不再是“美工”，我們變成了“UI設(shè)計師”、“交互設(shè)計師”。而這個時代，我們的設(shè)計思維變成了“用戶體驗思維”。
那么，下一個時代在哪里？我們的設(shè)計思維又將如何轉(zhuǎn)變，才能適應(yīng)下一個時代？
?
三、互聯(lián)網(wǎng)下半場，從大勢中看變化
-
1.紅利消失、增長觸頂，互聯(lián)網(wǎng)下半場到來
最近幾年，我們已經(jīng)能夠明顯地感知到——互聯(lián)網(wǎng)的“寒冬”真的來了。隨之而來的，便是互聯(lián)網(wǎng)的發(fā)展方向似乎也正在發(fā)生變化。于是大約從2017年開始，互聯(lián)網(wǎng)圈內(nèi)逐漸出現(xiàn)一個新的名詞——互聯(lián)網(wǎng)“下半場”。人們普遍認(rèn)為，中國的互聯(lián)網(wǎng)將會由消費互聯(lián)網(wǎng)時代進(jìn)入下一個時代，即互聯(lián)網(wǎng)下半場。
我并不完全認(rèn)同互聯(lián)網(wǎng)”下半場“的稱呼?；ヂ?lián)網(wǎng)本身是一個年輕的行業(yè)，中國互聯(lián)網(wǎng)“下半場”，其實更像是互聯(lián)網(wǎng)發(fā)展方向轉(zhuǎn)變的標(biāo)志。
因此，我們認(rèn)為的下一個時代的方向，也許將會是Internet 3.0——即產(chǎn)業(yè)互聯(lián)網(wǎng)時代。
互聯(lián)網(wǎng)會什么必須要進(jìn)入下一個時代？
對于互聯(lián)網(wǎng)企業(yè)來說，一方面在成本端，隨著人口紅利消褪，勞動力價格上升，企業(yè)的成本將逐漸升高，倒逼管理者使用系統(tǒng)和工具來提高效率；另一方面，在收入端，野蠻增長的時代結(jié)束，增量經(jīng)濟(jì)轉(zhuǎn)向存量經(jīng)濟(jì)，紅利經(jīng)濟(jì)轉(zhuǎn)向效率經(jīng)濟(jì)。
在“成本”與“效率”的雙重壓力下，再加上整個市場經(jīng)濟(jì)的下行周期，整體經(jīng)濟(jì)出現(xiàn)下滑，而一些依靠融資的互聯(lián)網(wǎng)公司將難以為繼。因此企業(yè)不得不尋找方式來提升效率，降低成本——而這正是企業(yè)級軟件（ToB產(chǎn)品）最擅長的地方。
因此，在互聯(lián)網(wǎng)寒冬之下，ToB市場便理所應(yīng)當(dāng)?shù)亻_始被重視。
讓我們縱觀整個中國市場的發(fā)展，互聯(lián)網(wǎng)的興趣雖然促進(jìn)了消費領(lǐng)域的蓬勃發(fā)展，但產(chǎn)業(yè)領(lǐng)域的發(fā)展則因此受到了巨大制約。中國率先從消費端、從第三產(chǎn)業(yè)開始數(shù)字化，然而在第一、二產(chǎn)業(yè)的數(shù)字化進(jìn)程似乎并不是很快。一個重要的原因是，人口紅利促使了消費互聯(lián)網(wǎng)的快速發(fā)展，而這種紅利讓人們忽視了產(chǎn)業(yè)互聯(lián)網(wǎng)的重要性。
在寒冬之下，我們終于發(fā)現(xiàn)，消費互聯(lián)網(wǎng)蓬勃的基石，正是底層堅實的產(chǎn)業(yè)互聯(lián)網(wǎng)。產(chǎn)業(yè)互聯(lián)網(wǎng)如果不能得到有效的發(fā)展，則整個市場經(jīng)濟(jì)將無法更進(jìn)一步的發(fā)展。
因此，產(chǎn)業(yè)互聯(lián)網(wǎng)時代的到來，是中國互聯(lián)網(wǎng)發(fā)展的需要，也將是大勢所趨。
2.ToB市場將迎來機(jī)遇
產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展，需要依托B端領(lǐng)域的發(fā)展，并逐步融入并帶動整個產(chǎn)業(yè)進(jìn)入互聯(lián)網(wǎng)時代。那么，B端產(chǎn)品在中國目前處于一個什么階段呢？
對于整個中國的ToB行業(yè)發(fā)展現(xiàn)狀，大多數(shù)的人并沒有一個清晰的概念。盤點中美上市的科技公司會發(fā)現(xiàn)，美國toC領(lǐng)域與toB領(lǐng)域市值之比是6:4，但在中國這個數(shù)字是20:1。
雖然互聯(lián)網(wǎng)的整體環(huán)境不同，但中國ToB行業(yè)的發(fā)展，顯然是落后太多了。于是乎，2018年開始，BAT大舉布局，PE、VC加速進(jìn)場——中國B端產(chǎn)品已經(jīng)逐漸進(jìn)入必須發(fā)展的時候了。
中國市場已經(jīng)坐擁全球最發(fā)達(dá)的發(fā)達(dá)的消費互聯(lián)網(wǎng)體系，而產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展則卻嚴(yán)重滯后。
同時，對比B端中云計算領(lǐng)域的IaaS、PaaS、SaaS三層架構(gòu)，全球市場中SaaS占據(jù)了52.5%的份額，在中國卻是IaaS分走了最大的蛋糕，占比達(dá)61.2%。中國市場VC的投資總額已經(jīng)與美國相當(dāng)，在SaaS領(lǐng)域美國企業(yè)獲得了全球70.1%的融資，而中國只有11.7%。
因此，在互聯(lián)網(wǎng)下半場，相對于ToC行業(yè)的觸頂，ToB行業(yè)將會迎來歷史級的發(fā)展機(jī)遇，隨之而來的將會是產(chǎn)業(yè)互聯(lián)網(wǎng)時代的逐漸到來。而在整個B端產(chǎn)品的類目中，SaaS產(chǎn)品作為企業(yè)級軟件中最集成的產(chǎn)品，也將隨著這股浪潮迎來爆發(fā)式的增長。
什么是SaaS產(chǎn)品？很多同學(xué)并沒有接觸過B端行業(yè)，平時用到的也都是C端產(chǎn)品，所以對B端產(chǎn)品的了解比較少。在B端行業(yè)最熱門的云計算領(lǐng)域中，目前普遍會分為三層架構(gòu)。SaaS（Software as a Service–軟件即服務(wù)）；PaaS（Platform as a Service–平臺即服務(wù)） ；IaaS（Infrastructure as a Service–基礎(chǔ)架構(gòu)即服務(wù)）。
附：云計算領(lǐng)域，三種不同的架構(gòu)與對應(yīng)的服務(wù)。
PaaS基于IaaS實現(xiàn)，SaaS的服務(wù)層次又在PaaS之上，三者分別面對不同的需求。越往上層，產(chǎn)品的集成度越高，提供的服務(wù)也就越豐富，而用戶所需要的自行解決的東西就越少。而最頂層的SaaS產(chǎn)品，便是用戶可以直接購買并使用的云端產(chǎn)品。
我們?yōu)槭裁匆私膺@些趨勢？
因為一個新的時代，對應(yīng)一場變革，也將成為一次新的機(jī)會。不管是SaaS產(chǎn)品還是其他B端產(chǎn)品，都將在新的時代中逐漸得到重視。而C端產(chǎn)品的發(fā)展策略，也將迎來新的變化。對于許多設(shè)計師來說，這將會是一個新的機(jī)遇。
順勢而為，方能乘勢而上。
?
四、設(shè)計思維的轉(zhuǎn)變，差異與融合
-
那么，在逐漸到來的產(chǎn)業(yè)互聯(lián)網(wǎng)時代，設(shè)計師需要注意哪些東西？設(shè)計思維又將進(jìn)行如何轉(zhuǎn)變？
產(chǎn)業(yè)互聯(lián)網(wǎng)時代，意味著B端產(chǎn)品將得到重視，并與C端產(chǎn)品逐漸趨于平衡。因此，了解設(shè)計思維的變化，我們首先要從B端與C端產(chǎn)品之間，在產(chǎn)品設(shè)計與產(chǎn)品策略之間的差異性說起。
1.服務(wù)對象的差異性
從服務(wù)對象來看，C端產(chǎn)品的服務(wù)對象是人，產(chǎn)品的目標(biāo)是針對人們生活方式進(jìn)行的變革、升級。而B端產(chǎn)品的服務(wù)對象則大多是企業(yè)，目標(biāo)是幫助企業(yè)進(jìn)行商業(yè)效率的提升，從而產(chǎn)生價值。
服務(wù)對象的差異性，決定了產(chǎn)品在發(fā)展策略也將存在著較大的差異性。
2.產(chǎn)品“打法”上的差異性
從宏觀的打法上看，消費互聯(lián)網(wǎng)時代會更求“快”，而產(chǎn)品互聯(lián)網(wǎng)時代則會更偏“穩(wěn)”。
C端產(chǎn)品的服務(wù)對象是人，而人的需求在個體差異性上相對變化較小，這就決定了C端產(chǎn)品通常都擁有廣闊的用戶市場。
因此，消費互聯(lián)網(wǎng)時代就像是資本在遼闊平原的角逐，長驅(qū)直入。講究快速占領(lǐng)市場，不斷地試錯、不斷地調(diào)整。從團(tuán)購到直播，從打車到短視頻領(lǐng)域的興起，再到最后的單車大戰(zhàn)落幕。消費互聯(lián)網(wǎng)時代的每一次風(fēng)口，都伴隨著各種“游擊戰(zhàn)”式的競爭。入場速度、快速調(diào)整能力、資本深度，都直接影響了最后的結(jié)果，而最終的結(jié)果也往往是勝者為王，敗者將快速地被市場淘汰。
B端產(chǎn)品的服務(wù)對象是企業(yè)，而企業(yè)間的需求差異性則非常巨大，這就決定了B端產(chǎn)品通常需要較強(qiáng)的縱深能力。相對應(yīng)的，其用戶群里在總量上就比較小、但也相對穩(wěn)固。
因此，產(chǎn)業(yè)互聯(lián)網(wǎng)就像在崎嶇叢林的蹣跚前行，漸次演進(jìn)，如同一場曠日持久的拉鋸戰(zhàn)。一方面，產(chǎn)業(yè)互聯(lián)網(wǎng)的鏈條非常長，需要長期的深耕、積累才能逐漸站穩(wěn)腳跟。而這也導(dǎo)致了產(chǎn)品的壁壘足夠深厚，同類產(chǎn)品在短期內(nèi)無法快速跟進(jìn)。另一方面，企業(yè)間的差距需求的差異性非常大，因此產(chǎn)業(yè)互聯(lián)網(wǎng)存在非常多的細(xì)分市場，不同的產(chǎn)品各自在不同的賽道中深耕。而其最終的結(jié)果往往是百花齊放，各自盛開。
3.整體行業(yè)的協(xié)同發(fā)展
雖然整個市場都不斷地強(qiáng)調(diào)——ToC增長觸頂，ToB是一篇藍(lán)海。但這并非是“取而代之”，而是逐漸走向整體的“協(xié)調(diào)發(fā)展”。中國ToB的發(fā)展的一個重要根基，其實是“中國擁有世界上最成熟的消費互聯(lián)網(wǎng)體系”這一巨大的優(yōu)勢。
因此，ToC在很長的時間內(nèi)，仍然會是互聯(lián)網(wǎng)的主力，而ToC市場的轉(zhuǎn)型，也將有賴于ToB產(chǎn)品所提供的服務(wù)。
而隨著中國將“互聯(lián)網(wǎng)+”政策上升為國家戰(zhàn)略，更是明確了以互聯(lián)網(wǎng)帶動傳統(tǒng)產(chǎn)業(yè)的發(fā)展方向。因此，互聯(lián)網(wǎng)的下半場，即產(chǎn)業(yè)互聯(lián)網(wǎng)時代的最終形態(tài)，將是互聯(lián)網(wǎng)與傳統(tǒng)行業(yè)的“融合式發(fā)展“。
ToB產(chǎn)品將會成為帶動互聯(lián)網(wǎng)下一輪發(fā)展的核心驅(qū)動力。一方面幫助ToC領(lǐng)域完成轉(zhuǎn)型，進(jìn)入更健康、更穩(wěn)健的發(fā)展階段；另一方向，ToB領(lǐng)域賦能傳統(tǒng)產(chǎn)業(yè)與互聯(lián)網(wǎng)相融合，并最終完成產(chǎn)業(yè)升級。
4.產(chǎn)品形態(tài)的融合與趨同
整體產(chǎn)業(yè)的融合趨同，意味產(chǎn)品的特性也將互相融合。一個很重要的現(xiàn)象是：C端產(chǎn)品逐漸變得不那么C端了，而B端產(chǎn)品也越來越變得得不像B端了。
比如C端產(chǎn)品的主流賽道中，隨著頭部產(chǎn)品的賽道日漸趨于穩(wěn)定，其產(chǎn)品體量也因為業(yè)務(wù)擴(kuò)展而不斷增加。同時，因為產(chǎn)品體系的逐漸形成，為了服務(wù)更多的C端用戶，會有越來越多的B類用戶進(jìn)入平臺，而為了滿足B類商家的需要，產(chǎn)品的B端屬性變得越來越強(qiáng)了。
而隨著B端產(chǎn)品的不斷受到重視，原先不被重視的產(chǎn)品UI、用戶體驗也逐漸在B端產(chǎn)品中得到加強(qiáng)。B端用戶雖然服務(wù)于B端，但使用者終究是人。而隨著競爭的不斷加劇，原來的“重功能、輕體驗”思路逐漸式微。我們逐漸發(fā)現(xiàn)，許多B端產(chǎn)品長的越來越像C端產(chǎn)品了，甚至在UI和體驗層面做的與C端產(chǎn)品不相上下。
因此，隨著產(chǎn)品屬性的融合趨同，意味設(shè)計思維勢必會與消費者互聯(lián)網(wǎng)時代存在差異。而我們的設(shè)計思維將不僅僅局限在誕生于消費互聯(lián)網(wǎng)時代的“用戶體驗思維”。我們需要更新的、更廣闊的設(shè)計思維，以滿足下一個時代的產(chǎn)品發(fā)展需要。
那么，新的思維是什么？它將從何而來？
?
五、探尋全新的思維方式
-
從整個市場的協(xié)同發(fā)展，到產(chǎn)品形態(tài)的融合趨同。那么，我們的設(shè)計思維需要如何進(jìn)行相應(yīng)的變化？是同樣進(jìn)行“融合趨同”，還是另辟蹊徑，尋求新的視角？
1.關(guān)鍵詞提取
首先，不管設(shè)計思維如何變化，它一定需要同時滿足兩種產(chǎn)品設(shè)計思維的特性。通過前文的分析，我們可以在產(chǎn)品設(shè)計特性的維度，提取各自的關(guān)鍵詞進(jìn)行分析：
產(chǎn)品體驗：誕生于消費互聯(lián)網(wǎng)時代的用戶體驗思維，在產(chǎn)業(yè)互聯(lián)網(wǎng)時代依然是產(chǎn)品設(shè)計中最重要的部分。無論是C端還是B端產(chǎn)品，用戶體驗必然是產(chǎn)品的核心競爭力，只有足夠好用、好看，產(chǎn)品才能獲得更多用戶，最終獲得商業(yè)上的成功。
靈活性：在消費互聯(lián)網(wǎng)時代，在激烈的競爭中，C端產(chǎn)品的靈活性的打法對于產(chǎn)品的突圍至關(guān)重要。而未來的B端產(chǎn)品競爭將會加劇，這就需要B端產(chǎn)品也逐漸需要較強(qiáng)的靈活性。
成長性：產(chǎn)品的發(fā)展必將伴隨著不斷的變化，特別是具有一定體量之后，產(chǎn)品設(shè)計的成長性將至關(guān)重要。因此，產(chǎn)品的設(shè)計是否能夠預(yù)見未來發(fā)展，滿足不斷變化的產(chǎn)品形態(tài)，伴隨著產(chǎn)品不斷地成長，也將成為產(chǎn)品是否能夠持續(xù)獲得成功的關(guān)鍵因素。
產(chǎn)品效率：因為產(chǎn)品服務(wù)對象的關(guān)系，B端產(chǎn)品一直是產(chǎn)品效率的代名詞。而在人口紅利消失與經(jīng)濟(jì)下行的壓力下，產(chǎn)品效率將成為所有企業(yè)關(guān)注的重要因素之一。產(chǎn)品的效率不僅影響著企業(yè)的成本，也是產(chǎn)品競爭力的重要體現(xiàn)。
這四個關(guān)鍵詞，將會是我們在未來所需要關(guān)注的四個重點關(guān)鍵詞。越是往左，則“C”屬性越強(qiáng)，因為它更多地從用戶的角度出發(fā)，更關(guān)注用戶體驗。而越是往右，則“B”屬性越強(qiáng)，因為它更多地從企業(yè)的角度出發(fā)，更關(guān)注企業(yè)的長期發(fā)展。
2.跳出單一層面，尋求新視角
在四個關(guān)鍵詞中，我們會發(fā)現(xiàn)，特性越是靠右，其所需要的整體性就越強(qiáng)。要滿足靈活性，就需要用戶體驗與產(chǎn)品策略相關(guān)聯(lián)。要滿足成長性，則要進(jìn)一步結(jié)合底層的開發(fā)能力。而產(chǎn)品效率的提升，則需要產(chǎn)品的設(shè)計與不同層面都有著緊密的耦合。
在互聯(lián)網(wǎng)設(shè)計發(fā)展的過程中，我們從單點只關(guān)注視覺表層的“美工時代”，逐漸發(fā)展為關(guān)注線性的“用戶體驗思維”。在對于產(chǎn)品用戶體驗層面，確實有著長足的發(fā)展。
但是，單一層面的用戶體驗思維，在逐漸成熟的互聯(lián)網(wǎng)時代中，逐漸顯示出了一定的局限性。我們的價值局限于單一的體驗層面，我們似乎無法對產(chǎn)品形成更大的影響力，也難以為產(chǎn)品帶來體驗之外的更多價值。
因此，設(shè)計思維想要滿足新時代的需求，就需要同時滿足前文提到的四個關(guān)鍵詞。這就要求我們需要跳出單一層面，以全局的維度去思考產(chǎn)品的設(shè)計。
因此，全局性將成為未來的關(guān)鍵，我暫且將這種思維方式稱為——全局性設(shè)計思維。
?
六、全局性設(shè)計思維概述
-
全局性設(shè)計思維，即在設(shè)計過程中，始終能以更高的維度去審視全局，思考當(dāng)下的設(shè)計。
何以全局，如何跳出單一層面？這種思維方式的前提，是你要首先了解整個產(chǎn)品（亦或是物體、組織等）的運行方式，清楚的知道整個產(chǎn)品需要達(dá)到的目標(biāo)，從而準(zhǔn)確、合理地對針對目前的局部做出設(shè)計，并最終構(gòu)成整個完整的形態(tài)。
而“全局”的前提，是你擁有更高的眼界。你的眼界越高，你對產(chǎn)品、市場、甚至整個社會的洞察就越全面，你就能夠解決越大的問題，你能夠?qū)崿F(xiàn)的價值就越高。眼界是基礎(chǔ)，解決更大的問題是目標(biāo)，而全局性設(shè)計思維則是實現(xiàn)這個目標(biāo)的方式與過程。
全局性設(shè)計思維，可以幫助我們跳出產(chǎn)品的單一層面，去思考從產(chǎn)品層、到體驗層、再到開發(fā)層這一完成的整體。讓設(shè)計滿足體驗層的同時，滿足產(chǎn)品層面的目標(biāo)，同時讓產(chǎn)品的設(shè)計與開發(fā)高度耦合，將整個產(chǎn)品串聯(lián)成一個完成的整體。
好了，講了這么多，我們具體應(yīng)該如何去運用全局性設(shè)計思維呢？
?
七、全局性設(shè)計思維的運用方式
-
全局性設(shè)計思維，的應(yīng)用方式非常廣泛。它并不是一個固定的方程式，而是一個更高層面的指導(dǎo)性設(shè)計思維，能夠通過不同的形式，來幫助你解決問題。
1.全局觀——在生活思考更多可能
在嘗試這種思維之初，我們可以通過一些小的實踐，去鍛煉這種思維能力。
在日常的生活、工作中，其實我們有大量的事物可以練習(xí)和運用這種思維方式。比如你在裝修一個大房子，需要去選擇房子里的家具。當(dāng)你在購買家具時，常規(guī)的思維方式是：這個家具在某個房間時應(yīng)該是怎樣搭配的，所以我要購買什么樣形狀、顏色的家具，來滿足這個房間的需要。
但是，用這么思維方式來購買家具，將為對家具的靈活性與長期價值造成一定影響。從居住環(huán)境的長遠(yuǎn)來看，也許這個家具有可能會因為某些原因，需要放到另一個房間，而它的形狀、尺寸、配色卻無法滿足其他房間的需要。最終，我們只能重新購買，或者接受一個風(fēng)格、尺寸上并不搭調(diào)的房間出現(xiàn)。
因此，當(dāng)我們在購買家具時，我們是否可以利用全局性設(shè)計思維，從整體空間的角度出發(fā)（而非單個房間），去思考如何讓家具滿足更多空間需求。長此以往，我們不僅可以打造一個風(fēng)格統(tǒng)一的大空間，同時也能增加每個家具的利用率，在無形中也增加了這個家具本身的價值。
之所以舉家具這個例子，是因為這個原理與產(chǎn)品設(shè)計的原理非常類似。你可以將這個房子看成是整個產(chǎn)品，而家具則是不同的組件。通過不同的家具（組件），構(gòu)成了我們的不同功能模塊（房間/功能區(qū)），而所有的功能模塊則構(gòu)成了整個產(chǎn)品（房子）。
房子（產(chǎn)品體量）越大，房間/功能區(qū)（功能模塊）就越多，家具（組件）的多樣性、復(fù)雜性就越高，我們就越是需要從全局的角度去思考裝修的統(tǒng)一性（風(fēng)格體系化）和家具的通用性（樣式組件化）。只有這樣，我們才能更好地去打造一個風(fēng)格統(tǒng)一、體驗一致，同時又具備足夠自由調(diào)整空間的“大房子”。
2.全鏈路——從全流程中重新思考設(shè)計
當(dāng)你仔細(xì)地去理解許多非常著名的設(shè)計作品時。你會發(fā)現(xiàn)，幾乎所有優(yōu)秀的、巧妙的設(shè)計，往往在設(shè)計中都體現(xiàn)了全局性的設(shè)計思維。它不僅僅解決著當(dāng)前的問題，同時也能夠解決更大的問題，發(fā)揮巨大的價值。
比如著名的坂茂衛(wèi)生紙的設(shè)計，看似普通，只是將衛(wèi)生紙的軸心從圓形改成了方形，但它卻成為了舉世聞名的、公認(rèn)的好的設(shè)計。為什么呢？
我們先了解一下這個設(shè)計為什么好。
首先，傳統(tǒng)的圓形紙卷拉出來的紙會比你實際需要的更多。而方形紙卷則由于阻力的作用，讓你用得更少，從而起到了解決資源的作用。其次，在運輸過程中，圓形的紙卷之間會產(chǎn)生很大的空隙，而方形紙卷則能夠緊緊靠在一起，提升空間利用率，從而起到降低運輸成本的作用。
這簡單的設(shè)計，居然發(fā)揮了如此大的作用。
那么，為什么我們在設(shè)計時就沒有考慮到這些問題呢？因為我們從最開始，就沒有從“紙”的整個全流程來去思考問題。
讓我們“站的更遠(yuǎn)一些”，紙這個商品，并非只是我們見到的在商店售賣的那一刻。它從工廠中制造完成，通過運輸送到每個超市中，當(dāng)我們購買以后，它又會在很長一段時間內(nèi)，出現(xiàn)在衛(wèi)生間，陪伴你使用的每一刻。我們可以將整個流程分為3個場景，而每個不同的場景，又將會對紙本身有著不同的影響。
運輸場景——衛(wèi)生紙的運輸成本——衛(wèi)生紙的價格
售賣場景——衛(wèi)生紙的造型、包裝——影響用戶購買
使用場景——衛(wèi)生紙的使用過程——影響用戶的使用體驗
當(dāng)我們能夠考慮到衛(wèi)生紙的運輸過程時，我們就可以通過設(shè)計去降低運輸成本；而當(dāng)我們可以考慮到用戶的使用場景時，我們就可以通過設(shè)計，去提升阻力，降低使用量，間接地去提升用戶的使用體驗。而當(dāng)我們通過全局性設(shè)計思維，可以同時解決這三個問題時，我們的設(shè)計就是好的設(shè)計，就擁有了更高的價值。
發(fā)現(xiàn)了嗎，為什么你沒有想到相同的設(shè)計方案？設(shè)計能力并不是關(guān)鍵，設(shè)計思維才是指引你做出好的設(shè)計的前提。當(dāng)你能按上述的方式，去思考整個流程、不同的場景，我相信大多數(shù)的人都能夠設(shè)計出坂茂的設(shè)計方案，甚至比這個方案更好的解決方式。
?
八、以全局性設(shè)計思維，構(gòu)建設(shè)計體系
-
通過前面的兩個案例，相信大家已經(jīng)了解了全局觀、全鏈路兩種應(yīng)用方式。
那么，我們最最最關(guān)心的問題——如何在業(yè)務(wù)中去使用這種思維呢？
在產(chǎn)品設(shè)計中，全局性設(shè)計思維也有著非常多樣化的使用方式和場景，在之后的文章中我也會講到很多應(yīng)用方式。但是，在所有的方式中，我認(rèn)為最為有效的，便是以全局性設(shè)計思維，幫助產(chǎn)品去構(gòu)建一個完整的設(shè)計體系。
1.設(shè)計體系概述
什么是設(shè)計體系？談及設(shè)計體系，大多數(shù)設(shè)計師會認(rèn)為，設(shè)計體系就是設(shè)計規(guī)范?！安痪褪钦覀€名次包裝一下規(guī)范嘛？”
我們?yōu)槭裁葱枰O(shè)計體系？它與設(shè)計規(guī)范有何不同呢？
設(shè)計規(guī)范是設(shè)計師最為熟悉的一種規(guī)范文檔。在產(chǎn)品設(shè)計時，優(yōu)秀的設(shè)計師通常都會建立設(shè)計規(guī)范。然而在實際的項目中，設(shè)計規(guī)范往往無法難以有效實施。比如在開發(fā)眼中，規(guī)范并不符合開發(fā)規(guī)則，過于碎片化。而產(chǎn)品經(jīng)理通常又不會去了解設(shè)計規(guī)范，因此在構(gòu)建產(chǎn)品框架時也常常隨意發(fā)揮。
很多項目做到最后，設(shè)計規(guī)范僅存在于紙面的意義，并隨著項目的發(fā)展逐漸混亂。為什么會這樣？
因為不同職能間的思考方式存在差別，設(shè)計規(guī)范對于其他職能來說經(jīng)常難以理解與運用，無法與其他職能形成有效聯(lián)動。
設(shè)計規(guī)范僅僅是基于視覺層面的規(guī)范，它是一個“平面”。而設(shè)計體系則是貫穿于產(chǎn)品的每個層面的、與產(chǎn)品深度結(jié)合的完整體系，它是“立體”的“有機(jī)生命體”。
設(shè)計體系的核心在于“體”，它是貫穿于整個產(chǎn)品的完整體系。設(shè)計體系由設(shè)計師創(chuàng)造，并深度融合于產(chǎn)品每個部分。它能夠讓產(chǎn)品更緊密、更統(tǒng)一、更有序，伴隨著產(chǎn)品的生長，與產(chǎn)品共同進(jìn)化，并最終推動產(chǎn)品的發(fā)展。
創(chuàng)造并推動這一體系，則要求設(shè)計師需要更全面的能力。只有充分地去理解并參與產(chǎn)品的每個部分的設(shè)計，才能讓設(shè)計真正延伸至產(chǎn)品的每個部分。
而創(chuàng)造這一切的前提，便是全局性設(shè)計思維。
2.設(shè)計體系的構(gòu)建法則
羅馬不是一天建成的，設(shè)計體系也是如此。設(shè)計體系的建立是一個漫長的過程（與產(chǎn)品體量相關(guān)），需要在前期投入更多的精力。但若是你的方法得當(dāng)，就會在項目中越來越輕松，并以此形成良性循環(huán)，而你也會越來越有成就感。
如何正確地去構(gòu)建設(shè)計體系呢？我在這里總結(jié)了幾個要點：
1）樹立觀念
首先，樹立長期的體系化意識是必要前提。在任何項目中都要時刻保持體系化思維，著眼于整個項目，去尋找體系化的推動時機(jī)。當(dāng)你在潛意識中擁有這種思維之后，你會自然而然的將其植入到設(shè)計中。
2）以解決問題為導(dǎo)向
體系化并非憑空建立，而是建立在解決問題的基礎(chǔ)之上。設(shè)計體系的本質(zhì)，就是由無數(shù)個標(biāo)準(zhǔn)化的解決方案，最終構(gòu)成的一個完整的體系。因此，我們要以解決問題為導(dǎo)向，以全局性思維去思考問題的本質(zhì)，最終建立適用于全局設(shè)計體系。
3）以小為始，重視質(zhì)量
腳踏實地，從小處入手，去發(fā)現(xiàn)產(chǎn)品中最基礎(chǔ)的一些問題。表面上看這些問題，對項目影響不大，但他們數(shù)量龐大，加在一起便會嚴(yán)重影響整個產(chǎn)品的效率。因此，我們要首先建立高品質(zhì)的基礎(chǔ)體系，再以此為基礎(chǔ)構(gòu)建更大的體系。
不要一開始就設(shè)法建立一個巨大的體系，那樣只會是一盤散沙，因為它的結(jié)構(gòu)是無序、混亂、不健康的。而這也是大多設(shè)計規(guī)范缺乏有效性和可實施性的根源。
梅拉妮·米歇爾的《復(fù)雜》一書中講到，任何復(fù)雜系統(tǒng)，都是由無數(shù)個體通過簡單的算法所構(gòu)成的。在算法領(lǐng)域也是同樣的原理，一個優(yōu)秀而強(qiáng)大的代碼，必然是由無數(shù)個小型模塊，通過簡單的算法耦合形成巨大的代碼矩陣。基礎(chǔ)算法越強(qiáng)大、代碼結(jié)構(gòu)越“健康”，可擴(kuò)展性和靈活性就越強(qiáng)，其能力就越強(qiáng)大。
4）從規(guī)范入手，由面到體
從本質(zhì)上來說，設(shè)計體系是由“多個個層面的規(guī)范”組合而成的。因此，由設(shè)計師推動的體系化建設(shè)，往往最初都是從設(shè)計規(guī)范這一“單層規(guī)范”開始。但是，設(shè)計體系的建設(shè)需要將單層的規(guī)范，通過不同的方式，轉(zhuǎn)化為不同層面的規(guī)范，最終由面到體，形成體系化。
5）換位思考，尋求跨職能合作
設(shè)計體系的建立與維護(hù)，通常需要多職能的通力協(xié)作。因此，我們需要經(jīng)常換位思考，在完成設(shè)計的工作，幫助其他職能完成目標(biāo)。只有這樣，才能得到更多的信任，并以此為基礎(chǔ)推動更多體系化的建設(shè)。
比如我在設(shè)計一個功能模塊的頁面時，首先會與不同模塊產(chǎn)品經(jīng)理進(jìn)行交流，了解不同的業(yè)務(wù)需求，并從產(chǎn)品層面就開始尋求統(tǒng)一性與通用性。這樣的話，當(dāng)其他模塊需要同一個功能時，前端便可以直接復(fù)用，同時后端的數(shù)據(jù)也可以進(jìn)行互通。而在開發(fā)端，我也會詳細(xì)了解不同端的開發(fā)實現(xiàn)原理，務(wù)求設(shè)計規(guī)范與開發(fā)規(guī)則在理解上的一致性。這一既方便了開發(fā)理解規(guī)范，同時也從根本上提升了開還原的準(zhǔn)確性。
長此以往，整個團(tuán)隊就能夠建立良好的溝通和互信關(guān)系。有了這種默契，設(shè)計體系的推動就容易多了。
6）保持優(yōu)化，不斷成長
設(shè)計體系的另一個重要價值在于，它是可以伴隨產(chǎn)品不斷成長的。所有產(chǎn)品都是在發(fā)展中不斷變化的，過分僵硬的規(guī)則，將會對產(chǎn)品發(fā)展起到反作用。
在業(yè)務(wù)發(fā)展中，產(chǎn)品一定會不斷地加入新的功能模塊，并對原有頁面作出相應(yīng)的調(diào)整。因此，設(shè)計體系需要時刻與產(chǎn)品策略保持一致，及時與上下游職能溝通，不斷地針對產(chǎn)品發(fā)展進(jìn)行優(yōu)化，以保證設(shè)計體系能夠符合產(chǎn)品的發(fā)展需要。
7）使用正確的推動方式
體系化最終能否成功實施，推動的方式至關(guān)重要。
在日常的項目中，大多數(shù)的業(yè)務(wù)方對設(shè)計體系了解甚少，也難以體會其中的價值。因此，他們通常會認(rèn)為這些東西毫無必要，多數(shù)情況也不太愿意配合體系的推進(jìn)。如果強(qiáng)行推進(jìn)，反而會引起不必要的阻力，招致反感。那么，我們應(yīng)該如何正確的去推進(jìn)設(shè)計體系建設(shè)呢？
1.為他人帶來價值：首先，尋找雙方共同的利益點是首要任務(wù)。也許是可以讓其他職能的工作更高效，也許能夠促使其達(dá)成KPI，再不直接，那也一定能夠為整個產(chǎn)品帶來價值（不然你也沒必要推了。。）?？傊?，設(shè)計體系一定要能夠為他人帶來價值，這樣才能順利推進(jìn)。否則人家憑什么要協(xié)助你推進(jìn)，因為你美麗可愛嗎？你也可能比較可愛，但總歸是不能一直這么來吧。。。
2.在解決問題后提出方案：不要一開始就啪一下拋出一個“宏大的理想”，大部分人會覺得你不切實際。你只需要通過這個體系，幫助業(yè)務(wù)方先解決一個問題，然后再提出你解決方式的來源——一個嚴(yán)謹(jǐn)?shù)?、可驗證的、長遠(yuǎn)價值的體系化解決方案。
3.尋找合適的推動時間：最后，對于設(shè)計體系來說，尋找到正確、恰當(dāng)?shù)耐七M(jìn)時機(jī)至關(guān)重要。比如當(dāng)你在平時突然想要提出，對現(xiàn)有品牌進(jìn)行升級時，大多數(shù)業(yè)務(wù)方都會認(rèn)為你是沒事找事。而如果情況是在新的一年中，產(chǎn)品進(jìn)行了概念的升級，這時候你將概念以及未來的品牌規(guī)劃融入在你的方案中，再去推進(jìn)品牌升級，就會容易很多了。
?
九、文章預(yù)告
-
本文旨在引導(dǎo)大家更好地理解和學(xué)習(xí)這種思維方式，想要用好全局性設(shè)計思維，光靠講是遠(yuǎn)遠(yuǎn)不夠的。最重要的是能將這種思維帶入到產(chǎn)品中，為業(yè)務(wù)帶來更大的價值。
因此，在后續(xù)的幾篇文章中，我將通過不同類型案例，為大家深入講解全局性的具體實踐案例。
全局性設(shè)計思維 | 如何打造強(qiáng)大的品牌體系
為什么要建立品牌體系？品牌體系有哪些價值？設(shè)計師應(yīng)該如何推動品牌體系的建立？
本文將帶你了解網(wǎng)易智慧企業(yè)品牌體系的建設(shè)與推動全過程，聊一聊品牌體系建設(shè)的那些事兒～
FishDesign組件庫 | 從零到一構(gòu)建企業(yè)級UI組件庫
我們?yōu)槭裁匆⒔M件庫？在產(chǎn)品的什么階段需要組件庫？如何抽象業(yè)務(wù)組件？組件庫設(shè)計過程中有哪些重要的細(xì)節(jié)需要注意？
本文帶你深入了解，網(wǎng)易Web端組件庫——FishDesign組件庫從零到一的完整全過程。
全局性設(shè)計思維 | 如何構(gòu)建事業(yè)部級大型設(shè)計體系
設(shè)計體系有什么價值？如何基于不同的業(yè)務(wù)建立設(shè)計體系？設(shè)計師如何推動體系化建設(shè)？在體系化過程中有哪些需要注意的地方？
我將會在這篇文章中，為大家介紹網(wǎng)易智慧企業(yè)設(shè)計體系構(gòu)建全過程
1. 樣式組件化+規(guī)范體系化，形成產(chǎn)品設(shè)計體系，整體重構(gòu)產(chǎn)品線。
2. 結(jié)合品牌體系，推動事業(yè)部更多產(chǎn)品加入體系，形成智慧企業(yè)Web端產(chǎn)品設(shè)計體系
3. 推動更多產(chǎn)品/業(yè)務(wù)融入體系中，讓智慧企業(yè)設(shè)計體系不斷成長，賦能業(yè)務(wù)發(fā)展
?
寫在最后
-
好吧，似乎文章又寫得偏長了一些。只能說，想要認(rèn)真地講清楚一個道理，確實不是一件容易的事情。
設(shè)計思維本身并不復(fù)雜，但想要講清楚它的背景、原理及價值，就需要把它整個掰開來講。而為了確保設(shè)計思維的可實施性，又需要經(jīng)過大量的實踐研究，自己能夠走通以后，才能與大家分享。
坦白講，似乎整個社會都在追求快節(jié)奏、碎片化閱讀。但若是因此而喪失了自己學(xué)習(xí)的節(jié)奏，那么等于是沒有節(jié)奏的，你的知識體系也將是東拼西湊，無法形成一套完整的體系。這也是我更新比較慢的原因之一，希望大家讀完文章，能夠切實地得到一些東西，這就很有意義。
不過更新這么慢，汽水和芬達(dá)都有責(zé)任。天天在面前賣萌啊吸引你注意力，那你就得陪他們玩吧？玩完以后雞胸肉你要煮一個吧？吃飯打架了你得調(diào)解吧。。你們真的不能怪我。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：Jady_劍杰
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
導(dǎo)讀
為什么B端產(chǎn)品總是容易“失控”？B端產(chǎn)品設(shè)計與C端有何差異？如何在不斷復(fù)雜的系統(tǒng)中，權(quán)衡效率、成本、體驗之間的關(guān)系？
本文將帶你從B端產(chǎn)品的本質(zhì)出發(fā)，了解產(chǎn)品發(fā)展過程中容易出現(xiàn)的問題，并從復(fù)雜系統(tǒng)的角度去探討設(shè)計體系的構(gòu)建方式。
目錄
一、「 困局 」容易“失控”的B端產(chǎn)品
A .「 關(guān)注重點的差異性 」
B .「 微小差異的不斷疊加 」
C .「 產(chǎn)品發(fā)展進(jìn)入惡性循環(huán) 」
D .「 進(jìn)入效率拐點，產(chǎn)品失控 」
二、「 啟發(fā) 」從復(fù)雜科學(xué)的角度思考設(shè)計
A.「 自然算法 」
B.「 物質(zhì)的構(gòu)成原理 」
三、「 探究 」什么是產(chǎn)品設(shè)計體系？
A.「 定義 」
B .「 組成部分 」
C .「團(tuán)隊能力要求 」
D .「 構(gòu)建方向 」
四、「 剖析 」B端產(chǎn)品的生命周期
「 產(chǎn)品生命周期概述 」
A .「 初創(chuàng)期 」解決核心問題，產(chǎn)生價值
B .「 成長期 」能力完善，產(chǎn)品擴(kuò)張
C .「 成熟期 」效率提升，快速增長
D .「 暮年期 」商業(yè)價值降低，發(fā)展逐漸停滯
NEXT、「 下期預(yù)告 」設(shè)計體系的構(gòu)建法則
前言
隨著產(chǎn)業(yè)互聯(lián)網(wǎng)時代的到來，市場對B端產(chǎn)品的重視程度逐漸提升。然而，談及B端產(chǎn)品，特別是SaaS產(chǎn)品，大多數(shù)設(shè)計師對此并不是特別感興趣。一來，SaaS更注重功能層面，似乎本身對設(shè)計的要求并不高；二來，SaaS產(chǎn)品的最終實現(xiàn)效果總是不盡人意，就算設(shè)計得再好看，實現(xiàn)出來也難以出彩。
確實，若設(shè)計師僅僅只是關(guān)注視覺層面本身，那么B端產(chǎn)品確實不像C端那么吸引人。但是，若你能以整個產(chǎn)品構(gòu)建的角度去思考B端產(chǎn)品設(shè)計，那么設(shè)計師能夠在其中發(fā)揮的空間是巨大的。
假如把C端產(chǎn)品比作精致的小房子，那B端產(chǎn)品就是一幢巨大的高層建筑。建造小房子，你可以盡情地發(fā)揮創(chuàng)意，追逐潮流，大不了推倒重來。而建造大房子，則需要設(shè)計師考慮更多的維度，因為這是一個長期而復(fù)雜的工程。
建筑的外觀不僅需要好看，更需要足夠耐看、穩(wěn)定；為了適應(yīng)更多人的需求，你不僅要考慮房子的軟裝，還要考慮戶型的合理性、通用性；而為了降低成本，你還需要考慮家具、硬裝的標(biāo)準(zhǔn)化、房間的兼容性等等…
“你是否有信心建造一個宏偉的高樓大廈？”
這是我在B端設(shè)計中，反復(fù)強(qiáng)調(diào)體系化思維的原因之一。想要建造一個大型建筑，沒有體系化思維、沒有更完善的多職能協(xié)作流程，那么這座高樓一定會在建設(shè)過程中埋下隱患。而當(dāng)問題一旦出現(xiàn)，涉及到的沉沒成本也將會非常巨大。
當(dāng)然，對于C端產(chǎn)品來說，體系化也愈發(fā)重要了。隨著互聯(lián)網(wǎng)時代的持續(xù)發(fā)展，一些C端產(chǎn)品的復(fù)雜性也堪比B端。我在之前的文章中提到過一個觀點：“C端B化，B端C化”。在未來的數(shù)字產(chǎn)品設(shè)計中，B端產(chǎn)品將會逐漸開始重視產(chǎn)品的外觀與體驗，因為觸達(dá)的人群更年輕化、對體驗要求更高了。而C端產(chǎn)品也會更注重體系化建設(shè)，因為產(chǎn)品體量越來越大，需要尋求效率與成本之間的平衡點。
產(chǎn)品設(shè)計體系，本質(zhì)上是一套更科學(xué)的復(fù)雜性數(shù)字產(chǎn)品的設(shè)計方法與工作流程。因此，不管是B端產(chǎn)品還是C端產(chǎn)品，設(shè)計體系能夠在提升設(shè)計品質(zhì)的同時，讓產(chǎn)品更“可控”，提升效能，降低成本。
這套設(shè)計方法論，是我在工作中不斷實踐與完善的一些經(jīng)驗與方法。希望能借此分享一些自己淺薄的經(jīng)驗，也探討一下數(shù)字產(chǎn)品設(shè)計未來的形態(tài)。
?
一、「 困局 」容易“失控”的B端產(chǎn)品
-
作為較為復(fù)雜的數(shù)字產(chǎn)品，B端產(chǎn)品在快速發(fā)展的過程中，總是容易出現(xiàn)一些問題。特別是當(dāng)產(chǎn)品體量到達(dá)一定階段后，問題就會逐漸暴露出來，比如：
1. 產(chǎn)品丑、設(shè)計質(zhì)量低；
2. 組件樣式繁多，操作習(xí)慣不一致；
3. 新老系統(tǒng)差異大，不同模塊體驗差異大；
4. 頁面結(jié)構(gòu)混亂。
等等…
很多問題大家都能明顯地意識到，但往往因為“不影響售賣”、“價值不高”、“新功能優(yōu)先”等理由被擱置。
隨著問題逐漸積累，產(chǎn)品的優(yōu)化成本也變得越來越高，最終使整個產(chǎn)品已經(jīng)積重難返。若只是多部分頁面/組件進(jìn)行優(yōu)化，小修小補(bǔ)，雖然成本低，但成效甚微；若是進(jìn)行大修大補(bǔ)，那么優(yōu)化成本將遠(yuǎn)大于研發(fā)新功能的成本。
這種普遍的B端產(chǎn)品現(xiàn)象，被稱為“產(chǎn)品失控”，即——團(tuán)隊已經(jīng)對整個產(chǎn)品的形態(tài)失去控制力。
那么，為什么B端產(chǎn)品特別容易出現(xiàn)這種問題呢？
A .「 關(guān)注重點的差異性 」
首先，產(chǎn)品的本質(zhì)決定了其關(guān)注重點的差異性。
與C端產(chǎn)品不同的是，B端產(chǎn)品往往更看重“能力”（為企業(yè)用戶解決問題），而產(chǎn)品的銷售方式與付費模式，也決定了產(chǎn)品體驗并非首要關(guān)注的對象。由于B端產(chǎn)品通常針對企業(yè)用戶，需要更長的研發(fā)過程，產(chǎn)品的體量和復(fù)雜性也相對較高。因此，除了產(chǎn)品解決問題的“能力”之外，產(chǎn)品還需要關(guān)注研發(fā)的效率及成本。
因此，在產(chǎn)品的發(fā)展初期，企業(yè)通常對效率最為關(guān)注，其次是成本，最后才是體驗（能用就行）。絕大多數(shù)B端企業(yè)，只有在產(chǎn)品跑通商業(yè)邏輯，并具備一定用戶與盈利預(yù)期之后，才會對產(chǎn)品的體驗逐漸重視起來。
B .「 微小差異的不斷疊加 」
任何微小的差異，在無數(shù)次的疊加之后，都會被快速放大。特別是當(dāng)團(tuán)隊的人員逐漸增多后，放大速度將會呈指數(shù)級上升。
為了配合產(chǎn)品的快速發(fā)展，產(chǎn)品往往會采用“堆量”的研發(fā)模式。增加研發(fā)效率，最簡單直接的方法便是投入更多的資源。隨著產(chǎn)品不斷增加模塊、功能、頁面，團(tuán)隊人員也在不斷地擴(kuò)充。
但是，人類不是機(jī)器，并非簡單的1+1=2。團(tuán)隊數(shù)量的上升雖然會帶來效率的短期提升，但同樣也會增加團(tuán)隊的管理成本。不同的產(chǎn)品經(jīng)理、設(shè)計師、研發(fā)人員，對于產(chǎn)品的認(rèn)知是不同的。隨著團(tuán)隊人員的不斷增加，“個體差異性”將會被不斷地疊加與放大。
就像“傳話筒”的游戲一樣，同一個事物，不同的人理解總是不同的，經(jīng)過多次的“傳話”以后，往往與原本的意思已經(jīng)大相徑庭了。
這種情況表現(xiàn)在產(chǎn)品設(shè)計中，則會出現(xiàn)：當(dāng)相同的組件由不同的人做時，總是會在基本樣式、實現(xiàn)原理、交互細(xì)節(jié)等不同的維度出現(xiàn)差異。比如上圖中的導(dǎo)航菜單組件，不同的模塊在開發(fā)時總是會存在差異，最后差異越來越大，形成了五花八門的導(dǎo)航菜單形式。
C .「 產(chǎn)品發(fā)展進(jìn)入惡性循環(huán) 」
令人遺憾的是，雖然問題很明顯。但是在不斷的“成本考量”中，產(chǎn)品團(tuán)隊往往優(yōu)先關(guān)注新功能的開發(fā)，而忽略底層問題的優(yōu)化。
隨著產(chǎn)品的快速發(fā)展，產(chǎn)品的優(yōu)化/迭代成本將會逐漸大于研發(fā)新功能的成本。要么背負(fù)巨大的成本進(jìn)行整體重構(gòu)；要么降低標(biāo)準(zhǔn)，繼續(xù)以這種模式不斷疊加新功能。
在這種情況下，大部分B端產(chǎn)品往往會選擇后者。于是，產(chǎn)品的發(fā)展將會進(jìn)入一個“惡性循環(huán)”：
產(chǎn)品快速發(fā)展，功能不斷疊加；
各模塊由不同的產(chǎn)品、不同的開發(fā)研發(fā)，導(dǎo)致各模塊之間差異增加；
產(chǎn)品丑、體驗不統(tǒng)一，但老系統(tǒng)優(yōu)化成本過高。綜合衡量，優(yōu)先進(jìn)行新功能研發(fā)；
所有模塊標(biāo)準(zhǔn)不統(tǒng)一，產(chǎn)品迭代效率持續(xù)降低，維護(hù)成本持續(xù)增加。
…
D .「 進(jìn)入效率拐點，產(chǎn)品失控 」
產(chǎn)品的發(fā)展猶如一輛快速奔馳的巨型列車，一旦加速便難以停止。
隨著問題的反復(fù)出現(xiàn)，以及在一次次的“利益權(quán)衡”中選擇性的忽略，產(chǎn)品的惡性循環(huán)不斷重復(fù)，而問題也逐漸疊加、沉積下來。
當(dāng)這個問題已經(jīng)大到我們無法回避時，我們才發(fā)現(xiàn)：產(chǎn)品的單位迭代/優(yōu)化成本，已經(jīng)遠(yuǎn)遠(yuǎn)大于新功能的研發(fā)成本。而新功能帶來的增量，已經(jīng)無法抵消現(xiàn)有模塊的迭代成本——產(chǎn)品迎來了效率拐點。
就像一個龐大而復(fù)雜的機(jī)器，雖然依舊可以運行，但整體效率已經(jīng)很低了，而與之對應(yīng)的維修成本則非常巨大。小修小補(bǔ)根本無法解決問題，而大修大補(bǔ)則很有可能會帶來更大的虧損。
最終，產(chǎn)品逐漸在“失控”中難以自拔，競爭力逐漸降低，但整個團(tuán)隊對此卻無能為力，嚴(yán)重影響了企業(yè)的發(fā)展。
那么，在產(chǎn)品發(fā)展中，我們應(yīng)該如何避免這種情況呢？換而言之，一個高度復(fù)雜的數(shù)字產(chǎn)品，我們應(yīng)該如何設(shè)計，才能避免其逐步走向混亂？
?
二、「 啟發(fā) 」從復(fù)雜科學(xué)的角度思考設(shè)計
-
如果我們將B端產(chǎn)品看作是一個復(fù)雜系統(tǒng)，那么產(chǎn)品“失控”的本質(zhì)即——在不斷復(fù)雜化的形態(tài)中，缺乏有效的控制機(jī)制，最終導(dǎo)致整個系統(tǒng)失去控制。
但是，在大自然面前，B端產(chǎn)品這種復(fù)雜程度顯然不值得一提。
像大自然這樣的復(fù)雜系統(tǒng)，是如何構(gòu)成的？所有的物體都由原子所構(gòu)成，為什么簡單的一百多種原子，能夠構(gòu)成如此復(fù)雜的世界？生命又是如何在無機(jī)物的世界中誕生，并逐步進(jìn)化成如此復(fù)雜的個體的？
A.「 自然算法 」
道生一、一生二、二生三、三生萬物...無論是老子的《道德經(jīng)》，還是《深奧的簡潔》、《萬物皆數(shù)》、《復(fù)雜》這些現(xiàn)代的書籍中都闡述了這樣一個觀點：
任何看似復(fù)雜而又可控的系統(tǒng)，一定存在著精簡的“算法”，通過不斷的疊加從而形成復(fù)雜系統(tǒng)。
就像愛因斯坦說的：“宇宙最不可理解之處，就是它居然是可以被理解?！?
在大自然中，有很多的花紋與圖案的形狀都存在相同的規(guī)律。比如上圖中的羊齒草分形圖案，這種圖案在森林當(dāng)中到處可見，我們看到很多樹的形狀跟葉子的形狀是一致的，這就是一種分形圖案。而這種分形的圖案本質(zhì)上是一個公式，通過不斷地自我引用進(jìn)行迭代，這便是分形。
科赫曲線（Koch curve）就是一種分形。其形態(tài)似雪花，又稱科赫雪花（Koch snowflake）、科赫星（Koch star）、科赫島（Koch island）或雪花曲線（Snowflake curve）。
它最早出現(xiàn)在瑞典數(shù)學(xué)家海里格·馮·科赫的論文中。我們將一根直線分成四段，然后向中間擠壓形成等邊的倒V形狀；接著再將每個倒V的邊進(jìn)行相同的操作，不斷地重復(fù)之后，我們發(fā)現(xiàn)：第一步是倒V型、第二步變成了大衛(wèi)星，第三部變成了楓葉，第四步… 經(jīng)過無數(shù)步以后，最終成了越來越復(fù)雜的“雪花”形態(tài)。
科赫曲線便是“自然算法”的一種。海岸線雖然很復(fù)雜，但是卻有一個重要的特性——自相似性。從不同比例尺的地形圖上，我們可以看出海岸線的形狀大體相同，其曲折、復(fù)雜程度也很相似，換句話說，任意一段海岸線就像是整個海岸線按比例縮小的結(jié)果。而海岸線的構(gòu)成原理就是這種科赫曲線，它是通過天然的演化，不斷折疊最終形成了這種形狀。
可以發(fā)現(xiàn)，他們都是由 基礎(chǔ)物質(zhì) x 簡單算法 x 隨機(jī)變量，經(jīng)過無數(shù)次疊加后，最終形成了一個復(fù)雜而多變的整體。
B.「 物質(zhì)的構(gòu)成原理 」
宇宙中還有其他各種驚人的“巧合”。愛因斯坦的相對論揭示了宏觀世界的規(guī)律性，普朗克和海森堡的量子力學(xué)揭示了微觀物質(zhì)世界的規(guī)律。當(dāng)我們從微觀世界到天文學(xué)會發(fā)現(xiàn)——原子核的構(gòu)成方式居然與天體的構(gòu)成非常相似。粒子圍繞原子核的運動方式，就好像行星圍繞太陽運動一樣。
不管是整個宇宙，還是生命體，將其置于復(fù)雜科學(xué)的研究框架中，那些基本定律最終也會變得極其簡單。
在宇宙中所知最為復(fù)雜的形態(tài)，便是如同我們自身的生物。這些復(fù)雜體由已知存在于銀河系中最普通的物質(zhì)所構(gòu)成。但是，通過氨基酸的形態(tài)，這些基本原料竟能自然地將自己組合成一個自組織系統(tǒng)。
混沌中隱藏的算法，使宇宙成為極有秩序的地方。而在秩序中隱藏的隨機(jī)數(shù)，又使得宇宙成為極為豐富的世界。
也正是因為算法的精簡，一切物質(zhì)的創(chuàng)造才能具備復(fù)制性、延續(xù)性、進(jìn)化性。
那么，我們反過來思考——想要使復(fù)雜的系統(tǒng)簡單可控，是否就需要一套簡潔、有效的“算法”？通過“算法”，將基礎(chǔ)的“物質(zhì)”不斷地“有序疊加”，形成一個可控的復(fù)雜體系。
因此，對于復(fù)雜的SaaS系統(tǒng)設(shè)計，我開始引入“設(shè)計體系”這一概念，希望能夠找到未來SaaS產(chǎn)品設(shè)計的發(fā)展方向。只有設(shè)計體系的建立，才能保證產(chǎn)品可控性，才能在不斷復(fù)雜系統(tǒng)中，保證效率、成本、體驗之間的平衡。
?
三、「 探究 」什么是產(chǎn)品設(shè)計體系？
-
產(chǎn)品設(shè)計體系，在國內(nèi)仍舊是較為陌生的詞匯。什么是設(shè)計體系？
A.「 定義 」
一個成熟的數(shù)字產(chǎn)品，需要有一個穩(wěn)定、且持續(xù)迭代的形態(tài)。創(chuàng)造這個形態(tài)的過程，我們稱之為廣義上的產(chǎn)品設(shè)計（這里指產(chǎn)品的整個策劃和設(shè)計過程，包含策劃、交互、視覺及部分前端開發(fā)）。而負(fù)責(zé)控制和維護(hù)這個形態(tài)的這套系統(tǒng)，便是產(chǎn)品設(shè)計體系。
我們接觸到的更多是設(shè)計系統(tǒng)（Design System），比如平臺級的設(shè)計體系，Apple、Google、Microsoft等系統(tǒng)級的設(shè)計系統(tǒng)，及其設(shè)計開發(fā)套件、應(yīng)用生態(tài)。公司級的設(shè)計系統(tǒng)，如Airbnb設(shè)計系統(tǒng)、IBM的Carbon設(shè)計系統(tǒng)、螞蟻金服的Alipay Design等。
但是，在一個企業(yè)內(nèi)部，想要Design System能夠系統(tǒng)性地運轉(zhuǎn)，還需要基于這套標(biāo)準(zhǔn)建立的團(tuán)隊協(xié)作機(jī)制。只有設(shè)計標(biāo)準(zhǔn)與團(tuán)隊協(xié)作標(biāo)準(zhǔn)完美融合，才能建立真正的設(shè)計體系。
B .「 組成部分 」
如果將數(shù)字產(chǎn)品比作復(fù)雜的“生命體”，產(chǎn)品的發(fā)展比作競爭中“自我進(jìn)化”，那么設(shè)計體系便是產(chǎn)品的DNA。它既是產(chǎn)品形態(tài)的控制源，又是不斷自我迭代的進(jìn)化源，它的作用是：
控制產(chǎn)品外觀——感知性模型（視覺風(fēng)格/規(guī)范）
制造基礎(chǔ)構(gòu)件——功能性模型（基礎(chǔ)/復(fù)合組件）
模塊的構(gòu)建規(guī)則——模式語言（產(chǎn)品框架規(guī)范）
產(chǎn)品標(biāo)準(zhǔn)定義、生產(chǎn)方式制定——協(xié)作模型（高度協(xié)同的工作流程）
它不僅能控制產(chǎn)品的“生產(chǎn)結(jié)果”，提升產(chǎn)品質(zhì)量；還能規(guī)范產(chǎn)品的“生產(chǎn)過程”，形成一套完整的多職能協(xié)作流程，提升產(chǎn)品的生產(chǎn)、迭代和維護(hù)效率。
從宏觀來看，設(shè)計體系像是一個“規(guī)范的復(fù)合體”，它是各職能之間規(guī)范的有效整合，產(chǎn)品框架、交互規(guī)范、視覺規(guī)范、前端規(guī)則，同時也是基于整合規(guī)范所創(chuàng)造的一套創(chuàng)新的工作模式。
C .「團(tuán)隊能力要求 」
設(shè)計體系的建立，需要整個產(chǎn)品團(tuán)隊擁有一致的目標(biāo)，并為之通力協(xié)作才能完成。這就需要整個團(tuán)隊擁有較高的平均素質(zhì)與契合度。
同時，體系化的建立和推動，也需要團(tuán)隊中有人牽頭去推動。設(shè)計師作為“產(chǎn)品-開發(fā)”的中間環(huán)節(jié)，是非常有條件成為推動者的角色的。
當(dāng)然，這就要求設(shè)計師擁有更豐富的橫向能力。
一方面，設(shè)計師需要將自身的能力邊界進(jìn)行拓展，與上下游的職能保持密切的溝通，并解他們的訴求。只有當(dāng)設(shè)計體系滿足各方利益時，體系化才有推動的空間。
另一方面，對于產(chǎn)品側(cè)與開發(fā)側(cè)人員，設(shè)計團(tuán)隊也可以通過培訓(xùn)來提升他們的能力邊界。比如針對產(chǎn)品的交互培訓(xùn)、針對開發(fā)人員的基礎(chǔ)審美培訓(xùn)等。這樣才能提升產(chǎn)品的下限與上限，增強(qiáng)產(chǎn)品的綜合競爭力。
D .「 構(gòu)建方向 」
設(shè)計體系并非超脫于產(chǎn)品之上，而是根植于產(chǎn)品的成長過程中。
想要推動體系化的建立，必須充分了解產(chǎn)品發(fā)展的基本規(guī)律。產(chǎn)品處于不同的生命周期，所要解決的問題是不同的。在正確的時間做正確的事情，并對未來的形態(tài)進(jìn)行規(guī)劃，才能逐步讓設(shè)計體系根植于產(chǎn)品、融合于產(chǎn)品。
因此，在下一章，我們首先來了解一下B端產(chǎn)品的生命周期。
?
四、「 剖析 」B端產(chǎn)品的生命周期
-
對于設(shè)計師來說，首先要更宏觀地了解產(chǎn)品所處的生命階段，才能知道設(shè)計需要解決的問題是什么，并以此有針對性制定不同的設(shè)計策略，最終幫助產(chǎn)品構(gòu)建完善設(shè)計體系。
本章更多的是對B端產(chǎn)品的發(fā)展階段做一個剖析，而不同階段具體的實施策略，會在后面講解。
「 產(chǎn)品生命周期概述 」
類似于人的成長歷程，一個新的B端產(chǎn)品從誕生到逐步擴(kuò)大，通常都會經(jīng)歷幾個不同的生命階段。
B端產(chǎn)品研發(fā)是一個漫長而系統(tǒng)化的過程。這個過程通常伴隨著商業(yè)業(yè)務(wù)發(fā)展與商業(yè)戰(zhàn)略模式的不斷調(diào)整。
B端產(chǎn)品從立項到下線，產(chǎn)品會處于幾個典型的不同狀態(tài)中，這就是產(chǎn)品的生命周期。通常來看，大多數(shù)產(chǎn)品都會經(jīng)歷以下幾個生命周期。初創(chuàng)期-成長期-成熟期，直至最終進(jìn)入暮年期。
而產(chǎn)品的商業(yè)價值，也會伴隨著產(chǎn)品的發(fā)展而變化。在通常情況下，伴隨著產(chǎn)品的逐漸成長，其商業(yè)價值也會隨之增長，并在成熟期進(jìn)入黃金的商業(yè)價值期。而當(dāng)商業(yè)價值出現(xiàn)大幅、持續(xù)性的降低時，則基本算是進(jìn)入了暮年期。
那么，不同的生命周期中，產(chǎn)品將會遇到哪些問題？而為了保證產(chǎn)品的持續(xù)發(fā)展，產(chǎn)品團(tuán)隊又需要做哪些事情呢？
A .「 初創(chuàng)期 」解決核心問題，產(chǎn)生價值
初創(chuàng)期，即產(chǎn)品已經(jīng)從構(gòu)思到研發(fā)，并成為了初步的產(chǎn)品。這個時期，產(chǎn)品雖然還不能覆蓋完整業(yè)務(wù)，但已經(jīng)能夠順利運行。
從構(gòu)思到創(chuàng)意，再到實踐落地。B端產(chǎn)品的誕生，通常源于在行業(yè)內(nèi)深耕多年的資深玩家。在不斷地實踐中，通過創(chuàng)意與實踐，找到了一條能夠幫助行業(yè)解決問題、提升效率的路徑。
1）用戶是誰？
B端業(yè)務(wù)的本質(zhì)，就是“向組織銷售服務(wù)來獲得盈利”。哪些企業(yè)最需要你的產(chǎn)品？哪一類用戶的問題最需要通過這種方式得到解決的？這些都是需要在早期非常明確的。
站在普羅大眾的角度去規(guī)劃產(chǎn)品固然是好的，但成功的產(chǎn)品都始于一小部分早期用戶；B端產(chǎn)品的用戶通常來自某一垂直領(lǐng)域，首先讓他們喜歡上你的產(chǎn)品，然后慢慢向外拓展至更大的人群當(dāng)中。
想想看，最初一千名喜歡你產(chǎn)品的種子用戶可能是哪些人？
2）產(chǎn)品能夠解決什么問題？
我們要為用戶解決什么問題？“用戶的問題”可能是一個需求、一個困擾或是一個機(jī)遇。他們的需求是否真的是痛點？
這個時期，團(tuán)隊需要拜訪大量的目標(biāo)用戶，通過交流獲取痛點。我們必須驗證這個需求的真實性，以及我們的解決方案是否具備一定的可實施性。
我們可以通過更具象的UI或流程，初步展示想法，不斷優(yōu)化。最終形成一個可驗證的初步產(chǎn)品Demo，并通過Demo進(jìn)一步與潛在用戶進(jìn)行溝通。
3）這個問題是否普遍？是否具備標(biāo)準(zhǔn)化的可能？
不同企業(yè)的需求是有差異的，如何將個性化的需求抽象成共性的解決方案？如何權(quán)衡范圍與成本之間的關(guān)系？我們要將不同企業(yè)的需求進(jìn)行抽象，形成標(biāo)準(zhǔn)化的解決路徑。
這個階段，我們需要為種子用戶創(chuàng)建方向聚焦的MVP。MVP必須是名副其實的最小化可行產(chǎn)品，要為種子用戶帶來端到端的精準(zhǔn)體驗。如果他們不理解產(chǎn)品功能，不知道如何或為什么使用，或是發(fā)現(xiàn)其性能低劣、bug 太多，無法達(dá)到“可行”的程度，那么你的假設(shè)就難以得到有效驗證。
4）是否能夠形成完整的商業(yè)閉環(huán)？
用戶是否真的會為這個產(chǎn)品買單？換句話說，產(chǎn)品是否能賺錢并且養(yǎng)活整個團(tuán)隊？
B端產(chǎn)品在初創(chuàng)期，最重要的是快速驗證產(chǎn)品與業(yè)務(wù)的親密性，能否完成既定的商業(yè)戰(zhàn)略。產(chǎn)品團(tuán)隊需要通過磨合業(yè)務(wù)，快速調(diào)整業(yè)務(wù)解決方案和產(chǎn)品架構(gòu)。
不僅是產(chǎn)品的打磨，整個團(tuán)隊也要形成完整的閉環(huán)。工作流程、產(chǎn)品的商業(yè)運轉(zhuǎn)機(jī)制也要初步跑起來。產(chǎn)品的售前、解決方案、產(chǎn)品研發(fā)、實施、客戶成功，我們需要真實地完成這一套閉環(huán)的操作，并基于此做團(tuán)隊毛利模型的測算。
解決問題，帶來價值，并且能夠?qū)r值轉(zhuǎn)化為收益，這才是產(chǎn)品可持續(xù)發(fā)展的關(guān)鍵。只有跑通完整的商業(yè)模式，擁有長期的盈利預(yù)期，產(chǎn)品才能順利進(jìn)入下一個階段。
B .「 成長期 」能力完善，產(chǎn)品擴(kuò)張
成長期，即產(chǎn)品形態(tài)初具完善，并具備完整商業(yè)閉環(huán)之后，處于快速成長的時期。這個時期，產(chǎn)品將進(jìn)行快速的迭代，覆蓋的業(yè)務(wù)一天比一天完整，能滿足的業(yè)務(wù)需求越來越多，而產(chǎn)品為業(yè)務(wù)帶來的價值越來越大。
與新生期的區(qū)別在于，新生期時的迭代方向還未完全明確，迭代更多的是嘗試，磨合業(yè)務(wù)與產(chǎn)品。而在成長期時，產(chǎn)品的迭代方向已經(jīng)是非常清晰了的。
1）更多用戶，更多真實需求
產(chǎn)品在真正投入運營之后，所遇到的情況一定與MVP時期有所區(qū)別。隨著產(chǎn)品的不斷售賣，我們將會接觸到越來越多的真實用戶，以及更多的真實需求。而這些用戶與他們的訴求，將會成為產(chǎn)品發(fā)展的指引。
2）解決更多問題，業(yè)務(wù)范圍擴(kuò)張
經(jīng)過長期的打磨，產(chǎn)品的形態(tài)和可用性已經(jīng)初步成熟了，商業(yè)模式也已經(jīng)初步跑通。隨著更多的真實需求，產(chǎn)品將會選擇有價值的方向擴(kuò)張業(yè)務(wù)范圍，從“解決一個問題”逐漸走向“解決一系列問題”。
3）功能完善，產(chǎn)品體量快速增加
伴隨產(chǎn)品的快速迭代，產(chǎn)品的基礎(chǔ)功能會逐漸完善，同時也會基于核心功能去搭建更為豐富的功能矩陣。更多的能力、產(chǎn)品模塊、頁面，最終逐漸疊加為一個完整的大型產(chǎn)品。
4）組織逐漸完善，人員專業(yè)化
隨著業(yè)務(wù)擴(kuò)張，組織架構(gòu)逐漸完善。為了提高專業(yè)性與效率，團(tuán)隊人員從“多面手”逐漸轉(zhuǎn)化為專業(yè)化方向。與之對應(yīng)的是，團(tuán)隊成員的數(shù)量也會在這個時期快速增加。售前、解決方案、產(chǎn)品研發(fā)、實施、客戶成功，這一套完整的團(tuán)隊模型在各模塊中不斷地復(fù)制。
C .「 成熟期 」效率提升，快速增長
成熟期，即產(chǎn)品的形態(tài)已經(jīng)穩(wěn)定，并能夠創(chuàng)造持續(xù)的商業(yè)價值。處于成熟期的產(chǎn)品，肯定是已經(jīng)進(jìn)行商業(yè)化運行的。反之，沒有達(dá)到預(yù)期的商業(yè)價值的產(chǎn)品，不能算成熟期。
進(jìn)入這個階段時，產(chǎn)品已經(jīng)實現(xiàn)了產(chǎn)品-市場匹配。但是，我們需要對整個產(chǎn)品、以及團(tuán)隊進(jìn)行一系列的調(diào)和與優(yōu)化，才能讓整個產(chǎn)品的形態(tài)與運作方式更加合理，以便將產(chǎn)品推向更廣闊的市場。
1）產(chǎn)品效率、組織效能提升
經(jīng)過一系列的快速發(fā)展，產(chǎn)品體量通常都會比較大，而團(tuán)隊成員也快速擴(kuò)張。隨著一致性成本、溝通成本增加，勢必會造成研發(fā)效率、組織效能會下降。因此，如何降低產(chǎn)品的單位研發(fā)成本？如何讓整個團(tuán)隊的組織效能達(dá)到最佳狀態(tài)？是需要解決的問題。特別是當(dāng)產(chǎn)品具備一定的客戶數(shù)量以后，單位研發(fā)成本的降低將會極大提升產(chǎn)品整體的利潤率。
2）產(chǎn)品設(shè)計-研發(fā)標(biāo)準(zhǔn)化，構(gòu)建完整鏈路
通過產(chǎn)品設(shè)計-研發(fā)標(biāo)準(zhǔn)化、數(shù)據(jù)架構(gòu)標(biāo)準(zhǔn)化，打通不同模塊的壁壘，提升模塊化與靈活性。將單點之間的競爭力相互配合，形成“場域”競爭力。
產(chǎn)品的單點也許不能保證都有最佳的競爭力，但如果我們能夠提供一系列的、高質(zhì)量、無縫銜接的配套服務(wù)形成閉環(huán)，將會形成強(qiáng)大的整體競爭優(yōu)勢。同時，產(chǎn)品設(shè)計-研發(fā)標(biāo)準(zhǔn)化，能夠增加產(chǎn)品售賣的靈活性，通過靈活的組合方式吸引不同的用戶，提升銷售靈活性與成單率。
3）提供高質(zhì)量的用戶體驗
產(chǎn)品最終是給人用的，用戶體驗也會在將來逐漸成為B端產(chǎn)品的核心競爭力。隨著競爭的加劇，以及用戶群體的逐漸年輕化，用戶體驗將成為企業(yè)在選擇產(chǎn)品時的重要考量因素，也是口碑傳播的重要途徑。
由于在“產(chǎn)品-市場匹配”階段需要盡快地推出產(chǎn)品，所以在設(shè)計開發(fā)過程中可能遺留諸多問題，需要進(jìn)一步打磨優(yōu)化。產(chǎn)品設(shè)計需要與開發(fā)具備高度的一致性，視覺交互是否合理，前端代碼是否準(zhǔn)確合理，操作反饋是否高效等問題，都需要這個階段來進(jìn)行調(diào)和。
4）教育市場，賣給更多的人
當(dāng)產(chǎn)品逐漸成熟并具備一定體量之后，單靠銷售跑單是遠(yuǎn)遠(yuǎn)達(dá)不到發(fā)展要求。這個階段，需要市場部人員對市場進(jìn)行教育，聚焦不同的行業(yè)領(lǐng)域，從“點式營銷”轉(zhuǎn)變?yōu)椤懊媸綘I銷”，并配合銷售人員進(jìn)行產(chǎn)品的售賣。因此，在這個階段，產(chǎn)品的品牌力、核心能力的傳播將至關(guān)重要。
D .「 暮年期 」商業(yè)價值降低，發(fā)展逐漸停滯
暮年期，即產(chǎn)品發(fā)展停滯甚至倒退，逐漸失去商業(yè)價值的產(chǎn)品。
B端產(chǎn)品進(jìn)入暮年期的原因，主要有兩個。一是，伴隨著業(yè)務(wù)的發(fā)展，產(chǎn)品已經(jīng)很難滿足業(yè)務(wù)需求。且翻新產(chǎn)品的投入產(chǎn)出比較低。二是，伴隨產(chǎn)品的使用時長，產(chǎn)品將變得臃腫和遲鈍，逐漸難以敏捷地滿足業(yè)務(wù)需求。
很多時候，商業(yè)環(huán)境的快速發(fā)展、技術(shù)的更新迭代都有可能成為產(chǎn)品進(jìn)入暮年期的原因。對于暮年期的產(chǎn)品，根據(jù)商業(yè)戰(zhàn)略，產(chǎn)品經(jīng)理既有可能要延長產(chǎn)品的壽命，也有可能持續(xù)保障產(chǎn)品完成順利換代。當(dāng)然，更多暮年期的B端產(chǎn)品，由于業(yè)務(wù)的調(diào)整，最終迎來生命的終結(jié)。
需要注意的是，很多產(chǎn)品因為在成長期、發(fā)展期無法建立有效的產(chǎn)品控制機(jī)制，導(dǎo)致產(chǎn)品過早的進(jìn)入臃腫階段。也就是前文中所講的“產(chǎn)品失控”，非常有可能加速產(chǎn)品暮年期的到來。
因此，是否能在前三個階段建立健康、完善的設(shè)計體系，是產(chǎn)品能夠獲得更長生命力、更多價值的關(guān)鍵。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：Jady_劍杰
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
AntV 色板是基于 Ant Design 色彩體系，并結(jié)合數(shù)據(jù)可視化特性而設(shè)計。在可視化設(shè)計中，色板的運用原則上優(yōu)先保障準(zhǔn)確性，考慮在操作指引、交互反饋上起到強(qiáng)化或凸顯的作用。其次需兼顧色障礙群體，幫助有色盲色弱的人群也能在數(shù)據(jù)可視化中獲取洞見。本文為你揭秘可視化色板的搭配種類、以及如何使用。
在數(shù)據(jù)可視化領(lǐng)域中，數(shù)據(jù)與顏色的映射是非常重要的一個環(huán)節(jié)。顏色有三個視覺通道，分別是色調(diào)（H）、飽和度（S）、明度（B），不同的視覺通道可以與不同的數(shù)據(jù)類型建議關(guān)聯(lián)。
色調(diào)（H）：通常使用顏色中的不同色調(diào)來描述不同的分類數(shù)據(jù)，如水果品類中蘋果映射為紅色、香蕉映射為黃色、梨映射為綠色，將品類與色調(diào)（H）建立了關(guān)聯(lián)。
飽和度（S）/明度（B）：顏色通過明暗和飽和度的共同變化來描述有序或數(shù)值型的連續(xù)數(shù)據(jù)，比如身高由低到高或由 160cm 到 180 cm 的顏色映射為由淺到深，將連續(xù)變化與顏色的明暗飽和變化建立關(guān)聯(lián)。
AntV 色板以螞蟻極客藍(lán)為起始主色，根據(jù)不同數(shù)據(jù)類型、使用場景擴(kuò)展出 6 種可視化色板類型，可完美兼容 Ant Design UI 資產(chǎn)。以下所有色板均通過無障礙測試校驗，可放心使用。
分類色板用于描述分類數(shù)據(jù)，如蘋果、香蕉、梨，常用一個顏色代表一個值以區(qū)分不同類型，取色時色相分布均衡，相鄰顏色之間明暗需考慮差異性，常用于餅圖的不同分類、填充地圖中的不同國家、關(guān)系圖中的不同角色等。
用法示例
如圖水果價格走勢對比，使用紅色代表蘋果價格、藍(lán)色代表藍(lán)莓價格、黃色代表香蕉價格。
順序色板，一般使用同一或鄰近色相，通過明度和飽和度的漸變，常用來表示同一事物中的數(shù)值大小或梯度變化，如排行榜等級變化、一個國家或地區(qū)新增人口數(shù)對比、風(fēng)險等級變化等。
單色順序色板
單一色相漸變稱之為單色順序色板，人眼可識別的色彩數(shù)量 5～7 個，為保證信息的最佳識別度，盡可能的克制使用顏色數(shù)量。
鄰近色順序色板
為拉開顏色差異，可用兩個或以上個色相，通過明度或飽和度漸變，顏色連續(xù)而豐富，可產(chǎn)生更多色彩分級，表達(dá)更多的連續(xù)數(shù)值，常用于熱力圖中的熱度變化，通過鄰近色相的差異將聚集部分突顯出來
用法示例
2017 年西安居民人均消費支出，通過連續(xù)的顏色變化，可以快速感知出居住方面消費占比最大，其次食品煙酒，第三是交替通信
對比色漸變色板，一般是兩種互補(bǔ)色（也可以是對比色）去展現(xiàn)數(shù)據(jù)從一個負(fù)向值到 0 點再到正向值的連續(xù)變化區(qū)間，顯示相對立的兩個值的大小關(guān)系，常用于氣溫的冷熱、海拔高低、股票漲跌等
用法示例
全國等溫線圖，使用發(fā)散色板表示正負(fù)值的氣溫變化，暖色系的橙紅色容易讓人聯(lián)系到太陽或熾熱的感受，用于高溫變化，顏色越紅溫度越高，反之，冷色系的藍(lán)容易讓人聯(lián)想到冰和寒冷的感受，用于低溫變化，顏色越深溫度越低
疊加色板，為了色盡其用的原則，將兩組順序色板通過圖層疊加模式產(chǎn)生一組新的色板，一個顏色代表兩種變量數(shù)據(jù)，常用于觀察一個事物兩個維度變化的相關(guān)性，如胖瘦和高矮兩個維度的人數(shù)分布中，瘦且高的人群分布
用法示例
雙變量映射地圖，相對于單變量映射的地圖，該地圖形式更加新穎，十分適合用來展示兩個緊密聯(lián)系的變量信息。如下圖所示，圖中展現(xiàn)了美國國民人口居住密度和家庭生產(chǎn)總值的分布關(guān)系，縱向由淺到深的紫色映射了人口密度，橫向由淺到深的藍(lán)色映射了家庭收入水平，相交的顏色可以總體反映出人口和家庭的分布情況?？梢詮牡貓D中清晰地看到，人口多且收入高的大多分布在沿海地區(qū)，人口數(shù)少且收入低的則主要分布在中部地區(qū)。
對比突出重點或特定數(shù)據(jù)，將重點關(guān)注的數(shù)據(jù)標(biāo)以高飽和度的強(qiáng)調(diào)色，其他普通數(shù)據(jù)標(biāo)以低飽和、低明度的基本色，常用于對比重點關(guān)注事物與其他分類事物的差別，如將自家產(chǎn)品與競品的對比使用
用法示例
如圖某工廠歷年能源消耗占比趨勢對比，分別用五種不同的顏色代表五種能源，其中「天然氣」為重點關(guān)注的能源類型，使用飽和度高的藍(lán)代表「天然氣」，其他能源類型著以低飽和度的分類顏色，以便關(guān)注的「天然氣」能夠快速被觀察到，同時其他類型可作為對比參考而不會因顏色過多而產(chǎn)生干擾。
色彩在地圖可視化中的使用，不僅是數(shù)據(jù)信息傳遞的可視化通道，同時也是更深一層的文化故事的載體，用于表達(dá)意義或情感。重視用色習(xí)慣，遵循相關(guān)標(biāo)準(zhǔn)，色彩也不是都能寓意的，相當(dāng)一部分圖表色彩選擇和感情因素?zé)o關(guān)，而是按照某種習(xí)慣來設(shè)定色彩，即所謂約定俗成，有的甚至形成來規(guī)范。如氣象預(yù)警配色，紅綠燈配色，股市的紅漲綠跌等。
用法示例
某水產(chǎn)公司 2019 年的月盈利變化，使用紅色表示盈利，綠色表示虧損。
我們發(fā)現(xiàn)，在提供官方色板的前提下，仍有用戶并不是十分擅長在實際場景中應(yīng)用色板，以下幾條設(shè)計指引供使用時參考。
在實際應(yīng)用中，經(jīng)常會出現(xiàn)大量顏色使用的誤區(qū)，建議高亮重要的數(shù)據(jù)（不超過 7 個），其他數(shù)據(jù)默認(rèn)置灰，通過圖例交互進(jìn)行查看。
同樣的數(shù)據(jù)，映射通道應(yīng)當(dāng)保持唯一性。例如當(dāng)使用柱子高度來映射數(shù)據(jù)大小時，就不需要再使用顏色通道去映射數(shù)據(jù)。
當(dāng)圖表中出現(xiàn)不同顏色時，需要向讀者解釋顏色所代表的含義。
結(jié)合當(dāng)前頁面環(huán)境，建立視覺連續(xù)性，對于統(tǒng)一度量，使用同樣的顏色方案，而且在整個頁面（通常是儀表盤）使用時，注意保持整體顏色方案的一致性。
不同的數(shù)據(jù)類型建議使用對應(yīng)的色板，比如分類數(shù)據(jù)就不建議使用連續(xù)色板。
不以色環(huán)順序來表達(dá)連續(xù)的有序型或數(shù)值型數(shù)據(jù)，因為色環(huán)順序并非人眼自然記憶，且彩虹色變化并非均衡變化，如下圖中灰階的轉(zhuǎn)化，很容易看出彩虹色并不是一個連續(xù)逐漸加深的色板，因此彩虹色環(huán)并不適合展示連續(xù)數(shù)據(jù)，容易引起誤解。
下圖右側(cè)“不建議”圖中，第 2 、第 3 個顏色很相近，難以區(qū)分，第 3 、第 4 個顏色跳躍很大，對于均衡的連續(xù)數(shù)據(jù)表達(dá)中，容易引起數(shù)據(jù)感知的誤差，均衡選色可在 PhotoShop 的拾色器中使用 Lab 模式下固定色相不變，調(diào)節(jié) L 值進(jìn)行等距取色。
AntV 色板在做無障礙驗證時，得出以下幾點取色建議 ：
分類色板選取需明暗交替
雖然正常人眼中右側(cè)分類色板通過色相可以區(qū)分差異，但在視障人士、甚至全色盲，則主要靠顏色的明暗差異來識別不同的數(shù)據(jù)類型，因此分類色板需要注意適度的明暗交替
離散色板盡量選取藍(lán)黃對比
一般場景中，我們常也會使用黃綠配色，黃綠對比中，黃是暖色系，綠是冷色系，同樣能給到對比感受，且打破常規(guī)的藍(lán)紅對比色，給到新穎的色彩感受，但如果你的用戶中視障人士占比較多，則盡量避免綠黃配色，如圖為兩種色板在正常人眼和紅綠色盲眼中的對比效果，黃綠配色在紅綠色盲眼中就失去了色彩對比，難以區(qū)分。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：Ant_Design
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
用戶體驗（User Experience，簡稱UE/UX）這個詞是在上世紀(jì)90年代中期，由用戶體驗設(shè)計師 唐納德·諾曼（Donald Norman）所提出和推廣。
定義：用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。即用戶在使用一個產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個方面。
可用性指的是產(chǎn)品對用戶來說有效、易學(xué)、高效、好記、少錯和令人滿意的程度，即用戶能否用產(chǎn)品完成他的任務(wù)，效率如何，主觀感受怎樣，實際上是從用戶角度所看到的產(chǎn)品質(zhì)量，是產(chǎn)品用戶體驗的核心，不好的可用性會導(dǎo)致用戶放棄使用產(chǎn)品。
可用性由易學(xué)性、效率、可記憶性、容錯性、滿意度、實用性、個性化、可預(yù)測性組成。
指的是用戶學(xué)習(xí)如何與產(chǎn)品進(jìn)行交互，以實現(xiàn)目標(biāo)所花費的時間和精力，即用戶能否在初次使用產(chǎn)品時完成簡單的任務(wù)或?qū)崿F(xiàn)用戶目標(biāo)。
用戶在使用產(chǎn)品一段時間后，能否在合理的時間完成想要達(dá)成的目標(biāo)任務(wù)。這里以騰訊視頻為例，用戶能否快速的下載想要的東西，在同一系列中，可以快速下載更多的相關(guān)內(nèi)容。
我們常說互聯(lián)網(wǎng)是有記憶的，好的產(chǎn)品體驗是幫助用戶去記憶。用戶在體驗中，要對一些有意識、無意識的行為進(jìn)行記憶是一個比較大的負(fù)擔(dān)，如果在一些環(huán)節(jié)通過系統(tǒng)能幫用戶記錄，會降低用戶的負(fù)擔(dān)。比如在搜索、歷史記錄、瀏覽記錄等。
用戶在使用產(chǎn)品時，發(fā)生錯誤后，能否快速幫助用戶識別和糾正錯誤，幫助用戶從錯誤中恢復(fù)的能力。如常見的注冊登錄，當(dāng)用戶屬于郵箱格式不對的時候，給出提示，并且告知錯在哪里。如果提示語只是："請輸入正確的郵箱" 用戶可能會疑惑，錯在哪里。
滿意度指的是用戶與設(shè)計互動產(chǎn)生的愉悅程度，可以是用戶使用產(chǎn)品時流暢的交互和優(yōu)秀的視覺設(shè)計，也可以是用戶在產(chǎn)品中得到的滿足感。比如sir語音交互，王者榮耀等級（滿足感）
產(chǎn)品能否提供用戶在完成任務(wù)時所需要用到的基本功能，例如P圖類軟件，用戶需要對圖片進(jìn)行裁剪、添加濾鏡、摳圖、美顏、補(bǔ)妝、添加文字、去除水印、添加文字等操作。
在滿足實用性的基礎(chǔ)上 針對用戶提供不同場景下的功能定制，如美圖秀秀，在提供圖片美化的同時，針對用戶不同的使用場景還提供視頻剪輯、視頻美容等功能。
用戶能夠預(yù)測到下一步操作或者整個流程的交互，將會發(fā)生什么。舉例淘寶的購買流程。點擊購買按鈕> 選擇商品屬性> 付款> 輸入密碼> 購買成功; 用戶在點擊購買按鈕開始就能夠預(yù)測到下一步或者整個流程的步驟會發(fā)生什么。
可見性是用戶根據(jù)界面中可見元素確定產(chǎn)品可以做什么的設(shè)計原則。
物理功能可見性是基于對象的物理外觀。在視覺上，這種類型的功能可見性使用戶能夠立即清楚地看到在設(shè)計界面中能干什么。例如當(dāng)我們使用音樂類軟件，最常使用的就是播放/暫停，上一曲/下一曲。我們就會尋找去這些圖標(biāo)。其次是分享、收藏、下載、評論等功能需要用到的功能展示在頁面中，這就是功能可見性。
當(dāng)信息或者列表過多時區(qū)分狀態(tài)的展示，將重要的狀態(tài)信息呈現(xiàn)在盡可能高的信息層級當(dāng)中。如iOS信息和QQ郵箱中區(qū)分未讀信息的微標(biāo)。如果將這些徽標(biāo)隱藏起來，會極大地破壞易用性，因為人們將不得不進(jìn)入一個個郵件詳情頁當(dāng)中進(jìn)行確認(rèn)，才能獲取到原本由徽標(biāo)提供的狀態(tài)信息，這樣的互動非常低效且乏味。
當(dāng)用戶在執(zhí)行某項任務(wù)的時候應(yīng)該清晰明了的告知用戶目前在什么步驟，后面還有多少步驟，完整清晰的流程展示。如果將這些信息隱藏起來，用戶會困惑當(dāng)前進(jìn)行到哪一步，接下來還有多少步驟。
強(qiáng)調(diào)需要明確的視覺線索向用戶展示產(chǎn)品可以做什么。例如用戶界面中的交互元素（如滾動條、命令按鈕和圖標(biāo)等）的設(shè)計必須能夠為用戶提供足夠清楚的建議，讓用戶可以清晰地辨別出這些元素所代表的意思是什么、它們的功能是什么，以及如何與它們進(jìn)行交互行為（點擊、長按、滑動 等）
給用戶及時、恰當(dāng)?shù)姆答仯求w驗設(shè)計中非常重要的一項原則；對每個用戶的操作都應(yīng)該有恰當(dāng)?shù)南到y(tǒng)反饋（包含視覺、聽覺、觸覺）。
明確告知用戶當(dāng)前操作發(fā)生了什么。如點擊下載和下載過程給出相對應(yīng)的反饋及進(jìn)度條。
當(dāng)用戶產(chǎn)生某個動作時，給予相對應(yīng)的連接反饋。如大概用戶點擊某個按鈕時，按鈕默認(rèn)的外觀與點擊后的外觀發(fā)生變化，結(jié)合現(xiàn)實世界的開關(guān)去思考（按下 開燈）動作與反饋是連接的，即時的。
希克定律，是1951年由威廉·埃德蒙·希克首先提出的，認(rèn)為人們從數(shù)組中選擇目標(biāo)的時間取決于可用選項的數(shù)量。也就是當(dāng)一個人所面臨的選擇越多，做出選擇所花的時間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時間也會跟著增加。
如京東篩選，在搜索結(jié)果頁會將篩選條件收起，因為里面的篩選條件內(nèi)容過多。用戶會在當(dāng)前頁面選擇的時間增加.將一些項目分組放入二級下單，并且做好歸類，用戶能夠更迅速的作出決定。
費茨定律，是1954 年 由保羅.菲茨首次提出，在人機(jī)交互中指的是通過圖形用戶界面使用鼠標(biāo)或其他類型的指針從一個起始位置移動到一個最終目的所需的時間。
T：代表完成移動所需的平均時間
A：代表光標(biāo)開始/停止時間
B：代表光標(biāo)移動速度
D：代表從起點到目標(biāo)中心的距離
W：代表目標(biāo)的尺寸
簡單來說就是指：隨著目標(biāo)的距離增加，移動到目標(biāo)的時間更長，并且隨著目標(biāo)的尺寸減小，選擇目標(biāo)的時間也會增加。
所以在界面設(shè)計當(dāng)中會遵循越重要的功能，占據(jù)面基會越大。重要圖標(biāo)的點擊熱區(qū)也會增大。便于用戶快速點擊。
屏幕外邊緣和四個角部比屏幕中的其他位置都更容易被定為和選中，所以我們在進(jìn)行產(chǎn)品設(shè)計的過程中，會將常用/重要的操作放置在屏幕邊緣處，便于用戶操作。
神奇數(shù)字7±2法則是1956年由 喬治·米勒 所提出的，根據(jù)喬治·米勒的研究，人類短期的記憶一般一次只能記住5-9個。也就是為什么大多數(shù)APP底部導(dǎo)航為5個的原因。
由于人類的大腦處理信息的能力有限，大腦會將復(fù)雜信息劃分成 塊 和小的單元。如：京東和每日優(yōu)鮮的分類處理。
人類短期的記憶一般一次只能記住5-9個，所以人們總是傾向于把一串?dāng)?shù)字拆分為多個較短的部分進(jìn)行記憶。如銀行卡號和手機(jī)號碼等。
復(fù)雜守恒定律是1984年由 拉里·泰斯勒 所提出的，也稱作泰斯勒定律。認(rèn)為每一個產(chǎn)品設(shè)計的過程中，都有其固有的復(fù)雜性，存在著一個臨界點，超過了這個點產(chǎn)品設(shè)計的過程就不能再簡化了，你只能將固有的復(fù)雜性從一個地方轉(zhuǎn)移到另外一個地方。
在產(chǎn)品設(shè)計中，會盡量的簡化界面。當(dāng)功能過多時進(jìn)行一個整合的處理，跳轉(zhuǎn)或者滑動操作。如查看更多或者常見的漢堡導(dǎo)航。
新鄉(xiāng)重夫認(rèn)為遺忘有兩種：一種是疏漏，另一種是忘卻。他建議采用一些措施來預(yù)防產(chǎn)品的缺陷。
防錯原則認(rèn)為大部分的意外都是由設(shè)計的疏忽，而不是人為操作疏忽。因此，在設(shè)計中要有必要的防錯機(jī)制；比如常見的信息輸入狀態(tài)，未輸入置灰不可點，輸入變?yōu)榭牲c擊狀態(tài)。
微信拍一拍：微信在出了拍一拍功能之后，很多時候點擊頭像的時候會不小心拍到別人，現(xiàn)在的拍一拍是可以撤銷的，在客戶端鼠標(biāo)懸浮上就可以進(jìn)行撤回，移動端長按出現(xiàn)撤回彈窗，兩分鐘內(nèi)有效。
微信朋友圈動態(tài)：點擊返回圖標(biāo)會出現(xiàn)的彈窗，避免誤操作。利用防錯原則，可以避免用戶重新編輯。微信當(dāng)中有很多友好的體驗細(xì)節(jié)?？梢远喽嗳ジ惺?。
奧卡姆剃刀 定律 ：它是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會修士奧卡姆的威廉 （William of Occam，約1285年至1349年）提出。 這個 原理 稱為“如無必要，勿增實體 ”，即“ 簡單有效原理 ”
不必要的元素會降低設(shè)計的效率，不管是實體、視覺或者認(rèn)知上，多余的設(shè)計元素，有可能造成失敗或者其它問題。這并不意味著不能提供給用戶很多的信息，可以用「更多信息」來實現(xiàn)。如夸克瀏覽器，首頁只放置重要功能 搜索 和幾個整合內(nèi)容的圖標(biāo)入口。
讓用戶通過較少的點擊就能找到他們想要的東西或使用功能。如音樂類軟件，在播放音樂之后進(jìn)入其他的tab，在上面都會懸浮播放/暫停的區(qū)域。都能夠隨時操作。
就是產(chǎn)品的易用性，如果年紀(jì)大點的人，也能夠輕松使用所設(shè)計的產(chǎn)品那么是成功的。如抖音沉浸式的體驗，簡單的滑動就能夠觀看想看的內(nèi)容。目前抖音的用戶老年人也逐漸包含在內(nèi)，并且抖音會根據(jù)用戶的停留時長等推送用戶感興趣的內(nèi)容。
頁面的使用率，當(dāng)你想要在一屏新增很多內(nèi)容時，頁面的布局就會變得擁擠和區(qū)域變小，容易過于干擾用戶做出選擇，重要功能不夠突出等?？淇藶g覽器首頁強(qiáng)化了搜索功能 和幾個整合內(nèi)容的圖標(biāo)入口；uc瀏覽器首頁內(nèi)容過多，當(dāng)用戶想要使用搜索功能時很容易被其他內(nèi)容干擾。
前面說到的?？硕烧f到，當(dāng)選擇的數(shù)量越多，用戶做決定的時間就更長。做過多的決定也是一種壓力，在展示內(nèi)容的時候要努力減少用戶的思維負(fù)擔(dān)。如攜程和馬蜂窩金剛區(qū)的內(nèi)容展示，馬蜂窩根據(jù)產(chǎn)品屬性放置了6個重要的功能入口，便于用戶更快的去選擇所想要的功能。
最后我們來探討一下設(shè)計和藝術(shù)的區(qū)別是什么。我看到一句話覺得挺好的。設(shè)計和藝術(shù)的重要區(qū)別是：藝術(shù)拋出問題，而設(shè)計解決問題。
我們設(shè)想一個場景，當(dāng)你在藝術(shù)展廳站在一副名畫面前，你所思考的是什么？是驚嘆畫家的畫技還是整個畫面給你的感覺是一種故事，你會不會思考藝術(shù)家在作畫時的心情，處境，為什么要這么去畫？想表達(dá)怎么樣的情感？
然后我們再設(shè)想一個場景，同樣在藝術(shù)展廳，你身上帶有手機(jī)和相機(jī)。你會選擇用相機(jī)拍照還是用手機(jī)。答案是 相機(jī) 對吧？因為相機(jī)的拍照效果在任何環(huán)境下都會比手機(jī)好。這就是設(shè)計。是能夠真真切切的解決用戶問題的。能夠去感知到的。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：左言右設(shè)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
用戶體驗（User Experience，簡稱UE/UX）這個詞是在上世紀(jì)90年代中期，由用戶體驗設(shè)計師 唐納德·諾曼（Donald Norman）所提出和推廣。
定義：用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。即用戶在使用一個產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個方面。
可用性指的是產(chǎn)品對用戶來說有效、易學(xué)、高效、好記、少錯和令人滿意的程度，即用戶能否用產(chǎn)品完成他的任務(wù)，效率如何，主觀感受怎樣，實際上是從用戶角度所看到的產(chǎn)品質(zhì)量，是產(chǎn)品用戶體驗的核心，不好的可用性會導(dǎo)致用戶放棄使用產(chǎn)品。
可用性由易學(xué)性、效率、可記憶性、容錯性、滿意度、實用性、個性化、可預(yù)測性組成。
指的是用戶學(xué)習(xí)如何與產(chǎn)品進(jìn)行交互，以實現(xiàn)目標(biāo)所花費的時間和精力，即用戶能否在初次使用產(chǎn)品時完成簡單的任務(wù)或?qū)崿F(xiàn)用戶目標(biāo)。
用戶在使用產(chǎn)品一段時間后，能否在合理的時間完成想要達(dá)成的目標(biāo)任務(wù)。這里以騰訊視頻為例，用戶能否快速的下載想要的東西，在同一系列中，可以快速下載更多的相關(guān)內(nèi)容。
我們常說互聯(lián)網(wǎng)是有記憶的，好的產(chǎn)品體驗是幫助用戶去記憶。用戶在體驗中，要對一些有意識、無意識的行為進(jìn)行記憶是一個比較大的負(fù)擔(dān)，如果在一些環(huán)節(jié)通過系統(tǒng)能幫用戶記錄，會降低用戶的負(fù)擔(dān)。比如在搜索、歷史記錄、瀏覽記錄等。
用戶在使用產(chǎn)品時，發(fā)生錯誤后，能否快速幫助用戶識別和糾正錯誤，幫助用戶從錯誤中恢復(fù)的能力。如常見的注冊登錄，當(dāng)用戶屬于郵箱格式不對的時候，給出提示，并且告知錯在哪里。如果提示語只是："請輸入正確的郵箱" 用戶可能會疑惑，錯在哪里。
滿意度指的是用戶與設(shè)計互動產(chǎn)生的愉悅程度，可以是用戶使用產(chǎn)品時流暢的交互和優(yōu)秀的視覺設(shè)計，也可以是用戶在產(chǎn)品中得到的滿足感。比如sir語音交互，王者榮耀等級（滿足感）
產(chǎn)品能否提供用戶在完成任務(wù)時所需要用到的基本功能，例如P圖類軟件，用戶需要對圖片進(jìn)行裁剪、添加濾鏡、摳圖、美顏、補(bǔ)妝、添加文字、去除水印、添加文字等操作。
在滿足實用性的基礎(chǔ)上 針對用戶提供不同場景下的功能定制，如美圖秀秀，在提供圖片美化的同時，針對用戶不同的使用場景還提供視頻剪輯、視頻美容等功能。
用戶能夠預(yù)測到下一步操作或者整個流程的交互，將會發(fā)生什么。舉例淘寶的購買流程。點擊購買按鈕> 選擇商品屬性> 付款> 輸入密碼> 購買成功; 用戶在點擊購買按鈕開始就能夠預(yù)測到下一步或者整個流程的步驟會發(fā)生什么。
可見性是用戶根據(jù)界面中可見元素確定產(chǎn)品可以做什么的設(shè)計原則。
物理功能可見性是基于對象的物理外觀。在視覺上，這種類型的功能可見性使用戶能夠立即清楚地看到在設(shè)計界面中能干什么。例如當(dāng)我們使用音樂類軟件，最常使用的就是播放/暫停，上一曲/下一曲。我們就會尋找去這些圖標(biāo)。其次是分享、收藏、下載、評論等功能需要用到的功能展示在頁面中，這就是功能可見性。
當(dāng)信息或者列表過多時區(qū)分狀態(tài)的展示，將重要的狀態(tài)信息呈現(xiàn)在盡可能高的信息層級當(dāng)中。如iOS信息和QQ郵箱中區(qū)分未讀信息的微標(biāo)。如果將這些徽標(biāo)隱藏起來，會極大地破壞易用性，因為人們將不得不進(jìn)入一個個郵件詳情頁當(dāng)中進(jìn)行確認(rèn)，才能獲取到原本由徽標(biāo)提供的狀態(tài)信息，這樣的互動非常低效且乏味。
當(dāng)用戶在執(zhí)行某項任務(wù)的時候應(yīng)該清晰明了的告知用戶目前在什么步驟，后面還有多少步驟，完整清晰的流程展示。如果將這些信息隱藏起來，用戶會困惑當(dāng)前進(jìn)行到哪一步，接下來還有多少步驟。
強(qiáng)調(diào)需要明確的視覺線索向用戶展示產(chǎn)品可以做什么。例如用戶界面中的交互元素（如滾動條、命令按鈕和圖標(biāo)等）的設(shè)計必須能夠為用戶提供足夠清楚的建議，讓用戶可以清晰地辨別出這些元素所代表的意思是什么、它們的功能是什么，以及如何與它們進(jìn)行交互行為（點擊、長按、滑動 等）
給用戶及時、恰當(dāng)?shù)姆答?，是體驗設(shè)計中非常重要的一項原則；對每個用戶的操作都應(yīng)該有恰當(dāng)?shù)南到y(tǒng)反饋（包含視覺、聽覺、觸覺）。
明確告知用戶當(dāng)前操作發(fā)生了什么。如點擊下載和下載過程給出相對應(yīng)的反饋及進(jìn)度條。
當(dāng)用戶產(chǎn)生某個動作時，給予相對應(yīng)的連接反饋。如大概用戶點擊某個按鈕時，按鈕默認(rèn)的外觀與點擊后的外觀發(fā)生變化，結(jié)合現(xiàn)實世界的開關(guān)去思考（按下 開燈）動作與反饋是連接的，即時的。
?？硕?，是1951年由威廉·埃德蒙·?？耸紫忍岢龅?，認(rèn)為人們從數(shù)組中選擇目標(biāo)的時間取決于可用選項的數(shù)量。也就是當(dāng)一個人所面臨的選擇越多，做出選擇所花的時間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時間也會跟著增加。
如京東篩選，在搜索結(jié)果頁會將篩選條件收起，因為里面的篩選條件內(nèi)容過多。用戶會在當(dāng)前頁面選擇的時間增加.將一些項目分組放入二級下單，并且做好歸類，用戶能夠更迅速的作出決定。
費茨定律，是1954 年 由保羅.菲茨首次提出，在人機(jī)交互中指的是通過圖形用戶界面使用鼠標(biāo)或其他類型的指針從一個起始位置移動到一個最終目的所需的時間。
T：代表完成移動所需的平均時間
A：代表光標(biāo)開始/停止時間
B：代表光標(biāo)移動速度
D：代表從起點到目標(biāo)中心的距離
W：代表目標(biāo)的尺寸
簡單來說就是指：隨著目標(biāo)的距離增加，移動到目標(biāo)的時間更長，并且隨著目標(biāo)的尺寸減小，選擇目標(biāo)的時間也會增加。
所以在界面設(shè)計當(dāng)中會遵循越重要的功能，占據(jù)面基會越大。重要圖標(biāo)的點擊熱區(qū)也會增大。便于用戶快速點擊。
屏幕外邊緣和四個角部比屏幕中的其他位置都更容易被定為和選中，所以我們在進(jìn)行產(chǎn)品設(shè)計的過程中，會將常用/重要的操作放置在屏幕邊緣處，便于用戶操作。
神奇數(shù)字7±2法則是1956年由 喬治·米勒 所提出的，根據(jù)喬治·米勒的研究，人類短期的記憶一般一次只能記住5-9個。也就是為什么大多數(shù)APP底部導(dǎo)航為5個的原因。
由于人類的大腦處理信息的能力有限，大腦會將復(fù)雜信息劃分成 塊 和小的單元。如：京東和每日優(yōu)鮮的分類處理。
人類短期的記憶一般一次只能記住5-9個，所以人們總是傾向于把一串?dāng)?shù)字拆分為多個較短的部分進(jìn)行記憶。如銀行卡號和手機(jī)號碼等。
復(fù)雜守恒定律是1984年由 拉里·泰斯勒 所提出的，也稱作泰斯勒定律。認(rèn)為每一個產(chǎn)品設(shè)計的過程中，都有其固有的復(fù)雜性，存在著一個臨界點，超過了這個點產(chǎn)品設(shè)計的過程就不能再簡化了，你只能將固有的復(fù)雜性從一個地方轉(zhuǎn)移到另外一個地方。
在產(chǎn)品設(shè)計中，會盡量的簡化界面。當(dāng)功能過多時進(jìn)行一個整合的處理，跳轉(zhuǎn)或者滑動操作。如查看更多或者常見的漢堡導(dǎo)航。
新鄉(xiāng)重夫認(rèn)為遺忘有兩種：一種是疏漏，另一種是忘卻。他建議采用一些措施來預(yù)防產(chǎn)品的缺陷。
防錯原則認(rèn)為大部分的意外都是由設(shè)計的疏忽，而不是人為操作疏忽。因此，在設(shè)計中要有必要的防錯機(jī)制；比如常見的信息輸入狀態(tài)，未輸入置灰不可點，輸入變?yōu)榭牲c擊狀態(tài)。
微信拍一拍：微信在出了拍一拍功能之后，很多時候點擊頭像的時候會不小心拍到別人，現(xiàn)在的拍一拍是可以撤銷的，在客戶端鼠標(biāo)懸浮上就可以進(jìn)行撤回，移動端長按出現(xiàn)撤回彈窗，兩分鐘內(nèi)有效。
微信朋友圈動態(tài)：點擊返回圖標(biāo)會出現(xiàn)的彈窗，避免誤操作。利用防錯原則，可以避免用戶重新編輯。微信當(dāng)中有很多友好的體驗細(xì)節(jié)?？梢远喽嗳ジ惺?。
奧卡姆剃刀 定律 ：它是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會修士奧卡姆的威廉 （William of Occam，約1285年至1349年）提出。 這個 原理 稱為“如無必要，勿增實體 ”，即“ 簡單有效原理 ”
不必要的元素會降低設(shè)計的效率，不管是實體、視覺或者認(rèn)知上，多余的設(shè)計元素，有可能造成失敗或者其它問題。這并不意味著不能提供給用戶很多的信息，可以用「更多信息」來實現(xiàn)。如夸克瀏覽器，首頁只放置重要功能 搜索 和幾個整合內(nèi)容的圖標(biāo)入口。
讓用戶通過較少的點擊就能找到他們想要的東西或使用功能。如音樂類軟件，在播放音樂之后進(jìn)入其他的tab，在上面都會懸浮播放/暫停的區(qū)域。都能夠隨時操作。
就是產(chǎn)品的易用性，如果年紀(jì)大點的人，也能夠輕松使用所設(shè)計的產(chǎn)品那么是成功的。如抖音沉浸式的體驗，簡單的滑動就能夠觀看想看的內(nèi)容。目前抖音的用戶老年人也逐漸包含在內(nèi)，并且抖音會根據(jù)用戶的停留時長等推送用戶感興趣的內(nèi)容。
頁面的使用率，當(dāng)你想要在一屏新增很多內(nèi)容時，頁面的布局就會變得擁擠和區(qū)域變小，容易過于干擾用戶做出選擇，重要功能不夠突出等?？淇藶g覽器首頁強(qiáng)化了搜索功能 和幾個整合內(nèi)容的圖標(biāo)入口；uc瀏覽器首頁內(nèi)容過多，當(dāng)用戶想要使用搜索功能時很容易被其他內(nèi)容干擾。
前面說到的希克定律說到，當(dāng)選擇的數(shù)量越多，用戶做決定的時間就更長。做過多的決定也是一種壓力，在展示內(nèi)容的時候要努力減少用戶的思維負(fù)擔(dān)。如攜程和馬蜂窩金剛區(qū)的內(nèi)容展示，馬蜂窩根據(jù)產(chǎn)品屬性放置了6個重要的功能入口，便于用戶更快的去選擇所想要的功能。
最后我們來探討一下設(shè)計和藝術(shù)的區(qū)別是什么。我看到一句話覺得挺好的。設(shè)計和藝術(shù)的重要區(qū)別是：藝術(shù)拋出問題，而設(shè)計解決問題。
我們設(shè)想一個場景，當(dāng)你在藝術(shù)展廳站在一副名畫面前，你所思考的是什么？是驚嘆畫家的畫技還是整個畫面給你的感覺是一種故事，你會不會思考藝術(shù)家在作畫時的心情，處境，為什么要這么去畫？想表達(dá)怎么樣的情感？
然后我們再設(shè)想一個場景，同樣在藝術(shù)展廳，你身上帶有手機(jī)和相機(jī)。你會選擇用相機(jī)拍照還是用手機(jī)。答案是 相機(jī) 對吧？因為相機(jī)的拍照效果在任何環(huán)境下都會比手機(jī)好。這就是設(shè)計。是能夠真真切切的解決用戶問題的。能夠去感知到的。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：左言右設(shè)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://m.yvirxh.cn