首頁(yè)

以用戶為中心的交互設(shè)計(jì)思維

天宇

 
聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容，會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)三個(gè)方面入手。
目前是第三篇，關(guān)于交互設(shè)計(jì)思維的內(nèi)容。到這里設(shè)計(jì)思維的內(nèi)容全部結(jié)束了。
感謝
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維


作者：DesignLink
鏈接：https://www.zcool.com.cn/article/ZMTY0OTg1Mg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(363858.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)的軟件開(kāi)發(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

 
評(píng)論(0) 瀏覽(141)

如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？

天宇

本文從產(chǎn)品角度出發(fā)，深入探討了如何發(fā)起交互設(shè)計(jì)。通過(guò)明確產(chǎn)品目標(biāo)與用戶需求、進(jìn)行用戶研究、構(gòu)建信息架構(gòu)、設(shè)計(jì)流程與界面、進(jìn)行原型測(cè)試以及持續(xù)優(yōu)化等關(guān)鍵步驟，闡述了如何打造出滿足用戶期望、提升用戶體驗(yàn)并實(shí)現(xiàn)產(chǎn)品目標(biāo)的交互設(shè)計(jì)。
 
一、引言
 
在當(dāng)今數(shù)字化的時(shí)代，產(chǎn)品的成功不僅僅取決于其功能的強(qiáng)大，更在于能否為用戶提供流暢、愉悅且富有價(jià)值的交互體驗(yàn)。從產(chǎn)品角度發(fā)起交互設(shè)計(jì)，意味著將用戶置于核心，以實(shí)現(xiàn)產(chǎn)品的商業(yè)目標(biāo)和用戶需求的完美融合。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
二、明確產(chǎn)品目標(biāo)與用戶需求
 
（一）定義產(chǎn)品目標(biāo)
產(chǎn)品目標(biāo)是交互設(shè)計(jì)的起點(diǎn)，它決定了設(shè)計(jì)的方向和重點(diǎn)。產(chǎn)品經(jīng)理需要與團(tuán)隊(duì)共同明確產(chǎn)品的定位、市場(chǎng)需求以及預(yù)期的商業(yè)成果。例如，是旨在提高用戶活躍度，還是增加用戶轉(zhuǎn)化率，或者是提升品牌形象。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
 
（二）挖掘用戶需求
通過(guò)市場(chǎng)調(diào)研、用戶反饋、競(jìng)品分析等手段，深入了解目標(biāo)用戶的行為習(xí)慣、痛點(diǎn)和期望。這不僅包括對(duì)用戶顯性需求的捕捉，還包括對(duì)潛在需求的挖掘。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
 
三、進(jìn)行用戶研究
 
（一）用戶畫像創(chuàng)建
基于收集到的數(shù)據(jù)，構(gòu)建詳細(xì)的用戶畫像，包括用戶的年齡、性別、職業(yè)、教育背景、使用場(chǎng)景等特征，以便更精準(zhǔn)地理解用戶的行為和需求。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
 
（二）用戶場(chǎng)景分析
模擬用戶在不同場(chǎng)景下與產(chǎn)品的交互過(guò)程，發(fā)現(xiàn)可能存在的問(wèn)題和優(yōu)化點(diǎn)。
舉例說(shuō)明：
我們要知道，地鐵周邊美食，這是一個(gè)解決方案。真正的需求是什么？一個(gè)字一個(gè)字地找需求，地鐵=快速方便出行，美食=和朋友一起吃飯/自己一人吃飯。這是一個(gè)和線下場(chǎng)景很相關(guān)的項(xiàng)目，我們要把不同目的核心用戶的主要使用場(chǎng)景寫出來(lái)。經(jīng)過(guò)分析，我們得出了用戶會(huì)選擇我們產(chǎn)品，且產(chǎn)品未來(lái)可能存在的各種場(chǎng)景A、B、C、D、E。如下圖所示：
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
如果按照目標(biāo)人群所在場(chǎng)景分類，進(jìn)行細(xì)分，則為下圖：
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
乘地鐵去地鐵站和附近地鐵站區(qū)別：前為用戶會(huì)乘坐地鐵去目的地尋找美食；后為用戶不用地鐵/吃完后使用地鐵，地鐵邊美食沒(méi)有其他美食團(tuán)購(gòu)產(chǎn)品有競(jìng)爭(zhēng)力。
上班族和普通大眾區(qū)別：上班族工作日使用固定地鐵站上下班，時(shí)間可能緊急，快速獲取食物；普通找美食吃的大眾不使用固定地鐵站，目的是通過(guò)地鐵快速到達(dá)某目的地，就近享受目的地美食。
朋友們和個(gè)人區(qū)別：朋友們一起吃飯，容易出現(xiàn)喝多、吃過(guò)點(diǎn)等異常行為，并且在選擇地鐵旁吃飯地點(diǎn)時(shí)需要考慮朋友們家的位置就近選目的地。個(gè)人均不需要考慮以上，較為自由。
 
市場(chǎng)定位
經(jīng)過(guò)領(lǐng)域場(chǎng)景的分析，我們知道了真場(chǎng)景都是用戶有目的乘坐地鐵去到某地鐵站出站口尋找美食的。那么我們對(duì)這么一群大眾進(jìn)行用戶人口統(tǒng)計(jì)學(xué)類的細(xì)分：
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)？
 
 
  • 上圖為前期定位的目標(biāo)大眾用戶群，依靠地鐵的工具屬性，我們得出了具體的兩個(gè)影響因素：時(shí)間+美食熱愛(ài)程度。同時(shí)我們把直接競(jìng)品和間接競(jìng)品一同進(jìn)行用戶群比較?？梢钥吹胶痛竺缊F(tuán)有相同和不同維度，這就是產(chǎn)品最初冷啟動(dòng)時(shí)期的差異化！也就是我們的前、中期場(chǎng)景的主要目標(biāo)用戶類型。
  • 紅色部分即種子用戶群，以這些群體為冷啟動(dòng)階段，可以更快的向四周擴(kuò)張。因?yàn)樗麄冇惺褂玫罔F的時(shí)間屬性，同時(shí)有較高的美食熱愛(ài)程度，有利于帶動(dòng)其他時(shí)間+熱愛(ài)程度的用戶加入產(chǎn)品，實(shí)現(xiàn)快速并有質(zhì)量的拉新、活躍的目標(biāo)。
  • 低端直接競(jìng)品即用戶群工具屬性明顯，只是搜地鐵站，選擇美食的用戶，無(wú)明顯其他行為；高端競(jìng)品即注重社交、ugc為起點(diǎn)，逼格高的搜尋美食工具。這部分開(kāi)始很難，工作量巨大，且較脫離大眾主流群體。
 
結(jié)合上圖和要做的場(chǎng)景，我們得出了產(chǎn)品具體目標(biāo)用戶：乘坐地鐵快速到達(dá)并尋找目的地美食的大眾用戶（上班族休息日，大學(xué)生，個(gè)人或一起），要求在地鐵站附近便能方便享受目的地美食。且對(duì)美食有一定熱愛(ài)程度。
 
（三）用戶測(cè)試
邀請(qǐng)真實(shí)用戶進(jìn)行產(chǎn)品試用，觀察他們的操作行為，收集反饋意見(jiàn)，為后續(xù)的設(shè)計(jì)提供依據(jù)。
1、需求接受
需求很有可能是在線上接到的，并不是面對(duì)面交流傳遞的，并且還會(huì)遇到很多坑，例如需求本身不具體，或者自己理解有偏差，因此在接到需求后，最好和交互、產(chǎn)品等同事進(jìn)行面對(duì)面的交流和溝通。
詳細(xì)了解測(cè)試目的和關(guān)鍵點(diǎn)，確定用戶配比。
最好是讓交互帶著跑一下整個(gè)程序（半成品demo也好，交互稿也行），這樣能在頭腦中快速形成操作流程的認(rèn)知，并把相應(yīng)關(guān)鍵點(diǎn)對(duì)應(yīng)上去。同時(shí)把大致的用戶配比情況敲定一下，后續(xù)就可以直接招募用戶了。
了解demo的完成進(jìn)度，相應(yīng)確定具體測(cè)試時(shí)間。
交互、視覺(jué)等完成demo的時(shí)間具有太多不確定因素，因此我們需要及時(shí)了解整個(gè)demo的完成進(jìn)度，在盡可能快的情況下保險(xiǎn)安排測(cè)試時(shí)間，如果邀請(qǐng)的是外部用戶，結(jié)果用戶到了而demo還沒(méi)出來(lái)，那也是夠了。
2、方案撰寫和確定
讓交互稿幫助自己。在完成測(cè)試方案撰寫的過(guò)程中demo還未誕生，具體程序細(xì)節(jié)記憶又很模糊，不好寫測(cè)試方案，怎么辦？不要慌，去看交互稿吧。
及時(shí)溝通。在方案撰寫過(guò)程中，如果有一些疑問(wèn)，例如在看交互稿的時(shí)候還不是很理解某個(gè)具體操作過(guò)程，或者自己對(duì)產(chǎn)品有疑問(wèn)的也可以跟交互等溝通，因?yàn)樽约簳?huì)遇到的問(wèn)題，很有可能在測(cè)試用用戶也會(huì)遇到，這樣子用戶如果問(wèn)到了，就可以相應(yīng)作出解釋。
核實(shí)確定方案。完成方案后，可以在公司溝通交流工具上和交互及產(chǎn)品等同事再確認(rèn)一下，是否有什么地方遺漏或有不妥之處。
3、用戶招募
這是一個(gè)大多數(shù)人都頭疼的一個(gè)過(guò)程，希望看完了以下幾點(diǎn)，可以稍微緩解一下大家的癥狀。再次確定測(cè)試時(shí)間。
方案定下來(lái)后，再跟交互確認(rèn)測(cè)試時(shí)間，了解是否有變動(dòng)和調(diào)整，盡量避免用戶來(lái)了demo或者測(cè)試環(huán)境還不ok的情況。
 
撰寫招募文案。需要把用戶要求、測(cè)試日期和地點(diǎn)、報(bào)酬、大致的測(cè)試時(shí)長(zhǎng)、用戶需要在測(cè)試中做什么，以及報(bào)名方式等表達(dá)清楚。有以下幾點(diǎn)可以注意一下，方便我們自己招募：
  • 詳細(xì)列出測(cè)試安排的時(shí)間段。例如10:30-11:15、13:30-14:15，讓用戶自己挑選合適的時(shí)間段，這樣就不用事后再協(xié)調(diào)不同用戶測(cè)試時(shí)間了；
  • 優(yōu)先人力、信息管理、行政等崗位同事。盡量避免相關(guān)產(chǎn)品人員、設(shè)計(jì)崗等同事。
  • 制作簡(jiǎn)單的招募海報(bào)，并檢查?？梢允孪葘?ldquo;海報(bào)”用word或者ppt做好，然后保存成圖片格式，記得檢查核實(shí)一下是否有錯(cuò)。因?yàn)樵诠綢M群上直接黏貼確實(shí)方便，但是其排版往往不利于閱讀，導(dǎo)致用戶會(huì)遺漏重要信息。而制作成圖片格式，可以更好地去避免這個(gè)問(wèn)題，同時(shí)還可以顯得整個(gè)招募過(guò)程比較正式，突出了對(duì)用戶的尊重，也能在一定程度上體現(xiàn)我們用研工作的規(guī)范性。
 
多渠道投放招募海報(bào)。內(nèi)部用戶可以嘗試先在公司IM群組上招募，之前招募樣本量比較小，因此很快可以招到，其他途徑暫時(shí)未嘗試，公司論壇應(yīng)該也可以，不過(guò)隱約感覺(jué)效率會(huì)比較低。外部用戶可以在朋友圈試試，效果還不錯(cuò)，大家都很熱情幫忙轉(zhuǎn)發(fā)，群眾的力量大無(wú)窮。也可以相應(yīng)去搜索一些QQ群，加入并發(fā)布招募信息。另外還有一些社交論壇什么的，都可以嘗試一下。方法很多，針對(duì)具體招募情況，大家就盡情發(fā)揮吧~
 
用戶多了留到下次用。海報(bào)發(fā)出去后，有時(shí)也會(huì)出乎意料用戶數(shù)量超過(guò)預(yù)期了，這是好事，不要擔(dān)心，也不要急著拒絕，平和的跟對(duì)方說(shuō)明情況，強(qiáng)調(diào)下次還會(huì)有測(cè)試，把用戶相應(yīng)信息了解一下做個(gè)記錄，下次招募的時(shí)候可以直接先聯(lián)系這幾名用戶。當(dāng)然前提是你真的有下次測(cè)試需求，如果沒(méi)有那還是老老實(shí)實(shí)說(shuō)明情況。
 
確保自己和用戶能彼此聯(lián)系上。跟用戶強(qiáng)調(diào)測(cè)試時(shí)間和地點(diǎn)，尤其是外部用戶，如果招募和正式測(cè)試隔了幾天，最好在測(cè)試前一天再通知一下。給出自己的聯(lián)系電話，同時(shí)詢問(wèn)用戶的聯(lián)系電話。
 
第一個(gè)用戶盡量安排公司內(nèi)部同事。很多時(shí)候demo的完成情況會(huì)出現(xiàn)意外，到了測(cè)試時(shí)間demo還不能用，內(nèi)部用戶可以方便取消或者更換。另外，在第一次測(cè)試前誰(shuí)都不確定用戶會(huì)有什么反應(yīng)，第一個(gè)測(cè)試是可以起到試水效果，而外部用戶成本高，用來(lái)試水太奢侈。
4、測(cè)試準(zhǔn)備
 
材料準(zhǔn)備。需要準(zhǔn)備的內(nèi)容有：量表、報(bào)酬簽收表、記錄筆記本、錄音筆、會(huì)議室借用，以及記錄表格，如果是外部用戶過(guò)來(lái)，相應(yīng)準(zhǔn)備一杯水，人家大老遠(yuǎn)過(guò)來(lái)也不容易。
 
測(cè)試內(nèi)容準(zhǔn)備。其實(shí)每次訪談?dòng)脩糇约憾紩?huì)挺緊張的，不知道用戶是不是也很緊張（PS：好想當(dāng)一回用戶，體驗(yàn)一下被訪的感覺(jué)）。為了消除這種緊張，同時(shí)也是為了更好的完成訪談，可以有嘗試以下幾點(diǎn)：
  • 盡可能多的去了解所需測(cè)試的產(chǎn)品。有時(shí)候demo出來(lái)的晚，下午要測(cè)試，demo中午才出來(lái)，自己都沒(méi)玩過(guò)，測(cè)試還怎么搞？之前也說(shuō)了，那就使勁去看交互稿吧，雖然比不上實(shí)際操作來(lái)的真實(shí)，但是也能有不小幫助，但也要給自己留足熟悉demo的時(shí)間。
  • 按照模塊來(lái)列提綱。其實(shí)相當(dāng)于組塊策略，把同一個(gè)模塊的問(wèn)題放到一起更方便記憶，并且也在訪談中也方便自己和其他同事發(fā)現(xiàn)遺漏點(diǎn)。但模塊不要太大，如果太大了就相應(yīng)拆分一下。例如，在考拉新版測(cè)試的時(shí)候，有“首頁(yè)”、“活動(dòng)”、“購(gòu)物車”等測(cè)試，但是光是首頁(yè)內(nèi)容也很多，作為一個(gè)模塊還是太大了，可以拆分成“首頁(yè)整體感知”、“商品詳情”等幾個(gè)方面來(lái)整理提綱。
  • 根據(jù)任務(wù)演練提綱。有了提綱后，按照任務(wù)大致過(guò)一下所有列出來(lái)的問(wèn)題，這個(gè)過(guò)程會(huì)打亂按照模塊列好的提綱，有一次這樣的排練，在測(cè)試的時(shí)候更不容易漏掉題目，而且也相當(dāng)于模擬了一下測(cè)試，自己心里會(huì)更踏實(shí)一點(diǎn)，在實(shí)際測(cè)試過(guò)程中也能有更好的應(yīng)對(duì)。
 
相關(guān)人員通知。通知交互和產(chǎn)品的同事具體測(cè)試時(shí)間和地點(diǎn)，邀請(qǐng)他們一起參與。不建議交互和產(chǎn)品只是后期測(cè)試查閱報(bào)告，如果他們參與到測(cè)試中，能更近距離和用戶接觸，并能更加深刻感受到產(chǎn)品存在的問(wèn)題，也能更好的推動(dòng)產(chǎn)品的改進(jìn)。
5、正式測(cè)試
主持人需要注意的點(diǎn)：
  • 劃分我們和產(chǎn)品的關(guān)系。在測(cè)試之前跟用戶說(shuō)明清楚，我們并不是產(chǎn)品的設(shè)計(jì)者和開(kāi)發(fā)者，我們只是受產(chǎn)品方委托來(lái)進(jìn)行測(cè)試，以免用戶不好意思當(dāng)面如實(shí)評(píng)價(jià)產(chǎn)品。
  • 強(qiáng)調(diào)測(cè)試的是產(chǎn)品，而不是用戶。要跟用戶說(shuō)明產(chǎn)品尚處于不完善階段，因此邀請(qǐng)用戶過(guò)來(lái)進(jìn)行測(cè)試，幫助發(fā)現(xiàn)問(wèn)題和改進(jìn)產(chǎn)品設(shè)計(jì)，但請(qǐng)注意不是為了評(píng)價(jià)產(chǎn)品。
  • 注意訪談技巧。這個(gè)就不用多說(shuō)了。
  • 盡可能深入的去挖掘用戶的需求。不要停留在用戶話述表面，更進(jìn)一步去追問(wèn)，用戶為什么會(huì)這么說(shuō)或這么問(wèn)，例如，很多時(shí)候在測(cè)試中會(huì)碰到用戶說(shuō)“哦，原來(lái)這個(gè)按鈕是xx功能，我還以為是xx功能“，這個(gè)時(shí)候可以再推進(jìn)一步，了解用戶為什么會(huì)這么認(rèn)為。
  • 給其他在場(chǎng)的同時(shí)發(fā)言的機(jī)會(huì)。主持人如果覺(jué)得自己訪談的差不多了，可以詢問(wèn)一下記錄者以及交互、產(chǎn)品等同事，了解他們是否還有問(wèn)題需要補(bǔ)充。
  • 記得量表評(píng)分和報(bào)酬簽收。長(zhǎng)時(shí)間的測(cè)試和訪談后容易忘記量表評(píng)分和報(bào)酬簽收，可以把這兩份東西放在顯眼的地方，另外可以讓記錄的同事打個(gè)招呼，幫忙提醒自己。
 
記錄人員需要注意的點(diǎn)：
  • 仔細(xì)觀察用戶行為并記錄。記錄不僅僅是用戶的觀點(diǎn)、想法等，更重要的是記錄用戶的實(shí)際行為。
  • 按照模塊記錄。記錄者可以按照測(cè)試方案中的模塊來(lái)相應(yīng)記錄用戶的行為和言語(yǔ)表述。
  • 查漏補(bǔ)缺。主持人可能會(huì)遺漏一些點(diǎn)，記錄者作為旁觀者需要提醒主持人遺漏了什么，或者自己有什么新的內(nèi)容需要補(bǔ)充。
 
6、測(cè)試結(jié)束歡送用戶。對(duì)用戶表示感謝，并開(kāi)門送一下用戶，對(duì)于外部用戶，最好能送到大樓外面可以看見(jiàn)出口的地方。
測(cè)試后及時(shí)討論。這個(gè)是重點(diǎn)！
在每一名用戶測(cè)試后及時(shí)和交互、產(chǎn)品等同事快速過(guò)一下主要發(fā)現(xiàn)的問(wèn)題點(diǎn)，這樣做有以下優(yōu)點(diǎn)：
  • 有效達(dá)成共識(shí)，確定解決方案。剛訪談結(jié)束印象最深刻，因此能快速有效達(dá)成對(duì)主要問(wèn)題的共識(shí)，并討論確定相應(yīng)的解決方案。
  • 體現(xiàn)敏捷優(yōu)勢(shì)。確定了一些比較嚴(yán)重的問(wèn)題后，交互和產(chǎn)品的同事就可以相應(yīng)去改進(jìn)產(chǎn)品設(shè)計(jì)，做到了邊測(cè)邊改，加快迭代速度。
  • 幫助優(yōu)化訪談提綱，和測(cè)試用戶安排。有些問(wèn)題在事先撰寫方案的時(shí)候可能沒(méi)涉及到，在討論后可以補(bǔ)充進(jìn)去，而有些問(wèn)題確定后則不需要再測(cè)。另外，也可以通過(guò)討論對(duì)事先安排的測(cè)試用戶進(jìn)行相應(yīng)調(diào)整，例如增刪用戶，或者調(diào)整新老用戶測(cè)試順序等。
  •  
    事后幫助我們自己快速撰寫方案。通過(guò)討論確定了關(guān)鍵問(wèn)題，并且，交互和產(chǎn)品的同事也相應(yīng)清楚了，因此在最后可以快速形成報(bào)告。
再次感謝用戶。所有用戶測(cè)試結(jié)束后，可以花幾分鐘時(shí)間簡(jiǎn)單感謝一下用戶。
 
7、報(bào)告撰寫
針對(duì)不同大小項(xiàng)目的用戶測(cè)試，在完成報(bào)告撰寫過(guò)程中有兩種具體方式：
  • 小測(cè)試項(xiàng)目簡(jiǎn)單快速撰寫報(bào)告。對(duì)于那些1-2天的小測(cè)試項(xiàng)目，由于在每次測(cè)試后都有討論，已對(duì)主要問(wèn)題達(dá)成共識(shí)，因此在報(bào)告撰寫的時(shí)候就可以快速地將主要的問(wèn)題和風(fēng)險(xiǎn)點(diǎn)呈現(xiàn)出來(lái)。
  • 大測(cè)試項(xiàng)目每天總結(jié)并反饋主要問(wèn)題。大的測(cè)試項(xiàng)目持續(xù)時(shí)間比較久，針對(duì)每天的測(cè)試及討論，簡(jiǎn)單總結(jié)一下主要發(fā)現(xiàn)的問(wèn)題，并反饋給相關(guān)人員，如果到了最后再總結(jié)，容易遺忘掉一些內(nèi)容，并且這樣子也方便自己最后撰寫報(bào)告。
 
四、構(gòu)建信息架構(gòu)
思考信息架構(gòu)有三個(gè)核心關(guān)鍵詞：用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景。
1、明確用戶角色
用戶角色清晰揭示用戶目標(biāo)，幫助我們把握關(guān)鍵需求、關(guān)鍵任務(wù)、關(guān)鍵流程，看到產(chǎn)品哪些是主要的事，哪些是次要的事。我們應(yīng)該盡可能豐富、形象化我們的用戶角色，讓它在設(shè)計(jì)決策過(guò)程中發(fā)揮作用，設(shè)計(jì)出更符合用戶場(chǎng)景的產(chǎn)品。
2、了解產(chǎn)品的目標(biāo)價(jià)值
作為產(chǎn)品的設(shè)計(jì)師一定要理解產(chǎn)品的價(jià)值，知道用戶想要什么，把最重要的優(yōu)先級(jí)提到最高，盡量移除無(wú)關(guān)緊要的信息，或降低其他優(yōu)先級(jí)的權(quán)重，以免對(duì)用戶造成干擾。
3、提煉產(chǎn)品的使用場(chǎng)景
要了解產(chǎn)品的業(yè)務(wù)流程，比如目標(biāo)用戶是誰(shuí)、什么場(chǎng)景、如何使用，要把產(chǎn)品業(yè)務(wù)流程上的節(jié)點(diǎn)一個(gè)一個(gè)梳理出來(lái)，還要考慮這個(gè)產(chǎn)品對(duì)用戶的價(jià)值是什么，不要僅僅考慮界面的元素規(guī)范、設(shè)計(jì)細(xì)節(jié)等等，要知道產(chǎn)品的目標(biāo)價(jià)值體系。
4、信息架構(gòu)優(yōu)先級(jí)
基于三個(gè)核心點(diǎn)（用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景）分析，把目標(biāo)用戶人群核心價(jià)值的功能點(diǎn)業(yè)務(wù)流程梳理出來(lái)，分清主次關(guān)系，切忌功能堆砌，具體方法可以把所有功能業(yè)務(wù)邏輯的主線列出來(lái)，然后根據(jù)業(yè)務(wù)的優(yōu)先級(jí)做評(píng)級(jí)，分清楚這些功能哪些是主要的，哪些是次要的，然后通過(guò)數(shù)字做排序，這樣我們就知道哪些功能設(shè)計(jì)需要明顯，哪些功能設(shè)計(jì)需要低調(diào)。
5、信息歸類及整合
從整體上思考信息類產(chǎn)品的分類及整合，比如用戶資料相關(guān)的產(chǎn)品會(huì)有用戶信息、資料、等邏輯，這樣就要把所有跟用戶相關(guān)的信息都?xì)w在同一個(gè)分類菜單下，不要讓他們分散在各個(gè)頁(yè)面中。也就是所謂的一級(jí)菜單、二級(jí)產(chǎn)品的處理邏輯。
6、要定期審視與迭代
隨著產(chǎn)品規(guī)模與復(fù)雜度的提升，要隨時(shí)關(guān)注信息架構(gòu)是否滿足當(dāng)前的產(chǎn)品框架，不要等需要時(shí)候再去孤注一擲的全盤優(yōu)化，這樣會(huì)讓項(xiàng)目陷入被動(dòng)的局面，可以逐漸增強(qiáng)，循序漸進(jìn)的優(yōu)化，從小的細(xì)節(jié)對(duì)信息架構(gòu)進(jìn)行調(diào)整，提升產(chǎn)品的易用性。
 
六、進(jìn)行原型測(cè)試
1、制作原型
使用快速原型工具制作可交互的原型，以便更直觀地展示設(shè)計(jì)方案。
 
（二）內(nèi)部測(cè)試
團(tuán)隊(duì)內(nèi)部進(jìn)行初步測(cè)試，檢查功能的完整性和流程的合理性。
 
（三）用戶測(cè)試
邀請(qǐng)外部用戶進(jìn)行測(cè)試，收集他們的意見(jiàn)和建議，發(fā)現(xiàn)潛在的問(wèn)題和改進(jìn)空間。
 
七、持續(xù)優(yōu)化
 
（一）數(shù)據(jù)分析
通過(guò)收集和分析用戶的使用數(shù)據(jù)，了解用戶的行為路徑和偏好，為優(yōu)化提供數(shù)據(jù)支持。
 
（二）用戶反饋處理
及時(shí)響應(yīng)用戶的反饋，將有價(jià)值的建議融入到后續(xù)的優(yōu)化工作中。
 
（三）迭代更新
根據(jù)數(shù)據(jù)分析和用戶反饋，不斷對(duì)交互設(shè)計(jì)進(jìn)行迭代更新，以適應(yīng)市場(chǎng)和用戶需求的變化。
 
八、結(jié)論
 
從產(chǎn)品角度發(fā)起交互設(shè)計(jì)是一個(gè)綜合性的過(guò)程，需要充分考慮產(chǎn)品目標(biāo)、用戶需求、信息架構(gòu)、流程界面、測(cè)試優(yōu)化等多個(gè)方面。只有以用戶為中心，不斷追求卓越的用戶體驗(yàn)，才能打造出具有競(jìng)爭(zhēng)力的產(chǎn)品，在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。
 
在未來(lái)的產(chǎn)品開(kāi)發(fā)中，隨著技術(shù)的不斷進(jìn)步和用戶需求的不斷變化，交互設(shè)計(jì)也將面臨新的挑戰(zhàn)和機(jī)遇。產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)保持敏銳的洞察力和創(chuàng)新精神，持續(xù)探索和優(yōu)化交互設(shè)計(jì)，為用戶創(chuàng)造更多的價(jià)值。
 


作者：Charlotte的嘻醬
鏈接：https://www.zcool.com.cn/article/ZMTYyNzM1Mg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(363858.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)的軟件開(kāi)發(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

評(píng)論(0) 瀏覽(184)

用戶體驗(yàn)一致性思考

天宇

前言
在團(tuán)隊(duì)內(nèi)部，我們已確立了一套設(shè)計(jì)規(guī)范，在日常項(xiàng)目中使用設(shè)計(jì)規(guī)范輸出變的高效、統(tǒng)一。然而，在實(shí)際操作中，不可避免地會(huì)遇到一些特殊情況：某些客戶提出的個(gè)性化需求并不完全契合既定的設(shè)計(jì)規(guī)范,這些促使我們不得不在保持設(shè)計(jì)一致性的基礎(chǔ)上進(jìn)行靈活調(diào)整。因此，深入反思并優(yōu)化一致性原則的應(yīng)用策略顯得尤為重要。我們需要探索如何在堅(jiān)守設(shè)計(jì)規(guī)范核心精神的同時(shí)，靈活應(yīng)對(duì)多變的需求，確保設(shè)計(jì)既保持統(tǒng)一和諧，又能滿足特定場(chǎng)景下的獨(dú)特需求，從而實(shí)現(xiàn)用戶體驗(yàn)與品牌價(jià)值的雙重提升。
 
用戶體驗(yàn)一致性思考
 
 
用戶體驗(yàn)一致性思考
 
 
在UI/UX設(shè)計(jì)中，雅各布·尼爾森的十條可用性原則中，一致性（Consistency and standards）位列第四。這一原則強(qiáng)調(diào)在界面和交互設(shè)計(jì)上需要遵循既定的規(guī)則，無(wú)論是在應(yīng)用內(nèi)部還是跨平臺(tái)之間。
背后的心理學(xué)原理——重復(fù)定律，強(qiáng)調(diào)了信息重復(fù)對(duì)于鞏固記憶的重要性。正如赫爾曼·艾賓浩斯通過(guò)“遺忘曲線”所揭示的，信息的有效保留離不開(kāi)重復(fù)接觸。一致性的應(yīng)用正是這一原理的生動(dòng)實(shí)踐，通過(guò)不斷重復(fù)統(tǒng)一的設(shè)計(jì)元素與模式，強(qiáng)化用戶對(duì)產(chǎn)品的認(rèn)知與記憶，從而提升整體的用戶滿意度與忠誠(chéng)度。
艾賓浩斯遺忘曲線
艾賓浩斯遺忘曲線
 
用戶體驗(yàn)一致性思考
 
 
用戶側(cè)
1、用戶學(xué)習(xí)曲線：
一致的UI/UX設(shè)計(jì)可以降低用戶的學(xué)習(xí)曲線。當(dāng)用戶在應(yīng)用程序或網(wǎng)站中遇到一致的元素、布局和交互方式時(shí)，他們可以快速理解并準(zhǔn)確預(yù)測(cè)如何與界面進(jìn)行交互。這減少了用戶的混淆和困惑，提高了他們的效率和滿意度。
2、提升可用性：
一致性使用戶界面更加易于使用。當(dāng)用戶在不同的頁(yè)面或功能之間找到相似的設(shè)計(jì)元素和交互模式時(shí)，他們可以輕松地將已有的知識(shí)和經(jīng)驗(yàn)應(yīng)用于新的情境中。這種一致性幫助用戶快速完成任務(wù)，減少錯(cuò)誤和迷失，提供更好的導(dǎo)航和流暢的體驗(yàn)。
3、品牌認(rèn)可度：
一致的UI/UX設(shè)計(jì)有助于樹立品牌形象和增強(qiáng)品牌認(rèn)可度。通過(guò)在不同的渠道和平臺(tái)上保持一致的設(shè)計(jì)元素、標(biāo)識(shí)和視覺(jué)風(fēng)格，品牌可以建立起獨(dú)特而可識(shí)別的形象。用戶在不同的觸點(diǎn)上都能感受到品牌的一致性，從而增加品牌的信任和忠誠(chéng)度。
4、用戶滿意度：
一致性直接影響用戶的滿意度。當(dāng)用戶在使用應(yīng)用程序或網(wǎng)站時(shí)感受到一致的設(shè)計(jì)和交互方式時(shí)，他們會(huì)感到更加舒適和自信。一致性傳遞了專業(yè)和質(zhì)量的信號(hào)，讓用戶感到被關(guān)注和重視。這種積極的用戶體驗(yàn)有助于提升用戶滿意度，并促使他們持續(xù)使用和推薦你的產(chǎn)品或服務(wù)。
 
用戶體驗(yàn)一致性思考
 
 
產(chǎn)研側(cè)
1. 降低設(shè)計(jì)成本，提高開(kāi)發(fā)效率
無(wú)論是設(shè)計(jì)還是開(kāi)發(fā)，復(fù)用已有的組件資源，保持界面的一致性可以有效地減少設(shè)計(jì)的投入，避免不必要的設(shè)計(jì)分歧點(diǎn)。
而在開(kāi)發(fā)階段，可以避免重復(fù)造輪子，提高開(kāi)發(fā)的效率，保證落地效果，也可以減少上線前設(shè)計(jì)走查、測(cè)試的工作量。
2. 形成一致的設(shè)計(jì)風(fēng)格
根據(jù)原子設(shè)計(jì)理論，通過(guò)原子組件的一致性，可以構(gòu)建出統(tǒng)一的界面框架、布局，形成統(tǒng)一風(fēng)格和用戶交互認(rèn)知，從而更好地保證用戶體驗(yàn)質(zhì)量。
 
用戶體驗(yàn)一致性思考
 
 
色彩
色彩作為一種兼具物理屬性與感官享受的復(fù)雜現(xiàn)象，其本質(zhì)在于光波在人體視網(wǎng)膜上的特定波長(zhǎng)被反射或吸收后，所引發(fā)的視覺(jué)感知結(jié)果。在設(shè)計(jì)領(lǐng)域，色彩的選擇與運(yùn)用不僅是視覺(jué)藝術(shù)的展現(xiàn)，更是品牌身份與個(gè)性的直接體現(xiàn)。諸如餓了么標(biāo)志性的藍(lán)色、美團(tuán)鮮明的黃色、以及京東熱情的紅色等，這些品牌專屬色彩不僅構(gòu)成了品牌識(shí)別系統(tǒng)的重要組成部分，還通過(guò)其高度的一致性，在視覺(jué)層面上構(gòu)建起強(qiáng)烈的品牌認(rèn)知，營(yíng)造出統(tǒng)一和諧的視覺(jué)體驗(yàn)。
色彩的一致性策略在品牌塑造中發(fā)揮著不可估量的作用，它能夠有效增強(qiáng)品牌的記憶度與辨識(shí)度，深化品牌形象在消費(fèi)者心中的烙印，進(jìn)而提升產(chǎn)品的市場(chǎng)吸引力和用戶忠誠(chéng)度。同時(shí)，這種策略還促進(jìn)了設(shè)計(jì)元素間的和諧共存，包括按鈕、圖標(biāo)、字體、標(biāo)簽、背景、以及關(guān)鍵視覺(jué)元素如Banner等，均能在統(tǒng)一的色彩體系下實(shí)現(xiàn)視覺(jué)上的連貫與流暢，極大地提升了產(chǎn)品的可用性、無(wú)障礙性，以及用戶在使用過(guò)程中的整體滿意度與交互體驗(yàn)。
 
用戶體驗(yàn)一致性思考
 
 
字體
字體作為設(shè)計(jì)中不可或缺的核心要素，其獨(dú)特性在于能夠精準(zhǔn)地塑造文字的視覺(jué)形象，涵蓋形狀、尺寸、粗細(xì)、字間距等多維度特征。這些特征共同構(gòu)建了一種獨(dú)特的文字風(fēng)格，不僅承載著信息的傳遞功能，更在無(wú)形中引導(dǎo)著用戶的視覺(jué)流程，影響著信息的接收與理解深度。因此，在設(shè)計(jì)過(guò)程中，合理選擇與應(yīng)用字體顯得尤為關(guān)鍵。
 
字體類型的多樣性，如有襯線字體與無(wú)襯線字體的對(duì)比，不僅體現(xiàn)了風(fēng)格上的差異，還隱含了不同的閱讀體驗(yàn)與情感表達(dá)。字體的粗細(xì)變化（如細(xì)體、常規(guī)、粗體等）更是能夠強(qiáng)調(diào)文本的重要性層級(jí)，增強(qiáng)信息的層次感與可讀性。此外，字重的調(diào)整也是塑造視覺(jué)焦點(diǎn)、引導(dǎo)視線流動(dòng)的有效手段，對(duì)于提升設(shè)計(jì)的整體美觀度和信息傳達(dá)效率具有不可小覷的作用。
 
然而，在實(shí)際的開(kāi)發(fā)與實(shí)現(xiàn)過(guò)程中，若不加節(jié)制地使用多種字體，不僅會(huì)顯著增加頁(yè)面的加載時(shí)間，影響用戶體驗(yàn)的流暢性，還可能因風(fēng)格不統(tǒng)一而導(dǎo)致頁(yè)面顯得雜亂無(wú)章，破壞整體設(shè)計(jì)的和諧感。因此，制定一套統(tǒng)一、規(guī)范的字體使用策略顯得尤為重要。這不僅有助于提升開(kāi)發(fā)效率，減少后期更新迭代的復(fù)雜度，還能有效避免資源浪費(fèi)，確保設(shè)計(jì)作品在視覺(jué)上的一致性與專業(yè)性。
 
用戶體驗(yàn)一致性思考
 
 
圖標(biāo)
 
圖標(biāo)作為用戶界面設(shè)計(jì)中至關(guān)重要的元素，風(fēng)格直接影響到用戶的使用體驗(yàn)與對(duì)產(chǎn)品的整體印象。圖標(biāo)以其簡(jiǎn)潔、直觀且富有表現(xiàn)力的特點(diǎn)，在快速傳達(dá)信息、引導(dǎo)用戶操作方面發(fā)揮著不可替代的作用。在設(shè)計(jì)中，圖標(biāo)的設(shè)計(jì)與應(yīng)用更是需要精心考量，以確保其既能夠準(zhǔn)確傳達(dá)信息，又能夠與整體設(shè)計(jì)風(fēng)格保持一致，從而營(yíng)造出專業(yè)、和諧且易于使用的界面環(huán)境。
 
設(shè)計(jì)中視覺(jué)上保持統(tǒng)一包括圖標(biāo)的大小、形狀、色彩以及設(shè)計(jì)風(fēng)格等多個(gè)方面，能夠增強(qiáng)用戶的認(rèn)知連貫性，降低學(xué)習(xí)成本，提升使用效率。相反，如果圖標(biāo)風(fēng)格混雜，不僅會(huì)讓界面顯得雜亂無(wú)章，還會(huì)給用戶帶來(lái)困惑和不安，進(jìn)而影響其對(duì)產(chǎn)品專業(yè)性和安全性的信任。
用戶體驗(yàn)一致性思考
 
 
按鈕
按鈕設(shè)計(jì)應(yīng)統(tǒng)一于項(xiàng)目風(fēng)格，無(wú)論是圓形、矩形、圓角矩形還是特定形狀，保持一致性是關(guān)鍵。統(tǒng)一的按鈕樣式不僅彰顯專業(yè)性，還能增強(qiáng)用戶信任，確保體驗(yàn)連貫。過(guò)多變化的按鈕樣式會(huì)擾亂用戶界面，降低操作直觀性，甚至讓用戶誤以為自己已離開(kāi)應(yīng)用環(huán)境。因此，精心設(shè)計(jì)的統(tǒng)一按鈕樣式對(duì)提升用戶體驗(yàn)至關(guān)重要。
 
排版
設(shè)計(jì)中的排版一致性對(duì)于構(gòu)建高效、用戶友好的界面至關(guān)重要。一致的排版不僅能夠讓用戶快速適應(yīng)和理解界面的整體結(jié)構(gòu)，大幅降低學(xué)習(xí)成本，還能在用戶心中激發(fā)強(qiáng)烈的歸屬感和安全感。這種熟悉感使得內(nèi)容更加易讀，用戶能夠自然地依照既定的視覺(jué)動(dòng)線流暢地瀏覽頁(yè)面，迅速定位并獲取所需信息，從而顯著提升信息獲取的效率。因此，在設(shè)計(jì)過(guò)程中，注重并維護(hù)排版的一致性，是提升用戶體驗(yàn)和界面有效性的重要策略之一。
 
 
用戶體驗(yàn)一致性思考
 
 
 
操作流程的一致性
標(biāo)準(zhǔn)化流程：確保用戶在執(zhí)行相似任務(wù)時(shí)，如購(gòu)買商品、搜索信息或提交表單等，能夠遵循相同的操作流程。這有助于用戶快速適應(yīng)并高效完成任務(wù)。
邏輯清晰：操作流程的每一步都應(yīng)符合用戶的認(rèn)知習(xí)慣和行為邏輯，避免讓用戶感到困惑或不知所措。
用戶體驗(yàn)一致性思考
 
 
交互元素的一致性
按鈕和控件：確保按鈕、輸入框、下拉菜單等交互元素的樣式、位置和操作方式在整個(gè)應(yīng)用或網(wǎng)站中保持一致。例如，所有按鈕都應(yīng)具有相同的視覺(jué)風(fēng)格和觸發(fā)機(jī)制。
導(dǎo)航和菜單：導(dǎo)航欄和菜單的設(shè)計(jì)也應(yīng)保持一致，使用戶能夠輕松地在不同頁(yè)面或功能之間切換。
 
用戶體驗(yàn)一致性思考
 
 
反饋機(jī)制的一致性
操作反饋：當(dāng)用戶執(zhí)行某個(gè)操作時(shí)，應(yīng)用或網(wǎng)站應(yīng)提供一致且及時(shí)的反饋，如加載動(dòng)畫、成功提示或錯(cuò)誤消息等。這有助于用戶了解操作結(jié)果并采取相應(yīng)的行動(dòng)。
狀態(tài)提示：對(duì)于長(zhǎng)時(shí)間運(yùn)行的操作或需要用戶等待的場(chǎng)景，應(yīng)提供明確的狀態(tài)提示（如進(jìn)度條），以減輕用戶的不確定感和焦慮感。
 
 
 
 
 
 
在任何維度上，一致性不應(yīng)成為設(shè)計(jì)的唯一導(dǎo)向。設(shè)計(jì)，這一融合了藝術(shù)與科學(xué)的復(fù)雜領(lǐng)域，要求我們?cè)谟脩趔w驗(yàn)的細(xì)膩雕琢、功能需求的精準(zhǔn)滿足、美學(xué)價(jià)值的深刻體現(xiàn)及技術(shù)可行性的嚴(yán)格考量間游走。
 
“一致性”作為設(shè)計(jì)策略，其核心使命在于優(yōu)化用戶路徑，降低認(rèn)知門檻，確保用戶在多元界面中穿梭時(shí)仍能感受到連貫與和諧。當(dāng)我們?cè)谂c設(shè)計(jì)團(tuán)隊(duì)（包括工程師、產(chǎn)品經(jīng)理等）溝通時(shí)，僅僅提及“一致性”可能并不足以說(shuō)明其必要性和價(jià)值。我們需要更深入地闡述為什么需要保持一致性，以及它如何具體幫助減少用戶困惑、提高用戶滿意度和忠誠(chéng)度。
 
同時(shí)，我們應(yīng)清醒認(rèn)識(shí)到，“一致性”并不是萬(wàn)能的。在某些情況下，為了追求極致的用戶體驗(yàn)或解決特定的設(shè)計(jì)問(wèn)題，可能需要打破傳統(tǒng)的一致性規(guī)則。因此，設(shè)計(jì)師需要在保持一致性和創(chuàng)新之間找到平衡點(diǎn)，根據(jù)具體情況靈活調(diào)整設(shè)計(jì)方案。
 
實(shí)際落地執(zhí)行時(shí)，要根據(jù)產(chǎn)品定位、用戶場(chǎng)景，結(jié)合業(yè)務(wù)功能來(lái)確定設(shè)計(jì)方案，不能為了一致而一致。
當(dāng)我們遇到一致性問(wèn)題時(shí)，還是需要從以下3個(gè)方面深入思考，做出準(zhǔn)確合理的設(shè)計(jì)決策。
用戶體驗(yàn)一致性思考
 
 
真實(shí)項(xiàng)目
真實(shí)項(xiàng)目
 
在SaaS產(chǎn)品設(shè)計(jì)中，特別是面向B/G端（企業(yè)用戶）時(shí)，滿足不同用戶角色（如普通用戶與高權(quán)限領(lǐng)導(dǎo)）的需求是至關(guān)重要的。
管理端布局設(shè)計(jì)
普通簡(jiǎn)潔明了：為普通用戶設(shè)計(jì)的管理界面應(yīng)簡(jiǎn)潔直觀，聚焦于日常操作，如數(shù)據(jù)查看、統(tǒng)計(jì)和下載。
功能分區(qū)：通過(guò)清晰的導(dǎo)航欄或側(cè)邊欄將功能區(qū)域劃分開(kāi)，如“數(shù)據(jù)概覽”、“報(bào)表下載”、“任務(wù)管理”等，便于用戶快速定位所需功能。
操作便捷：確保常用操作（如搜索、篩選、排序）易于觸達(dá)，減少用戶點(diǎn)擊次數(shù)和頁(yè)面跳轉(zhuǎn)。
 
首頁(yè)版心定寬設(shè)計(jì)
固定寬度：為首頁(yè)設(shè)定一個(gè)合適的固定寬度（如1200px、1440px等），以保證內(nèi)容在大多數(shù)屏幕上都能保持一致的閱讀體驗(yàn)。
信息模塊化：將首頁(yè)內(nèi)容劃分為多個(gè)卡片，每個(gè)卡片承載一個(gè)獨(dú)立的信息單元（如數(shù)據(jù)報(bào)表、通知公告、項(xiàng)目進(jìn)展等）。
視覺(jué)層次：通過(guò)顏色、大小、陰影等設(shè)計(jì)元素區(qū)分卡片的重要性，引導(dǎo)用戶視線，提高信息獲取效率。
交互性：為卡片添加交互元素，如點(diǎn)擊展開(kāi)、滑動(dòng)查看更多等，增加用戶參與度和頁(yè)面活躍度。
 
用戶體驗(yàn)一致性思考
 
 
位置差異性分析
根據(jù)「認(rèn)知負(fù)荷>視覺(jué)負(fù)荷>動(dòng)作負(fù)荷」理論，在頁(yè)面中我們首先要讓用戶能夠找到按鈕，然后完成操作。
相對(duì)于彈窗，頁(yè)面的空間更大，邊界感偏弱，用戶的視覺(jué)重心更容易停留在左側(cè)表單內(nèi)容區(qū)域。所以按鈕應(yīng)該緊隨搜索條件，便于用戶快速發(fā)現(xiàn)按鈕。
區(qū)域用戶已經(jīng)形成下意識(shí)操作習(xí)慣,雖然區(qū)別于規(guī)范,只能打破,遵循客戶需求
用戶體驗(yàn)一致性思考
 
 
一致性是規(guī)則
“一致性”作為規(guī)則或手段，服務(wù)于提升用戶體驗(yàn)的原則。規(guī)則與原則一致時(shí)，促進(jìn)業(yè)務(wù)共識(shí)與用戶價(jià)值；沖突時(shí)，原則優(yōu)先。用戶體驗(yàn)原則指導(dǎo)下的一致性，要超越表面控件統(tǒng)一，更在于產(chǎn)品決策與價(jià)值取向的一致。必要時(shí)，為更好的用戶體驗(yàn)，可在規(guī)則上讓步以實(shí)現(xiàn)原則統(tǒng)一。打破規(guī)則需慎重權(quán)衡，確保用戶便利足以彌補(bǔ)理解成本，需長(zhǎng)期全局考量。規(guī)則非僵化教條，而是引導(dǎo)我們謹(jǐn)慎創(chuàng)新的框架。
 
一致性的底線
無(wú)論從哪個(gè)角度，一致性存在的必要性都是毋庸置疑的。
對(duì)于關(guān)鍵的設(shè)計(jì)元素，如專有名詞和顏色體系，保持一致性至關(guān)重要。這不僅有助于維護(hù)品牌形象，還能減少用戶的困惑。
特定設(shè)計(jì)語(yǔ)言在特定場(chǎng)景下的變體應(yīng)用，雖然可能帶來(lái)一定的視覺(jué)新鮮感或針對(duì)性優(yōu)化，但往往需要謹(jǐn)慎評(píng)估其潛在風(fēng)險(xiǎn)。一旦變體打破了整體設(shè)計(jì)的一致性，可能會(huì)破壞用戶對(duì)品牌的熟悉感和信任感，甚至引發(fā)誤解。因此，在追求設(shè)計(jì)創(chuàng)新的同時(shí)，必須確保這種創(chuàng)新是基于一致性的原則之上，以維持品牌的整體性和用戶的良好體驗(yàn)。
 
擁抱復(fù)雜性
一致性確實(shí)不應(yīng)成為設(shè)計(jì)師的避風(fēng)港或限制創(chuàng)新的枷鎖，而應(yīng)是基于對(duì)業(yè)務(wù)深刻理解和多樣化設(shè)計(jì)能力之上的價(jià)值選擇。設(shè)計(jì)師的核心任務(wù)始終是滿足用戶的多樣化需求和偏好，這需要他們細(xì)致入微地觀察、理解并解決每個(gè)用戶的獨(dú)特問(wèn)題。
 
在追求一致性的同時(shí)，設(shè)計(jì)師應(yīng)保持“第一性思考”的能力，即回歸問(wèn)題的本質(zhì)，從用戶需求出發(fā)進(jìn)行創(chuàng)新設(shè)計(jì)。多樣性頁(yè)面的產(chǎn)出，不僅體現(xiàn)了設(shè)計(jì)師的創(chuàng)造力和靈活性，也是提升用戶體驗(yàn)、增強(qiáng)產(chǎn)品吸引力的關(guān)鍵。
 
一致性與創(chuàng)新設(shè)計(jì)并非相互排斥，而是相輔相成的關(guān)系。真正的一致性不應(yīng)導(dǎo)致單調(diào)或拒絕創(chuàng)新，而應(yīng)是在遵循品牌或產(chǎn)品核心價(jià)值的前提下，鼓勵(lì)設(shè)計(jì)師在細(xì)節(jié)和體驗(yàn)上不斷探索和突破。當(dāng)設(shè)計(jì)師感到被既定規(guī)則束縛時(shí)，應(yīng)勇于質(zhì)疑并重新評(píng)估當(dāng)前的規(guī)范，確保所謂的“一致性”不是刻板的偽命題，而是真正符合用戶需求和品牌發(fā)展的價(jià)值導(dǎo)向。
 
因此，設(shè)計(jì)師應(yīng)時(shí)刻保持開(kāi)放的心態(tài)和敏銳的洞察力，不斷探索和嘗試新的設(shè)計(jì)方法和理念，以更加靈活和創(chuàng)新的方式實(shí)現(xiàn)一致性與用戶需求的完美融合。
 
用戶體驗(yàn)一致性思考
 
 
重要的設(shè)計(jì)原則
「一致性」作為設(shè)計(jì)領(lǐng)域中的一項(xiàng)基礎(chǔ)性原則，其重要性不言而喻。它不僅為設(shè)計(jì)過(guò)程提供了穩(wěn)固的基石，還顯著促進(jìn)了開(kāi)發(fā)效率與產(chǎn)品體驗(yàn)的全面升級(jí)。在設(shè)計(jì)實(shí)踐中，一致性確保了界面元素的統(tǒng)一性和連貫性，使得用戶能夠迅速熟悉并掌握產(chǎn)品的使用方式，降低了學(xué)習(xí)成本，增強(qiáng)了操作的直觀性和便捷性。
靈活變通使用
一致性原則并非一成不變的強(qiáng)制規(guī)定，而是需要根據(jù)產(chǎn)品的具體定位和市場(chǎng)環(huán)境進(jìn)行靈活變通的應(yīng)用。不同的產(chǎn)品可能面向不同的用戶群體，擁有獨(dú)特的品牌調(diào)性和功能需求，因此在追求一致性的同時(shí)，也需充分考慮這些因素，確保設(shè)計(jì)既符合品牌特色，又能滿足用戶的實(shí)際需求。
 
提升用戶體驗(yàn)是價(jià)值所在
一致性的真正價(jià)值在于其能夠顯著提升用戶體驗(yàn)。通過(guò)遵循用戶的認(rèn)知和習(xí)慣，設(shè)計(jì)師能夠創(chuàng)造出更加自然、流暢的操作流程，使用戶在享受產(chǎn)品功能的同時(shí)，也能感受到品牌所傳遞的舒適與和諧。因此，在追求設(shè)計(jì)一致性的過(guò)程中，我們始終應(yīng)以人為本，將用戶的體驗(yàn)和感受放在首位。建設(shè)有兼容性和長(zhǎng)期價(jià)值的的一致性框架，在一致性中做到有用戶價(jià)值的設(shè)計(jì)，是設(shè)計(jì)師應(yīng)該不斷探索的命題。

作者：cheny米魚
鏈接：https://www.zcool.com.cn/article/ZMTYzNTAzNg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(363858.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)的軟件開(kāi)發(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

評(píng)論(0) 瀏覽(210)

交互設(shè)計(jì)的核心：用戶體驗(yàn)與創(chuàng)新思維的融合

天宇

在數(shù)字化時(shí)代，交互設(shè)計(jì)（Interaction Design）已成為產(chǎn)品成功的關(guān)鍵因素之一。無(wú)論是移動(dòng)應(yīng)用、網(wǎng)站還是智能設(shè)備，優(yōu)秀的交互設(shè)計(jì)都能為用戶帶來(lái)流暢、直觀的體驗(yàn)。今天，我想和大家探討交互設(shè)計(jì)的核心要素，以及如何通過(guò)創(chuàng)新思維提升用戶體驗(yàn)。

1. 以用戶為中心的設(shè)計(jì)理念

交互設(shè)計(jì)的核心是“以用戶為中心”。設(shè)計(jì)師需要深入理解用戶的需求、行為和痛點(diǎn)，通過(guò)用戶研究、原型測(cè)試等方法，確保設(shè)計(jì)能夠真正解決用戶問(wèn)題。例如，簡(jiǎn)潔的導(dǎo)航、清晰的反饋和一致的操作邏輯，都是提升用戶體驗(yàn)的基礎(chǔ)。

2. 創(chuàng)新與功能的平衡

在追求創(chuàng)新的同時(shí)，設(shè)計(jì)師需要確保功能的實(shí)用性和易用性。過(guò)度復(fù)雜的設(shè)計(jì)可能會(huì)讓用戶感到困惑，而過(guò)于保守的設(shè)計(jì)則可能缺乏吸引力。如何在創(chuàng)新與功能之間找到平衡，是每個(gè)交互設(shè)計(jì)師面臨的挑戰(zhàn)。

3. 情感化設(shè)計(jì)的力量

交互設(shè)計(jì)不僅僅是功能的實(shí)現(xiàn)，更是情感的傳遞。通過(guò)色彩、動(dòng)畫、音效等元素，設(shè)計(jì)師可以創(chuàng)造更具吸引力和情感共鳴的體驗(yàn)。例如，微交互（Micro-interactions）的巧妙運(yùn)用，能夠增強(qiáng)用戶的參與感和滿意度。

4. 跨平臺(tái)與多設(shè)備的一致性

隨著用戶使用設(shè)備的多樣化，跨平臺(tái)設(shè)計(jì)變得越來(lái)越重要。設(shè)計(jì)師需要確保在不同設(shè)備和平臺(tái)上，用戶都能獲得一致且無(wú)縫的體驗(yàn)。這不僅需要技術(shù)上的支持，更需要設(shè)計(jì)思維的全局觀。

5. 數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)優(yōu)化

通過(guò)數(shù)據(jù)分析，設(shè)計(jì)師可以了解用戶行為，發(fā)現(xiàn)設(shè)計(jì)中的不足，并持續(xù)優(yōu)化產(chǎn)品。A/B測(cè)試、熱圖分析等工具，能夠幫助設(shè)計(jì)師做出更科學(xué)的決策，提升產(chǎn)品的整體表現(xiàn)。

31.png

結(jié)語(yǔ)

交互設(shè)計(jì)是一門融合藝術(shù)與科學(xué)的學(xué)科，它需要設(shè)計(jì)師不斷學(xué)習(xí)、實(shí)踐和創(chuàng)新。無(wú)論是新手還是資深設(shè)計(jì)師，我們都應(yīng)保持對(duì)用戶需求的敏感，以及對(duì)技術(shù)趨勢(shì)的關(guān)注。期待大家在評(píng)論區(qū)分享自己的見(jiàn)解和經(jīng)驗(yàn)，一起探討交互設(shè)計(jì)的未來(lái)！

希望能激發(fā)大家的討論和思考！如果你有更多想法或案例，歡迎留言交流

 

 

評(píng)論(0) 瀏覽(242)

如何設(shè)計(jì)讓人一看就明白的說(shuō)明書？

資深UI設(shè)計(jì)者

你有一些東西需要向別人說(shuō)明或解釋？不要說(shuō)出來(lái)，而是展現(xiàn)出來(lái)！

評(píng)論(0) 瀏覽(164)

ui設(shè)計(jì)公司教你從0認(rèn)識(shí)交互設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

交互設(shè)計(jì)是很多設(shè)設(shè)計(jì)師心向往之的領(lǐng)域，很多設(shè)計(jì)師在進(jìn)入職場(chǎng)一兩年后，會(huì)開(kāi)始思考如何轉(zhuǎn)型交互設(shè)計(jì)師？除了這個(gè)學(xué)科本身的魅力之外，它還賦予設(shè)計(jì)師的很多其他價(jià)值。那如何去學(xué)習(xí)交互設(shè)計(jì)呢？作為一名交互設(shè)計(jì)師，我想整理一套交互設(shè)計(jì)體系知識(shí)，結(jié)合自己的學(xué)習(xí)和項(xiàng)目經(jīng)驗(yàn)寫到文章中分享給大家看，希望能對(duì)大伙轉(zhuǎn)行交互設(shè)計(jì)有一些些幫助！全文多達(dá)10000+字，閱讀時(shí)間會(huì)比較久，感謝你的細(xì)心閱讀，如你有建議可反饋留言！

 

 

 

 

 

 

 

 

1、關(guān)于設(shè)計(jì)名詞

 

在全面走進(jìn)交互領(lǐng)域之前，我們可以先了解一些基礎(chǔ)設(shè)計(jì)名詞，行業(yè)有很多與設(shè)計(jì)相關(guān)的術(shù)語(yǔ)名詞，例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行業(yè)招聘信息里也經(jīng)常會(huì)有很多名詞術(shù)語(yǔ)，如下圖。由于設(shè)計(jì)的關(guān)聯(lián)性很強(qiáng)，很多時(shí)候我們被這些名詞弄得頭暈，對(duì)自己的職業(yè)規(guī)劃和定位也變得模糊。

 

 

 

 

 

1.1、設(shè)計(jì)名詞的分類

 

1.1.1、按照設(shè)計(jì)學(xué)科

 

從學(xué)科角度，我查閱了大量的資料，分類如下：人因工程，工業(yè)設(shè)計(jì)，交互設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)，視覺(jué)傳達(dá)設(shè)計(jì)等學(xué)科。涵蓋了國(guó)內(nèi)外高校開(kāi)設(shè)的學(xué)科專業(yè)。用戶體驗(yàn)設(shè)計(jì)在行業(yè)里已經(jīng)被普及，但目前在高校中還是比較少的。不過(guò)用戶體驗(yàn)設(shè)計(jì)已然是大勢(shì)所趨，越來(lái)越被重視。

 

 

人因工程：簡(jiǎn)稱HF（Human Factors Engineering），是研究人、機(jī)、環(huán)境三者之間關(guān)系的學(xué)科；（美國(guó)稱人類工程學(xué)，西歐稱人類工效學(xué)，日本稱人間工學(xué)，國(guó)內(nèi)命名更多如：人機(jī)工程學(xué)，人體工程學(xué)、工程心理學(xué)等），關(guān)于這類知識(shí)大家可以看看華為設(shè)計(jì)師的課程《基于人因的用戶體驗(yàn)設(shè)計(jì)課程》

 

 

定義1：根據(jù)國(guó)際人類工效學(xué)學(xué)會(huì)于2000年的定義：“人類工效學(xué)（Ergonomics）是研究人在某種工作環(huán)境中的解剖學(xué)、生理學(xué)和心理學(xué)等方面的各種因素；研究人和機(jī)器及環(huán)境的相互作用；研究在工作中、生活中和休息時(shí)怎樣統(tǒng)一考慮工作效率、人的健康、安全和舒適等問(wèn)題的學(xué)科。

 

 

定義2：中國(guó)企業(yè)管理百科學(xué)全書:研究人和機(jī)器、環(huán)境的相互作用及其合理結(jié)合，使設(shè)計(jì)的機(jī)器和環(huán)境系統(tǒng)適合人的生理心理等特征，達(dá)到在生產(chǎn)中提高效率、安全、健康和舒適的目的。

 

 

工業(yè)設(shè)計(jì)：簡(jiǎn)稱ID（Industrial Design），指以工學(xué)、美學(xué)、經(jīng)濟(jì)學(xué)為基礎(chǔ)對(duì)工業(yè)產(chǎn)品進(jìn)行設(shè)計(jì)；工業(yè)設(shè)計(jì)又稱工業(yè)產(chǎn)品設(shè)計(jì)學(xué)，工業(yè)設(shè)計(jì)分為產(chǎn)品設(shè)計(jì)、環(huán)境設(shè)計(jì)、傳播設(shè)計(jì)、設(shè)計(jì)管理4類。工業(yè)設(shè)計(jì)涉及到心理學(xué)，社會(huì)學(xué)，美學(xué)，人機(jī)工程學(xué)，機(jī)械構(gòu)造，攝影，色彩學(xué)等。

 

交互設(shè)計(jì)：簡(jiǎn)稱IXD（Interaction Design），關(guān)于交互設(shè)計(jì)部分的詳細(xì)內(nèi)容，在后文再講解，包括交互設(shè)計(jì)的發(fā)展、概念、重要性、核心要素、入門要求等；

 

人機(jī)交互：簡(jiǎn)稱HCI（Human–computer interaction）或HMI（Human–machine interaction），是一門研究系統(tǒng)與用戶之間的互動(dòng)關(guān)系的學(xué)問(wèn)。系統(tǒng)可以是各種各樣的機(jī)器，也可以是計(jì)算機(jī)化的系統(tǒng)和軟件——摘自維基百科。

 

用戶體驗(yàn)設(shè)計(jì)：簡(jiǎn)稱UED/UXD（User experience Design），是以用戶為中心的一種設(shè)計(jì)手段，以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)；用戶體驗(yàn)：簡(jiǎn)稱UE/UX（User experience）

 

視覺(jué)傳達(dá)設(shè)計(jì)：簡(jiǎn)稱VD（Visual design），是為傳播特定事物通過(guò)可視形式的主動(dòng)行為。大部分或者部分依賴視覺(jué)，并且以標(biāo)識(shí)、排版、繪畫、平面設(shè)計(jì)、插畫、色彩及電子設(shè)備等二度空間的影像表現(xiàn)；

 

1.1.2、按照載體媒介

 

用戶界面：簡(jiǎn)稱UI（User Interface），是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)；是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介，它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換

 

圖形用戶界面：簡(jiǎn)稱GUI（Graphical User Interface），是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面；是一種人與計(jì)算機(jī)通信的界面顯示格式，允許用戶使用鼠標(biāo)等輸入設(shè)備操縱屏幕上的圖標(biāo)或菜單選項(xiàng)，以選擇命令、調(diào)用文件、啟動(dòng)程序或執(zhí)行其它一些日常任務(wù)。

 

人機(jī)界面：簡(jiǎn)稱HMI（Human–machine interaction），人機(jī)界面（又稱用戶界面或使用者界面）是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介， 它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。凡參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。ps：HMI這個(gè)概念在上文也提到，在學(xué)科領(lǐng)域可用來(lái)代表人機(jī)交互。

 

Ui和GUI、HMI差別是什么,UI (用戶界面)是一個(gè)廣泛的概念，包括硬件和軟件設(shè)計(jì)，包括GUI，HMI；GUI是用戶圖形界面，僅指軟件視覺(jué)界面，HMI是人機(jī)界面，與人信息交流的界面。

 

1.1.3、按照設(shè)計(jì)模式

 

以用戶為核心的設(shè)計(jì)：UCD（User Centered Design）是指以用戶為中心的設(shè)計(jì)。是在設(shè)計(jì)過(guò)程中以用戶體驗(yàn)為設(shè)計(jì)決策的中心，強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式；在進(jìn)行產(chǎn)品設(shè)計(jì)、開(kāi)發(fā)、維護(hù)時(shí)從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心進(jìn)行產(chǎn)品設(shè)計(jì)、開(kāi)發(fā)及維護(hù)，而不是讓用戶去適應(yīng)產(chǎn)品。無(wú)論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等，以UCD為核心的設(shè)計(jì)都時(shí)刻高度關(guān)注并考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺(jué)感受等方面。

 

以技術(shù)為核心的設(shè)計(jì)：TCD（TechnologyCentered Design）是指以技術(shù)手段為中心的設(shè)計(jì)。

 

以商業(yè)為核心的設(shè)計(jì)：BCD（Business Centered Design）是指以商業(yè)價(jià)值為中心的設(shè)計(jì)。

 

 

設(shè)計(jì)名詞整理的大致就介紹這么多了，那么本文重點(diǎn)的交互設(shè)計(jì)和這些學(xué)科之間的關(guān)系又是怎么樣的呢？用下圖這個(gè)圖表展示他們之間的關(guān)系。——摘自 丹•塞弗《交互設(shè)計(jì)基礎(chǔ)》

 

 

 

 

 

 

 

 

2、了解交互設(shè)計(jì)

 

2.1、交互設(shè)計(jì)的故事

 

1959年，第一篇關(guān)于人機(jī)頁(yè)面的文章問(wèn)世，交互設(shè)計(jì)首以人機(jī)交的形式，作為填補(bǔ)缺乏適用于設(shè)計(jì)數(shù)字產(chǎn)品的可用技術(shù)和工具出現(xiàn)；1960年，Liklider通過(guò)分析人與電子計(jì)算機(jī)之間合作互動(dòng)的一種預(yù)期發(fā)展，提出“人機(jī)共棲”概念；20世紀(jì)80年代初：兩位工業(yè)設(shè)計(jì)師比爾·莫格里奇和比爾·韋普朗克著手設(shè)計(jì)第一臺(tái)筆記本電腦GRiD Compass，他們?yōu)樽约旱墓ぷ鲃?chuàng)造了“交互設(shè)計(jì)”一詞；這個(gè)詞在10年后才開(kāi)始被設(shè)計(jì)師重新發(fā)現(xiàn)并進(jìn)入主流；1999年，國(guó)際標(biāo)準(zhǔn)化組織(ISO)發(fā)布了“以人為中心”的交互式產(chǎn)品設(shè)計(jì)原則和程序規(guī)范；2005年交互設(shè)計(jì)協(xié)會(huì)（IxDA）成立；2012年IxDA正式推出首次年度“交互設(shè)計(jì)獎(jiǎng)”，交互設(shè)計(jì)才算是正式起飛。

 

 

 

 

 

 

 

 

2.2、交互設(shè)計(jì)的定義

 

關(guān)于交互設(shè)計(jì)的概念，國(guó)內(nèi)外組織或?qū)W者有不同的定義，如下圖：

 

 

 

 


交互設(shè)計(jì)，又稱互動(dòng)設(shè)計(jì)（Interaction Design, 縮寫 IxD 或者 IaD），是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。在于定義人造物的行為方式（the “interaction”，即人工制品在特定場(chǎng)景下的反應(yīng)方式）相關(guān)的界面。——來(lái)自IxDC

 

交互設(shè)計(jì)是設(shè)計(jì)交互式數(shù)字產(chǎn)品的、環(huán)境、系統(tǒng)和服務(wù)的實(shí)踐，交互設(shè)計(jì)的焦點(diǎn)是如何設(shè)計(jì)行為，交互設(shè)計(jì)的首要目標(biāo)是滿足人的需求和欲望。——艾爾庫(kù)伯（交互設(shè)計(jì)精髓的作者）

 

定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。——來(lái)自 李世國(guó) 顧振宇．《普通高等教育工業(yè)設(shè)計(jì)專業(yè)“十二五”規(guī)劃教材——交互設(shè)計(jì)》2012年

 

 

 

2.3、交互設(shè)計(jì)的對(duì)象

 

最早期的設(shè)計(jì)，我們可以追溯到工業(yè)設(shè)計(jì)時(shí)期，作為設(shè)計(jì)領(lǐng)域?的鼻祖，它是以“產(chǎn)品“為設(shè)計(jì)對(duì)象，而交互設(shè)計(jì)對(duì)象是“行為”，交互設(shè)計(jì)師會(huì)關(guān)注與“行為”相關(guān)因素作為設(shè)計(jì)的考量。而不僅限于產(chǎn)品的物理屬性（外觀、結(jié)構(gòu)、功能、材料）；

 

以小米的“小愛(ài)音箱”為例。小米通過(guò)它將家庭中的電子設(shè)備實(shí)現(xiàn)了互聯(lián)，它新奇的用戶體驗(yàn)被很多用戶追捧。我們可以在小米現(xiàn)有的音箱產(chǎn)品中，找到和傳統(tǒng)音箱的一些區(qū)別；

 

 

 

 

小愛(ài)音箱系列產(chǎn)品已經(jīng)陸續(xù)發(fā)布了5款，從初代的藍(lán)牙音箱到觸屏、語(yǔ)音音箱，我們可以從產(chǎn)品的迭代中感受到音箱交互行為（語(yǔ)音交互到屏幕手勢(shì)操控）變化的一些特點(diǎn)。

 

 

 

 

 

 

當(dāng)用戶在使用小愛(ài)音箱的時(shí)候，已經(jīng)不局限于聽(tīng)音樂(lè)，它作為小米Alot產(chǎn)品生態(tài)的連接中樞，用戶更享受通過(guò)頁(yè)面操控和語(yǔ)音交互來(lái)控制其他lot產(chǎn)品的快感。當(dāng)用戶回家，向小愛(ài)音箱發(fā)出語(yǔ)音指令“小愛(ài)同學(xué)，我回來(lái)了”，和音箱連接的所有l(wèi)ot 設(shè)備都能同步打開(kāi)，當(dāng)用戶在回家后，還可以通過(guò)操作小愛(ài)音箱界面設(shè)置熱水器的水溫。

 

 

 

 

 

 

傳統(tǒng)音箱最原始的需求是音樂(lè)播放，隨著音箱使用要求的升級(jí)，人們對(duì)于聲音的品質(zhì)追求也變得更高了，廠商想盡方法制造出新的產(chǎn)品提升聲音的播放質(zhì)量，例如丹拿音箱的出現(xiàn)大大提升了聲音播放的品質(zhì)。

 

 

 

 

 

 

 

當(dāng)用戶在使用小愛(ài)音箱和家中的其他Alot產(chǎn)品交互的過(guò)程中，很少會(huì)在意小愛(ài)音箱本身的物理屬性，他們更在乎這種創(chuàng)新式的交互如何改變的自己的家庭生活，譬如通過(guò)語(yǔ)音交互幫自己打開(kāi)壁燈，打開(kāi)電視、打開(kāi)掃地機(jī)器人或通過(guò)觸摸屏界面來(lái)設(shè)置調(diào)節(jié)其他Alot設(shè)備的運(yùn)轉(zhuǎn)狀態(tài)等,應(yīng)用到各種家庭使用場(chǎng)景。

 

2.4、交互設(shè)計(jì)的行為要素

 

關(guān)于交互設(shè)計(jì)的行為要素我們通過(guò)下面兩個(gè)例子來(lái)解析：

 

1:理想L9后排電視手勢(shì)交互操作：

之前號(hào)稱對(duì)飆500萬(wàn)庫(kù)里南的新能源汽車?yán)硐隠9已經(jīng)發(fā)布很長(zhǎng)一段時(shí)間了，這輛車最大的特色就是智能座艙的全新體驗(yàn)升級(jí)，針對(duì)家庭使用場(chǎng)景的設(shè)計(jì)有很多。其中手勢(shì)交互是一個(gè)比較新穎的設(shè)計(jì)點(diǎn)，手勢(shì)交互的行為有懸停獲取焦點(diǎn)，平移切換，兩次抓握確認(rèn)。

 

 

 

 

 

 

使用場(chǎng)景舉例：一家四口去外地郊游，家里的成員哥哥想打開(kāi)后排的電視機(jī)看電視打發(fā)無(wú)聊的旅途，他使用了手勢(shì)交互去操作選擇影視進(jìn)行播放。

 

 

2:OPPO手機(jī)ColorOS系統(tǒng)的手勢(shì)交互：

在ColorOS系統(tǒng)12.0版本中，新增了這個(gè)手勢(shì)交互的方式，它結(jié)合智能傳感器，進(jìn)行無(wú)觸控式的手勢(shì)操作，根據(jù)系統(tǒng)提示通過(guò)控制手腕揮動(dòng)去切換內(nèi)容、完成對(duì)應(yīng)的任務(wù)。

 

 

 

 

 

 

 

使用場(chǎng)景舉例：小A使用手機(jī)看電影，突然收到一個(gè)好朋友的來(lái)電顯示，他通過(guò)隔空手勢(shì)操作，向上滑動(dòng)手腕，完成接聽(tīng)了朋友的電話流程。

 

 

通過(guò)上述兩個(gè)設(shè)計(jì)案例，我們可以總結(jié)交互設(shè)計(jì)的五大行為要素為：

 

 

 

 

 

 

 

2.5、交互設(shè)計(jì)的衡量指標(biāo)

 

在關(guān)于交互設(shè)計(jì)定義的內(nèi)容里面，提到了交互設(shè)計(jì)的指標(biāo)是從可用性和用戶體驗(yàn)兩方面去分析，也就是從理性和感性的兩個(gè)角度去衡量。

 

2.5.1、可用性

 

根據(jù)雅各布尼爾森《可用性101：可用性簡(jiǎn)介》文章定義：可用性是一種質(zhì)量屬性，用于評(píng)估用戶界面的易用性。“可用性”一詞也指在設(shè)計(jì)過(guò)程中提高易用性的方法。可用性由以下五個(gè)質(zhì)量組件定義：

 

 

 

 

 

 

 

 

易學(xué)性：用戶在第一次遇到設(shè)計(jì)時(shí)完成基本任務(wù)的難易程度如何？

如下圖美團(tuán)外賣：用戶第一次在線上點(diǎn)餐時(shí)，如何快速的用最便宜的價(jià)格吃上一頓飯。用戶是否能高效獲取店鋪滿減優(yōu)惠活動(dòng)信息，是否快速填寫地址，是否能快速選擇挑選優(yōu)惠券，最后進(jìn)行付款。

 

效率：一旦用戶學(xué)會(huì)了設(shè)計(jì)，他們執(zhí)行任務(wù)的速度有多快？

如下圖美團(tuán)外賣：當(dāng)用戶完成第一次點(diǎn)餐后，以后每次完成點(diǎn)餐的速度會(huì)不會(huì)更快，例如商品頁(yè)有商家的滿家活動(dòng)提示，上一次點(diǎn)餐記錄，可以點(diǎn)擊“再來(lái)一單”按鈕，完成選餐，選擇優(yōu)惠紅包前，有文案提示需要先填寫地址，同時(shí)有常用地址彈窗提示，可點(diǎn)擊使用。

 

記憶性：當(dāng)用戶在一段時(shí)間不使用設(shè)計(jì)后重新使用它時(shí)，他們恢復(fù)熟練度的難易程度如何？

如下圖美團(tuán)外賣：當(dāng)用戶隔了很久之后再使用美團(tuán)外賣來(lái)點(diǎn)餐，用戶重新使用產(chǎn)品的熟練度是否有下降。

 

 

 

 

 

錯(cuò)誤：用戶犯了多少錯(cuò)誤，這些錯(cuò)誤有多嚴(yán)重，以及他們從錯(cuò)誤中恢復(fù)的難易程度？

例如下圖順豐快遞：在寄快遞時(shí)，填寫完所有的詳細(xì)信息后，提交了訂單，但發(fā)現(xiàn)地址和電話填錯(cuò)了，在運(yùn)單詳情頁(yè)有“修改信息”按鈕，點(diǎn)擊進(jìn)入寄件頁(yè)面進(jìn)行信息修改。

 

 

 

 

 

滿意度：使用該設(shè)計(jì)的愉快程度如何？

例如在閑魚平臺(tái)購(gòu)買閑置物品時(shí)，賣家的商品描述和實(shí)物有很大的差距，然后要求退貨，賣家不肯，最后需要閑魚法庭介入審理，但審理也沒(méi)有足夠公平和透明，最后只給了一個(gè)判決結(jié)果。這樣的情形我遇到了兩次。所以平臺(tái)對(duì)于買家賣家的一些管理機(jī)制特別不完善，還有商品的描述是否準(zhǔn)確也沒(méi)有審查標(biāo)準(zhǔn)，完全把責(zé)任拋給買家和賣家。所以總的來(lái)說(shuō)，使用起來(lái)愉悅感很低，平臺(tái)信任感也很差。

 

2.5.2、用戶體驗(yàn)

 

用戶體驗(yàn)是用戶在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀感受。我查閱了很多相關(guān)資料，這種定義還是具有普適性的。再簡(jiǎn)單的解就是：用戶在使用產(chǎn)品去完成某項(xiàng)目標(biāo)的過(guò)程中，使用感受是怎么樣的。很多知名國(guó)內(nèi)外公司為了量化用戶體驗(yàn)指標(biāo)而設(shè)計(jì)了很多數(shù)據(jù)模型，其中出現(xiàn)最早且具有指導(dǎo)意義的是國(guó)外的谷歌的量化模型：以用戶為中心衡量的 HEART、以目標(biāo)為導(dǎo)向衡量的 GSM；國(guó)內(nèi)的最近幾年也有很多類似量化的數(shù)據(jù)模式，具有代表性的是阿里的"PTECH"、UES、五度模型；其中谷歌的數(shù)據(jù)模型更加系統(tǒng)和通用，而阿里的是針對(duì)不同項(xiàng)目而衍生出很多量化模型。下面以谷歌公司模型為例淺談下它們是如何去衡量用戶體驗(yàn)指標(biāo)的；

 

HEART模型出發(fā)點(diǎn)是做以用戶為中心的，能夠用于大范圍的用戶體驗(yàn)度量方法。它包含5個(gè)維度：Happiness 愉悅度：用戶主觀體驗(yàn)，用戶覺(jué)得產(chǎn)品對(duì)其有幫助，容易操作，使用產(chǎn)品或者功能時(shí)總感到愉悅。Engagement 參與度：用戶對(duì)產(chǎn)品內(nèi)容感興趣并愿意經(jīng)常使用。Adoption接受度：用戶看到新產(chǎn)品或新功能愿意進(jìn)行使用。Rentention留存率：在一個(gè)時(shí)間內(nèi)用戶愿意回來(lái)繼續(xù)使用產(chǎn)品或者功能。Task Success任務(wù)完成率：用戶能夠高效，準(zhǔn)確地完成任務(wù)。

 

GSM模型Google的UX團(tuán)隊(duì)為了讓HEART模型度量標(biāo)準(zhǔn)應(yīng)用于實(shí)踐而提出的設(shè)計(jì)方法模型，G是Goal，S是Signal，M是Metric，是遵從「目標(biāo)-信號(hào)-指標(biāo)」的過(guò)程來(lái)定義數(shù)據(jù)指標(biāo)的方法。

 

 

 

 

 

 

 

 

 

 

3、成為交互設(shè)計(jì)師

 

前面我們提到交互設(shè)計(jì)是一門十分復(fù)雜的學(xué)科，這個(gè)領(lǐng)域的研究廣而深，可創(chuàng)新性很強(qiáng)，設(shè)計(jì)帶來(lái)的意義很大，所以很多人都比較崇尚這個(gè)領(lǐng)域，可如果真想走上交互設(shè)計(jì)之路，就得有項(xiàng)目的歷練，有熟練的設(shè)計(jì)技能，有扎實(shí)的知識(shí)基礎(chǔ)，對(duì)事物和生活的細(xì)致觀察力。

 

3.1、交互設(shè)計(jì)師項(xiàng)目篇

 

當(dāng)設(shè)計(jì)回歸到實(shí)際工作項(xiàng)目，首先我們要知道，一般交互設(shè)計(jì)的崗位在公司的組織架構(gòu)里面，它是一個(gè)比較中間的位置，他的上游有產(chǎn)品、用研；下游有設(shè)計(jì)和研發(fā)，交互和這些崗位是交叉的，有聯(lián)系的，強(qiáng)如“設(shè)計(jì)驅(qū)動(dòng)”的蘋果公司，交互設(shè)計(jì)師也需要掌握很多其他跨專業(yè)的知識(shí)，所以實(shí)際工作中，有很多東西需要交互設(shè)計(jì)師去學(xué)習(xí)。

 

3.1.1、交互設(shè)計(jì)的項(xiàng)目流程

 

互聯(lián)網(wǎng)公司的設(shè)計(jì)團(tuán)隊(duì)都有自己的設(shè)計(jì)開(kāi)發(fā)的一套流程，但項(xiàng)目的核心流程大體都會(huì)經(jīng)歷以下三個(gè)階段：需求—設(shè)計(jì)開(kāi)發(fā)—結(jié)果驗(yàn)證；

 

 

 

 

需求階段需求是項(xiàng)目開(kāi)發(fā)的源頭，我們要進(jìn)行需求搜集、分析、篩選、評(píng)估、版本排期。需求的搜集可以是來(lái)自產(chǎn)品數(shù)據(jù)、用戶反饋、設(shè)計(jì)人員洞察探索、競(jìng)品分析，然后再做需求篩選討論，確定需求的優(yōu)先級(jí)；

 

設(shè)計(jì)開(kāi)發(fā)階段

 

環(huán)節(jié)1：產(chǎn)品經(jīng)理的文檔需要列出每個(gè)版本的詳細(xì)信息，包括產(chǎn)品創(chuàng)新設(shè)計(jì)或改版的背景、解決什么問(wèn)題、功能的設(shè)計(jì)背景，產(chǎn)品目標(biāo)和指標(biāo)、產(chǎn)品策略，產(chǎn)品范圍層（功能規(guī)格、內(nèi)容、信息、規(guī)則）等；

 

環(huán)節(jié)2：設(shè)計(jì)師需要針對(duì)產(chǎn)品功能結(jié)合產(chǎn)品目標(biāo)進(jìn)行設(shè)計(jì)策略上的思考，進(jìn)行方案輸出，包括交互文檔（版本號(hào)、設(shè)計(jì)描述、流程圖，頁(yè)面跳轉(zhuǎn)邏輯，交互細(xì)節(jié)闡述、異常狀態(tài)處理）、交互動(dòng)態(tài)（動(dòng)效演示參數(shù)圖、動(dòng)態(tài)demo展示）、視覺(jué)界面設(shè)計(jì)（形、色、構(gòu)、字、感）等，全流程保持和前后端技術(shù)人員進(jìn)行設(shè)計(jì)評(píng)審和溝通，持續(xù)評(píng)審也是為了防止后期大家互相扯皮影響工作狀態(tài)和效率，但最終目的是使項(xiàng)目開(kāi)發(fā)降本增效，減少返工。

 

環(huán)節(jié)3：設(shè)計(jì)方案輸出結(jié)束之后，就是技術(shù)人員的開(kāi)發(fā)，設(shè)計(jì)師也需要全程持續(xù)跟進(jìn)，保證設(shè)計(jì)效果的實(shí)現(xiàn)，了解前端的一些頁(yè)面適配規(guī)則，前后端的之間數(shù)據(jù)架構(gòu)和接口傳輸規(guī)則。

 

環(huán)節(jié)4：前后端開(kāi)發(fā)完成第一版本成品后，項(xiàng)目組人員（測(cè)試人員權(quán)重較高）可以開(kāi)始全局測(cè)試，交互設(shè)計(jì)師在走查時(shí)，可以內(nèi)部梳理一套通用的《交互走查表》進(jìn)行檢查，可以通過(guò)設(shè)計(jì)走查，專家測(cè)試，用戶內(nèi)測(cè)，用戶訪談等方式，整理收集影響產(chǎn)品穩(wěn)定性的Bug和設(shè)計(jì)細(xì)節(jié)問(wèn)題，再反饋給技術(shù)員人進(jìn)行修改。有條件的會(huì)進(jìn)行可用性測(cè)試，檢驗(yàn)設(shè)計(jì)的用戶體驗(yàn)和設(shè)計(jì)可行性。

 

結(jié)果驗(yàn)證階段

 

產(chǎn)品上線后，我們可以通過(guò)數(shù)據(jù)和用戶體驗(yàn)來(lái)檢驗(yàn)優(yōu)劣，數(shù)據(jù)層面可以使用灰度測(cè)試、A/Btest測(cè)試等方式驗(yàn)證設(shè)計(jì)方案的可行性，通過(guò)數(shù)據(jù)埋點(diǎn)的方式獲取用戶的行為數(shù)據(jù)，用戶體驗(yàn)可以使用滿意度調(diào)查、NPS等方式通過(guò)問(wèn)卷調(diào)研的手段來(lái)了解用戶的使用感受。

 

 

 

3.1.2、交互設(shè)計(jì)的5大項(xiàng)目思維

 

產(chǎn)品思維交互設(shè)計(jì)師要有培養(yǎng)產(chǎn)品思維的習(xí)慣，產(chǎn)品思維能夠引導(dǎo)我們發(fā)現(xiàn)很多設(shè)計(jì)點(diǎn)，設(shè)計(jì)出創(chuàng)新性的產(chǎn)品。做產(chǎn)品最核心的問(wèn)題就是：用戶有什么樣的需求？這個(gè)需求待解決程度（用戶痛點(diǎn)、爽點(diǎn)、癢點(diǎn)）怎么樣？例如支付寶這個(gè)產(chǎn)品，就是改變了用戶日常的付費(fèi)交易方式，從現(xiàn)金到線上數(shù)字貨幣支付的轉(zhuǎn)變，大大的解決了用戶不用攜帶大量現(xiàn)金的需求，當(dāng)然了他的功能不僅限于此，更客觀的說(shuō)，支付寶的出現(xiàn)改變了人們的生活，創(chuàng)造了極大的社會(huì)的價(jià)值。

 

 

 

 

 

 

 

 

用戶思維產(chǎn)品主要作用對(duì)象是用戶，通過(guò)用戶獲取功能需求，我們需要學(xué)習(xí)如何了解用戶，了解我們的產(chǎn)品典型目標(biāo)人群是哪一類人，了解用戶的真實(shí)訴求是什么？了解用戶場(chǎng)景是什么樣的？具備用戶思維，設(shè)計(jì)師可以更精準(zhǔn)高效的輸出設(shè)計(jì)方案，達(dá)到解決用戶問(wèn)題的目的。

 

視覺(jué)思維交互原型稿和文檔是交互設(shè)計(jì)師接觸最多的工作任務(wù)，它們需要定義很多內(nèi)容信息，這不僅僅靠邏輯，還需要有視覺(jué)思維，將黑白交互界面的視覺(jué)重點(diǎn)和信息層級(jí)展示清楚。如下圖所示為蘇寧智慧屏項(xiàng)目部分功能的交互設(shè)計(jì)稿樣式：

 

 

 

 

 

 

?

交互設(shè)計(jì)的視覺(jué)思維上關(guān)注的幾個(gè)點(diǎn)如下：第一點(diǎn)要有場(chǎng)景的概念，比如要熟悉產(chǎn)品在什么樣的設(shè)備上呈現(xiàn)，設(shè)備具有什么樣的特性和要求，用戶的使用產(chǎn)品的操作方式；第二點(diǎn)要有原子和模塊化的概念，比如一個(gè)組件和模塊主要是由哪些原子化的元素構(gòu)建，如何去定義這樣內(nèi)容，第三點(diǎn)要有設(shè)計(jì)理論應(yīng)用的概念，比如在界面布局時(shí)，可以通過(guò)設(shè)計(jì)的四大基本原則（對(duì)比、重復(fù)、對(duì)齊、親密性）、格式塔原理（接近原則、相似原則、共同命運(yùn)）、設(shè)計(jì)規(guī)律（黃金分割法、網(wǎng)格系統(tǒng)、系統(tǒng)規(guī)范）這些點(diǎn)去切入。

 

開(kāi)發(fā)思維產(chǎn)品外在靠界面，內(nèi)在靠代碼，好用好看的設(shè)計(jì)依靠技術(shù)作為底層支撐才能最終開(kāi)發(fā)上線，我們經(jīng)常做設(shè)計(jì)方案評(píng)審時(shí)，會(huì)遇到被技術(shù)人員否定的情況。我們就會(huì)拿有相同設(shè)計(jì)的產(chǎn)品去和他理論。最終的結(jié)果就是還是做不了。但是做不了的情況大體分為兩種，第一種情況是實(shí)現(xiàn)這個(gè)設(shè)計(jì)的背后，確實(shí)需要投入很多人力、資源去完成這項(xiàng)工作；第二種就是技術(shù)人員單純的不愿意做，可如果你有開(kāi)發(fā)思維，能想到這個(gè)設(shè)計(jì)背后的技術(shù)難點(diǎn)，能清晰的和技術(shù)人員進(jìn)行討論和協(xié)商，他們也不能或不好意思去拒絕。所以開(kāi)發(fā)思維可以讓我們和技術(shù)人員成為好朋友，又可以學(xué)習(xí)一些技術(shù)原理，屬實(shí)不虧。

 

數(shù)據(jù)思維交互設(shè)計(jì)師對(duì)于數(shù)據(jù)要有一定的敏感度，業(yè)務(wù)數(shù)據(jù)可以幫助我們了解產(chǎn)品的經(jīng)營(yíng)狀況，關(guān)注產(chǎn)品的總體流量，轉(zhuǎn)化、營(yíng)收，用戶的行為數(shù)據(jù)可以幫助我們?cè)谠O(shè)計(jì)迭代時(shí)提供依據(jù)，另外通過(guò)各類數(shù)據(jù)的跟蹤、對(duì)比、分析能幫助我們?cè)u(píng)估設(shè)計(jì)方案的好壞以及后期設(shè)計(jì)修改的方向。

 

 

 

3.2、交互設(shè)計(jì)師技能篇

 

技能已經(jīng)是交互設(shè)計(jì)師的入門要求，也是初級(jí)交互設(shè)計(jì)師進(jìn)階的基礎(chǔ)，那這部分主要講解交互設(shè)計(jì)師的技能兵器庫(kù)，主要由設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)這三部分組成。

 

 

3.2.1、交互設(shè)計(jì)的兵器庫(kù)1-設(shè)計(jì)手段

 

設(shè)計(jì)軟件交互原型設(shè)計(jì)：包括靜態(tài)界面和動(dòng)態(tài)demo設(shè)計(jì)，可以使用紙質(zhì)原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等；界面設(shè)計(jì)：主流的軟件有Figma、Sketch、ps，網(wǎng)頁(yè)和客戶端通用的有即時(shí)設(shè)計(jì)、Figma、Pixso等；

 

動(dòng)效和三維設(shè)計(jì)：目前動(dòng)效應(yīng)用廣泛的如AE，三維軟件有C4D，blender，Rhino、更高級(jí)的如游戲引擎unity3d；

 

編程軟件：網(wǎng)頁(yè)端如標(biāo)記語(yǔ)言HTML+CSS，腳本語(yǔ)言JS，移動(dòng)端如iOS的Swift和Xcode，Android的studio；

 

文檔工具：如常用的X-mind（思維導(dǎo)圖）、匯報(bào)用的ppt、keynote等

 

 

設(shè)計(jì)方法設(shè)計(jì)方式這里指向用戶研究部分的內(nèi)容：主要有定量研究、定性研究、用戶畫像的構(gòu)建，定量研究的可使用問(wèn)卷調(diào)研、數(shù)據(jù)分析、眼動(dòng)測(cè)試，定性研究可使用用戶訪談、焦點(diǎn)小組、可用性測(cè)試、卡片分類法，用戶觀察法等

 

 

3.2.2、交互設(shè)計(jì)的兵器庫(kù)2-設(shè)計(jì)規(guī)范

 

說(shuō)到設(shè)計(jì)規(guī)范，這可能是很多設(shè)計(jì)師在交互入門的時(shí)候，比較忽略的基礎(chǔ)知識(shí)點(diǎn)，首先各類平臺(tái)的系統(tǒng)規(guī)范經(jīng)過(guò)很多版本的迭代，內(nèi)容特別精且多，新手設(shè)計(jì)師經(jīng)常在閱讀學(xué)習(xí)的過(guò)程中失去耐心。只是碰到相應(yīng)的點(diǎn)才會(huì)想起來(lái)去看一下。目前處在設(shè)計(jì)領(lǐng)域最前沿的平臺(tái)規(guī)范如蘋果系統(tǒng)的《人機(jī)界面指南》，安卓系統(tǒng)的《材料設(shè)計(jì)》，鴻蒙系統(tǒng)的《設(shè)計(jì)指南》，微軟系統(tǒng)的《設(shè)計(jì)原則》，這些平臺(tái)的系統(tǒng)規(guī)范非常通用，覆蓋的設(shè)備也很多，例如蘋果系統(tǒng)的人機(jī)界面指南覆蓋了電腦、手機(jī)、平板、手表、電視。在國(guó)內(nèi)也涌現(xiàn)了很多平臺(tái)規(guī)范，例如阿里的antdesign，騰訊的tdcdesign，字節(jié)的acrodesign等。

 

 

3.2.3、交互設(shè)計(jì)的兵器庫(kù)3-理論知識(shí)

 

交互設(shè)計(jì)發(fā)展至今已經(jīng)很長(zhǎng)一段時(shí)間了，前輩們?cè)跓o(wú)數(shù)的實(shí)踐中總結(jié)了很多科學(xué)的設(shè)計(jì)理論。我們可以利用它們指導(dǎo)設(shè)計(jì)工作，例如：尼爾森設(shè)計(jì)十大原則（狀態(tài)可見(jiàn)原則、環(huán)境貼切原則、用戶可控原則、一致性原則、防錯(cuò)原則、易取原則、靈活高效原則、審美和簡(jiǎn)約設(shè)計(jì)原則、容錯(cuò)原則、人性化幫助），交互相關(guān)定律（菲茨定律、席克定律、格式塔原理、奧卡姆剃刀原則、峰終法則、帕雷托原理、米勒定律、郵編定律、序列位置效應(yīng)、泰斯勒復(fù)雜性守恒定律、序列位置效應(yīng)、多爾蒂閥值、雅各布定律、蔡格尼克記憶效應(yīng)、馮·雷斯托夫效應(yīng)等）。理論知識(shí)可以作為設(shè)計(jì)的參照標(biāo)準(zhǔn)，但用設(shè)計(jì)理論反對(duì)設(shè)計(jì)結(jié)果是很不合適的，具體問(wèn)題還需要結(jié)合實(shí)際應(yīng)用場(chǎng)景去分析解決。

3.3、交互設(shè)計(jì)師能力篇

最后一章我想和大家分享關(guān)于交互設(shè)計(jì)師的能力模型，主要分三大塊，這也是實(shí)際工作中感觸比較深的幾個(gè)點(diǎn)，希望對(duì)大家能有幫助！

 

3.3.1、基礎(chǔ)能力-學(xué)習(xí)

 

學(xué)習(xí)是一項(xiàng)比較基礎(chǔ)的能力！它包括了你技法上的突破、閱讀書籍獲取知識(shí)、適應(yīng)和熟悉工作流程；例如當(dāng)你在工作中，需要設(shè)計(jì)一個(gè)頁(yè)面動(dòng)畫效果，你學(xué)會(huì)了一個(gè)新的軟件和新的實(shí)現(xiàn)方法；又或者當(dāng)你閱讀了一本書，學(xué)到了很多知識(shí)，打破了自己的認(rèn)知，再或者入職新公司的時(shí)候，你需要適應(yīng)新環(huán)境和工作流程。設(shè)計(jì)領(lǐng)域的要求更新?lián)Q代特別快，就好比之前我們做設(shè)計(jì)基本都使用sketch，

還得和蘋果系統(tǒng)捆綁，但現(xiàn)在像Figma等軟件不光可以客戶端下載使用，甚至都可以網(wǎng)頁(yè)端協(xié)同使用。所以在任何時(shí)候都要保有一顆

做學(xué)徒的心，去學(xué)習(xí)，去適應(yīng)、不斷的突破自己！

 

3.3.2、通用能力-溝通、執(zhí)行、總結(jié)

 

溝通、執(zhí)行、總結(jié)三大能力無(wú)論是在生活還是在工作中都是比較通用的，我們?cè)诤蛣e人交流時(shí)，需要用語(yǔ)言傳達(dá)自己的想法，讓別人或自己明白，然后去執(zhí)行，根據(jù)執(zhí)行的結(jié)果進(jìn)行總結(jié)，變成自己寶貴的經(jīng)驗(yàn)。例如有一次在做交互方案時(shí)，產(chǎn)品經(jīng)理直接丟過(guò)來(lái)一個(gè)需求，然后沒(méi)有說(shuō)明具體的需求背景和設(shè)計(jì)方向，然后就把方案弄好了去評(píng)審，被技術(shù)人員一通亂懟，弄的大家情緒都上了頭，就開(kāi)始爭(zhēng)吵起來(lái)，最后結(jié)果就是重新設(shè)計(jì)；這讓我后來(lái)在做方案的時(shí)候，一直記得利用這套通用能力去處理問(wèn)題；確實(shí)有效。但在培養(yǎng)這些能力的同時(shí)需要注意：把控情緒做有效溝通，拒絕盲目執(zhí)行，反復(fù)思考總結(jié)經(jīng)驗(yàn)，用總結(jié)能力反哺自己的溝通、執(zhí)行能力。

 

 

 

 

 

 

 

3.3.3、進(jìn)階能力-洞察、思考

 

洞察和思考是交互設(shè)計(jì)師的最高級(jí)的能力，擁有這種能力的設(shè)計(jì)師往往已經(jīng)能夠探索到問(wèn)題的本質(zhì)，洞察和思考能力的培養(yǎng)來(lái)源對(duì)事物的探索欲，有好奇心，有細(xì)致的觀察，這要求設(shè)計(jì)師要把解決問(wèn)題當(dāng)作是興趣來(lái)看待；以生活中的用戶使用的出行工具單車設(shè)計(jì)為例，單車上有很多設(shè)計(jì)點(diǎn)都體現(xiàn)了交互設(shè)計(jì)師的這兩項(xiàng)能力；

 

 

 

 

 

1：?jiǎn)诬嚨淖徽{(diào)節(jié)控制結(jié)構(gòu)設(shè)計(jì)如上圖是哈嘍單車的不同版本的設(shè)計(jì)，第一個(gè)調(diào)節(jié)結(jié)構(gòu)我們需要向逆時(shí)針向外推，才能進(jìn)行座凳高低的調(diào)節(jié)，第二個(gè)調(diào)節(jié)結(jié)構(gòu)我們僅需要上下方向推拉進(jìn)行控制。我在使用的過(guò)程中，第二個(gè)結(jié)構(gòu)操作的時(shí)候更加省力。

 

2：座凳支撐桿的身高標(biāo)記設(shè)計(jì)第一個(gè)支撐桿我們可以看到是沒(méi)有任何標(biāo)記的，第二個(gè)支撐桿上面有對(duì)應(yīng)身高相匹配的尺寸標(biāo)記，相比較第一個(gè)設(shè)計(jì)，帶標(biāo)記的設(shè)計(jì)讓用戶更快的調(diào)到舒適的高度位置。

 

這個(gè)設(shè)計(jì)案例屬于從結(jié)果倒推方案，因?yàn)樵谝延性O(shè)計(jì)方案做推理分析，但是我相信項(xiàng)目人員在進(jìn)行產(chǎn)品優(yōu)化的時(shí)候，也肯定是洞察到“舊的坐凳設(shè)計(jì)”結(jié)構(gòu)給用戶帶來(lái)的不便，不僅操作費(fèi)力，而且這樣的結(jié)構(gòu)容易卡住廢車；身高標(biāo)記的設(shè)計(jì)肯定也是結(jié)合用戶的不同身高這個(gè)需求，設(shè)計(jì)師觀察用戶在調(diào)節(jié)座凳高度的時(shí)候，坐上去再下來(lái)，反復(fù)的調(diào)試去選擇舒適的高度，才思考出這樣不錯(cuò)的設(shè)計(jì)方案。

總結(jié)

本文分享到這里就結(jié)束了，總的來(lái)說(shuō)，想成為一名交互設(shè)計(jì)師，需要投入的成本是很大的，除了軟件技能還需要有足夠的知識(shí)儲(chǔ)備，培養(yǎng)自己的各種思維和能力，那文章我也通過(guò)三個(gè)部分去說(shuō)明了這些內(nèi)容，首先我用設(shè)計(jì)領(lǐng)域的名詞作為切入點(diǎn)，帶大家去了解設(shè)計(jì)領(lǐng)域的現(xiàn)狀和關(guān)聯(lián)，對(duì)設(shè)計(jì)名詞有大致的概念；其次著重的分析交互設(shè)計(jì)，介紹了交互設(shè)計(jì)的起源、定義、主要對(duì)象、五大行為要素、兩大衡量標(biāo)準(zhǔn)；最后寫了關(guān)于成為交互設(shè)計(jì)師一些入門要求，第一點(diǎn)是通過(guò)項(xiàng)目流程、項(xiàng)目思維角度，第二點(diǎn)是從設(shè)計(jì)技能角度，交互設(shè)計(jì)師需要有設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)三大兵器庫(kù)，第三點(diǎn)是從能力模型角度，交互設(shè)計(jì)師須具備學(xué)習(xí)、溝通、執(zhí)行、總結(jié)、洞察、思考6大能力。在去往交互設(shè)計(jì)的路上，建議設(shè)計(jì)師們要保持一顆進(jìn)取的心，認(rèn)認(rèn)真真的去學(xué)習(xí)、去實(shí)踐、去進(jìn)階，提升自己的設(shè)計(jì)認(rèn)知。

文章內(nèi)容僅供學(xué)習(xí)參考。


作者：Q什伍
鏈接：https://www.zcool.com.cn/article/ZMTQzNTU1Mg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
 
評(píng)論(0) 瀏覽(482)

情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用

藍(lán)藍(lán)設(shè)計(jì)的小編

近兩年“情緒價(jià)值”這個(gè)詞，相信每個(gè)人應(yīng)該或多或少都有過(guò)接觸，從商業(yè)空間的營(yíng)銷場(chǎng)景到后來(lái)滲透到每個(gè)領(lǐng)域、每個(gè)行業(yè)?！?/span>
 
先說(shuō)下這個(gè)詞的概念，它源于心理學(xué)和社會(huì)學(xué)， 本意為：“它指的是一個(gè)人或事物對(duì)他人情感狀態(tài)所產(chǎn)生的積極影響和價(jià)值。這種價(jià)值不僅僅體現(xiàn)在短暫的愉悅感受上，更包括長(zhǎng)期的情緒穩(wěn)定、心理滿足和精神支持。”　
無(wú)論是在網(wǎng)紅還是在新型電商行業(yè)中，許多品牌強(qiáng)調(diào)的已經(jīng)不是單一的產(chǎn)品功能價(jià)值，而是增加了強(qiáng)調(diào)在消費(fèi)體驗(yàn)中為消費(fèi)者帶來(lái)的快樂(lè)、滿足、歸屬感等等一些積極的情緒。這足以說(shuō)明，無(wú)論是品牌、產(chǎn)品還是服務(wù)越來(lái)越注重為消費(fèi)者提供情緒價(jià)值。　
 
而用戶體驗(yàn)設(shè)計(jì)的本質(zhì)其實(shí)就是讓人在使用產(chǎn)品的過(guò)程中有非常愉悅的感覺(jué)，這一點(diǎn)與“情緒價(jià)值”這個(gè)詞的核心也有點(diǎn)不謀而合?！?/span>
 
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
相信我們都有這樣的疑問(wèn)：情緒價(jià)值在體驗(yàn)設(shè)計(jì)中重要嗎，有什么具體的關(guān)系？在設(shè)計(jì)工作中的情緒價(jià)值到底重要嗎？情緒價(jià)值對(duì)產(chǎn)品使用的提升有哪些，具體要怎么做？相信看完下面的內(nèi)容，你應(yīng)該會(huì)對(duì)上面的問(wèn)題有答案的。　
 
一、情緒價(jià)值對(duì)用戶體驗(yàn)的影響
首先我們可能需要了解情緒價(jià)值能給用戶帶來(lái)什么？申晨老師在一次分享會(huì)上有提到過(guò)情緒價(jià)值的三個(gè)方向：愉悅感、保障感、專享感。三者由淺入深影響著用戶在使用產(chǎn)品時(shí)的情緒變化，對(duì)應(yīng)到體驗(yàn)設(shè)計(jì)中是這樣的：　
  •  
    愉悅感→影響用戶的滿意度
  •  
    保障感→影響用戶的容忍度
  •  
    專享感→影響用戶的忠誠(chéng)度
　
提升用戶滿意度
積極情緒的誘導(dǎo)
　
當(dāng)產(chǎn)品或服務(wù)能夠提供情緒價(jià)值時(shí)，會(huì)引發(fā)用戶的積極情緒。如下圖，三種UI會(huì)給用戶不同的情緒反饋，積極的情緒（右圖）往往會(huì)讓用戶駐足停留的更長(zhǎng)一些，即便沒(méi)有需求，也會(huì)更愿意去花費(fèi)一些時(shí)間去深入了解，進(jìn)而帶來(lái)一些拉新、瀏覽轉(zhuǎn)化等等數(shù)據(jù)的提升　
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
滿足情感需求
　
許多產(chǎn)品和服務(wù)通過(guò)滿足用戶的情感需求來(lái)提供情緒價(jià)值。用戶在使用這些產(chǎn)品時(shí)，會(huì)因?yàn)楫a(chǎn)品所承載的情感因素而感到滿足，進(jìn)而提升對(duì)產(chǎn)品體驗(yàn)的滿意度。例如：　
  •  
    社交媒體的分享被贊，是一種被關(guān)注、被認(rèn)可的情感需求；
  •  
    直播平臺(tái)app的互動(dòng)效果，也是一種渴望互動(dòng)的情感需求，以此刺激觀看者送出禮物。
改善用戶對(duì)負(fù)面體驗(yàn)的容忍度
情緒緩沖作用
　
當(dāng)產(chǎn)品或服務(wù)出現(xiàn)一些小問(wèn)題時(shí)，之前積累的情緒價(jià)值可以起到緩沖作用。例如：　
  •  
    在使用某工具產(chǎn)品時(shí)，友好的客服系統(tǒng)會(huì)給用戶比較積極的情緒積累，從而選擇包容一些比較小的錯(cuò)誤；
  •  
    還有很多錯(cuò)誤頁(yè)面的情感化設(shè)計(jì)，目的亦是如此。
引導(dǎo)解決問(wèn)題的積極態(tài)度
　
如果用戶對(duì)產(chǎn)品或服務(wù)有情感上的依賴，當(dāng)遇到問(wèn)題時(shí)，他們會(huì)更積極地尋找解決辦法，而不是抱怨和放棄。例如：　
  •  
    當(dāng)產(chǎn)品或服務(wù)偶爾出現(xiàn)卡頓現(xiàn)象時(shí)，其用戶社區(qū)氛圍很好，用戶之間可以互相交流使用經(jīng)驗(yàn)和解決方案，并且軟件開(kāi)發(fā)者也會(huì)積極回應(yīng)用戶的問(wèn)題。這種情緒價(jià)值會(huì)讓用戶愿意配合開(kāi)發(fā)者解決軟件卡頓問(wèn)題，而不是直接卸載軟件。
 
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
增強(qiáng)用戶的忠誠(chéng)度
能夠在用戶和產(chǎn)品 / 服務(wù)之間建立起情感紐帶
　
  •  
    以蘋果產(chǎn)品為例，蘋果公司通過(guò)簡(jiǎn)潔、易用的設(shè)計(jì)，以及高效的客戶服務(wù)，為用戶提供了良好的情緒體驗(yàn)。用戶在使用蘋果產(chǎn)品的過(guò)程中，會(huì)逐漸對(duì)品牌產(chǎn)生信任和喜愛(ài)。這種情感紐帶使得用戶在下次購(gòu)買電子產(chǎn)品時(shí)，更有可能繼續(xù)選擇蘋果產(chǎn)品，忠誠(chéng)度較高。
  •  
    一些會(huì)員制度也注重通過(guò)情緒價(jià)值來(lái)增強(qiáng)用戶忠誠(chéng)度。例如，酒店的會(huì)員計(jì)劃會(huì)為會(huì)員提供優(yōu)先入住、免費(fèi)升級(jí)房間、生日驚喜等服務(wù)。這些措施讓會(huì)員感受到特殊待遇，產(chǎn)生一種被重視的情緒，從而增強(qiáng)了用戶對(duì)酒店品牌的忠誠(chéng)度。
推動(dòng)口碑傳播
　
當(dāng)用戶從產(chǎn)品或服務(wù)中獲得了高情緒價(jià)值，他們更愿意向他人推薦。例如：　
  •  
    用戶在一家餐廳用餐，餐廳的服務(wù)人員熱情周到，菜品的呈現(xiàn)方式也很有創(chuàng)意，讓用戶在享受美食的同時(shí)獲得了愉悅的情緒體驗(yàn)。這種用戶很可能會(huì)將這家餐廳推薦給朋友、家人，通過(guò)口碑傳播為餐廳帶來(lái)新的顧客。
  •  
    在線游戲如果能為玩家提供豐富的社交互動(dòng)功能，讓玩家在游戲中結(jié)交朋友、組隊(duì)作戰(zhàn)，獲得團(tuán)隊(duì)合作的快樂(lè)和成就感等情緒價(jià)值，玩家就會(huì)積極向周圍的人宣傳這款游戲，擴(kuò)大游戲的用戶群體。
 
 
二、什么產(chǎn)品適合通過(guò)創(chuàng)造情緒價(jià)值提升使用體驗(yàn)
 
C端產(chǎn)品：在創(chuàng)造情緒價(jià)值的應(yīng)用策略下，更容易獲得顯著成果
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
 
創(chuàng)造情緒價(jià)值這種有效的策略，尤其在面向個(gè)人用戶產(chǎn)品時(shí)，可以更顯著提升其使用體驗(yàn)。例如：　
  •  
    社交類產(chǎn)品
    如微信、微博等，通過(guò)提供社交互動(dòng)和情感連接，增強(qiáng)用戶的歸屬感和幸福感　
  •  
    內(nèi)容類產(chǎn)品
    如視頻平臺(tái)、音樂(lè)應(yīng)用等，通過(guò)提供豐富多樣的內(nèi)容，滿足用戶的情感和娛樂(lè)需求　
  •  
    娛樂(lè)類產(chǎn)品
    如游戲、盲盒等，通過(guò)游戲性和不確定性，激發(fā)用戶的興趣和情感投入　
  •  
    交易類產(chǎn)品
    如電商平臺(tái)、在線購(gòu)物等，通過(guò)營(yíng)造購(gòu)物氛圍和提供個(gè)性化推薦，增加用戶的購(gòu)物愉悅感　
  •  
    工具類產(chǎn)品
    如效率工具、健康管理應(yīng)用等，通過(guò)提供情感化的設(shè)計(jì)和反饋，提升用戶的使用體驗(yàn)和滿意度　
 
那么 B 端產(chǎn)品是否同樣適用呢？答案無(wú)疑是肯定的。隨著企業(yè)數(shù)字化轉(zhuǎn)型的迅速推進(jìn)，B 端產(chǎn)品在各個(gè)行業(yè)領(lǐng)域當(dāng)中得到了廣泛的應(yīng)用，用戶體驗(yàn)的重要性越發(fā)顯著?！?/span>
 
 
B端產(chǎn)品：創(chuàng)造情緒價(jià)值更有利于提高忠誠(chéng)度
 
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
創(chuàng)造情緒價(jià)值的方式
　
  •  
    情感設(shè)計(jì)：通過(guò)設(shè)計(jì)元素和交互方式激發(fā)用戶的情感共鳴，增強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)同感和忠誠(chéng)度。例如，通過(guò)微動(dòng)畫、個(gè)性化推薦和人性化提示，設(shè)計(jì)師可以為用戶創(chuàng)造愉悅的使用體驗(yàn)
  •  
    個(gè)性化服務(wù)與定制化解決方案：了解客戶的獨(dú)特需求和痛點(diǎn)，提供個(gè)性化的建議和支持，幫助客戶解決實(shí)際問(wèn)題，帶來(lái)更多情感上的滿足感
  •  
    優(yōu)化用戶體驗(yàn)：注重產(chǎn)品設(shè)計(jì)和交互體驗(yàn)優(yōu)化，提供良好的客戶服務(wù)和多種使用方式，不斷優(yōu)化產(chǎn)品功能，以提升用戶的整體使用體驗(yàn)
 
 
創(chuàng)造情緒價(jià)值的重要性
　
  •  
    提升用戶滿意度和忠誠(chéng)度：通過(guò)創(chuàng)造情緒價(jià)值，產(chǎn)品可以顯著提升用戶的滿意度和忠誠(chéng)度，從而促進(jìn)續(xù)費(fèi)和口碑傳播
  •  
    增強(qiáng)產(chǎn)品的市場(chǎng)競(jìng)爭(zhēng)力：在功能相似的產(chǎn)品中，提供卓越的用戶體驗(yàn)可以成為SaaS產(chǎn)品的核心競(jìng)爭(zhēng)力，幫助企業(yè)在市場(chǎng)中脫穎而出
 
 
三、體驗(yàn)設(shè)計(jì)師如何提升產(chǎn)品的“情緒價(jià)值”
我們可以從設(shè)計(jì)核心的三大階段（用戶研究階段、設(shè)計(jì)階段、測(cè)試與優(yōu)化階段）入手，來(lái)創(chuàng)造與提升產(chǎn)品的情緒價(jià)值　
 
用戶研究階段
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
 
深入了解用戶情感需求
開(kāi)展定性研究
：通過(guò)用戶訪談、焦點(diǎn)小組等方式，挖掘用戶在使用產(chǎn)品時(shí)的情感期望。例如，在設(shè)計(jì)一款健身APP時(shí)，與健身愛(ài)好者進(jìn)行深入訪談，了解他們?cè)诮∩磉^(guò)程中的情緒變化?？赡軙?huì)發(fā)現(xiàn)，用戶在完成一次具有挑戰(zhàn)性的訓(xùn)練后，希望得到即時(shí)的鼓勵(lì)和成就感，這就為產(chǎn)品設(shè)計(jì)提供了情感方向。
 
進(jìn)行定量研究
：利用問(wèn)卷調(diào)查等手段，收集用戶對(duì)現(xiàn)有產(chǎn)品情緒體驗(yàn)的數(shù)據(jù)。比如，詢問(wèn)用戶在使用某電商平臺(tái)時(shí)，購(gòu)物流程是否讓他們感到焦慮或愉悅，以及在哪些環(huán)節(jié)有這種情緒。通過(guò)數(shù)據(jù)分析，找出用戶情緒的痛點(diǎn)和興奮點(diǎn)。
 
構(gòu)建用戶畫像與情緒場(chǎng)景
 
創(chuàng)建用戶畫像
：
根據(jù)用戶研究的結(jié)果，構(gòu)建詳細(xì)的用戶畫像，包括用戶的性格、生活方式、價(jià)值觀等因素，并且添加情緒維度。以一款旅行APP為例，其中一個(gè)用戶畫像可能是“年輕的探險(xiǎn)愛(ài)好者，性格樂(lè)觀，追求刺激，在旅行前會(huì)充滿期待和興奮”。這樣的畫像有助于設(shè)計(jì)師站在用戶的角度思考情緒體驗(yàn)。
描繪情緒場(chǎng)景
：針對(duì)不同的用戶畫像，描繪他們使用產(chǎn)品的情緒場(chǎng)景。比如，對(duì)于上述旅行APP的用戶，在規(guī)劃行程時(shí)，他可能會(huì)在APP上查找小眾景點(diǎn)，此時(shí)的情緒是好奇和興奮；在旅途中使用導(dǎo)航功能時(shí)，希望得到精準(zhǔn)的指引，情緒是焦慮或安心，取決于導(dǎo)航的準(zhǔn)確性。這些情緒場(chǎng)景為后續(xù)設(shè)計(jì)提供了具體的目標(biāo)。
 
 
設(shè)計(jì)階段
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
視覺(jué)設(shè)計(jì)方面
色彩運(yùn)用
：色彩對(duì)情緒有著強(qiáng)烈的影響。例如，暖色調(diào)如紅色和橙色通常傳達(dá)活力、熱情的情緒，適合用于激發(fā)用戶興趣的界面元素，如促銷活動(dòng)頁(yè)面；冷色調(diào)如藍(lán)色和綠色則給人冷靜、可靠的感覺(jué)，可用于數(shù)據(jù)展示或需要用戶集中注意力的區(qū)域。在設(shè)計(jì)金融產(chǎn)品界面時(shí)，使用藍(lán)色為主色調(diào)可以讓用戶感到安全和信任。
圖形設(shè)計(jì)
：簡(jiǎn)潔、易懂的圖形能夠快速傳達(dá)信息并引發(fā)積極情緒。在圖標(biāo)設(shè)計(jì)上，要符合用戶的認(rèn)知習(xí)慣。例如，在社交產(chǎn)品中，使用微笑的表情圖標(biāo)表示點(diǎn)贊或喜歡，用戶很容易理解并產(chǎn)生愉悅的情緒。同時(shí)，利用有趣的插畫或動(dòng)畫可以增加產(chǎn)品的趣味性。如在兒童教育產(chǎn)品中，用生動(dòng)的動(dòng)畫來(lái)講解知識(shí)，能夠吸引孩子的注意力并讓他們感到快樂(lè)。
排版布局
：合理的排版可以提升用戶的閱讀體驗(yàn)和情緒。清晰的標(biāo)題和正文層次，適當(dāng)?shù)奈淖珠g距和行高，能讓用戶感到舒適。在新聞?lì)惍a(chǎn)品中，采用模塊化的排版，將不同的新聞內(nèi)容清晰劃分，使用戶在瀏覽時(shí)不會(huì)感到混亂，從而減少煩躁情緒。
 
交互設(shè)計(jì)方面
反饋機(jī)制設(shè)計(jì)
：為用戶的操作提供及時(shí)、明確的反饋可以提升情緒價(jià)值。例如，當(dāng)用戶點(diǎn)擊一個(gè)按鈕時(shí)，按鈕會(huì)有短暫的變色或動(dòng)畫效果，讓用戶知道操作已被接收。在加載頁(yè)面時(shí)，使用有趣的加載動(dòng)畫代替單調(diào)的進(jìn)度條，如旋轉(zhuǎn)的小圖標(biāo)或者跳動(dòng)的小球，能夠緩解用戶等待的焦慮情緒。
操作流程優(yōu)化
：簡(jiǎn)化復(fù)雜的操作流程，減少用戶的認(rèn)知負(fù)擔(dān)和操作失誤。在移動(dòng)支付產(chǎn)品中，盡量減少支付步驟，讓用戶能夠快速完成支付，避免因流程繁瑣而產(chǎn)生煩躁情緒。同時(shí)，可以增加一些引導(dǎo)性的交互，如新手引導(dǎo)教程，幫助用戶輕松上手產(chǎn)品，提升用戶的自信心和滿意度。
個(gè)性化與定制化設(shè)計(jì)
：根據(jù)用戶的喜好和行為習(xí)慣，提供個(gè)性化的交互體驗(yàn)。例如，音樂(lè)產(chǎn)品可以根據(jù)用戶的收聽(tīng)歷史推薦相似風(fēng)格的歌曲，用戶會(huì)因?yàn)楫a(chǎn)品的貼心而感到愉悅。并且允許用戶對(duì)界面布局、主題等進(jìn)行定制，讓用戶有更多的掌控感，滿足他們的自我表達(dá)需求。
 
內(nèi)容設(shè)計(jì)方面
文案撰寫
：使用友好、易懂的文案可以拉近與用戶的距離。在產(chǎn)品提示信息中，避免使用生硬的專業(yè)術(shù)語(yǔ)，而采用親切的語(yǔ)氣。例如，在一款智能家居產(chǎn)品中，當(dāng)設(shè)備連接成功時(shí)，顯示“哇，您已經(jīng)成功連接啦，現(xiàn)在就可以享受智能生活啦”，這樣的文案會(huì)讓用戶感到輕松和愉快。同時(shí)，文案的風(fēng)格要與產(chǎn)品的定位和目標(biāo)用戶相匹配。
內(nèi)容策略
：提供有價(jià)值、有趣的內(nèi)容可以提升情緒價(jià)值。在知識(shí)付費(fèi)產(chǎn)品中，確保課程內(nèi)容不僅有深度，而且講解方式生動(dòng)有趣。對(duì)于內(nèi)容社區(qū)產(chǎn)品，鼓勵(lì)用戶分享積極向上的內(nèi)容，如生活中的小美好、勵(lì)志故事等，營(yíng)造一個(gè)充滿正能量的社區(qū)氛圍，讓用戶在瀏覽內(nèi)容時(shí)感到愉悅和鼓舞。
 
 
測(cè)試與優(yōu)化階段
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
可用性測(cè)試與情緒評(píng)估
進(jìn)行可用性測(cè)試
：在產(chǎn)品原型階段，邀請(qǐng)用戶進(jìn)行可用性測(cè)試，觀察用戶的操作行為和情緒反應(yīng)。例如，在測(cè)試一款辦公軟件的新功能時(shí)，注意用戶是否能夠順利使用，以及在使用過(guò)程中是否出現(xiàn)困惑、煩躁等情緒?？梢酝ㄟ^(guò)用戶的面部表情、言語(yǔ)反饋等方式收集情緒信息。
情緒評(píng)估工具
：利用情緒評(píng)估工具，如情感化可用性量表（UEQ）等，對(duì)用戶的情緒體驗(yàn)進(jìn)行量化評(píng)估。UEQ可以測(cè)量用戶對(duì)產(chǎn)品的吸引力、易用性、可靠性等維度的情緒感受，通過(guò)數(shù)據(jù)分析，找出需要優(yōu)化的情緒體驗(yàn)點(diǎn)。
 
根據(jù)反饋優(yōu)化設(shè)計(jì)
迭代設(shè)計(jì)
：根據(jù)用戶測(cè)試的反饋，對(duì)產(chǎn)品的視覺(jué)、交互和內(nèi)容設(shè)計(jì)進(jìn)行迭代優(yōu)化。例如，如果用戶在測(cè)試中表示某個(gè)界面元素的顏色讓人感到刺眼，設(shè)計(jì)師可以調(diào)整顏色方案。如果用戶對(duì)某個(gè)操作流程不理解，就優(yōu)化操作引導(dǎo)。
持續(xù)關(guān)注情緒反饋
：產(chǎn)品上線后，持續(xù)收集用戶反饋，關(guān)注用戶情緒價(jià)值的變化。隨著用戶需求的變化和市場(chǎng)環(huán)境的改變，不斷調(diào)整產(chǎn)品設(shè)計(jì)，以保持和提升產(chǎn)品的情緒價(jià)值。例如，在節(jié)日期間，對(duì)產(chǎn)品界面進(jìn)行節(jié)日主題的裝飾，為用戶提供新鮮感和節(jié)日氛圍帶來(lái)的愉悅情緒。
 
四、情緒價(jià)值是否具備量化條件
可以通過(guò)以下方法對(duì)其進(jìn)行量化計(jì)算
 
情感化可用性量表
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
原理：UEQ是一種廣泛用于量化用戶對(duì)產(chǎn)品情緒體驗(yàn)的工具。它通過(guò)一系列的問(wèn)卷題目來(lái)測(cè)量用戶對(duì)于產(chǎn)品的吸引力、易用性、效率、可靠性和刺激度等多個(gè)維度的感受。例如，在吸引力維度上，會(huì)詢問(wèn)用戶對(duì)于產(chǎn)品外觀、風(fēng)格是否感到喜歡；在易用性維度，會(huì)涉及用戶操作產(chǎn)品時(shí)是否感到輕松、方便等問(wèn)題?！?/span>
 
應(yīng)用：在一款產(chǎn)品/功能的用戶體驗(yàn)測(cè)試中，使用UEQ可以收集用戶對(duì)該應(yīng)用在不同維度的情緒評(píng)價(jià)。通過(guò)對(duì)大量用戶反饋的數(shù)據(jù)統(tǒng)計(jì)，得出該應(yīng)用在各個(gè)維度的量化得分，比如吸引力維度得分較高，說(shuō)明產(chǎn)品在視覺(jué)等方面能引發(fā)用戶積極情緒，而如果易用性維度得分較低，則可能表示產(chǎn)品的操作流程等會(huì)讓用戶產(chǎn)生負(fù)面情緒。　
 
 
凈推薦值（NPS）與情緒關(guān)聯(lián)量化
 
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
 
原理：凈推薦值是通過(guò)詢問(wèn)用戶“您是否愿意將這個(gè)產(chǎn)品推薦給其他人”來(lái)衡量用戶忠誠(chéng)度。雖然NPS本身不是直接對(duì)情緒價(jià)值的量化，但它與用戶的情緒體驗(yàn)密切相關(guān)。當(dāng)用戶體驗(yàn)到較高的情緒價(jià)值，如愉悅、滿足等，他們更有可能成為推薦者，NPS得分就會(huì)升高。　
 
應(yīng)用：通過(guò)定期收集用戶的NPS數(shù)據(jù)，并且結(jié)合用戶對(duì)功能使用體驗(yàn)的詳細(xì)反饋（包括對(duì)產(chǎn)品、服務(wù)、售后等環(huán)節(jié)的情緒感受），可以間接量化情緒價(jià)值對(duì)用戶忠誠(chéng)度的影響。例如，如果發(fā)現(xiàn)NPS得分高的用戶在評(píng)價(jià)中經(jīng)常提及購(gòu)物過(guò)程中的快樂(lè)情緒和優(yōu)質(zhì)服務(wù)體驗(yàn)，就可以推斷出情緒價(jià)值在提升用戶忠誠(chéng)度方面起到了積極作用?！?/span>
 
 
 
  1.  
    生理指標(biāo)測(cè)量
 
情緒價(jià)值在體驗(yàn)設(shè)計(jì)中的應(yīng)用
 
 
原理：情緒會(huì)引發(fā)身體的生理反應(yīng)，如心率、皮膚電導(dǎo)率、瞳孔大小等變化。通過(guò)專業(yè)的設(shè)備可以測(cè)量這些生理指標(biāo)，以此來(lái)推斷用戶的情緒狀態(tài)。例如，當(dāng)用戶感到興奮或緊張時(shí)，心率會(huì)加快；當(dāng)他們感到好奇或?qū)Ｗr(shí)，瞳孔可能會(huì)放大?！?/span>
應(yīng)用：在用戶體驗(yàn)實(shí)驗(yàn)室中，測(cè)試用戶在使用虛擬現(xiàn)實(shí)（VR）游戲的情緒體驗(yàn)。通過(guò)佩戴可以監(jiān)測(cè)心率和皮膚電導(dǎo)率的設(shè)備，觀察用戶在游戲不同場(chǎng)景下的生理指標(biāo)變化。如果在某個(gè)刺激的戰(zhàn)斗場(chǎng)景中，用戶的心率明顯上升，皮膚電導(dǎo)率也增加，就可以推斷用戶處于興奮或者緊張的情緒狀態(tài)，從而量化游戲場(chǎng)景對(duì)用戶情緒的激發(fā)程度。　
 
雖然有量化方法，但也只有部分可被量化，完全精準(zhǔn)量化還存在一定的挑戰(zhàn)　
 
 
難以完全量化的原因
情緒的復(fù)雜性和主觀性
個(gè)體差異：不同用戶對(duì)同一產(chǎn)品或體驗(yàn)的情緒反應(yīng)存在很大差異。例如，對(duì)于一款具有挑戰(zhàn)性的游戲關(guān)卡，一些玩家可能會(huì)因?yàn)榭朔щy而感到興奮和滿足，而另一些玩家可能會(huì)因?yàn)橛X(jué)得太難而產(chǎn)生沮喪情緒。這種個(gè)體差異使得很難用統(tǒng)一的標(biāo)準(zhǔn)來(lái)量化情緒價(jià)值。
文化背景影響：文化因素也會(huì)對(duì)情緒價(jià)值的感受產(chǎn)生影響。在某些文化中，含蓄的情感表達(dá)是常態(tài)，而在另一些文化中，人們可能更傾向于直接的情感反應(yīng)。比如，在日本文化中，用戶可能對(duì)產(chǎn)品的精致、細(xì)膩的設(shè)計(jì)有更深刻的情感共鳴，而西方文化中的用戶可能更看重產(chǎn)品的創(chuàng)新性和個(gè)性化帶來(lái)的情緒體驗(yàn)。
 
情緒與情境的動(dòng)態(tài)變化
使用場(chǎng)景的多樣性：用戶在不同的使用場(chǎng)景下對(duì)產(chǎn)品的情緒價(jià)值感受不同。例如，一個(gè)音樂(lè)播放軟件，用戶在運(yùn)動(dòng)場(chǎng)景下可能更關(guān)注節(jié)奏強(qiáng)烈的音樂(lè)帶來(lái)的激勵(lì)情緒，而在睡前場(chǎng)景下則更看重舒緩音樂(lè)營(yíng)造的放松情緒。這種隨場(chǎng)景變化的情緒體驗(yàn)難以用固定的量化指標(biāo)來(lái)衡量。
 
時(shí)間因素：用戶對(duì)產(chǎn)品的情緒體驗(yàn)也會(huì)隨著時(shí)間而變化。最初接觸產(chǎn)品時(shí)的新鮮感可能會(huì)帶來(lái)積極情緒，但隨著時(shí)間推移，如果產(chǎn)品缺乏更新或出現(xiàn)問(wèn)題，情緒可能會(huì)轉(zhuǎn)變?yōu)橄麡O。而且情緒的產(chǎn)生和消退過(guò)程很難精確量化，例如很難確定用戶從感到滿意到產(chǎn)生厭煩的具體時(shí)間節(jié)點(diǎn)。
雖然難以量化，但情緒價(jià)值在實(shí)際應(yīng)用中發(fā)揮的作用還是很大的。　
 
 
結(jié)束語(yǔ)
在體驗(yàn)設(shè)計(jì)的廣闊領(lǐng)域中，情緒價(jià)值猶如一股無(wú)形的力量，悄然影響著用戶與產(chǎn)品之間的每一次互動(dòng)。它不僅僅是愉悅感、保障感和專享感的簡(jiǎn)單疊加，更是用戶在深層情感層面與品牌建立起的穩(wěn)固紐帶。通過(guò)精心設(shè)計(jì)的用戶體驗(yàn)，我們能夠觸動(dòng)用戶的情感，激發(fā)他們的共鳴，從而在用戶心中留下深刻而持久的印記。　
　
作者：木茶


作者：群核科技MCUX
鏈接：https://www.zcool.com.cn/article/ZMTY0OTIxNg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
 
評(píng)論(0) 瀏覽(315)

交互設(shè)計(jì) 2025：未來(lái)趨勢(shì)與用戶體驗(yàn)新變革

藍(lán)藍(lán)設(shè)計(jì)的小編

交互設(shè)計(jì)在 2025 年將迎來(lái)一場(chǎng)深刻的革命，這些未來(lái)趨勢(shì)將共同塑造全新的用戶體驗(yàn)，使人們與技術(shù)的交互更加自然、智能、個(gè)性化和環(huán)保。交互設(shè)計(jì)師們需要緊跟時(shí)代步伐，不斷探索創(chuàng)新，以應(yīng)對(duì)這些變革帶來(lái)的機(jī)遇和挑戰(zhàn)，為用戶創(chuàng)造出更加美好的數(shù)字未來(lái)。

評(píng)論(0) 瀏覽(790)

UI設(shè)計(jì)公司分享:交互設(shè)計(jì)基礎(chǔ)深度解析

藍(lán)藍(lán)設(shè)計(jì)的小編

當(dāng)我們談?wù)摻换ピO(shè)計(jì)（Interaction Design）時(shí)，可能有人會(huì)疑惑：在體驗(yàn)設(shè)計(jì)（User Experience Design 簡(jiǎn)稱UX Design）為主流的今天，為什么還要關(guān)注交互設(shè)計(jì)？
 
其實(shí)，交互有廣義和狹義之分，
廣義的交互不僅僅是指互聯(lián)網(wǎng)企業(yè)中的交互設(shè)計(jì)崗位，也包含從人機(jī)交互、人因工程等發(fā)展而來(lái)的大交互學(xué)科
（各大院校的交互設(shè)計(jì)專業(yè)）。而用戶體驗(yàn)設(shè)計(jì)和UI設(shè)計(jì)只是互聯(lián)網(wǎng)發(fā)展中形成的職業(yè)類別：
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
所以說(shuō)，無(wú)論是體驗(yàn)設(shè)計(jì)、UI設(shè)計(jì)甚至是服務(wù)設(shè)計(jì)，它們都建立在交互設(shè)計(jì)的基礎(chǔ)之上。交互設(shè)計(jì)具備的學(xué)術(shù)背景和理論深度，是連接理論與實(shí)踐的橋梁，它幫助我們從執(zhí)行任務(wù)的“匠人”，變成能夠深入理解背后的邏輯和目的的“設(shè)計(jì)師”。
 
很多同學(xué)雖然非常熟悉信息架構(gòu)、任務(wù)流程和頁(yè)面搭建等工作，但他們?nèi)匀桓械嚼Щ螅瑹o(wú)法將這些內(nèi)容串聯(lián)起來(lái)，也不清楚底層邏輯，就是因?yàn)樗麄內(nèi)狈?duì)交互設(shè)計(jì)學(xué)科背景的深入理解。只有掌握了交互設(shè)計(jì)的學(xué)科知識(shí)，設(shè)計(jì)師才能在職業(yè)道路上走得更遠(yuǎn)，更好地理解和應(yīng)用設(shè)計(jì)原則。
 
今天我們就以“學(xué)科+職業(yè)”的方式，真正系統(tǒng)地介紹一下廣義交互設(shè)計(jì)的基礎(chǔ)知識(shí)。主要包括以下幾部分：
 
第一章  交互設(shè)計(jì)概述
什么是交互設(shè)計(jì)，為什么會(huì)有交互設(shè)計(jì)；
第二章  交互設(shè)計(jì)依托的學(xué)科理論基礎(chǔ)
這門學(xué)科的背景是什么，理論依據(jù)在哪里；
第三章  交互設(shè)計(jì)的基本流程與方法
介紹最通用的交互設(shè)計(jì)過(guò)程與方法；
第四章  交互設(shè)計(jì)基本原則
介紹設(shè)計(jì)中必須遵循的幾大原則；
第五章  交互設(shè)計(jì)常用的方法論
成套的裝備，可直接使用的成體系方法。
 
第一章 交互設(shè)計(jì)概述
1.1 什么是交互？
“交互”這個(gè)詞是從Interaction意譯的，詞義為“相互作用”，從中文來(lái)說(shuō)，即交流、互動(dòng)。在人與人之間，相互的打招呼、交流，就算是最簡(jiǎn)單的交互。那么人和機(jī)器之間的交流互動(dòng)是什么樣的呢？舉個(gè)例子，如果你想給朋友發(fā)一條信息，交互過(guò)程可能是：
 
打開(kāi)微信 → 打開(kāi)對(duì)話框 → 輸入文字 → 點(diǎn)擊發(fā)送
 
在這個(gè)過(guò)程中，每一步的操作，手機(jī)都有所反饋，比如點(diǎn)擊微信icon，就會(huì)進(jìn)入主界面，點(diǎn)擊“發(fā)送”，信息就會(huì)發(fā)到對(duì)方微信，一系列的操作和反饋就構(gòu)成了交互。
 
所以簡(jiǎn)而言之，當(dāng)人和一件事物（無(wú)論是人，機(jī)器，系統(tǒng)、環(huán)境等等）發(fā)生
雙向的信息交流和互動(dòng)
，就是一種交互行為。這種交流和互動(dòng)必須是雙向的，如果只有一方的信息輸出，而沒(méi)有第二方的參與，就只是信息展示而不是交流互動(dòng)。來(lái)而不往非交互。比如我們平時(shí)看到的平面廣告，只是信息呈現(xiàn)，沒(méi)有交互性，而下面的廣告設(shè)計(jì)，就具備了交互的屬性：
有人抽煙就“咳嗽”的廣告牌
有人抽煙就“咳嗽”的廣告牌
 
上圖是一個(gè)戒煙產(chǎn)品廣告，一般狀態(tài)下，畫面中的男士神態(tài)正常，當(dāng)有人在附近吸煙時(shí)，畫面中的男士就開(kāi)始咳嗽。這個(gè)廣告牌會(huì)根據(jù)外界的變化而呈現(xiàn)不同的反饋。
 
1.2 什么是交互設(shè)計(jì)？
既然“交互”是交流、互動(dòng)，那么“交互設(shè)計(jì)”簡(jiǎn)單來(lái)說(shuō)，就是設(shè)計(jì)如何交流如何互動(dòng)，讓交流和互動(dòng)更加自然更加順暢。
 
交互設(shè)計(jì)有廣義和狹義之分。從廣義上說(shuō)，人與外物的所有交互都是交互設(shè)計(jì)的范疇，比如一個(gè)人要開(kāi)門，是用門把手還是直接推，需要鑰匙還是指紋，這屬于廣義的交互設(shè)計(jì)。而狹義的交互設(shè)計(jì)，就是特指人與互聯(lián)網(wǎng)產(chǎn)品或智能產(chǎn)品的交互，在這里主要討論后者。所以我們之后所說(shuō)的“產(chǎn)品”主要就是指運(yùn)行在各種聯(lián)網(wǎng)終端（手機(jī)、電腦、Pad、電視等）上的網(wǎng)站、應(yīng)用等產(chǎn)品，或者是可聯(lián)網(wǎng)并具有交互性的智能設(shè)備，如智能汽車，智能機(jī)器人，智能音響等。
 
另外從職位角度來(lái)看，交互設(shè)計(jì)專門指在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)過(guò)程中確定了產(chǎn)品功能之后、視覺(jué)設(shè)計(jì)之前這一段，主要包括功能架構(gòu)的搭建、用戶流程的設(shè)計(jì)和界面元素的排布等方面，眾多的交互設(shè)計(jì)培訓(xùn)班就是在做這部分的培訓(xùn)。比如一個(gè)APP的登錄注冊(cè)，打開(kāi)登錄頁(yè)是開(kāi)始，登錄成功是結(jié)束，這個(gè)過(guò)程如何進(jìn)行，期間遇到各種問(wèn)題如何解決，就是職業(yè)交互設(shè)計(jì)的范疇。
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
而從學(xué)科角度來(lái)看，交互設(shè)計(jì)是
定義、設(shè)計(jì)人與人造系統(tǒng)如何關(guān)聯(lián)的設(shè)計(jì)領(lǐng)域
。學(xué)術(shù)角度，對(duì)于交互會(huì)有更多偏研究的內(nèi)容，而不僅僅像職業(yè)交互設(shè)計(jì)師一樣去解決用戶需求，還要考慮很多基礎(chǔ)性的問(wèn)題，比如人與環(huán)境的關(guān)系、人與人造物的關(guān)系等。
 
1.3 交互設(shè)計(jì)的發(fā)展歷程和價(jià)值
交互設(shè)計(jì)是由IDEO的一位創(chuàng)始人比爾·摩格理吉（Bill Moggridge）在1984年一次設(shè)計(jì)會(huì)議上提出的。后來(lái)它逐漸綜合了人機(jī)交互，人因工程，認(rèn)知心理學(xué)等領(lǐng)域的知識(shí)，形成了專門用于解決產(chǎn)品在使用和體驗(yàn)方面問(wèn)題的學(xué)科領(lǐng)域。
 
那么到底為什么會(huì)出現(xiàn)交互設(shè)計(jì)這個(gè)領(lǐng)域呢？
 
以前的產(chǎn)品，其實(shí)并不需要交互設(shè)計(jì)，比如較早的洗衣機(jī)（下圖左），只需要一個(gè)開(kāi)關(guān)就足夠了，但是后來(lái)，有了雙桶、半自動(dòng)、全自動(dòng)洗衣機(jī)，操作越來(lái)越復(fù)雜，這時(shí)就需要交互設(shè)計(jì)師去研究用戶的使用流程與操作方式，
讓用戶能夠與復(fù)雜功能和平相處
：
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
這是實(shí)體產(chǎn)品的例子，計(jì)算機(jī)方面，比如以前的DOS系統(tǒng)（下圖左），一個(gè)命令對(duì)應(yīng)一種結(jié)果，只需要記住就行，也不需要交互設(shè)計(jì)，后來(lái)有了
圖形界面（下圖右），有了鼠標(biāo)，操作就變得復(fù)雜，就需要交互設(shè)計(jì)師和界面設(shè)計(jì)師來(lái)定義軟件系統(tǒng)。
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
所以說(shuō)，
交互設(shè)計(jì)是順應(yīng)時(shí)代需求而產(chǎn)生的
，當(dāng)工程師無(wú)暇處理人與機(jī)器的交流互動(dòng)問(wèn)題時(shí)，交互設(shè)計(jì)師便應(yīng)運(yùn)而生了。
交互設(shè)計(jì)的發(fā)展歷程
交互設(shè)計(jì)的發(fā)展歷程
 
在短短30多年的發(fā)展中，交互設(shè)計(jì)已經(jīng)涉及方方面面，從最初的網(wǎng)頁(yè)設(shè)計(jì)，app設(shè)計(jì)，到智能設(shè)備、自然界面設(shè)計(jì)，甚至是服務(wù)體驗(yàn)，都可以通過(guò)交互設(shè)計(jì)的方法找到解決方案。當(dāng)前交互設(shè)計(jì)的研究重點(diǎn)已經(jīng)放在了多模態(tài)（多通道）、多媒體交互，虛擬交互以及人機(jī)協(xié)同等方面。
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
第二章 交互設(shè)計(jì)學(xué)科理論基礎(chǔ)
新學(xué)科基本不會(huì)憑空誕生，一般都是從已有學(xué)科發(fā)展過(guò)渡而來(lái)，
往往是當(dāng)已有學(xué)科無(wú)法解決新出現(xiàn)的問(wèn)題時(shí)，就會(huì)在他們的基礎(chǔ)上誕生新的學(xué)科
。而交互設(shè)計(jì)就是在工業(yè)設(shè)計(jì)、人機(jī)交互等學(xué)科的基礎(chǔ)上，借鑒人因工程，認(rèn)知心理學(xué)等領(lǐng)域研究結(jié)果，逐漸融合而成的一門交叉學(xué)科。下面這幅圖基本展示了交互設(shè)計(jì)的學(xué)科結(jié)構(gòu)，但并不全面：
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
這里由于篇幅原因，只簡(jiǎn)單介紹與交互相關(guān)性較大的幾個(gè)領(lǐng)域：工業(yè)設(shè)計(jì)、人因工程、人機(jī)交互與認(rèn)知心理學(xué)。
 
2.1 工業(yè)設(shè)計(jì)
對(duì)于工業(yè)設(shè)計(jì)(Industrial Design)大家應(yīng)該相對(duì)比較熟悉，很多大學(xué)都開(kāi)設(shè)了工業(yè)設(shè)計(jì)專業(yè)。它與交互相關(guān)性很高，所以大量的工設(shè)畢業(yè)的學(xué)生都從事了交互設(shè)計(jì)職位（主要是薪資差別太大哈哈）。
 
從設(shè)計(jì)對(duì)象上來(lái)看，交互設(shè)計(jì)的對(duì)象比較偏網(wǎng)站、APP之類的虛擬產(chǎn)品，而工業(yè)設(shè)計(jì)主要針對(duì)實(shí)體產(chǎn)品，比如電腦、吸塵器、交通工具之類的，所以會(huì)更多的考慮產(chǎn)品的外觀、材質(zhì)、內(nèi)部結(jié)構(gòu)設(shè)計(jì)等。當(dāng)然對(duì)于電視、音響等操作較為復(fù)雜的產(chǎn)品，工業(yè)設(shè)計(jì)師也會(huì)考慮很多人與產(chǎn)品交互的問(wèn)題，比如電視遙控器的設(shè)計(jì)就是一個(gè)經(jīng)典題目。不過(guò)交互設(shè)計(jì)的對(duì)象會(huì)更加的集約化、系統(tǒng)化和精細(xì)化，所以對(duì)于設(shè)計(jì)分析和方案實(shí)現(xiàn)方面，有了更高的要求。
工業(yè)設(shè)計(jì)與交互設(shè)計(jì)的融合
工業(yè)設(shè)計(jì)與交互設(shè)計(jì)的融合
 
另外，工業(yè)設(shè)計(jì)與交互設(shè)計(jì)在很多方面都是相通的。特別是當(dāng)前市面上很多智能設(shè)備，都需要工業(yè)設(shè)計(jì)師和交互設(shè)計(jì)師緊密配合才能做出即好用又好看的產(chǎn)品。在漫長(zhǎng)的工業(yè)設(shè)計(jì)發(fā)展史中，涌現(xiàn)的很多設(shè)計(jì)思考和方法，都可以為交互設(shè)計(jì)帶來(lái)養(yǎng)分，比如一直以來(lái)都在討論的“形式與功能”的問(wèn)題，是形式追隨功能還是功能追隨形式或是功能形式各自獨(dú)立，其實(shí)跟交互與UI的關(guān)系很像，歷史總是在不斷的重復(fù)。
 
2.2 人因工程
人因工程（Ergonomics）又稱為人機(jī)工程、人體工學(xué)等，主要是探討和應(yīng)用人類行為、能力本能極限和其它的特性等相關(guān)信息來(lái)設(shè)計(jì)器具、機(jī)器、設(shè)備、系統(tǒng)、任務(wù)、工作及其相關(guān)所屬的周遭環(huán)境，以增加生產(chǎn)力、安全性、舒適感和效率，進(jìn)而提升人類的生活品質(zhì)。
人因工程對(duì)交互設(shè)計(jì)較大的貢獻(xiàn)主要有兩個(gè)方面：
一是人體測(cè)量。
首先是下圖所示的各種人體尺寸、活動(dòng)范圍的測(cè)量，這些在實(shí)體產(chǎn)品中運(yùn)用很廣泛。除了這些測(cè)量以外，還有對(duì)于記憶極限、注意力極限等的測(cè)量，對(duì)于交互中的可用性易用性提高都有很高的參考價(jià)值。
人因工程中的人體測(cè)量
人因工程中的人體測(cè)量
 
二是以人為中心的設(shè)計(jì)觀念。
現(xiàn)在各個(gè)設(shè)計(jì)領(lǐng)域都在提倡以人為中心，其實(shí)這個(gè)理念最早是由人因工程提出的，這種理念使設(shè)計(jì)師開(kāi)始關(guān)注人的操作過(guò)程、人的感受，使得各種產(chǎn)品都有了巨大的進(jìn)步。
 
2.3 人機(jī)交互
很多人把交互設(shè)計(jì)和人機(jī)交互混為一談，其實(shí)這是不同的兩個(gè)領(lǐng)域。
 
簡(jiǎn)單說(shuō)來(lái)，
人機(jī)交互主要是為交互設(shè)計(jì)提供技術(shù)支持
，比如多點(diǎn)觸控、手勢(shì)交互等，都是人機(jī)交互的學(xué)科范疇。它研究人與機(jī)器之間進(jìn)行信息傳遞的理論、技術(shù)和設(shè)備，既包括技術(shù)研究（包括算法、硬件技術(shù)等），也包括心理學(xué)研究；而
交互設(shè)計(jì)相對(duì)來(lái)說(shuō)，是屬于設(shè)計(jì)中的一個(gè)領(lǐng)域，是一種實(shí)踐方法，
通常為了解決特定使用場(chǎng)景下特定人群的使用過(guò)程中，人與機(jī)器（或軟件、網(wǎng)站）如何更方便簡(jiǎn)單地「對(duì)話」的問(wèn)題。
 
當(dāng)然兩者也有比較大的交匯，比如人機(jī)交互研究中發(fā)現(xiàn)的一般規(guī)律可以指導(dǎo)交互設(shè)計(jì)或提供參照，人機(jī)交互研究中還包括對(duì)交互設(shè)計(jì)方法論的研究，而交互設(shè)計(jì)實(shí)踐中遇到的挑戰(zhàn)和難題也能夠促發(fā)新的人機(jī)交互研究。
 
2.4 認(rèn)知心理學(xué)
在介紹交互設(shè)計(jì)的定義時(shí)，我們提到它是“定義、設(shè)計(jì)人與人造系統(tǒng)如何關(guān)聯(lián)的設(shè)計(jì)領(lǐng)域”，如何關(guān)聯(lián)當(dāng)然很重要，但在讓他們更好的關(guān)聯(lián)之前，我們需要深入的了解自身。而在交互設(shè)計(jì)領(lǐng)域，我們不可能專門研究人，所以就可以直接運(yùn)用相關(guān)的研究結(jié)果了。在大量的研究人的領(lǐng)域中，認(rèn)知心理學(xué)是跟我們的設(shè)計(jì)息息相關(guān)的學(xué)科，因?yàn)槿伺c人造系統(tǒng)要很好的關(guān)聯(lián)，必須綜合運(yùn)用人的感知系統(tǒng)。下面從幾個(gè)最基礎(chǔ)的方面進(jìn)行簡(jiǎn)單的介紹：
 
2.2.1 感知融合
感知融合是指人對(duì)外界的感知與反饋是系統(tǒng)性的過(guò)程，這個(gè)系統(tǒng)由視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、前廳感覺(jué)（運(yùn)動(dòng)和重力覺(jué)）、整體位置及軀體感覺(jué)等等一起組成，它們?cè)诜答仚C(jī)制的作用下互相制約，互相協(xié)調(diào)，從而使人可以在日常生活中能夠感知事物和適應(yīng)環(huán)境變化。所以
在設(shè)計(jì)過(guò)程中，對(duì)于視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)等感知系統(tǒng)進(jìn)行綜合考慮，不能孤立的看待
。
人的信息處理工作系統(tǒng)（感知融合）
人的信息處理工作系統(tǒng)（感知融合）
 
 
2.2.2 視覺(jué)
人類接收信息80%是通過(guò)視覺(jué)，而交互設(shè)計(jì)產(chǎn)品，整個(gè)交互過(guò)程基本都要緊密依賴于人的視覺(jué)系統(tǒng)，所以了解視覺(jué)系統(tǒng)就非常有必要了。視覺(jué)系統(tǒng)具有主動(dòng)性、動(dòng)態(tài)建構(gòu)等特點(diǎn)。視覺(jué)認(rèn)知分為色彩認(rèn)知、運(yùn)動(dòng)認(rèn)知、形狀認(rèn)知、控件認(rèn)知等方面。這些認(rèn)知特點(diǎn)與界面設(shè)計(jì)都有很大的相關(guān)性，比如其中的形狀認(rèn)知包括相似性、接近性、連續(xù)性、簡(jiǎn)潔性和完整性等特點(diǎn)。而且很多設(shè)計(jì)原則都是從人類視覺(jué)特點(diǎn)中來(lái)的，在這里不做展開(kāi)，以后有機(jī)會(huì)專門做介紹。
 
舉個(gè)簡(jiǎn)單的例子：
某平臺(tái)購(gòu)物車改版前后對(duì)比
某平臺(tái)購(gòu)物車改版前后對(duì)比
 
上圖左邊是某購(gòu)物平臺(tái)的舊版購(gòu)物車，右邊是新版，他們?yōu)槭裁匆鲞@樣的改進(jìn)呢？我們可以看到左圖中元素與元素之間間距都差不多，我們無(wú)法較快的區(qū)分信息的歸屬，比如滿贈(zèng)的商品是屬于上面的商品還是下面的；而右圖中間距進(jìn)行了調(diào)整，可以一眼就能分辨出贈(zèng)品是屬于上面的產(chǎn)品。
 
可能有的同學(xué)這時(shí)會(huì)說(shuō)：“這不是很基礎(chǔ)的UI原則嘛，跟人的視覺(jué)有啥關(guān)系？”，其實(shí)主要就是因?yàn)槿说囊曈X(jué)有之前提到的接近性的特點(diǎn)，所以才會(huì)有這樣的原則。什么是接近性呢？請(qǐng)看下面這張圖：
視覺(jué)接近性原則
視覺(jué)接近性原則
 
左邊的九個(gè)菱形，橫向間距小，豎向間距大，所以人眼會(huì)認(rèn)為每一排是一個(gè)整體；右邊圖里，橫向間距大，豎向間距小，所以人眼會(huì)認(rèn)為每一列是一個(gè)整體。這就是人眼睛看事物做判斷的特點(diǎn)，各種設(shè)計(jì)都需要遵循這些特點(diǎn)。所以去學(xué)習(xí)那些別人總結(jié)出來(lái)的設(shè)計(jì)原則，不如直達(dá)根本，了解認(rèn)知學(xué)理論，你也可以創(chuàng)造出自己的設(shè)計(jì)原則！
 
2.2.3 注意
除了視覺(jué)之外，認(rèn)知學(xué)里還有一塊非常重要，就是注意。有句話說(shuō)，
現(xiàn)代互聯(lián)網(wǎng)之戰(zhàn)基本上就是注意力之戰(zhàn)
，那打好這場(chǎng)仗，必然得了解人的注意是怎么回事。
 
簡(jiǎn)單說(shuō)來(lái)，人的注意有三個(gè)特點(diǎn)：
一是選擇性：
注意是主動(dòng)選擇的過(guò)程，也就是說(shuō)，人要是把注意力集中在某個(gè)地方，需要主動(dòng)做出選擇，不像聽(tīng)覺(jué)和嗅覺(jué)，可以被動(dòng)接受。所以，在設(shè)計(jì)過(guò)程中，需要通過(guò)一些方法，讓重點(diǎn)內(nèi)容成為被注意對(duì)象。比如在新消息到達(dá)時(shí)，通過(guò)彈窗、小紅點(diǎn)等形式提示用戶，就是典型的影響用戶注意選擇的方法。
二是集中性：
正在集中精力所在的最多只能有一個(gè)實(shí)體，無(wú)論它是一個(gè)對(duì)象、一個(gè)特征、一個(gè)記憶還是一個(gè)概念。因?yàn)檫@個(gè)特點(diǎn)，在設(shè)計(jì)中就應(yīng)該避免過(guò)多干擾注意的內(nèi)容，盡量讓用戶集中注意在重點(diǎn)內(nèi)容、重點(diǎn)任務(wù)上。
三是注意分配：
雖然集中精力所在只能有一個(gè)，但整體的注意資源還是可以得到有限度的分配。但也取決于并行活動(dòng)的性質(zhì)、復(fù)雜程度以及熟練程度。比如左手畫圓右手畫方，是很難做到的，但是同時(shí)走路并看手機(jī)，就沒(méi)有問(wèn)題，主要就是因?yàn)樽呗愤@個(gè)動(dòng)作我們非常熟練，只需要分配很少的注意力資源。所以在設(shè)計(jì)過(guò)程中，需要關(guān)注用戶同時(shí)進(jìn)行的任務(wù)，是不是會(huì)對(duì)注意造成壓力，合理進(jìn)行注意管理。
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
上圖是Evernote從2008年到2020年的UI設(shè)計(jì)變化史，這里我們可以很明顯的看出一個(gè)趨勢(shì)，就是簡(jiǎn)單化和扁平化，那為什么會(huì)有這種趨勢(shì)呢，只是因?yàn)槿藗兊膶徝腊l(fā)生了變化嗎，肯定不是這么簡(jiǎn)單。
 
早年間，蘋果手機(jī)將屏幕分辨率一下子提升了不少，這讓眾多手癢的設(shè)計(jì)師們終于有了發(fā)揮余地（以前那種可以看到一個(gè)個(gè)像素的屏幕實(shí)在沒(méi)啥可做的），所以他們對(duì)于圖標(biāo)和界面無(wú)所不用其極，描繪的美輪美奐。當(dāng)然，一開(kāi)始之所以這樣，另外一個(gè)原因也是為了沿用現(xiàn)實(shí)中的心智模式，讓用戶可以在屏幕上迅速理解，但是這兩者之間的成分，我覺(jué)得還是前者更多。然后到了一定的階段，人們發(fā)現(xiàn)這些精美的圖標(biāo)和控件很大程度上吸引了用戶的注意力，真正重要的東西反而不容易看到，當(dāng)然也是物極必反吧，終于在iOS7當(dāng)中，蘋果徹底做了大革新，全部扁平化，提出內(nèi)容至上的原則，其實(shí)就是對(duì)于注意力資源的重新考慮。
 
 
2.2.4 記憶
在人的認(rèn)知系統(tǒng)中，記憶也是一個(gè)神奇的東西。
 
人的記憶分為短期記憶和長(zhǎng)期記憶。短期記憶也稱工作記憶，是為了完成任務(wù)而臨時(shí)儲(chǔ)存的信息。工作記憶的容量有限，大約是7±2，即我們能夠同時(shí)記住的互不相關(guān)的東西的數(shù)量在5~9之間。此外，工作記憶還非常不穩(wěn)定，如果我們將注意轉(zhuǎn)移到新事物上，之前工作記憶中的內(nèi)容就可能遺失。所以在設(shè)計(jì)中，需要考慮用戶的記憶壓力，盡量避免過(guò)多過(guò)長(zhǎng)的記憶。
 
 
2.2.5 習(xí)慣
《上癮》中關(guān)于習(xí)慣是這么說(shuō)的：“所謂習(xí)慣，就是’在情境暗示下產(chǎn)生的無(wú)意識(shí)行為’，使我們幾乎不假思索就做出的舉動(dòng)。如今，我們習(xí)以為常的那些產(chǎn)品和服務(wù)正在改變我們的一舉一動(dòng)，而這，真是產(chǎn)品設(shè)計(jì)者的初衷。”
 
產(chǎn)品設(shè)計(jì)者的初衷一定是要改變用戶的習(xí)慣嗎？到底應(yīng)該引導(dǎo)用戶習(xí)慣還是順從用戶習(xí)慣呢？其實(shí)都不一定，要視情況而定。比如手機(jī)設(shè)計(jì)從物理鍵盤到觸摸屏，大勢(shì)所趨，需要引導(dǎo)習(xí)慣；而觸摸屏上鍵盤的字母排布，就需要順從用戶習(xí)慣了。
萬(wàn)字長(zhǎng)文：交互設(shè)計(jì)基礎(chǔ)深度解析（一）
 
 
 
 
小結(jié)：
第一部分和第二部分介紹了什么是交互設(shè)計(jì)，以及這門學(xué)科出現(xiàn)的原因和發(fā)展歷程，然后介紹了它的一些學(xué)科理論基礎(chǔ)，因?yàn)槠?，這里只是點(diǎn)到為止。要是想深入了解，還是需要自己深入到相關(guān)學(xué)科中，不但可以拓寬視野，也能夠?qū)换ビ懈由钊氲睦斫狻?/span>


作者：覺(jué)之設(shè)計(jì)
鏈接：https://www.zcool.com.cn/article/ZMTY0MTU0OA==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(363858.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)的軟件開(kāi)發(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。

評(píng)論(0) 瀏覽(261)

日歷

鏈接

個(gè)人資料

存檔