初次登錄的時(shí)候，前端調(diào)后調(diào)的登錄接口，發(fā)送用戶(hù)名和密碼，后端收到請(qǐng)求，驗(yàn)證用戶(hù)名和密碼，驗(yàn)證成功，就給前端返回一個(gè)token，和一個(gè)用戶(hù)信息的值，前端拿到token，將token儲(chǔ)存到Vuex中，然后從Vuex中把token的值存入瀏覽器Cookies中。把用戶(hù)信息存到Vuex然后再存儲(chǔ)到LocalStroage中
Cookies
LocalStroage
然后跳轉(zhuǎn)到下一個(gè)頁(yè)面，根據(jù)后端接口的要求，只要不登錄就不能訪問(wèn)的頁(yè)面需要在前端每次跳轉(zhuǎn)頁(yè)面師判斷Cookies中是否有token，沒(méi)有就跳轉(zhuǎn)到登錄頁(yè)，有就跳轉(zhuǎn)到相應(yīng)的頁(yè)面，我們應(yīng)該再每次發(fā)送post/get請(qǐng)求的時(shí)候應(yīng)該加入token，常用方法再項(xiàng)目utils/service.js中添加全局?jǐn)r截器，將token的值放入請(qǐng)求頭中
后端判斷請(qǐng)求頭中有無(wú)token，有token，就拿到token并驗(yàn)證token是否過(guò)期，在這里過(guò)期會(huì)返回?zé)o效的token然后有個(gè)跳回登錄頁(yè)面重新登錄并且清楚本地用戶(hù)的信息
再全局?jǐn)r截器中加代碼
轉(zhuǎn)自：csdn 作者：mslmhl
移動(dòng)互聯(lián)網(wǎng)的迅速崛起，讓移動(dòng)網(wǎng)頁(yè)，移動(dòng)客戶(hù)端越來(lái)越重要，客戶(hù)端的頁(yè)面設(shè)計(jì)也是一門(mén)很大的學(xué)問(wèn)。科技迅速發(fā)展的今手機(jī)屏幕的尺寸越來(lái)越放大化，但卻始終 很有限，因此，在APP的界面設(shè)計(jì)中，精簡(jiǎn)是一貫的準(zhǔn)則。這里所說(shuō)的精簡(jiǎn)并不是內(nèi)容上盡可能的少量，而是要注重重點(diǎn)的表達(dá)。在視覺(jué)上也要遵循用戶(hù)的視覺(jué)邏 輯，用戶(hù)看著順眼了，才會(huì)真正的喜歡。
接下來(lái)為大家分享精美的app UI設(shè)計(jì)案例：
--手機(jī)appUI設(shè)計(jì)--
更多精彩文章：
手機(jī)appUI界面設(shè)計(jì)賞析（十一）
手機(jī)appUI界面設(shè)計(jì)賞析（十二）
手機(jī)appUI界面設(shè)計(jì)賞析（十三）
手機(jī)appUI界面設(shè)計(jì)賞析（十四）
手機(jī)appUI界面設(shè)計(jì)賞析（十五）
手機(jī)appUI界面設(shè)計(jì)賞析（十六）
手機(jī)appUI界面設(shè)計(jì)賞析（十七）
手機(jī)appUI界面設(shè)計(jì)賞析（十八）
手機(jī)appUI界面設(shè)計(jì)賞析（十九）
手機(jī)appUI界面設(shè)計(jì)賞析（二十）
編輯導(dǎo)語(yǔ)：隨著互聯(lián)網(wǎng)的不斷發(fā)展，用戶(hù)在各種產(chǎn)品上能體驗(yàn)到的功能越來(lái)越多，并且如今的產(chǎn)品設(shè)計(jì)在很大一部分都會(huì)考慮到用戶(hù)的想法，產(chǎn)品的開(kāi)放性也隨之提高；本文作者分享了關(guān)于從B站用戶(hù)反饋出發(fā)，談一談產(chǎn)品的開(kāi)放性的思考，我們一起來(lái)了解一下。
最近在B站看番時(shí)，不小心翻到了用戶(hù)反饋論壇，去看了一些用戶(hù)反饋。
以下是其中一些反饋：
看的反饋越多，三個(gè)字越是清晰：控制權(quán)，用戶(hù)希望控制跟自己相關(guān)的事物。
而這個(gè)控制權(quán)，一般是掌握在產(chǎn)品設(shè)計(jì)者手中的，這就引出了本篇的話題：開(kāi)放性。
布里利（1967）對(duì)開(kāi)放性的定義是：一個(gè)系統(tǒng)是開(kāi)放的，不僅僅因?yàn)槠渑c環(huán)境間的相互交換關(guān)系，還因?yàn)檫@種相互交換關(guān)系是變化的關(guān)鍵因素。
Web2.0是一個(gè)古老的概念了，但仍鮮少見(jiàn)到真正應(yīng)用這個(gè)概念的產(chǎn)品設(shè)計(jì)。
在《社區(qū)化》一文中，我根據(jù)生產(chǎn)者與消費(fèi)者的邊界變化提出了三個(gè)時(shí)代：
在各大長(zhǎng)視頻應(yīng)用中，僅有B站使用了web2.0的概念，且較為初級(jí)，主要使用的是UGC+SNS這兩類(lèi)形態(tài)。
從用戶(hù)反饋中可以得知近期B站做了一個(gè)改進(jìn)，將首頁(yè)的熱門(mén)推薦改為了個(gè)性化推薦；
無(wú)論是熱門(mén)推薦（中心化設(shè)計(jì)）與個(gè)性化推薦（去中心化設(shè)計(jì)）都是web1.0思想的設(shè)計(jì)，因?yàn)橛脩?hù)在其中只能被動(dòng)獲取，從這個(gè)角度來(lái)看，無(wú)論怎么改，都沒(méi)有改變其專(zhuān)業(yè)生產(chǎn)內(nèi)容（PGC）的本質(zhì)。
從開(kāi)放性的角度來(lái)看，有三個(gè)改進(jìn)的方向，分別對(duì)應(yīng)了三類(lèi)設(shè)計(jì)：
1）賦予用戶(hù)選擇權(quán)：允許用戶(hù)選擇熱門(mén)推薦還是個(gè)性化推薦，這可以稱(chēng)為尊重用戶(hù)，但不能稱(chēng)為開(kāi)放。微信的改進(jìn)中越來(lái)越側(cè)重用戶(hù)知情權(quán)、選擇權(quán)和控制權(quán)，比如點(diǎn)擊鏈接跳轉(zhuǎn)時(shí)必須經(jīng)過(guò)用戶(hù)同意。
2）允許用戶(hù)參與到個(gè)性化推薦的優(yōu)化進(jìn)程中，比如知乎的不感興趣、設(shè)置屏蔽詞。
3）將個(gè)性化推薦的控制權(quán)交給用戶(hù)，將隱藏于后端的對(duì)用戶(hù)的個(gè)性理解開(kāi)放，讓用戶(hù)參與到個(gè)性化推薦的演化進(jìn)程中，這是一種由內(nèi)向外的開(kāi)放。
在《社區(qū)化》一文中描述了產(chǎn)品的開(kāi)放性的兩個(gè)類(lèi)型：
產(chǎn)品的開(kāi)放性指產(chǎn)品從通用性設(shè)計(jì)與固定功能走向個(gè)性化設(shè)計(jì)與模塊化功能，從完成的、封閉的結(jié)構(gòu)走向未完成的（留有空間）、開(kāi)放的，從被動(dòng)開(kāi)放（接受反饋與建議）到主動(dòng)開(kāi)放，從部分開(kāi)放走向全面開(kāi)放。
結(jié)構(gòu)開(kāi)放：在設(shè)計(jì)階段開(kāi)展共同設(shè)計(jì)或是在設(shè)計(jì)后留有參與空間，通過(guò)將產(chǎn)品分為多個(gè)單獨(dú)的要素或模塊，允許參與者在一定范圍內(nèi)對(duì)結(jié)構(gòu)進(jìn)行拆分、重排或其他再組合設(shè)計(jì)；汽車(chē)生產(chǎn)中使用定制化的柔性策略一方面避免了落后的市場(chǎng)調(diào)查，使生產(chǎn)直接面對(duì)真實(shí)客戶(hù)的真實(shí)需求，另一方面多樣化的需求也有助于改進(jìn)了解潛在需求改進(jìn)通用型設(shè)計(jì)，比如將大量需求的個(gè)性化設(shè)計(jì)成為通用型的基本設(shè)計(jì)。
使用開(kāi)放：允許使用者發(fā)揮想象力創(chuàng)造性的使用產(chǎn)品，創(chuàng)造新的用法、用途或使用場(chǎng)景，以增強(qiáng)產(chǎn)品使用的外延，延伸產(chǎn)品的功能，增強(qiáng)產(chǎn)品的生命力；游戲開(kāi)發(fā)商越來(lái)越重視玩家貢獻(xiàn)給游戲玩法帶來(lái)的豐富性，在設(shè)計(jì)游戲時(shí)，即考慮了開(kāi)放性的設(shè)計(jì)，提供編輯器使玩家能夠用獨(dú)特性的視角來(lái)完成獨(dú)特性的內(nèi)容。
美國(guó)教育學(xué)家 Banathy 在1991年發(fā)表的《誰(shuí)應(yīng)當(dāng)是設(shè)計(jì)者? 》中認(rèn)為, 在過(guò)去的40年間, 人類(lèi)的活動(dòng)系統(tǒng)經(jīng)歷了四代設(shè)計(jì)方法的演進(jìn)：
將其簡(jiǎn)化一下，根據(jù)設(shè)計(jì)的主體，分為三類(lèi)：
我見(jiàn)到的產(chǎn)品一般處于權(quán)威設(shè)計(jì)向參與式設(shè)計(jì)轉(zhuǎn)化的進(jìn)程中，參與式設(shè)計(jì)注重為參與而設(shè)計(jì)，在設(shè)計(jì)中注重留下參與空間，也就是“消費(fèi)者空間”。
B站首頁(yè)右側(cè)，有一個(gè)可以控制分區(qū)位置的設(shè)計(jì)，允許使用者根據(jù)自己的意愿控制各個(gè)分區(qū)的位置：
在微信內(nèi)，允許使用者選擇發(fā)現(xiàn)頁(yè)內(nèi)顯示的模塊：
在網(wǎng)易云音樂(lè)中，給使用者留下大量可參與的空間，比如歌詞翻譯：
參與式設(shè)計(jì)的典型方法是模塊化設(shè)計(jì)，模塊化設(shè)計(jì)是指在對(duì)一定范圍內(nèi)的不同功能或相同功能不同性能、不同規(guī)格的產(chǎn)品進(jìn)行功能分析的基礎(chǔ)上，劃分并設(shè)計(jì)出一系列功能模塊，通過(guò)模塊的選擇和組合可以構(gòu)成不同的產(chǎn)品，以滿(mǎn)足市場(chǎng)的不同需求的設(shè)計(jì)方法。
仍以B站首頁(yè)的分區(qū)為例，將每個(gè)分區(qū)設(shè)計(jì)為一個(gè)模塊，交給使用者進(jìn)行再設(shè)計(jì)，這樣，使用者不僅可以調(diào)整分區(qū)的順序，還可以選擇是否顯示某個(gè)模塊。
參與者設(shè)計(jì)的反向使用者不僅不提供空間，還會(huì)擠占參與者空間，比如Youku首頁(yè)的專(zhuān)輯推薦，這應(yīng)該是留給參與者的空間，這是內(nèi)容的再組織的一環(huán)。
在B站反饋中，看到了一些令我震驚的建議，比如：我想收藏評(píng)論。
對(duì)這個(gè)建議進(jìn)行分析，會(huì)發(fā)現(xiàn)收藏對(duì)象的多樣性，從這個(gè)角度出發(fā)，可以針對(duì)收藏的范圍進(jìn)行系統(tǒng)設(shè)計(jì)。
在v2ex社區(qū)中，也見(jiàn)過(guò)類(lèi)似的建議，比如：比起同好，我更想知道同惡。
同好是有相似興趣的人，同惡是有相似反感對(duì)象的人；這是基于正向情感與反向情感的設(shè)計(jì)，這種設(shè)計(jì)思路，單憑設(shè)計(jì)者，是很難空想出來(lái)的。
《失控》中戴維·艾克利描述了生命演化：想要得到和生命真正類(lèi)似的行為，不是設(shè)法創(chuàng)造出真正復(fù)雜的生物，而是給簡(jiǎn)單的生物提供一個(gè)極其豐饒的變異環(huán)境。
在系統(tǒng)思維中，有兩個(gè)概念，跟開(kāi)放性息息相關(guān)：自組織與涌現(xiàn)。
自組織：組織是指系統(tǒng)內(nèi)的有序結(jié)構(gòu)或這種有序結(jié)構(gòu)的形成過(guò)程，以組織力的來(lái)源劃分，分為自組織與他組織，如果組織力來(lái)自外部指令就是他組織，如果不存在外部指令，系統(tǒng)按照某種規(guī)則，各盡其責(zé)、協(xié)同而自動(dòng)的形成有序結(jié)構(gòu)就是自組織。
在《從設(shè)計(jì)為大眾到大眾參與設(shè)計(jì)》一文中提出了一個(gè)有益的思想：設(shè)計(jì)設(shè)計(jì)的過(guò)程，一種面向創(chuàng)造與再創(chuàng)造的設(shè)計(jì)；
后現(xiàn)代主義時(shí)代，結(jié)果已不再是主要目的，結(jié)果是充滿(mǎn)流變性的，而過(guò)程卻是決定結(jié)果流變性的主要因素，什么樣的過(guò)程方式和實(shí)施原則是創(chuàng)作主體的主要任務(wù)，也可以說(shuō)過(guò)程即是目的。
在這一觀念思維下，設(shè)計(jì)過(guò)程不再是私密的個(gè)人性行為，也不再是潛藏在設(shè)計(jì)成果背后的那種工作室行為，而是可以拿到前臺(tái)，成為設(shè)計(jì)作品本身。
設(shè)計(jì)的目的也不再是結(jié)果的唯一性了，過(guò)程的方法如何和過(guò)程的交互價(jià)值都會(huì)成為設(shè)計(jì)的直接目的，設(shè)計(jì)的創(chuàng)作就是在創(chuàng)作一種過(guò)程，一種思考過(guò)程或者體驗(yàn)過(guò)程。
在馬斯洛的需求層次理論中，將需求層次分為五個(gè)基本層次：生理需求、安全需求、社交需求、尊重需求、自我實(shí)現(xiàn)的需求。
在Kano需求分級(jí)模型中，將需求分為三個(gè)基本層級(jí)：基本需求、期望需求、興奮需求。
從這些對(duì)需求的分級(jí)上，可以看出兩個(gè)方向：
1）激勵(lì)的方向：對(duì)用戶(hù)的激勵(lì)，應(yīng)該從低級(jí)需求向高級(jí)需求，在滿(mǎn)足低級(jí)需求后，逐步向歸屬感及自我實(shí)現(xiàn)的需求發(fā)展；應(yīng)該意識(shí)到，在低級(jí)需求得到滿(mǎn)足后，將逐漸失去激勵(lì)作用。
2）競(jìng)爭(zhēng)的方向：在基本需求層次的競(jìng)爭(zhēng)是一種低層次的競(jìng)爭(zhēng)。目前幾大長(zhǎng)視頻網(wǎng)站的主要的廣告及VIP收入等建立在基本需求基礎(chǔ)上，觀看視頻是最基本需求，如果長(zhǎng)期將目光放在滿(mǎn)足客戶(hù)的基本需求上，就會(huì)始終處于一種低層次的競(jìng)爭(zhēng)。
這也是產(chǎn)品的開(kāi)放性設(shè)計(jì)的意義所在：提高激勵(lì)層次，打造上層競(jìng)爭(zhēng)力。
在這方面，B站走在了前列，但從整體來(lái)看，B站的社區(qū)化并不徹底，仍停留在參與式設(shè)計(jì)的起步階段，開(kāi)放性十分有限。
由于基因問(wèn)題，其他長(zhǎng)視頻網(wǎng)站想一步到位社區(qū)化并不現(xiàn)實(shí)，以為建立一個(gè)內(nèi)部社區(qū)就是注重用戶(hù)參與也是一種錯(cuò)誤的想法，開(kāi)放性應(yīng)該是全局的思想，從組織的全局到產(chǎn)品的全局，而不是具體的某種產(chǎn)品形態(tài)。努力從web1.0的專(zhuān)業(yè)生產(chǎn)內(nèi)容思維走出，開(kāi)始為用戶(hù)設(shè)計(jì)，在設(shè)計(jì)中注重用戶(hù)參與，一步步走向參與式設(shè)計(jì)，乃至使用者設(shè)計(jì)，是一條實(shí)用的道路。
在使用一些產(chǎn)品時(shí)，常常會(huì)想一個(gè)問(wèn)題：產(chǎn)品是誰(shuí)的？在設(shè)計(jì)產(chǎn)品時(shí)，也會(huì)產(chǎn)生一個(gè)深重的疑惑：如何設(shè)計(jì)未知？
隨著隱私時(shí)代的到來(lái)，使用者會(huì)逐漸覺(jué)醒主人翁意識(shí)，期望在產(chǎn)品中自我發(fā)展自我實(shí)現(xiàn)，而產(chǎn)品也需要使用者的豐富背景，來(lái)塑造一個(gè)多樣性的生態(tài)系統(tǒng)。
而隨著產(chǎn)品的系統(tǒng)復(fù)雜度增加，面向已知的設(shè)計(jì)已然不足，要使產(chǎn)品具備自我生長(zhǎng)自我完善的能力，需要從未知中汲取營(yíng)養(yǎng)。
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：天下雪
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
同理心對(duì)于任何人來(lái)說(shuō)都是難得可貴的，它在人際交往中有非常突出的優(yōu)勢(shì)。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，則更為重要。擁有同理心的設(shè)計(jì)師往往能更好的進(jìn)行設(shè)計(jì)，知道用戶(hù)的需求才有可能做出讓用戶(hù)滿(mǎn)意的產(chǎn)品，滿(mǎn)足了用戶(hù)的需求，他們才會(huì)愿意長(zhǎng)期使用你的產(chǎn)品，從而形成正向的反饋。
在體驗(yàn)設(shè)計(jì)的過(guò)程中，如果不能對(duì)設(shè)計(jì)對(duì)象有更深入的了解，設(shè)計(jì)思維就無(wú)法開(kāi)始；而用戶(hù)對(duì)產(chǎn)品持有的觀念、態(tài)度甚至意見(jiàn)并不一定會(huì)表現(xiàn)的很明顯，這需要設(shè)計(jì)者更加主動(dòng)的與用戶(hù)進(jìn)行互動(dòng)去構(gòu)建共情。
這可以使得你能夠更加了解他們的需求、想法、情緒和動(dòng)機(jī)，好消息是，你能掌握多種方法來(lái)與用戶(hù)構(gòu)建共情去獲取更多信息；并且當(dāng)你有足夠的“正念”和經(jīng)驗(yàn)時(shí)，你也能成為共情他人的專(zhuān)家。
“正念”：有目的的、有意識(shí)的，關(guān)注、覺(jué)察當(dāng)下的一切，而對(duì)當(dāng)下的一切又都不作任何判斷、任何分析、任何反應(yīng)，只是單純地覺(jué)察它、注意它。
1. 百科
共情（Empathy），共情又譯作同感、同理心、投情等，由人本主義創(chuàng)始人羅杰斯所闡述的概念，卻越來(lái)越出現(xiàn)在現(xiàn)代精神分析學(xué)者的著作中。
2. 通俗含義
我們常說(shuō)的感同身受、換位思考、同情心、設(shè)身處地、將心比心這都是共情的一種描述。
Empathy一詞源于德語(yǔ)“Einfühlung”，意為讓人們跟藝術(shù)品融為一體，比喻走進(jìn)一件藝術(shù)品的奇妙體驗(yàn)。
因此國(guó)外常常會(huì)看見(jiàn)“站進(jìn)別人鞋子里去”的共情比喻——（Stepping into their shoes as the saying goes, in order to gain a deeper understanding of their situations.）意為正如俗話所說(shuō)，站在他們的立場(chǎng)上，以便更深入地了解他們的處境。
對(duì)于“共情”我更多的理解成是兩個(gè)或多個(gè)載體之間的一種共識(shí)一種情緒共鳴，然后再到行為跟思維上的影響。
但實(shí)際上發(fā)生完全的共情是不可能的，有時(shí)連我們自己也會(huì)做一些無(wú)法理解的迷惑行為，并且客體是多樣化的，可以是跨物種的，跨維度的；而我們要做的就是在工作中定義共情的有效范圍，盡可能的與目標(biāo)用戶(hù)產(chǎn)生共情以了解更多信息或需求，然后去定義和構(gòu)思新的需求與設(shè)計(jì)。
共情很重要，但它不是設(shè)計(jì)工作中的全部，有效而不要過(guò)度的使用也很重要。
3. 身邊的共情
我們身邊的共情無(wú)處不在，正是這些共情使得人與人之間的情感更豐富，當(dāng)然也是因?yàn)槿祟?lèi)有強(qiáng)大的表達(dá)能力。通常當(dāng)客體情緒在表達(dá)出來(lái)的情況下，主體是可以更容易得到共情的。
所有當(dāng)主體更專(zhuān)注的去感受客體的情緒表達(dá)時(shí)，能夠使達(dá)到共情變得更迅速。
常見(jiàn)的共情場(chǎng)景；
以上都是一些生活中常有的共情場(chǎng)景。
通常當(dāng)我們與其他客體得到共情時(shí)，往往我們能夠更清楚客體傳遞的信息是什么、需求是什么，這完全可以應(yīng)用到我們的設(shè)計(jì)場(chǎng)景中幫助我們獲取更多的有效信息。
如果你想要更了解你的產(chǎn)品用戶(hù)，從而讓你的產(chǎn)品更好的服務(wù)用戶(hù)得到更好的體驗(yàn)口碑，那么體驗(yàn)設(shè)計(jì)師如果對(duì)目標(biāo)用戶(hù)沒(méi)有更深入的了解，那么產(chǎn)品設(shè)計(jì)中的各種設(shè)想都是沒(méi)辦法決策的，甚至都難以測(cè)試和驗(yàn)證，這對(duì)產(chǎn)品研發(fā)一定是一個(gè)危險(xiǎn)信號(hào)。
而共情則能幫助我們洞察用戶(hù)需求和定義問(wèn)題，所以共情在體驗(yàn)設(shè)計(jì)中顯得基本且至關(guān)重要。
1. 電商的界面設(shè)計(jì)
產(chǎn)品原型與交互界面時(shí)常是有所出入的，其原因在于前者更關(guān)注產(chǎn)品本身框架與盈利點(diǎn)，而后者更注重整體的用戶(hù)體驗(yàn)的細(xì)節(jié)。
共情用戶(hù)需求，以及思考商業(yè)盈利與用戶(hù)體驗(yàn)之間平衡的點(diǎn)似乎是無(wú)法脫離共情應(yīng)用的。這便是共情應(yīng)用的一種體現(xiàn)，也是共情價(jià)值與設(shè)計(jì)賦能的體現(xiàn)。
2. 移動(dòng)端常見(jiàn)廣告推廣界面
一直以來(lái)在產(chǎn)品營(yíng)銷(xiāo)廣告中，始終存在一些流氓的交互方式讓用戶(hù)苦惱。往往更加注重和尊重用戶(hù)感受可以更好的提升用戶(hù)的好感與使用體驗(yàn)，這便能夠使產(chǎn)品與用戶(hù)之間的感情升溫贏得口碑。
3. 組織產(chǎn)品功能架構(gòu)時(shí)
在構(gòu)建產(chǎn)品業(yè)務(wù)框架時(shí)，大多可能會(huì)出現(xiàn)以公司服務(wù)資源為中心的構(gòu)建方式，但同時(shí)這種由內(nèi)而外開(kāi)發(fā)方式會(huì)為產(chǎn)品帶來(lái)更多的弊端（往往產(chǎn)品投入使用后，會(huì)出現(xiàn)超出預(yù)期的問(wèn)題）。
嘗試去站進(jìn)用戶(hù)的鞋子里去，或者找來(lái)目標(biāo)用戶(hù)甚至是相關(guān)的專(zhuān)家來(lái)做咨詢(xún)，減少研發(fā)迭代的彎路。
4. 用戶(hù)研究中的共情應(yīng)用
用戶(hù)畫(huà)像是體驗(yàn)設(shè)計(jì)中常見(jiàn)的一種設(shè)計(jì)工具，它能夠幫助產(chǎn)品定義目標(biāo)用戶(hù)，能夠有效用于產(chǎn)品設(shè)計(jì)決策或者洞察用戶(hù)需求等。
一個(gè)好的用戶(hù)畫(huà)像是基于真實(shí)用戶(hù)的，它不是胡編亂造的。畫(huà)像在于形成多組可供參考的角色材料，這有利于跨團(tuán)隊(duì)跨層級(jí)之間快速實(shí)現(xiàn)共情，達(dá)到業(yè)務(wù)目標(biāo)的統(tǒng)一性。
因此一組目標(biāo)用戶(hù)畫(huà)像能否幫助團(tuán)隊(duì)快速實(shí)現(xiàn)共情是一個(gè)重要的衡量標(biāo)準(zhǔn)，而不僅是一組人口調(diào)查數(shù)據(jù)。
5. 用故事去描述
故事的元素通常會(huì)更豐富更有趣味，用故事敘事更能提升用戶(hù)的興趣和關(guān)注，這能便于構(gòu)建共情。
因此當(dāng)你發(fā)布測(cè)試任務(wù)或者撰寫(xiě)研究報(bào)告時(shí)，都可以加入背景故事或用故事敘事，便于對(duì)象更容易理解和共情，你甚至可以用筆繪制故事版，像四格漫畫(huà)一般。
因?yàn)橛脠D傳達(dá)概念或信息更容易讓人記住或回想起來(lái)，并且當(dāng)你用這些方法時(shí)，自身也能加強(qiáng)理解。共情不是單向傳遞的，不要高估對(duì)方的理解能力，讓你的信息更簡(jiǎn)單明了的傳遞也是重要的共情應(yīng)用！
6. 仔細(xì)傾聽(tīng)和觀察
在與目標(biāo)用戶(hù)進(jìn)行互動(dòng)的時(shí)候，通常會(huì)借助電子設(shè)備幫助記錄這個(gè)過(guò)程，目的是為了更仔細(xì)的觀察和聆聽(tīng)，并注意到被忽略的信息。
就像一種正念，我們會(huì)帶有目的性的觀察目標(biāo)活動(dòng)，并且不會(huì)進(jìn)行干涉，同時(shí)不對(duì)當(dāng)下發(fā)生的一切提前作出任何結(jié)論、分析或判斷，直至這個(gè)過(guò)程有了一個(gè)里程或結(jié)果，我們?cè)賹⑹占降母鞣N信息放在一起去思考。
傾聽(tīng)和觀察是人與人之間互動(dòng)的根本方式，相對(duì)仔細(xì)完整的傾聽(tīng)與觀察可以獲取到更加有效的共情，而片面的則可能產(chǎn)生共情偏差。
7. 小結(jié)
共情在體驗(yàn)設(shè)計(jì)的應(yīng)用中很廣泛也很重要，甚至還延展了許多幫助共情的工具，這些都是為了讓設(shè)計(jì)者能夠更好的了解市場(chǎng)、發(fā)掘用戶(hù)需求、甚至找到新的產(chǎn)品機(jī)會(huì)，最終幫助企業(yè)解決產(chǎn)品實(shí)際問(wèn)題。
有時(shí)在共情工作中，我們就像一個(gè)老中醫(yī)一般，對(duì)患者望聞問(wèn)切。 一旦有了問(wèn)題，就應(yīng)該及時(shí)使用適當(dāng)?shù)姆绞饺ス睬槟繕?biāo)對(duì)象，定位問(wèn)題所在，并制定解決方案。
1. 制定共情的范圍
為了尋求更加有價(jià)值的目標(biāo)用戶(hù)進(jìn)行共情研究，我們會(huì)對(duì)共情的目標(biāo)進(jìn)行范圍篩選，可以是根據(jù)某些用戶(hù)習(xí)慣、常使用的產(chǎn)品服務(wù)、某個(gè)場(chǎng)景、也可以是社會(huì)群體（例如學(xué)生、司機(jī)）、甚至可以是動(dòng)植物(例如寵物類(lèi)產(chǎn)品)。
所以第一步你要根據(jù)需求去制定共情目標(biāo)的篩選條件，然后一點(diǎn)點(diǎn)縮小和鎖定有效的目標(biāo)群體，再開(kāi)始招募、溝通或是進(jìn)行其他下一步工作，我們沒(méi)辦法跟所有目標(biāo)用戶(hù)構(gòu)建共情也沒(méi)有必要這樣做。
通常五個(gè)左右的用戶(hù)就能夠反映出大多數(shù)問(wèn)題，并出現(xiàn)重疊的反饋。
2. 在不同研發(fā)階段嘗試與特殊的用戶(hù)共情
伴隨產(chǎn)品的發(fā)展過(guò)程用戶(hù)也在時(shí)時(shí)發(fā)生微妙的變化，在跨度大的迭代中，嘗試與產(chǎn)品潛在用戶(hù)或極端用戶(hù)進(jìn)行共情研究也是很有價(jià)值的。
潛在用戶(hù)的需求通常存在著更多的不確定，這也意味有發(fā)現(xiàn)新機(jī)會(huì)的可能；而極端用戶(hù)通常會(huì)有一些更刻薄的需求，這些需求可能不是主流，但也有主流發(fā)展的潛力，不過(guò)至少這些改進(jìn)會(huì)為極端用戶(hù)帶來(lái)驚喜。
這就像是在公交車(chē)站下安裝一臺(tái)自動(dòng)售賣(mài)機(jī)，不是大多數(shù)人的需求，也不是當(dāng)前的主流趨勢(shì)，但卻能夠?yàn)椴糠殖丝蛶?lái)方便或驚喜，我們不能忽略這些少數(shù)。
3. 帶有目標(biāo)的進(jìn)行
在體驗(yàn)設(shè)計(jì)的過(guò)程中，我們需要與目標(biāo)對(duì)象構(gòu)建共情時(shí)，一定是有目的有意圖的。
以使用性測(cè)試為例，往往我們都會(huì)設(shè)定一些產(chǎn)品測(cè)試任務(wù)和目標(biāo)給用戶(hù)，再進(jìn)行觀察和共情。這也將允許我們能夠在同一個(gè)或相似的場(chǎng)景事件中發(fā)生共情，這樣才能夠獲取到更真實(shí)有效的共情。
以一個(gè)吸塵器產(chǎn)品為例：如果對(duì)方是在地毯上測(cè)試的，而你是在木質(zhì)地板的環(huán)境下去共情的，那么共情結(jié)果肯定是有所出入的，所以構(gòu)建一個(gè)共情目的甚至是環(huán)境是有效共情的一個(gè)重點(diǎn)之一。
4. 情緒降噪與傾聽(tīng)
構(gòu)建共情會(huì)受情緒影響，在共情前有必要去除負(fù)面情緒影響，不要為共情構(gòu)建帶來(lái)更多的阻力，另外則是仔細(xì)的傾聽(tīng)和理解。
這就好比我們要專(zhuān)注學(xué)習(xí)，除了認(rèn)知聽(tīng)講，腦子里一旦充斥著其他負(fù)面情緒或思維影響，就很難完成專(zhuān)注學(xué)習(xí)的目的。
同理：在用戶(hù)幫助我們測(cè)試產(chǎn)品或訪談時(shí)，我們也要首先做好彼此的心理建設(shè)，去除主要的負(fù)面情緒甚至去除不利的環(huán)境影響因素，例如緩解用戶(hù)緊張不安的情緒，找一個(gè)素一點(diǎn)且安靜的測(cè)試房間等。
5. 合理的工具輔助
圖表、筆記、錄制設(shè)備是幫助我們共情的最好工具，在不同的場(chǎng)景下，這些工具能夠幫助我們更好的收集信息，并且便于我們思考和共情。
我們?cè)诙虝r(shí)間能記住的信息是有限的，這也是為什么我們會(huì)用到7±2這種定律去控制信息量的原因。
以用戶(hù)體驗(yàn)地圖為例，在記載用戶(hù)體驗(yàn)產(chǎn)品的過(guò)程中，便是一種很好的共情輔助工具，它能夠按照使用步驟或階段記載用戶(hù)使用情況和情緒變化等反饋。
6. 構(gòu)建共情的要素
在我的理解中，共情由四個(gè)主要的因素影響來(lái)構(gòu)成。
尊重
受到不同的環(huán)境跟經(jīng)歷影響，要去準(zhǔn)確理解一個(gè)人是很困難的，哪怕是多年的夫妻也是如此。所有首先要做到尊重，消除任何偏見(jiàn)，不要帶有批判或評(píng)價(jià)的心理。然而做到足夠的尊重也并不容易。
觀察
觀察是獲取客體傳遞信息的主要途徑，不能掌握足夠的信息是無(wú)法做到共情的，片面的或者假設(shè)的信息都將影響到正確的共情。
思考
對(duì)客體的信息與觀念進(jìn)行思考，嘗試?yán)斫饪腕w的各種行為根因以達(dá)成一致的認(rèn)知。
融入
將自己感受到的情緒與認(rèn)知代入到共情對(duì)象的行徑中，去仔細(xì)揣摩，以洞察用戶(hù)的行為、感受、需求、思維方式以及與產(chǎn)品之間的關(guān)聯(lián)，就像靈魂附體一般，以達(dá)到更深入的共情來(lái)定義問(wèn)題。
7. 共情為設(shè)計(jì)賦能
最后便是共情結(jié)果如何應(yīng)用到設(shè)計(jì)之中，將共情結(jié)果賦能到產(chǎn)品設(shè)計(jì)也是共情工作的價(jià)值所在。
通常這套流程是共情->定義->構(gòu)思->原型->測(cè)試，在這個(gè)整個(gè)過(guò)程中隨時(shí)是可以返回到前面其他階段中反復(fù)打磨的，而共情作為一個(gè)起點(diǎn)也揭示了其重要性。
我們一切的共情工作皆為了能夠優(yōu)化和解決產(chǎn)品的問(wèn)題，使得產(chǎn)品體驗(yàn)?zāi)軌蚋?，這是我們?cè)隗w驗(yàn)設(shè)計(jì)中不斷去共情的初衷。
以移動(dòng)端的產(chǎn)品來(lái)講，現(xiàn)在好的共情設(shè)計(jì)真是百花齊放，這正是創(chuàng)新技術(shù)與共情設(shè)計(jì)發(fā)展的好趨勢(shì)，也是敢于創(chuàng)新探索的好機(jī)遇。這里我們放三種典型的欣賞案例說(shuō)一下：
1. 智能便捷型
給用戶(hù)提供更加智能便捷的服務(wù)功能，使得用戶(hù)能夠獲得更輕松流暢的服務(wù)體驗(yàn)。
2. 高效人性化類(lèi)型
通過(guò)大數(shù)據(jù)與技術(shù)手段，為用戶(hù)提供更加高效人性化的服務(wù)方案，提升用戶(hù)好感度、依賴(lài)性，加強(qiáng)產(chǎn)品口碑與體驗(yàn)。
3. 情感關(guān)注型
有一些屬于情感關(guān)注類(lèi)型的共情設(shè)計(jì)，通過(guò)獲取用戶(hù)的場(chǎng)景信息或其他數(shù)據(jù)共情用戶(hù)情緒，并給予用戶(hù)合適的關(guān)愛(ài)、幫助、引導(dǎo)。為用戶(hù)帶來(lái)軟件有情感，品牌有溫度的體驗(yàn)。
4. 小結(jié)
在體驗(yàn)設(shè)計(jì)中，情感化設(shè)計(jì)一定會(huì)是一個(gè)值得深入方向，我們應(yīng)該關(guān)注到不同場(chǎng)景下用戶(hù)會(huì)產(chǎn)生的情緒變化，為用戶(hù)提供更加走心的服務(wù)體驗(yàn)，為產(chǎn)品收獲更多口碑。
當(dāng)然，在產(chǎn)品完善的這個(gè)漫長(zhǎng)過(guò)程中，我們也要隨時(shí)甄別我們所做的事情是否對(duì)用戶(hù)和企業(yè)有更高的價(jià)值。在研發(fā)資源有限的情況下，劃分這些設(shè)計(jì)點(diǎn)的權(quán)重，合理分配研發(fā)資源。
能夠?qū)睬闃?gòu)建產(chǎn)生影響的認(rèn)知偏差挺多的，這些認(rèn)知上的偏差會(huì)影響到共情的正確性，不僅是構(gòu)建共情的主體還是客體都會(huì)有影響。
這里圍繞構(gòu)建共情補(bǔ)充了一些相關(guān)認(rèn)知偏差，希望能夠在構(gòu)建共情的工作中再少一些坑：
1. Empathy gap（共情偏差）
共情偏差是指由于經(jīng)驗(yàn)、預(yù)期和態(tài)度存在差異，我們很難準(zhǔn)確地去體會(huì)他人的感受。這一點(diǎn)就是前文提到的我們無(wú)法做到完全共情，我們對(duì)共情的概念要有一定認(rèn)知。
建議：通過(guò)技巧去彌補(bǔ)，減少認(rèn)知偏差。多一些耐心的聆聽(tīng)，減少偏見(jiàn)和執(zhí)念，嘗試思考如果是TA該怎么辦？
2. Negativity bias（負(fù)面情緒偏差）
情緒會(huì)對(duì)我們的認(rèn)識(shí)和行為產(chǎn)生影響，而負(fù)面情緒產(chǎn)生的影響則是最大的，這會(huì)對(duì)我們的共情判斷產(chǎn)生偏差，所以前文我們會(huì)提到消除情緒噪點(diǎn)的概念。
建議：盡可能的維持中立或積極的情緒狀態(tài)會(huì)更有助于共情工作，但至少是消除負(fù)面的情緒影響。
3. Observer-expectancy effect（觀察者預(yù)期效應(yīng)）
觀察者常常會(huì)不自覺(jué)地扭曲影響因素或數(shù)據(jù)，以得到預(yù)期結(jié)果。
這就好比在用戶(hù)進(jìn)行產(chǎn)品測(cè)試的期間，向你咨詢(xún)了意見(jiàn)，而你很有可能不自覺(jué)的給出你的期望或者一些暗示，這會(huì)對(duì)目標(biāo)產(chǎn)生可暗示性偏差(Suggestibility)，使得目標(biāo)想到的內(nèi)容往往會(huì)被扭曲。
建議：
4. Automation bias（直覺(jué)偏誤）
基于自身的認(rèn)知或經(jīng)歷，有時(shí)做出判斷會(huì)過(guò)度依賴(lài)個(gè)人直覺(jué)，而不去收集更多有益于做出準(zhǔn)確判斷的證據(jù)。
這一現(xiàn)象常常表現(xiàn)為產(chǎn)品或項(xiàng)目經(jīng)理的一拍腦袋的決定，但是往往因?yàn)檫^(guò)度依賴(lài)直覺(jué)而忽略了實(shí)際的場(chǎng)景差異等。
建議：對(duì)于不能直接給出有效證據(jù)的決策，要敢于質(zhì)疑而去追究其正確性，當(dāng)使用參考信息時(shí)要思考兩者之間的差異性?？傊灰獞{借事件的相識(shí)性而忽略差異性，最終憑直覺(jué)決策。
5. Authority bias（權(quán)威偏見(jiàn)）
人們會(huì)過(guò)度倚重某些權(quán)威的意見(jiàn)，而忽視事情發(fā)生的實(shí)際背景。以品牌的影響力為例，兩種不同的任務(wù)實(shí)施程序，通常人們會(huì)認(rèn)為大品牌的方案更好更值得信賴(lài)，而忽略了一些體驗(yàn)細(xì)節(jié)。
建議：對(duì)于相比較的軟件測(cè)試任務(wù)，我們有時(shí)會(huì)弱化甚至隱匿品牌信息。其目的便是在比較時(shí)減少這些權(quán)威偏見(jiàn)，不論是正面的還是負(fù)面的，這些都會(huì)影響用戶(hù)判斷，所以在特殊的場(chǎng)景研究下，請(qǐng)注意這一影響是否干擾結(jié)果。
6. Normalcy bias（正?；`）
人們會(huì)過(guò)度依賴(lài)先前的經(jīng)驗(yàn)，把一些極端事件看作正常的，認(rèn)為事情很快會(huì)過(guò)去。
以用戶(hù)測(cè)試為例，當(dāng)6個(gè)人都正常完成了測(cè)試任務(wù)，僅有一人出現(xiàn)出現(xiàn)問(wèn)題時(shí)，這是一個(gè)概念問(wèn)題，我們不能忽視這僅有的一個(gè)用戶(hù)，更不能安慰自己這只是一個(gè)特例。
建議：上文有提到嘗試與極端用戶(hù)進(jìn)行交流，其實(shí)道理類(lèi)似，問(wèn)題存在即合理，我們有必要注重和研究這些極少數(shù)，它們極有可能帶來(lái)新的機(jī)會(huì)點(diǎn)。
7. Illusion of transparency（透明度錯(cuò)覺(jué)）
人們高估自己的個(gè)人心理狀態(tài)被他人知曉的程度的一種傾向，時(shí)常表現(xiàn)為你以為別人都明白了你的意思，實(shí)際上別人明白的還遠(yuǎn)遠(yuǎn)不夠。
與“知識(shí)的詛咒”這一偏差的差別在于，前者是我以為對(duì)方明白了實(shí)際對(duì)方還有諸多不解，而知識(shí)的詛咒是你無(wú)法給對(duì)方進(jìn)行可理解的解釋?zhuān)兄幕尘盎蛘J(rèn)知的障礙，實(shí)際上這兩者偏差概念都會(huì)影響到共情工作。
實(shí)際辦公中透明度錯(cuò)覺(jué)時(shí)常體現(xiàn)在需求表達(dá)、文檔解釋、跨部門(mén)溝通中，往往你以為你說(shuō)的已經(jīng)很清楚了，但在實(shí)際研發(fā)中卻會(huì)體現(xiàn)出諸多差異。
建議：適當(dāng)?shù)牧私馄渌块T(mén)的專(zhuān)業(yè)文化，便于更好的解釋給對(duì)方。
組織好信息框架，簡(jiǎn)單易懂的信息框架易于對(duì)方理解，例如書(shū)本的目錄大綱、信息的分類(lèi)等?？鐖F(tuán)隊(duì)或部門(mén)的PRD（產(chǎn)品需求文檔）盡可能的減少專(zhuān)業(yè)術(shù)語(yǔ)的應(yīng)用或者進(jìn)行注釋?zhuān)臋n的目的不在于體現(xiàn)多專(zhuān)業(yè)而是更加高效易懂的傳達(dá)信息。
研究用戶(hù)從觀察自己開(kāi)始。每個(gè)時(shí)代的人都會(huì)有不一樣的特質(zhì)或者某些現(xiàn)狀，在這個(gè)大環(huán)境下，你會(huì)發(fā)現(xiàn)與同齡人之間有很多相似點(diǎn)，那么加強(qiáng)對(duì)自己的行為理解，是不是就等同研究了這些同齡用戶(hù)的共有特征？
文章來(lái)源：優(yōu)設(shè) 作者：泡泡
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn