少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁

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

天宇

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


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

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

天宇

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


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

用戶體驗一致性思考

天宇

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

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

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

天宇

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

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

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

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

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

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

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

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

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

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

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

31.png

結(jié)語

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


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

 

 

如何設(shè)計讓人一看就明白的說明書?

資深UI設(shè)計者

你有一些東西需要向別人說明或解釋?不要說出來,而是展現(xiàn)出來!

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

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

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

 

 

 

 

 

 

 

 

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

 

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

 

 

 

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

 

用戶體驗設(shè)計:簡稱UED/UXD(User experience Design),是以用戶為中心的一種設(shè)計手段,以用戶需求為目標(biāo)而進(jìn)行的設(shè)計;用戶體驗:簡稱UE/UX(User experience)

 

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

 

1.1.2、按照載體媒介

 

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

 

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

 

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

 

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

 

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

 

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

 

以技術(shù)為核心的設(shè)計:TCD(TechnologyCentered Design)是指以技術(shù)手段為中心的設(shè)計。

 

以商業(yè)為核心的設(shè)計:BCD(Business Centered Design)是指以商業(yè)價值為中心的設(shè)計。

 

 

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

 

 

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

 

 

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

 

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

 

 

 

 


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

 

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

 

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

 

 

 

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

 

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

 

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

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

 

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

 

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

 

關(guān)于交互設(shè)計的行為要素我們通過下面兩個例子來解析:

 

1:理想L9后排電視手勢交互操作:

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

 

 

 

 

 

 

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

 

 

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

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

 

 

 

 

 

 

 

使用場景舉例:小A使用手機(jī)看電影,突然收到一個好朋友的來電顯示,他通過隔空手勢操作,向上滑動手腕,完成接聽了朋友的電話流程。

 

 

通過上述兩個設(shè)計案例,我們可以總結(jié)交互設(shè)計的五大行為要素為:

 

 

 

 

 

 

 

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

 

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

 

2.5.1、可用性

 

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

 

 

 

 

 

 

 

 

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

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

 

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

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

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

滿意度:使用該設(shè)計的愉快程度如何?

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

 

2.5.2、用戶體驗

 

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

 

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

 

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

 

 

 

 

 

 

 

 

 

 

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

 

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

 

3.1、交互設(shè)計師項目篇

 

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

 

3.1.1、交互設(shè)計的項目流程

 

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

 

 

 

 

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

 

設(shè)計開發(fā)階段

 

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

 

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

 

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

 

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

 

結(jié)果驗證階段

 

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

 

 

 

3.1.2、交互設(shè)計的5大項目思維

 

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

 

 

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

?

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

 

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

 

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

 

 

 

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

 

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

 

 

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

 

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

 

動效和三維設(shè)計:目前動效應(yīng)用廣泛的如AE,三維軟件有C4D,blender,Rhino、更高級的如游戲引擎unity3d;

 

編程軟件:網(wǎng)頁端如標(biāo)記語言HTML+CSS,腳本語言JS,移動端如iOS的Swift和Xcode,Android的studio;

 

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

 

 

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

 

 

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

 

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

 

 

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

 

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

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

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

 

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

 

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

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

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

 

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

 

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

 

 

 

 

 

 

 

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

 

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

 

 

 

 

 

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

 

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

 

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

總結(jié)

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

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


作者:Q什伍
鏈接:https://www.zcool.com.cn/article/ZMTQzNTU1Mg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

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

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


作者:群核科技MCUX
鏈接:https://www.zcool.com.cn/article/ZMTY0OTIxNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

交互設(shè)計 2025:未來趨勢與用戶體驗新變革

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

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

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

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

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


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

蘭亭妙微(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

日歷

鏈接

個人資料

存檔