編輯導(dǎo)語(yǔ)：產(chǎn)品的設(shè)計(jì)應(yīng)當(dāng)讓用戶始終清楚事項(xiàng)的發(fā)生，重要的元素也應(yīng)當(dāng)置于用戶一目了然的位置，直觀且清晰的設(shè)計(jì)往往能提升用戶的使用體驗(yàn)。本篇文章里，作者繼續(xù)總結(jié)了提升產(chǎn)品設(shè)計(jì)效果的幾個(gè)小技巧，一起來(lái)看一下。
重要的位置，要留給重要的元素。
編者按：用戶對(duì)產(chǎn)品的體驗(yàn)來(lái)自直觀感受。所以UI/UX往往對(duì)產(chǎn)品的成敗有著直接的影響，糟糕的UI/UX體驗(yàn)會(huì)讓強(qiáng)大的功能失去效力。
但怎么才能提高UI/UX設(shè)計(jì)的效果呢？不一定需要你掌握豐富全面的設(shè)計(jì)知識(shí)，有時(shí)候一點(diǎn)點(diǎn)的小改變就能令設(shè)計(jì)大為改觀。
Marc Andrew總結(jié)了36個(gè)改進(jìn)UI/UX設(shè)計(jì)的小技巧，分成6篇系列文章刊出，此為第五篇，希望能夠幫助到你。原文發(fā)表在Medium上，標(biāo)題是：UI & UX micro-tips: Volume five。
2個(gè)卡片設(shè)計(jì)樣例。左邊的標(biāo)題行高很高，右邊的標(biāo)題行高就要小很多。
在創(chuàng)作實(shí)用、易于理解且華麗的 UI 時(shí)，只需要做一點(diǎn)點(diǎn)的調(diào)整馬上就可以改進(jìn)設(shè)計(jì)。
在這篇系列文章的第5篇中，我會(huì)給大家再帶來(lái)6個(gè)容易實(shí)踐的 UI 和 UX 小技巧。
相關(guān)閱讀：
我們開始吧……
2個(gè)卡片設(shè)計(jì)樣例。左邊的標(biāo)題行高很高，右邊的標(biāo)題行高就要小很多。
設(shè)計(jì)要講規(guī)矩，我是遵守規(guī)則的忠實(shí)粉絲，比方說(shuō)Type Scale或者一直都很出色的8pt Grid系統(tǒng)我是遵守的。
但有時(shí)候最好不要太過(guò)教條主義，不要Scale 或 Grid告訴你該怎么做就怎么做，重要的是看怎么做更好看。
請(qǐng)記住，規(guī)則是可以變通的，有時(shí)候偶爾也是可以打破的。
做一個(gè)打破規(guī)則的叛逆者。
2 個(gè)表單字段樣例。一個(gè)顯示的是帶有基本錯(cuò)誤消息的字段，另一個(gè)顯示了更詳細(xì)的錯(cuò)誤消息。
使用表單的時(shí)候，要盡量確保錯(cuò)誤消息說(shuō)清楚出了什么問(wèn)題，以及如何補(bǔ)救。
始終要讓用戶了解到具體情況。
要讓這些錯(cuò)誤消息對(duì)用戶有幫助，不要讓用戶蒙在鼓里。
APP的 2 個(gè)加載屏幕樣例。一個(gè)空空如也，沒(méi)有加載提示，另一個(gè)展示了更詳細(xì)的加載指示器。
展示APP元素的框架可以幫助你快速地向用戶溝通應(yīng)用的布局，并讓用戶放寬心，知道有什么事情正在發(fā)生，而不是死機(jī)。
系統(tǒng)狀態(tài)可見性是需要遵循的重要原則，這讓用戶能夠了解正在發(fā)生的事情。
不要讓用戶玩猜謎游戲。要從一開始就讓他們了解情況。
APP的 2 個(gè)通知樣例。一個(gè)提供的信息非?；?，另一個(gè)在模態(tài)內(nèi)部提供了更詳細(xì)的描述。
在進(jìn)行應(yīng)用可能會(huì)產(chǎn)生后果的特定操作之前，始終都要先詳細(xì)告知用戶。
這尤其適用于某些會(huì)產(chǎn)生不可逆轉(zhuǎn)后果的操作，比方說(shuō)永久性刪除某些內(nèi)容。
讓用戶知道將會(huì)發(fā)生什么，并要求他們?cè)诎聪履莻€(gè)寫著“刪除互聯(lián)網(wǎng)”的紅色大按鈕之前再三確認(rèn)自己要這么做。
2 個(gè)標(biāo)簽欄樣例。上面這個(gè)展示的是不太重要的圖標(biāo)，下面這個(gè)展示的是更重要的圖標(biāo)。
APP的標(biāo)簽欄可是屏幕這塊房地產(chǎn)的黃金地段，所以請(qǐng)明智使用。
要把你的標(biāo)簽欄保留給最常用的屏幕，并把次要的屏幕隱藏在“更多”圖標(biāo)里面。
小小的標(biāo)簽欄只能留給重要的東西。
2個(gè)桌面導(dǎo)航的樣例。一個(gè)是注冊(cè)和登錄按鈕隱藏在下拉菜單里面，另一個(gè)在菜單以外放置了 2 個(gè)按鈕，而且就放在頂部導(dǎo)航欄旁邊。
是的，我時(shí)不時(shí)還會(huì)在桌面視圖里面看到這種情況發(fā)生。
用戶需要采取的基本操作（也就是注冊(cè)或登錄）完全隱藏在他們甚至可能都瀏覽不到的下拉菜單里面。
把這些重要操作放在訪問(wèn)便利的位置，并應(yīng)該放在用戶預(yù)期最應(yīng)該出現(xiàn)的地方。
作者：Marc Andrew，譯者：boxi
來(lái)源：https://www.36kr.com/p/1302313074821767
本文由 @神譯局 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash，基于CC0協(xié)議。
關(guān)鍵字：電商 詳情頁(yè)設(shè)計(jì) 視覺(jué)營(yíng)銷
網(wǎng)絡(luò)時(shí)代，電商平臺(tái)作為主流消費(fèi)渠道，在消費(fèi)者心中已占有大部分比例，越來(lái)越多的消費(fèi)者更愿意選擇在線上購(gòu)物消費(fèi)，如何讓消費(fèi)者能夠更快速了解商品，產(chǎn)生購(gòu)買欲？電商詳情頁(yè)起到關(guān)鍵性作用，電商詳情頁(yè)作為產(chǎn)品說(shuō)明書，不僅是成交轉(zhuǎn)化入口，更是品牌傳播的重要途徑。如何設(shè)計(jì)一款適合產(chǎn)品的詳情頁(yè)？主要從兩個(gè)方面入手：
蘭亭妙微(www.fengliiu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
本章會(huì)從實(shí)操出發(fā)，結(jié)合真實(shí)項(xiàng)目為大家?guī)?lái)配色實(shí)踐。期間會(huì)介紹項(xiàng)目選色邏輯、配色過(guò)程、使用到的工具及如何建立色彩系統(tǒng)。
本章會(huì)從實(shí)操出發(fā)，結(jié)合真實(shí)項(xiàng)目為大家?guī)?lái)配色實(shí)踐。期間會(huì)介紹項(xiàng)目選色邏輯、配色過(guò)程、使用到的工具及如何建立色彩系統(tǒng)。
21年我司進(jìn)行業(yè)務(wù)調(diào)整，原保險(xiǎn)業(yè)務(wù)從當(dāng)前產(chǎn)品中獨(dú)立出去，作為一家全新平臺(tái)為印尼用戶提供保險(xiǎn)選購(gòu)及理賠服務(wù)，為此我們提供了新的產(chǎn)品設(shè)計(jì)和配色。
根據(jù)上一章提到的選色邏輯，我們依次從產(chǎn)品情緒、行業(yè)屬性和目標(biāo)用戶幾個(gè)緯度去思考。作為一家全新的保險(xiǎn)平臺(tái)，我們希望產(chǎn)品給到用戶專業(yè)、安全、信任之感，那么藍(lán)色、綠色可以作為備選，藍(lán)色代表專業(yè)、權(quán)威，綠色代表安全、健康。后續(xù)我們做了相關(guān)行業(yè)調(diào)研，發(fā)現(xiàn)大部分本地產(chǎn)品也使用了這兩個(gè)顏色，可以確保備選顏色是符合行業(yè)喜好的，屬于安全的用色范圍。最后考慮到用戶的地域?qū)傩?，印尼大部分用戶都信奉伊斯蘭教，對(duì)綠色有著非同一般的熱愛(ài)。結(jié)合本次項(xiàng)目訴求，便選擇了綠色成為我們產(chǎn)品主色。
明確了主色色相，但同一色相會(huì)有冷暖、深淺之別，給到用戶的心里感受也略有差異。具體到本次項(xiàng)目中，暖綠有溫暖、活潑、歡快的感覺(jué)，冷綠則帶給用戶冷靜、平和的情緒。對(duì)于本次項(xiàng)目，冷綠更加符合產(chǎn)品定位。
飽和度控制色彩的艷麗程度，明度控制色彩的明暗變化，這兩項(xiàng)參數(shù)直接影響色彩的最終效果，所以需要同步交替調(diào)整，直到選出最合適的?？紤]到主色常用于按鈕或重要文本，所以需要注意色彩的對(duì)比度，確保文本在界面中的可讀性。在本次項(xiàng)目中，“綠色”本身屬于對(duì)比度較小的顏色，為了獲得合適的對(duì)比度，需要調(diào)整更大的飽和度和更低的明度。經(jīng)調(diào)整之后，我們測(cè)試了色彩的對(duì)比度為3:1，滿足W3C中給到的色彩對(duì)比度建議。
根據(jù)輔助色定義，我們匹配到了不同色相的輔助色，但并不是所有顏色都是我們需要的，需要根據(jù)經(jīng)驗(yàn)做出一定刪減。如同類色中的兩個(gè)綠色，色相上與主色過(guò)于接近，使用過(guò)程中會(huì)造成視覺(jué)混淆，所以我們剔除這組顏色。再如中差色與對(duì)比色中都有黃色，為了與橙色區(qū)分更加明顯，我們刪除對(duì)比色中的黃色。經(jīng)過(guò)一系列刪減后，留下來(lái)的便是我們需要的色彩。此時(shí)也可以對(duì)色相進(jìn)一步調(diào)整，如類似色中的藍(lán)色偏向湖藍(lán)，為了盡量和主色拉開差別，我們選擇色相向右偏移。
以上色彩只確定了色相，沒(méi)有進(jìn)行飽和度、明度調(diào)整，視覺(jué)上并不屬于同一層級(jí)。為了獲取更加統(tǒng)一的配色，需要對(duì)其進(jìn)行調(diào)整，這一過(guò)程被稱為視覺(jué)感官校準(zhǔn)。如何校準(zhǔn)？有人通過(guò)給色彩疊加黑色，對(duì)比色彩亮度進(jìn)行校準(zhǔn)。但不同顏色本身亮度不同，強(qiáng)行調(diào)整一致會(huì)導(dǎo)致部分顏色失衡。所以此種方法可作為參考，但不具備太大可靠性，實(shí)際工作中還需依靠自身經(jīng)驗(yàn)進(jìn)行調(diào)整，確保視覺(jué)上和諧統(tǒng)一。以下為完成校準(zhǔn)后的配色。
第二章提到中性色可通過(guò)調(diào)整明度或透明度得到，本項(xiàng)目使用場(chǎng)景比較固定，所以決定調(diào)整明度來(lái)得到中性色。考慮到主色為“冷綠”，與偏藍(lán)的中性色搭配可保證色彩調(diào)性一致，于是我們?nèi)∷{(lán)色色相值，調(diào)整飽合度獲得最終色彩。需要注意的是隨中性色明度依次降低，飽和度需要逐級(jí)增加。最后確保主要用色符合無(wú)障礙設(shè)計(jì)指南，我們對(duì)一級(jí)、二級(jí)、三級(jí)文字用色進(jìn)行了對(duì)比度測(cè)試，符合無(wú)障礙設(shè)計(jì)要求。
梯度色板可以提供更多配色，覆蓋更多使用場(chǎng)景，避免后續(xù)新增顏色的煩惱。早期為了獲得梯度色板需要設(shè)計(jì)師利用公式計(jì)算，現(xiàn)在可以直接使用在線工具生成。如Ant design的色板生成工具（https://ant.design/docs/spec/colors），Material design的色板生成工具（https://materialpalettes.com/），Eva Design System的色版生成工具（https://colors.eva.design/）。由于不同平臺(tái)算法不同，生成的色版效果也存在差異，這里首推Ant design，對(duì)比其他平臺(tái)色相變化更豐富、顏色更均勻、色階也更明確。
色彩系統(tǒng)隸屬設(shè)計(jì)系統(tǒng)的一部分，是對(duì)色彩進(jìn)行科學(xué)管理的體系。不同于色彩規(guī)范主要針對(duì)設(shè)計(jì)側(cè)，而是需要打通開發(fā)聚焦產(chǎn)品代碼中。
簡(jiǎn)單來(lái)說(shuō)色彩系統(tǒng)由design token、色彩庫(kù)和說(shuō)明文檔構(gòu)成。design token是設(shè)計(jì)與開發(fā)約定一致的色彩名稱，作為色彩調(diào)用的唯一憑證。色彩庫(kù)是包含design token和顏色參數(shù)的樣式集合，供我們?cè)谠O(shè)計(jì)和開發(fā)中調(diào)用。說(shuō)明文檔類似于設(shè)計(jì)規(guī)范，定義了色彩的使用方式，為我們的使用提供指導(dǎo)。
如何命名需要考慮token層級(jí)和token構(gòu)成。
關(guān)于token層級(jí)，設(shè)計(jì)師Lukas Oppermann在文章《Naming design tokens》(https://medium.com/user-experience-design-1/naming-design-tokens-9454818ed7cb)中有提到一般設(shè)計(jì)系統(tǒng)會(huì)將token分為三個(gè)層級(jí)，核心token（core token）、語(yǔ)義token（semantic tokens）和組件 token（component tokens）。核心token存儲(chǔ)的是原始值作為構(gòu)建設(shè)計(jì)系統(tǒng)的基礎(chǔ)，語(yǔ)義token引用核心token，它的名稱描述了token的預(yù)期用途。組件token引用語(yǔ)義token，并將token綁定到對(duì)應(yīng)的組件。較多的層級(jí)可以使token命名更加清晰，但層層嵌套的邏輯也增加了管理的難度，Lukas Oppermann在文中提到也可以使用一層或兩層。
關(guān)于token構(gòu)成，體驗(yàn)設(shè)計(jì)師Nathan Curtis在《Naming Tokens in Design Systems》(https://medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676)一文中指出為了更加充分的描述token，token可以由名稱空間（namespace）、目標(biāo)對(duì)象（object）、基礎(chǔ)樣式（ base）、修飾符（Modifier）構(gòu)成。名稱空間對(duì)應(yīng)系統(tǒng)、主題名稱，目標(biāo)對(duì)象對(duì)應(yīng)組件、組件元素和復(fù)合組件，基礎(chǔ)樣式是token的主干部份，包含樣式、屬性、語(yǔ)義，修飾符表明狀態(tài)、尺度、模式等。由于篇幅原因，此處只是簡(jiǎn)單介紹，感興趣的同學(xué)可以點(diǎn)擊原文查看。
按照兩位作者的觀點(diǎn)，筆者對(duì)本次色彩系統(tǒng)進(jìn)行了design token命名，如下所示：
樣式庫(kù)是設(shè)計(jì)與開發(fā)調(diào)用的基礎(chǔ)，需要在設(shè)計(jì)工具中實(shí)現(xiàn)token的層級(jí)邏輯，同時(shí)方便開發(fā)同學(xué)查看。筆者主要使用的工具是figma，F(xiàn)igma為我們提供了豐富的功能和插件建立樣式庫(kù)，以下會(huì)介紹些主流方式及優(yōu)缺點(diǎn)，大家按照項(xiàng)目實(shí)際情況選擇使用即可。
local style：figma支持將色彩定義為全局樣式，并對(duì)樣式進(jìn)行命名。設(shè)計(jì)在調(diào)用樣式后，開發(fā)便可以在查看面板看到對(duì)應(yīng)token，基本實(shí)現(xiàn)了樣式庫(kù)的作用。但local style不支持token的層級(jí)嵌套，只能實(shí)現(xiàn)單層級(jí)token。如果你的項(xiàng)目剛好使用了單層級(jí)token，那么建議你使用此功能。
local variables：在今年6月份的config大會(huì)中，figma發(fā)布了變量功能，雖然CEO Dylan Field先生說(shuō)不會(huì)推出design tokens，但變量功能卻完美實(shí)現(xiàn)了token的作用。它支持將色彩定義為變量，且可以實(shí)現(xiàn)層級(jí)嵌套，開發(fā)在查看面板也可以方便的看到變量名稱，算是解決了figma在design token方面的缺陷。
Figma token：一款定義design token的插件，且支持token的層級(jí)嵌套。開發(fā)查看token名稱目前有兩種方式：1.可在 Figma token的inspect面板進(jìn)行查看，但插件需要在編輯模式下使用，意味著你需要給到開發(fā)編輯權(quán)限，這無(wú)疑會(huì)增加團(tuán)隊(duì)成本。2.插件支持將token轉(zhuǎn)化為figma樣式和變量，并保持當(dāng)前的token名稱，此時(shí)開發(fā)可以在figma的inspect面板查看token，建議使用此種方式，經(jīng)濟(jì)實(shí)惠。
一般文檔內(nèi)容包含使用規(guī)則、注意事項(xiàng)、場(chǎng)景描述、token名稱、色值參數(shù)等等，也可根據(jù)實(shí)際情況作以增減。輸出說(shuō)明文檔后，整個(gè)色彩系統(tǒng)搭建完成，接下來(lái)需要推進(jìn)團(tuán)隊(duì)使用。為確保整個(gè)系統(tǒng)在項(xiàng)目中順利落地，最好組織相關(guān)人員進(jìn)行一次宣講，介紹清楚使用規(guī)范及注意事項(xiàng)，明確要求嚴(yán)格按照系統(tǒng)執(zhí)行。
作者：大漠飛鷹CYSJ
鏈接：https://www.zcool.com.cn/article/ZMTY1MTk0NA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
作者：彩云Sky
鏈接：https://www.zcool.com.cn/article/ZMTU5NDg1Mg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
蘭亭妙微(www.fengliiu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
設(shè)計(jì)過(guò)程被描述為多個(gè)階段，每個(gè)階段都包含不同的活動(dòng)來(lái)完成該階段，它沒(méi)有統(tǒng)一的標(biāo)準(zhǔn)流程，每個(gè)公司和設(shè)計(jì)師都有自己的流程版本。
盡管存在多個(gè)流程，但一般流程和階段類似于以下內(nèi)容:
了解問(wèn)題：初步了解問(wèn)題。觀察、采訪和傾聽用戶。
定義問(wèn)題：解釋和定義要解決的問(wèn)題。
構(gòu)思：通過(guò)頭腦風(fēng)暴產(chǎn)生盡可能多的想法。
原型設(shè)計(jì)：構(gòu)建原型并與其他人分享（ 再次縮小解決方案空間，為實(shí)驗(yàn)階段 ）。
測(cè)試：測(cè)試可能的解決方案、實(shí)施、改進(jìn)或重新設(shè)計(jì)。
傳統(tǒng)的問(wèn)題解決采取有條不紊而又科學(xué)的形式。該過(guò)程從一個(gè)問(wèn)題開始，定義要采取的步驟以及達(dá)到解決方案的工具或方法。
設(shè)計(jì)思維是一種創(chuàng)造性的策略，可以產(chǎn)生創(chuàng)造性的未來(lái)結(jié)果和/或創(chuàng)造性的問(wèn)題解決方式，它應(yīng)該被認(rèn)為是一種以解決方案為中心的思維策略。
它通常被描述為一種創(chuàng)造性、主觀和感性的對(duì)許多大型組織的分析邏輯（ 布朗，2008 年 ），或作為分析和創(chuàng)造性推理模式的組合（ 鄧恩 & 馬丁，2006 年；利特卡，2015 年 ）。
設(shè)計(jì)思維來(lái)源于常規(guī)問(wèn)題解決方法，常規(guī)問(wèn)題解法是設(shè)計(jì)思維的基礎(chǔ)。
從解決問(wèn)題到設(shè)計(jì)思維，Liedtka (2013)
結(jié)果發(fā)現(xiàn)，設(shè)計(jì)思維實(shí)際上也是一個(gè)解決問(wèn)題的過(guò)程，而不僅僅是一個(gè)創(chuàng)新過(guò)程（ 利特卡，2013）
一個(gè)例子是，豐田采用設(shè)計(jì)思維從頭開始分析其西海岸的一個(gè)客戶聯(lián)絡(luò)中心，在重新設(shè)計(jì)過(guò)程中，組建了一個(gè)由一線呼叫代表、軟件工程師、業(yè)務(wù)主管和變革代理組成的跨職能團(tuán)隊(duì)，這一舉動(dòng)最終改變了客戶和員工的服務(wù)中心體驗(yàn)。
我們每天都會(huì)遇到問(wèn)題，但是當(dāng)我們解決同樣的問(wèn)題時(shí)，它們就成了例行公事（ 似乎已經(jīng)忘記它們是問(wèn)題了 ），我們甚至都沒(méi)有意識(shí)到正在解決這些問(wèn)題。例如，我的辦公室在 30 分鐘路程之外，該怎么到達(dá)那里？開車、坐火車或巴士到目的地；除非車子輪胎被刺破，否則你就需要弄清楚如何到達(dá)辦公室。
1990 年代，IDEO 的 David Kelley 和 Tim Brown 與 Roger Martin 共同創(chuàng)造了特定術(shù)語(yǔ)：“設(shè)計(jì)思維”，并將多年來(lái)醞釀的方法和想法封裝成一個(gè)統(tǒng)一的概念。
設(shè)計(jì)思維是以人為中心、開放式、基于問(wèn)題的方法論。這種方法最初是為了改變工程教育中的教學(xué)方式，而工程師處理和解決問(wèn)題的方式有其設(shè)計(jì)思維的基礎(chǔ)。
設(shè)計(jì)思維一詞可以追溯到 1987 年 Peter Rowe 的著作：“設(shè)計(jì)思維。” 他描述工程師和建筑師處理問(wèn)題的方法有很大不同。
90 年代初，認(rèn)知科學(xué)家 Don Norman 加入 Apple 團(tuán)隊(duì)，擔(dān)任他們的用戶體驗(yàn)架構(gòu)師，這使他成為第一個(gè)在職位中包含 UX 的人。他提出了“用戶體驗(yàn)設(shè)計(jì)”這個(gè)術(shù)語(yǔ)，因?yàn)樗?ldquo;涵蓋人們對(duì)系統(tǒng)體驗(yàn)的所有方面，包括工業(yè)設(shè)計(jì)、圖形、界面、物理交互和手冊(cè)。” 從那時(shí)起，這些領(lǐng)域中的每一個(gè)都將用戶體驗(yàn)，擴(kuò)展到了自己的專業(yè)領(lǐng)域。
設(shè)計(jì)思維在解決“棘手問(wèn)題”時(shí)特別有用。
棘手問(wèn)題的特征
“棘手問(wèn)題”一詞是由設(shè)計(jì)理論家 Horst Rittel 在 1972 年創(chuàng)造的，用來(lái)描述本質(zhì)上非常模糊 \ 特別棘手的問(wèn)題。棘手問(wèn)題，有很多未知因素，沒(méi)有確定的解決方案。問(wèn)題或解決方案可能與另一個(gè)棘手的問(wèn)題有關(guān)，因此這是一個(gè)需要設(shè)計(jì)思維的持續(xù)過(guò)程。貧困、饑餓和氣候變化是一些現(xiàn)代的棘手問(wèn)題。
設(shè)計(jì)主題的范圍是普遍的，因?yàn)?設(shè)計(jì)思維可以應(yīng)用于人類經(jīng)驗(yàn)的任何領(lǐng)域。
它可以用于：
符號(hào)和視覺(jué)傳達(dá)：這包括平面設(shè)計(jì)的傳統(tǒng)工作，如排版和廣告、書籍和雜志制作、科學(xué)插圖、攝影、電影、電視和計(jì)算機(jī)顯示。
材料：這包括對(duì)日常用品的形式和視覺(jué)外觀的傳統(tǒng)關(guān)注 —— 服裝、家用物品、工具、儀器、機(jī)械和車輛。
人類活動(dòng)和組織性服務(wù)：包括對(duì)物流的傳統(tǒng)管理關(guān)注，結(jié)合物質(zhì)資源、工具和人類低效的序列和時(shí)間表，以達(dá)到特定的目標(biāo)。
復(fù)雜的系統(tǒng)或環(huán)境：生活、工作、娛樂(lè)和學(xué)習(xí)。這包括系統(tǒng)工程、建筑和城市規(guī)劃的傳統(tǒng)關(guān)注點(diǎn)，或復(fù)雜整體部分的功能分析及其隨后在層次結(jié)構(gòu)中的集成。
設(shè)計(jì)思維起源于設(shè)計(jì)師的培訓(xùn)和專業(yè)實(shí)踐，但這些原則可以被每個(gè)人實(shí)踐并擴(kuò)展到每個(gè)活動(dòng)領(lǐng)域。（布朗，2013 年）
在企業(yè)中，設(shè)計(jì)過(guò)程可以為企業(yè)環(huán)境中的問(wèn)題解決帶來(lái)創(chuàng)新思維。它還可以用于醫(yī)療保健，通過(guò)向護(hù)士、醫(yī)生和管理人員教授設(shè)計(jì)思維技術(shù)，我們可以激勵(lì)相關(guān)從業(yè)者貢獻(xiàn)新的想法。
不管是什么設(shè)計(jì)，理解和研究問(wèn)題是必不可少的，因?yàn)槲覀兡軌驈钠涑霭l(fā)，從而進(jìn)行以用戶為中心的設(shè)計(jì)。
設(shè)計(jì)思維的最早階段是搞懂你能帶來(lái)的情感價(jià)值。設(shè)計(jì)思維方法迫使你停留在提問(wèn)與質(zhì)疑階段，而不是準(zhǔn)確定義出問(wèn)題后進(jìn)入下一階段。我們都有過(guò)快進(jìn)入解決方案模式的傾向，所以設(shè)計(jì)思維方法迫使你真實(shí)地存在于這個(gè)不清楚、有時(shí)還非常混亂的時(shí)刻，從而使你對(duì)要解決的問(wèn)題產(chǎn)生更好的理解。（利特克，2013）
傳統(tǒng)的問(wèn)題解決涉及提出一個(gè)解決方案，但設(shè)計(jì)思維首先使我們發(fā)散，試圖為問(wèn)題生成各種可能的替代解決方案。然后讓我們進(jìn)行收斂性思維，縮小多種可能性，找到單一的最佳解決方案。
根據(jù)利特卡和奧美 (2011) 的說(shuō)法，設(shè)計(jì)思維的全部意義在于學(xué)習(xí)一種新的、系統(tǒng)的解決問(wèn)題的方法。正如我們思考創(chuàng)造力一樣，即使是設(shè)計(jì)思維也可以通過(guò)實(shí)踐來(lái)教授和改進(jìn)。
設(shè)計(jì)過(guò)程從來(lái)都不是線性的，它由多次失敗和迭代組成（布朗，2018）。
首先，設(shè)計(jì)師試圖將問(wèn)題與過(guò)去的類似案例聯(lián)系起來(lái)。如果這種方法不能提供任何解決方案，下一步就是使用知識(shí)和創(chuàng)造力作為一種實(shí)驗(yàn)思維形式來(lái)產(chǎn)生新的想法。使用決策矩陣對(duì)這些想法進(jìn)行評(píng)估，從而會(huì)產(chǎn)生被進(jìn)一步分析和測(cè)試的解決方案。如果成功，它將被實(shí)施。如果不成功，則需要重新表述問(wèn)題，并重復(fù)該過(guò)程。這是一個(gè)迭代過(guò)程，即循環(huán)方法。
這一持續(xù)不斷的重新再設(shè)計(jì)過(guò)程，源于和客戶親密接觸的洞察。
學(xué)習(xí)設(shè)計(jì)思維不僅僅意味著學(xué)習(xí)一套新的工具。它還意味著：學(xué)習(xí)收集和分析大量數(shù)據(jù)；學(xué)習(xí)挖掘?qū)ο罂赡艿男螒B(tài)而不是自主認(rèn)為他是什么；學(xué)習(xí)管理不確定感，以及與許多新的伙伴合作（ 利特卡和奧美，2011）。你可以進(jìn)行的研究類型分為三類：生成性研究、評(píng)估性研究和驗(yàn)證性研究。
一種常見的表述 —— 實(shí)際上是設(shè)計(jì)思維的另一種視角 —— 即設(shè)計(jì)師應(yīng)該預(yù)料到會(huì)“很快失敗或經(jīng)常失敗”（布朗，2009）。
當(dāng)過(guò)程早期發(fā)生故障時(shí)，例如被拒絕的原型，實(shí)質(zhì)上它可以為有效解決方案提供關(guān)鍵見解。這種觀點(diǎn)與傳統(tǒng)的先形成理論，再檢驗(yàn)正誤的方式相矛盾。
Airbnb、Braun 和百事可樂(lè)等多元化公司都在 采用設(shè)計(jì)思維并將其作為核心戰(zhàn)略。例如，IBM 為全球旗下的 44 個(gè)設(shè)計(jì)工作室聘請(qǐng)了 1600 名設(shè)計(jì)師，并且正在培訓(xùn)數(shù)以萬(wàn)計(jì)的設(shè)計(jì)師員工建立深度創(chuàng)新能力 ( O'Keefe, 2017 )
設(shè)計(jì)思維為我們解決問(wèn)題添加了以人為本的元素。當(dāng)我們?cè)噲D通過(guò)牢記人們的想法來(lái)解決問(wèn)題，并使用基于直接觀察乃至訪談的研究時(shí)，我們便會(huì)捕捉到與消費(fèi)者需求一致的意外見解和創(chuàng)新。
它有助于將成功的產(chǎn)品更快地推向市場(chǎng)，最終節(jié)省企業(yè)資金。
IBM 的健康和人類服務(wù)組織的設(shè)計(jì)思維實(shí)踐，通過(guò)有效使用設(shè)計(jì)和設(shè)計(jì)思維幫助企業(yè)將缺陷數(shù)量減少了 50% 以上。這種更高效的工作流程導(dǎo)致計(jì)算出的 ROI 超過(guò) 300%。
由于復(fù)雜的問(wèn)題從來(lái)不能被所有人完全理解，因此在嘗試設(shè)計(jì)解決方案時(shí)，處理歧義和多個(gè)并發(fā)的思路方向的能力是至關(guān)重要的素質(zhì)。
設(shè)計(jì)思維通過(guò)綜合和歸納思維，幫助實(shí)現(xiàn)質(zhì)的飛躍。它允許通過(guò)解構(gòu)來(lái)測(cè)試約束，并允許通過(guò)多樣性思維和批評(píng)思維，來(lái)?yè)肀Ш吞剿髌缌x。
消費(fèi)者通常不知道他們有什么問(wèn)題需要解決，或者他們無(wú)法用語(yǔ)言表達(dá)出來(lái)。只有經(jīng)過(guò)仔細(xì)觀察，設(shè)計(jì)者才能根據(jù)真實(shí)消費(fèi)者行為中看到的東西來(lái)識(shí)別問(wèn)題，而不是簡(jiǎn)單地根據(jù)對(duì)消費(fèi)者的想法來(lái)確定問(wèn)題。這有助于定義模棱兩可的問(wèn)題，并找到解決方案。
該方法鼓勵(lì)“跳出框架思考”（“瘋狂的想法”）；它蔑視顯而易見的事物并采用更具實(shí)驗(yàn)性的方法。
在早期的流程階段鼓勵(lì)大膽的想法，以產(chǎn)生創(chuàng)造性的解決方案。使用它是為了讓設(shè)計(jì)師可以嘗試開發(fā)新的不受約束的思維方式，或?qū)ΤＲ妴?wèn)題的創(chuàng)新解覺(jué)方法。
根據(jù)大多數(shù)設(shè)計(jì)學(xué)院的說(shuō)法，具備特定特質(zhì)的人能夠更好地發(fā)揮設(shè)計(jì)思維的作用。
同理心：從多個(gè)角度想象世界 —— 同事、甲方客戶、實(shí)際使用者和消費(fèi)者的角度。要成為更好的同理心，必須傾聽和觀察他人的行為，注意并獲得洞察力。
綜合思維：重要的是不僅要有分析能力，而且要能夠提出新穎的解決方案，還要憑直覺(jué)。
樂(lè)觀：除非你相信有解決方案，否則在遇到挑戰(zhàn)且解決方案遇到瓶頸時(shí)，你可能會(huì)放棄。
實(shí)驗(yàn)主義：重大創(chuàng)新并非來(lái)自漸進(jìn)式調(diào)整。設(shè)計(jì)思想家以創(chuàng)造性的方式提出問(wèn)題并探索限制因素，并朝著全新的方向發(fā)展。
協(xié)作：產(chǎn)品、服務(wù)和體驗(yàn)日益復(fù)雜，因此必須擁有一支具有不同背景的團(tuán)隊(duì)，以幫助從多個(gè)角度看待問(wèn)題。
當(dāng)我們想到一個(gè)問(wèn)題的多種解決方案時(shí)，對(duì)我們解決問(wèn)題會(huì)非常有幫助，因此“功能固定性”阻止了我們以新穎的方式使用舊工具解決新問(wèn)題。想要擺脫功能固定，首先是要讓人們可以使用“改造后的衣架進(jìn)入上鎖的汽車”。這也是盜賊第一次可以用信用卡撬開簡(jiǎn)單的彈簧門鎖。
為了幫助設(shè)計(jì)師利用文科和技術(shù)理論，整合多個(gè)領(lǐng)域的知識(shí)以找到創(chuàng)新的解決方案，我們采用設(shè)計(jì)思維來(lái)獲得洞察力。該方法側(cè)重于可視化和操作，因而幫助我們更容易地了解實(shí)際解法，而不僅僅是理論模型。
第一批美國(guó)公司在 2000 年代初期開始實(shí)施設(shè)計(jì)思維，這一概念引起了德國(guó)投資者 Hasso Plattner 的興趣，他于 2006 年資助創(chuàng)建了兩所設(shè)計(jì)學(xué)校（d.schools），其中一所位于波茨坦大學(xué)（德國(guó)），另一所位于美國(guó)斯坦福大學(xué)。由于兩所學(xué)校都成功地為大型組織提供了高管設(shè)計(jì)思維培訓(xùn)，因此該研究重點(diǎn)關(guān)注這些國(guó)家，以尋找早期實(shí)施者。
設(shè)計(jì)思維通常涉及希望參與整個(gè)設(shè)計(jì)和開發(fā)過(guò)程的龐大利益相關(guān)者團(tuán)隊(duì)。
觀點(diǎn)、才能和經(jīng)驗(yàn)的多樣性被認(rèn)為是注入新思維的部分重要來(lái)源。多樣性確保通過(guò)融合不同的觀點(diǎn)、技能和知識(shí)來(lái)產(chǎn)生創(chuàng)意（卡振思，2018 年；薩梅和德拉赫-扎哈維，2013 年）。設(shè)計(jì)思維的協(xié)作方法和工具可幫助團(tuán)隊(duì)以積極的方式利用他們的差異。
決策是平等的，因?yàn)槊總€(gè)成員的意見都被征求和使用（卡爾格倫等，2016）。
當(dāng) IDEO 去 Apple 展示他們的鼠標(biāo)時(shí)，它不是什么花哨的設(shè)備，而是一個(gè)用膠帶粘起來(lái)的原型。
低保真原型制作起來(lái)既快速又便宜（ 想想幾分鐘和幾分錢 ），但可以從用戶和同事那里得到有用的反饋，這符合快速驗(yàn)證、廉價(jià)試錯(cuò)的原則。為每個(gè)想法投入盡可能少的資源意味著前期投入的時(shí)間和金錢更少。此外，將多個(gè)原型帶到現(xiàn)場(chǎng)進(jìn)行測(cè)試為用戶提供了比較的基礎(chǔ)參考，同時(shí)也有助于揭示某些需求。
為了創(chuàng)新，設(shè)計(jì)思維意識(shí)到認(rèn)知和行動(dòng)對(duì)創(chuàng)新過(guò)程很重要。認(rèn)知包括接受度、樂(lè)觀和創(chuàng)造性的信心（ 凱莉 & 凱莉，2013；鄭，2018），而行動(dòng)包括快速原型設(shè)計(jì)、旅程地圖和假設(shè)浮現(xiàn)（ 假設(shè)浮現(xiàn)：assumption surfacing，這是一種評(píng)估技術(shù)，涉及寫出潛在的假設(shè)和反假設(shè)。）（ 卡爾格倫等，2016；利特卡，2015）
如果領(lǐng)導(dǎo)層不歡迎風(fēng)險(xiǎn)、模棱兩可和風(fēng)格的改變，實(shí)施起來(lái)就會(huì)變得更加困難。它會(huì)被管理者“質(zhì)疑”其具體指標(biāo)
沃爾特斯 ( 2011 ) 聲稱，由于設(shè)計(jì)思維的模糊性，它與組織文化相沖突。
據(jù)受訪者稱，在日常業(yè)務(wù)中使用設(shè)計(jì)思維之所以不會(huì)是最優(yōu)選項(xiàng)， 因?yàn)樗琴Y源密集型的，增加了工作量。（ 麗莎等，2016）
在醫(yī)療保健等規(guī)避風(fēng)險(xiǎn)的行業(yè)和公司中，“經(jīng)常和早點(diǎn)失敗”的方法被認(rèn)為是非常困難的。
許多設(shè)計(jì)師反對(duì)設(shè)計(jì)思維這一觀點(diǎn)，設(shè)計(jì)思維不僅關(guān)乎一個(gè)過(guò)程，而且關(guān)乎改變思維過(guò)程并提高人們可能提出的解決方案的創(chuàng)造力。
“設(shè)計(jì)思維”的推廣已被大型全球公司用來(lái)增加業(yè)務(wù)。不過(guò)，在更廣泛的設(shè)計(jì)世界中，我甚至?xí)f(shuō)“設(shè)計(jì)思維”的過(guò)度宣傳導(dǎo)致了所提供設(shè)計(jì)質(zhì)量的下降。—— Yasushi Kusume
弗吉尼亞理工大學(xué)科學(xué)、技術(shù)和社會(huì)助理教授 Lee Vinsel 在《設(shè)計(jì)思維運(yùn)動(dòng)是荒謬的》中寫道，“歸根結(jié)底，設(shè)計(jì)思維與設(shè)計(jì)無(wú)關(guān)。這與文科無(wú)關(guān)。這與任何有意義的創(chuàng)新無(wú)關(guān)。如果這意味著重大的社會(huì)變革，那肯定不是關(guān)于“社會(huì)創(chuàng)新”。這是關(guān)于商業(yè)化的。”
觀察人們的行為以及他們?nèi)绾闻c環(huán)境互動(dòng)，可以為你提供有關(guān)人們想法和感受的線索。
你可能認(rèn)為你知道問(wèn)題所在，但只有通過(guò)觀察才能了解消費(fèi)者真正需要什么。
宜家派設(shè)計(jì)師到人們家中，觀測(cè)他們的互動(dòng)行為來(lái)了解他們的需求。這將使設(shè)計(jì)者能夠推斷這些經(jīng)歷的無(wú)形含義，以發(fā)現(xiàn)洞察。這些洞察提供創(chuàng)新解決方案的構(gòu)思方向。而事實(shí)上，最好的解決方案來(lái)自于對(duì)人類行為的最佳洞察。
Good Kitchen 是一家為老年人和體弱者提供膳食的社會(huì)服務(wù)機(jī)構(gòu)。起初的問(wèn)題似乎是設(shè)計(jì)不當(dāng)?shù)纳攀巢藛?。然后設(shè)計(jì)思維揭示了無(wú)數(shù)問(wèn)題，所有問(wèn)題都源于服務(wù)本身的性質(zhì)。因此，經(jīng)由對(duì)服務(wù)進(jìn)行了徹底改革的之后，最終提高了客戶和員工的滿意度（利特卡，2014）
蘭亭妙微(www.fengliiu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.fengliiu.cn