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