1. 什么是SUS ?
SUS 全稱(chēng) System Usability Scale ,系統(tǒng)可用性量表。SUS最初是Brooke于1986年編制,可以科學(xué)地量化用戶(hù)體驗(yàn),用于完成一系列任務(wù)場(chǎng)景后,對(duì)產(chǎn)品或系統(tǒng)整體宏觀的感知可用性測(cè)量。
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
SUS 全稱(chēng) System Usability Scale ,系統(tǒng)可用性量表。SUS最初是Brooke于1986年編制,可以科學(xué)地量化用戶(hù)體驗(yàn),用于完成一系列任務(wù)場(chǎng)景后,對(duì)產(chǎn)品或系統(tǒng)整體宏觀的感知可用性測(cè)量。
翻譯過(guò)后可以得到下面的中文表,參與者在使用產(chǎn)品后對(duì)每個(gè)題目下面打鉤來(lái)對(duì)產(chǎn)品進(jìn)行5點(diǎn)評(píng)分。(小伙伴們可自行保存)
SUS提供整體可用性評(píng)估度量,由10個(gè)題目組成,奇數(shù)項(xiàng)為正面陳述,偶數(shù)項(xiàng)為反面陳述。
第4,5,10三項(xiàng)構(gòu)成的子量表為“有效性”(Effectiveness)&“易學(xué)性”(Learnability) ;第2,3,7,8四項(xiàng)構(gòu)成的子量表為“使用效率”(Use Efficiency)&“可用性”(Usability);第1,6,9三項(xiàng)構(gòu)成子量表“滿(mǎn)意度”(Satisfaction)。
SUS適用范圍廣泛,產(chǎn)品新舊版本迭代之間對(duì)比,同類(lèi)型競(jìng)品之間對(duì)比,同一產(chǎn)品不同終端之間對(duì)比均可使用??刹捎镁€(xiàn)上線(xiàn)下問(wèn)卷調(diào)研的方式,簡(jiǎn)單高效的采集真實(shí)用戶(hù)反饋。避免在初期過(guò)早的關(guān)注細(xì)節(jié)。
當(dāng)收集好用戶(hù)問(wèn)卷反饋過(guò)后,步驟如下:
1. 對(duì)于奇數(shù)序號(hào)的問(wèn)題,將其得分減1;(比如第1題分?jǐn)?shù)為4,得分為4-1=3分)
2. 對(duì)于偶數(shù)序號(hào)的問(wèn)題,將其得分被5減去;(比如第2題分?jǐn)?shù)為3,得分為5-3=2分)
3. 將所有問(wèn)題最后的得分加在一起,然后乘以2.5;(每個(gè)題目的得分范圍記為0~4,最大值為40,SUS可用性得分的范圍在0~100,換算后乘以2.5)
4. 計(jì)算出的結(jié)果即為產(chǎn)品的SUS可用性得分。
Tips 注意事項(xiàng):
1. 填寫(xiě)之前不要進(jìn)行總結(jié)或討論;
2. 應(yīng)當(dāng)要求用戶(hù)快速完成各個(gè)題目,不要過(guò)多思考;
3. 第二題和第六題對(duì)于參與者可能難以理解,需要解釋清楚;
4. 如果用戶(hù)因?yàn)槟承┰驘o(wú)法完成其中某個(gè)題目,就視為用戶(hù)在該題上選擇了中間值。
SUS分?jǐn)?shù)等級(jí)與百分等級(jí)的區(qū)別:
我將其翻譯過(guò)后得到中文表,可以大體上感知得出的SUS分?jǐn)?shù)對(duì)應(yīng)的用戶(hù)可接受范圍。
更加細(xì)化的SUS用戶(hù)感知,可參照SUS分?jǐn)?shù)曲線(xiàn)分級(jí)范圍表:
注意到這里SUS分?jǐn)?shù)等級(jí)與百分等級(jí)的區(qū)別。對(duì)照SUS分?jǐn)?shù)曲線(xiàn)分級(jí)范圍表,如果你的SUS分?jǐn)?shù)為68,說(shuō)明你的產(chǎn)品比市面上50%的產(chǎn)品可用性要好。也就是說(shuō)這個(gè)產(chǎn)品的用戶(hù)體驗(yàn)算是合格了,表明需要進(jìn)行較小的改進(jìn)。50%中值點(diǎn)對(duì)應(yīng)SUS分?jǐn)?shù)68。((59-41)/ (71-65)= 3 故中值點(diǎn)為65+10/3≈68 ,68分是均值,因此對(duì)應(yīng)百分比是50%。)
1. 量表公開(kāi)免費(fèi),題目簡(jiǎn)單,只需參與者打分,實(shí)施便捷,操作簡(jiǎn)單;
2. 適用范圍廣泛,產(chǎn)品初期測(cè)試驗(yàn)證,競(jìng)品分析,新舊版本對(duì)比等等;
3. 研究證明SUS在樣本量有限時(shí),可以最快達(dá)到效果,可信度系數(shù)高;
4. 快速宏觀有效區(qū)分可用系統(tǒng)(產(chǎn)品)和不可用系統(tǒng)(產(chǎn)品),避免在初期過(guò)早的關(guān)注細(xì)節(jié);
5. 當(dāng)團(tuán)隊(duì)內(nèi)產(chǎn)生分歧時(shí),SUS讓更多的人員參與代替少數(shù)意見(jiàn)領(lǐng)袖說(shuō)了算的形式,定量不追求定性。
6. 小樣本量時(shí)依然呈現(xiàn)高度的內(nèi)部一致性,產(chǎn)生真實(shí)可靠的反饋結(jié)果。
作者:設(shè)計(jì)師豆?jié){
鏈接:https://www.zcool.com.cn/article/ZMTI4NTgyMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
在數(shù)字產(chǎn)品設(shè)計(jì)日新月異的今天,打造卓越用戶(hù)體驗(yàn)已成為產(chǎn)品成功的關(guān)鍵。這篇文章精準(zhǔn)解析了UX設(shè)計(jì)的六大核心支柱,從用戶(hù)研究到無(wú)障礙設(shè)計(jì),為讀者提供了全面且實(shí)用的設(shè)計(jì)框架。
開(kāi)啟用戶(hù)體驗(yàn)設(shè)計(jì)探索之旅,首要任務(wù)是全面掌握其核心構(gòu)成要素——這些是構(gòu)筑絕佳用戶(hù)體驗(yàn)的基石需求。事實(shí)上,在蘋(píng)果、微軟和谷歌等設(shè)計(jì)推動(dòng)型科技巨頭中,這些因素的關(guān)鍵性是不言而喻的,甚至因此催生了專(zhuān)屬職業(yè)與角色的誕生。在這六大核心維度中,有一個(gè)更是脫穎而出,以至于一個(gè)全新的職能部門(mén)因此得以形成。接下來(lái),讓我們深入剖析這些零部件如何共同定義卓然出色的用戶(hù)體驗(yàn)設(shè)計(jì)版圖及行業(yè)切入點(diǎn)。
在深入分析用戶(hù)體驗(yàn)設(shè)計(jì)的六大核心要素之前,我們需要先厘清其核心內(nèi)涵。從本質(zhì)上看,用戶(hù)體驗(yàn)設(shè)計(jì)是一門(mén)創(chuàng)造愉悅且功能強(qiáng)大的體驗(yàn)藝術(shù),確保產(chǎn)品既具有效性又兼具高效性、易用性和用戶(hù)滿(mǎn)意度。它涵蓋了一個(gè)整體性的設(shè)計(jì)循環(huán),通過(guò)不同維度的優(yōu)化來(lái)最終實(shí)現(xiàn)這些目標(biāo)??梢园延脩?hù)體驗(yàn)設(shè)計(jì)比喻成一把“統(tǒng)籌性的大傘”,其下輻射的每個(gè)要素都是推動(dòng)卓越體驗(yàn)構(gòu)建的重要一環(huán)。本篇文章將沿著這把傘的思維體系,逐步探索這些不可或缺的構(gòu)建模塊及其影響力。
用戶(hù)研究(亦稱(chēng) UX 研究)之所以能在設(shè)計(jì)領(lǐng)域占據(jù)重要地位,其原因顯而易見(jiàn)——它是產(chǎn)品設(shè)計(jì)的一大核心要素。隨著其價(jià)值的日益凸顯,越來(lái)越多的企業(yè)開(kāi)始設(shè)立專(zhuān)門(mén)的用戶(hù)研究團(tuán)隊(duì)。這一趨勢(shì)背后的驅(qū)動(dòng)力是什么?源于對(duì)用戶(hù)洞察的深入理解直接決定了能否創(chuàng)造出卓越的產(chǎn)品體驗(yàn)。在探索方案的過(guò)程中,用戶(hù)研究永遠(yuǎn)都是優(yōu)先級(jí)最高的起點(diǎn)。這個(gè)關(guān)鍵過(guò)程的核心在于定義所謂的“用戶(hù)”——通過(guò)全面梳理他們的使用體驗(yàn),挖掘其需求、期望與操作行為,從而描繪出清晰的用戶(hù)畫(huà)像。這正是用戶(hù)研究的精髓之所在。更具體地說(shuō),用戶(hù)研究是圍繞用戶(hù)的需求、目標(biāo)、行為模式以及心理動(dòng)機(jī),所展開(kāi)的系統(tǒng)化調(diào)研與分析。執(zhí)行用戶(hù)研究有多種專(zhuān)業(yè)化方法工具,包括深入訪(fǎng)談、結(jié)構(gòu)化調(diào)查、現(xiàn)場(chǎng)可視采樣以及定性和定量化的可用性評(píng)估測(cè)試,每一步都旨在深刻理解目標(biāo)人群,優(yōu)化體驗(yàn)閉環(huán)。
交互設(shè)計(jì)是產(chǎn)品設(shè)計(jì)中的關(guān)鍵環(huán)節(jié),此階段負(fù)責(zé)精細(xì)化用戶(hù)與系統(tǒng)之間的互動(dòng)路徑與體驗(yàn)設(shè)計(jì)。設(shè)計(jì)師需要梳理并規(guī)劃用戶(hù)操作觸發(fā)的系統(tǒng)響應(yīng)——例如按鈕點(diǎn)擊后的動(dòng)作反饋。從提示的生成到任務(wù)處理的閉環(huán),每一個(gè)交互流程都經(jīng)過(guò)精致打磨。對(duì)交互表現(xiàn)的設(shè)計(jì)需通過(guò)深度用戶(hù)研究與高頻次的可用性測(cè)試進(jìn)行不斷優(yōu)化,以確保全流程交互體驗(yàn)既順暢又高效。
我的清單中提到的第三項(xiàng)是信息架構(gòu),這是在設(shè)計(jì)過(guò)程中理解內(nèi)容與功能的關(guān)鍵環(huán)節(jié)。它的核心是對(duì)內(nèi)容和功能進(jìn)行科學(xué)的分類(lèi)組織和標(biāo)記,以確保產(chǎn)品的功能與結(jié)構(gòu)清晰易懂,能夠有效地滿(mǎn)足不同用戶(hù)的認(rèn)知需求??梢园研畔⒓軜?gòu)理解為產(chǎn)品的結(jié)構(gòu)藍(lán)圖,為用戶(hù)提供在界面元素間高效切換和操作的導(dǎo)引路徑。它的價(jià)值在于將內(nèi)容與功能資源以邏輯和體系化的方式呈現(xiàn)。那么如何精準(zhǔn)定義哪些要素歸屬于頂層導(dǎo)航、次級(jí)導(dǎo)航或細(xì)化導(dǎo)航?此時(shí),一種名為“卡片分類(lèi)法”(Card Sorting)的用戶(hù)體驗(yàn)研究方法便派上了用場(chǎng),它幫助設(shè)計(jì)師優(yōu)化信息層級(jí),制定更具洞察力和用戶(hù)思維的導(dǎo)航設(shè)計(jì)決策。
*卡片分類(lèi)法:卡片分類(lèi)法是一種用戶(hù)體驗(yàn)研究方法,用于幫助設(shè)計(jì)師理解用戶(hù)如何組織和分類(lèi)信息。參與者通過(guò)將內(nèi)容項(xiàng)(如網(wǎng)站頁(yè)面或功能)進(jìn)行排序和分組,提供了關(guān)于信息架構(gòu)的見(jiàn)解。其主要步驟為:首先,每張卡片上寫(xiě)一個(gè)內(nèi)容項(xiàng);其次,招募目標(biāo)用戶(hù);再次,用戶(hù)根據(jù)理解將卡片分組并命名;最后,識(shí)別共同的分類(lèi)方式。此方法有助于優(yōu)化網(wǎng)站和應(yīng)用的導(dǎo)航結(jié)構(gòu),提高用戶(hù)體驗(yàn)。
接下來(lái)重點(diǎn)分析用戶(hù)界面設(shè)計(jì)環(huán)節(jié),也就是我們通常所提到的視覺(jué)設(shè)計(jì),這是 UX 設(shè)計(jì)中至關(guān)重要的一環(huán),主要關(guān)注產(chǎn)品的視覺(jué)展現(xiàn)層。UI 設(shè)計(jì)師的職責(zé)在于打造具有吸引力且直觀自然的視覺(jué)體驗(yàn)。他們通過(guò)對(duì)色彩體系、排版字體、圖形視覺(jué)以及插畫(huà)風(fēng)格的細(xì)膩打磨,為產(chǎn)品的整體視覺(jué)編碼賦予獨(dú)特且一致的品牌形象。
UX 寫(xiě)作,亦稱(chēng)微文案,是文案寫(xiě)作領(lǐng)域下的一個(gè)細(xì)分學(xué)科,聚焦于數(shù)字產(chǎn)品中的文本設(shè)計(jì)。UX 寫(xiě)作者的核心職責(zé)是優(yōu)化數(shù)字界面中的文案,不僅要貼合用戶(hù)需求,還要顯著增強(qiáng)整體用戶(hù)體驗(yàn)。他們善于運(yùn)用精準(zhǔn)而貼近用戶(hù)心智的表達(dá)方式,撰寫(xiě)既通俗易懂又情感共鳴強(qiáng)的界面文案,從而最大化提升用戶(hù)的可讀性與互動(dòng)效率。
最后,我們需要聚焦于可訪(fǎng)問(wèn)性——這是確保所有用戶(hù)(包括有特殊需求的群體)都能高效且無(wú)障礙地使用產(chǎn)品的核心要素。作為設(shè)計(jì)從業(yè)者,共情能力是我們?cè)O(shè)計(jì)哲學(xué)的重要基石。但這種共情不僅局限于通用用戶(hù),還要涵蓋那些需要特殊支持的用戶(hù)群體。在每一次 UI 語(yǔ)義和交互設(shè)計(jì)中,我們必須以可訪(fǎng)問(wèn)性?xún)?yōu)先,確保無(wú)論用戶(hù)的能力如何,都能獲得最佳的可讀性和充分的視覺(jué)對(duì)比體驗(yàn),真正實(shí)現(xiàn)一視同仁的包容性設(shè)計(jì)。
作者:Abhi Chatterjee
譯者:李澤慧
審核:李澤慧
編輯:丁怡豪
本文由人人都是產(chǎn)品經(jīng)理作者【TCC翻譯情報(bào)局】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于 CC0 協(xié)議。
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
對(duì)九類(lèi)交互狀態(tài)的深入理解和不斷創(chuàng)新,將為產(chǎn)品設(shè)計(jì)帶來(lái)更大的提升空間,為用戶(hù)帶來(lái)更加卓越的體驗(yàn),推動(dòng)產(chǎn)品在競(jìng)爭(zhēng)激烈的市場(chǎng)中不斷發(fā)展和進(jìn)步。
交互狀態(tài)在產(chǎn)品設(shè)計(jì)中起著至關(guān)重要的作用,它直接關(guān)系到用戶(hù)體驗(yàn)和產(chǎn)品的可用性。良好的交互狀態(tài)設(shè)計(jì)能夠讓用戶(hù)在使用產(chǎn)品的過(guò)程中感受到便捷、高效和愉悅,從而提高用戶(hù)對(duì)產(chǎn)品的滿(mǎn)意度和忠誠(chéng)度。
從用戶(hù)體驗(yàn)的角度來(lái)看,交互狀態(tài)可以增強(qiáng)用戶(hù)參與感和控制感。例如,在人機(jī)交互設(shè)計(jì)中,互動(dòng)性和反饋機(jī)制能夠讓用戶(hù)覺(jué)得他們對(duì)系統(tǒng)有一定的掌控能力。當(dāng)用戶(hù)進(jìn)行操作時(shí),系統(tǒng)能夠及時(shí)給予反饋,如按鈕按下后出現(xiàn)的狀態(tài)變化、鼠標(biāo)懸停時(shí)的提示信息等,讓用戶(hù)清楚地知道他們的操作產(chǎn)生了什么效果。這種即時(shí)的反饋可以幫助用戶(hù)理解系統(tǒng)的運(yùn)作邏輯,減少用戶(hù)的操作失誤,提升用戶(hù)的效率和滿(mǎn)意度。
在產(chǎn)品的可用性方面,交互狀態(tài)的設(shè)計(jì)也至關(guān)重要。例如,在電子產(chǎn)品設(shè)計(jì)過(guò)程中,實(shí)現(xiàn)人機(jī)交互可以為消費(fèi)者提供良好的使用體驗(yàn)。設(shè)計(jì)師需要考慮不同人群的需求,如設(shè)計(jì)操作簡(jiǎn)單的老人機(jī),以滿(mǎn)足老年人的使用需求。同時(shí),將人機(jī)交互理念融入產(chǎn)品設(shè)計(jì)中,能夠提升消費(fèi)者對(duì)產(chǎn)品的喜好程度,使設(shè)計(jì)出來(lái)的產(chǎn)品能夠滿(mǎn)足人們對(duì)電子產(chǎn)品設(shè)計(jì)的要求。
此外,交互狀態(tài)的設(shè)計(jì)還能夠影響產(chǎn)品的整體品質(zhì)。例如,在 B 端產(chǎn)品的 UI 設(shè)計(jì)中,深入了解用戶(hù)需求與場(chǎng)景,進(jìn)行簡(jiǎn)潔直觀的界面設(shè)計(jì),可以提升產(chǎn)品的可用性。通過(guò)用戶(hù)研究方法,了解用戶(hù)的工作環(huán)境、使用習(xí)慣和設(shè)備網(wǎng)絡(luò)條件等,將用戶(hù)需求轉(zhuǎn)化為具體的設(shè)計(jì)元素和功能,為用戶(hù)提供更加貼合實(shí)際的使用體驗(yàn)。
綜上所述,交互狀態(tài)在產(chǎn)品設(shè)計(jì)中具有重要的地位,它對(duì)用戶(hù)體驗(yàn)和產(chǎn)品可用性有著重大的影響。產(chǎn)品開(kāi)發(fā)者和設(shè)計(jì)師應(yīng)該充分重視交互狀態(tài)的設(shè)計(jì),以提高產(chǎn)品的競(jìng)爭(zhēng)力,在市場(chǎng)中脫穎而出。
加載類(lèi)型:除了電商 APP 和計(jì)算器應(yīng)用的不同加載方式外,一些社交平臺(tái)在加載用戶(hù)動(dòng)態(tài)時(shí)也會(huì)采用類(lèi)似的漸進(jìn)式加載。當(dāng)用戶(hù)打開(kāi)社交平臺(tái),首先會(huì)看到最近的幾條動(dòng)態(tài),隨著用戶(hù)不斷下拉刷新,更多的動(dòng)態(tài)內(nèi)容逐步加載出來(lái)。這樣既保證了用戶(hù)能夠快速看到部分內(nèi)容,又不會(huì)因?yàn)橐淮涡约虞d過(guò)多數(shù)據(jù)而導(dǎo)致等待時(shí)間過(guò)長(zhǎng)。
加載狀態(tài):在加載狀態(tài)中,不同的產(chǎn)品會(huì)有不同的表現(xiàn)形式。例如,一些在線(xiàn)學(xué)習(xí)平臺(tái)在加載課程視頻時(shí),除了會(huì)有旋轉(zhuǎn)的加載動(dòng)畫(huà)外,還會(huì)顯示加載進(jìn)度條,讓用戶(hù)清楚地知道視頻加載的進(jìn)度。如果加載成功,會(huì)有一個(gè)短暫的提示音,增強(qiáng)用戶(hù)的感知。而如果加載失敗,除了提示用戶(hù)檢查網(wǎng)絡(luò)連接外,還會(huì)提供一些常見(jiàn)問(wèn)題的解決方案,如清理緩存、更換網(wǎng)絡(luò)環(huán)境等。
中斷:中斷情況在實(shí)際應(yīng)用中較為復(fù)雜。以在線(xiàn)辦公軟件為例,如果在編輯文檔過(guò)程中出現(xiàn)網(wǎng)絡(luò)中斷,軟件會(huì)自動(dòng)保存當(dāng)前文檔的進(jìn)度,以防止數(shù)據(jù)丟失。同時(shí),會(huì)提示用戶(hù)網(wǎng)絡(luò)中斷,并嘗試重新連接。如果長(zhǎng)時(shí)間無(wú)法連接,用戶(hù)可以選擇將文檔保存到本地,待網(wǎng)絡(luò)恢復(fù)后再進(jìn)行上傳。
深度 / 夜間模式:除了閱讀類(lèi)應(yīng)用,一些視頻播放平臺(tái)也提供夜間模式。在夜晚觀看視頻時(shí),開(kāi)啟夜間模式可以降低屏幕亮度,減少對(duì)眼睛的刺激。同時(shí),夜間模式下的界面顏色通常會(huì)更加柔和,營(yíng)造出舒適的觀看氛圍。
存在沉浸模式插件:在一些在線(xiàn)教育平臺(tái)中,也會(huì)有類(lèi)似沉浸模式的功能。當(dāng)學(xué)生進(jìn)入課程學(xué)習(xí)時(shí),平臺(tái)會(huì)自動(dòng)隱藏?zé)o關(guān)的通知和廣告,讓學(xué)生專(zhuān)注于學(xué)習(xí)內(nèi)容。同時(shí),學(xué)生可以通過(guò)特定的快捷鍵退出沉浸模式,方便隨時(shí)查看其他信息。
輸入:除了即時(shí)通訊軟件,一些辦公軟件在輸入方面也有很多優(yōu)化。例如,在文檔編輯軟件中,當(dāng)用戶(hù)輸入一些特定的關(guān)鍵詞時(shí),軟件會(huì)自動(dòng)彈出相關(guān)的文檔模板或格式設(shè)置選項(xiàng),提高用戶(hù)的輸入效率。
點(diǎn)擊:在電商平臺(tái)的商品詳情頁(yè)面,點(diǎn)擊商品圖片通常會(huì)放大顯示,讓用戶(hù)更清楚地看到商品的細(xì)節(jié)。同時(shí),點(diǎn)擊購(gòu)買(mǎi)按鈕后,會(huì)有一個(gè)短暫的確認(rèn)彈窗,讓用戶(hù)再次確認(rèn)購(gòu)買(mǎi)信息,避免誤操作。
重復(fù)點(diǎn)擊 / 惡意操作:在一些金融類(lèi)應(yīng)用中,對(duì)于重復(fù)點(diǎn)擊或惡意操作的防范更加嚴(yán)格。例如,在股票交易軟件中,如果用戶(hù)連續(xù)多次提交相同的交易指令,系統(tǒng)會(huì)自動(dòng)鎖定該用戶(hù)的交易功能,并提示用戶(hù)聯(lián)系客服解決問(wèn)題。
極值:在旅游預(yù)訂平臺(tái)上,用戶(hù)在選擇酒店價(jià)格區(qū)間時(shí),系統(tǒng)也會(huì)進(jìn)行極值限制。價(jià)格下限通常為平臺(tái)上的最低價(jià)格,價(jià)格上限則會(huì)根據(jù)當(dāng)?shù)鼐频甑氖袌?chǎng)價(jià)格和用戶(hù)的搜索歷史進(jìn)行動(dòng)態(tài)調(diào)整,確保用戶(hù)能夠得到合理的搜索結(jié)果。
邊界:在一些圖形設(shè)計(jì)軟件中,除了畫(huà)筆工具的邊界限制,其他工具也有類(lèi)似的限制。例如,當(dāng)用戶(hù)使用裁剪工具時(shí),裁剪區(qū)域不能超出畫(huà)布的范圍,否則無(wú)法進(jìn)行裁剪操作。
時(shí)間:在在線(xiàn)考試系統(tǒng)中,時(shí)間限制尤為重要??荚囬_(kāi)始前,考生只能看到考試的相關(guān)信息和注意事項(xiàng),無(wú)法進(jìn)入答題頁(yè)面??荚囬_(kāi)始后,系統(tǒng)會(huì)精確計(jì)時(shí),一旦考試時(shí)間結(jié)束,答題頁(yè)面會(huì)自動(dòng)提交,無(wú)法再進(jìn)行答題。
網(wǎng)絡(luò)中斷:在在線(xiàn)游戲中,網(wǎng)絡(luò)中斷會(huì)對(duì)玩家的游戲體驗(yàn)產(chǎn)生很大影響。當(dāng)網(wǎng)絡(luò)中斷時(shí),游戲會(huì)自動(dòng)暫停,并提示玩家網(wǎng)絡(luò)中斷。如果玩家在網(wǎng)絡(luò)中斷前已經(jīng)保存了游戲進(jìn)度,那么在網(wǎng)絡(luò)恢復(fù)后可以繼續(xù)游戲;如果沒(méi)有保存進(jìn)度,可能會(huì)丟失部分游戲數(shù)據(jù)。
信號(hào)不佳 / 不穩(wěn)定:在視頻會(huì)議軟件中,當(dāng)網(wǎng)絡(luò)信號(hào)不佳時(shí),軟件會(huì)自動(dòng)降低視頻的分辨率和幀率,同時(shí)關(guān)閉音頻中的一些高級(jí)功能,如降噪和回聲消除,以保證會(huì)議的基本溝通需求。
流量形式切換:在一些音樂(lè)播放軟件中,用戶(hù)可以根據(jù)自己的網(wǎng)絡(luò)環(huán)境手動(dòng)切換流量形式。例如,在 Wi-Fi 環(huán)境下,用戶(hù)可以選擇自動(dòng)播放高清音樂(lè)視頻;而在移動(dòng)數(shù)據(jù)環(huán)境下,用戶(hù)可以選擇只播放音頻,以節(jié)省流量。
沒(méi)有內(nèi)容:在在線(xiàn)文檔協(xié)作平臺(tái)中,如果一個(gè)文檔沒(méi)有內(nèi)容,系統(tǒng)會(huì)提示用戶(hù) “此文檔為空,請(qǐng)?zhí)砑觾?nèi)容”,并提供一些常用的文檔模板供用戶(hù)選擇,方便用戶(hù)快速創(chuàng)建內(nèi)容。
敏感 / 違規(guī)內(nèi)容:在電商平臺(tái)上,對(duì)于商品描述中的敏感或違規(guī)內(nèi)容,系統(tǒng)會(huì)進(jìn)行嚴(yán)格的審核。如果發(fā)現(xiàn)違規(guī)內(nèi)容,商品會(huì)被下架,并通知賣(mài)家進(jìn)行整改。同時(shí),平臺(tái)會(huì)對(duì)賣(mài)家進(jìn)行警告,嚴(yán)重的可能會(huì)關(guān)閉賣(mài)家的店鋪。
站外內(nèi)容:在一些知識(shí)分享平臺(tái)中,當(dāng)用戶(hù)點(diǎn)擊站外鏈接時(shí),平臺(tái)會(huì)提示用戶(hù) “該鏈接為站外內(nèi)容,請(qǐng)注意安全”,并提供一個(gè)返回平臺(tái)的快捷按鈕,方便用戶(hù)隨時(shí)返回。同時(shí),平臺(tái)會(huì)對(duì)站外鏈接進(jìn)行安全檢測(cè),確保鏈接的合法性和安全性。
橫豎屏:在一些圖片編輯軟件中,橫豎屏切換會(huì)影響用戶(hù)的操作體驗(yàn)。當(dāng)用戶(hù)將手機(jī)從豎屏切換到橫屏?xí)r,軟件會(huì)自動(dòng)調(diào)整界面布局,將工具菜單和編輯區(qū)域分別放置在屏幕的兩側(cè),方便用戶(hù)進(jìn)行操作。而當(dāng)用戶(hù)將手機(jī)從橫屏切換回豎屏?xí)r,軟件會(huì)恢復(fù)到原來(lái)的布局。
分辨率:在一些游戲開(kāi)發(fā)中,開(kāi)發(fā)者會(huì)根據(jù)不同設(shè)備的分辨率進(jìn)行優(yōu)化。例如,在高分辨率的設(shè)備上,游戲畫(huà)面會(huì)更加細(xì)膩,特效也會(huì)更加豐富;而在低分辨率的設(shè)備上,游戲會(huì)自動(dòng)降低畫(huà)質(zhì),以保證游戲的流暢運(yùn)行。
清晰度:在一些在線(xiàn)視頻教育平臺(tái)中,清晰度的選擇會(huì)影響用戶(hù)的學(xué)習(xí)體驗(yàn)。在網(wǎng)絡(luò)條件好的情況下,用戶(hù)可以選擇高清或超清的視頻清晰度,以便更清楚地看到教學(xué)內(nèi)容;而在網(wǎng)絡(luò)條件差的情況下,用戶(hù)可以選擇標(biāo)清或流暢的清晰度,以保證視頻的播放流暢度。
不同版本:在一些軟件的不同版本中,功能和界面會(huì)有所不同。例如,在一款繪圖軟件的專(zhuān)業(yè)版中,會(huì)提供更多的高級(jí)功能和工具,而在免費(fèi)版中,功能會(huì)相對(duì)較少。同時(shí),軟件會(huì)在界面上明確標(biāo)識(shí)出不同版本的特點(diǎn)和優(yōu)勢(shì),方便用戶(hù)根據(jù)自己的需求進(jìn)行選擇。
硬件調(diào)用:在一些智能家居控制軟件中,當(dāng)用戶(hù)需要調(diào)用攝像頭進(jìn)行監(jiān)控時(shí),軟件會(huì)彈出請(qǐng)求授權(quán)的提示框。在獲得用戶(hù)授權(quán)后,軟件會(huì)提供實(shí)時(shí)監(jiān)控畫(huà)面,并支持遠(yuǎn)程控制攝像頭的角度和焦距。
硬件聯(lián)動(dòng):在一些智能辦公場(chǎng)景中,硬件聯(lián)動(dòng)可以提高工作效率。例如,當(dāng)用戶(hù)在會(huì)議室中使用智能投影儀時(shí),投影儀可以與會(huì)議室的燈光和音響系統(tǒng)聯(lián)動(dòng),根據(jù)投影內(nèi)容自動(dòng)調(diào)整燈光亮度和音響音量。
未登錄 / 已登錄:在一些在線(xiàn)教育平臺(tái)上,未登錄用戶(hù)只能瀏覽部分公開(kāi)的課程內(nèi)容,無(wú)法進(jìn)行課程報(bào)名和學(xué)習(xí)進(jìn)度跟蹤。而已登錄用戶(hù)可以享受更多的服務(wù),如個(gè)性化課程推薦、學(xué)習(xí)記錄保存等。
新用戶(hù) / 老用戶(hù):對(duì)于新用戶(hù),一些在線(xiàn)購(gòu)物平臺(tái)會(huì)提供新人專(zhuān)享優(yōu)惠券和折扣,幫助新用戶(hù)快速熟悉平臺(tái)的購(gòu)物流程。對(duì)于老用戶(hù),平臺(tái)會(huì)根據(jù)他們的購(gòu)買(mǎi)歷史和瀏覽記錄,為他們推薦個(gè)性化的商品和促銷(xiāo)活動(dòng)。
游客賬號(hào):在一些在線(xiàn)音樂(lè)平臺(tái)中,游客賬號(hào)可以讓用戶(hù)試聽(tīng)部分歌曲,但無(wú)法下載和收藏歌曲。當(dāng)游客想要享受更多功能時(shí),可以通過(guò)注冊(cè)賬號(hào)成為正式用戶(hù)。
普通 / 會(huì)員賬號(hào):以在線(xiàn)閱讀平臺(tái)為例,會(huì)員用戶(hù)可以享受無(wú)廣告閱讀、優(yōu)先閱讀新書(shū)等特權(quán)。同時(shí),平臺(tái)會(huì)在會(huì)員專(zhuān)屬內(nèi)容上進(jìn)行明顯標(biāo)識(shí),吸引普通用戶(hù)升級(jí)為會(huì)員。
內(nèi)網(wǎng) / 外網(wǎng)賬號(hào):在一些企業(yè)內(nèi)部的項(xiàng)目管理軟件中,內(nèi)網(wǎng)賬號(hào)可以訪(fǎng)問(wèn)企業(yè)內(nèi)部的項(xiàng)目信息和文件,外網(wǎng)賬號(hào)則只能查看一些公開(kāi)的項(xiàng)目進(jìn)度和報(bào)告。在設(shè)計(jì)這種賬號(hào)體系時(shí),軟件會(huì)明確區(qū)分內(nèi)網(wǎng)和外網(wǎng)賬號(hào)的權(quán)限,確保企業(yè)信息的安全。
管理員賬號(hào):在一些社區(qū)論壇中,管理員賬號(hào)可以對(duì)用戶(hù)的發(fā)言進(jìn)行審核和管理,維護(hù)社區(qū)的秩序。同時(shí),管理員賬號(hào)還可以進(jìn)行系統(tǒng)設(shè)置和插件管理,提升論壇的功能和性能。
通過(guò)對(duì)九類(lèi)交互狀態(tài)的深入分析,我們可以清楚地看到交互狀態(tài)在產(chǎn)品設(shè)計(jì)中的重要性。無(wú)論是加載相關(guān)、特殊模式,還是操作相關(guān)、限制相關(guān)等各個(gè)方面,交互狀態(tài)都直接影響著用戶(hù)對(duì)產(chǎn)品的使用體驗(yàn)和滿(mǎn)意度。
例如,在加載相關(guān)方面,合理的加載類(lèi)型和狀態(tài)顯示能夠減少用戶(hù)的等待焦慮,中斷處理機(jī)制則能在意外情況下最大程度地保護(hù)用戶(hù)數(shù)據(jù)和操作進(jìn)度。在特殊模式中,深度 / 夜間模式和沉浸模式插件為用戶(hù)提供了更加舒適和專(zhuān)注的使用環(huán)境。操作相關(guān)的輸入、點(diǎn)擊和防范重復(fù)點(diǎn)擊 / 惡意操作等設(shè)計(jì),確保了用戶(hù)操作的準(zhǔn)確性和安全性。限制相關(guān)的極值、邊界和時(shí)間限制,使得產(chǎn)品的使用更加規(guī)范和合理。網(wǎng)絡(luò)相關(guān)的處理能夠在不同網(wǎng)絡(luò)狀況下為用戶(hù)提供盡可能好的體驗(yàn)。內(nèi)容相關(guān)的處理確保了用戶(hù)在面對(duì)不同內(nèi)容情況時(shí)都能得到恰當(dāng)?shù)囊龑?dǎo)和提示。站外內(nèi)容相關(guān)的設(shè)計(jì)保障了用戶(hù)在訪(fǎng)問(wèn)外部鏈接時(shí)的安全。設(shè)備相關(guān)的橫豎屏、分辨率、清晰度、不同版本、硬件調(diào)用和聯(lián)動(dòng)等設(shè)計(jì),適應(yīng)了不同設(shè)備和用戶(hù)需求。角色相關(guān)的不同狀態(tài)設(shè)計(jì),為不同類(lèi)型的用戶(hù)提供了個(gè)性化的服務(wù)和體驗(yàn)。
展望未來(lái),隨著科技的不斷進(jìn)步,交互狀態(tài)的設(shè)計(jì)也將不斷發(fā)展和創(chuàng)新。一方面,人工智能、大數(shù)據(jù)等技術(shù)的應(yīng)用將使交互狀態(tài)更加智能化和個(gè)性化。例如,通過(guò)分析用戶(hù)的使用習(xí)慣和偏好,自動(dòng)調(diào)整加載策略、推薦適合的操作模式等。另一方面,虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)等新興技術(shù)的發(fā)展將為交互狀態(tài)帶來(lái)全新的體驗(yàn)。例如,在虛擬現(xiàn)實(shí)環(huán)境中的交互狀態(tài)設(shè)計(jì)將更加注重沉浸感和自然交互。同時(shí),隨著物聯(lián)網(wǎng)的發(fā)展,硬件之間的聯(lián)動(dòng)將更加緊密和智能,為用戶(hù)提供更加便捷和高效的服務(wù)。
本文由 @用戶(hù)體驗(yàn)王叔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
在交互設(shè)計(jì)的范疇里,對(duì)用戶(hù)的深入研究能夠?yàn)樵O(shè)計(jì)師提供關(guān)鍵的解決問(wèn)題的參考依據(jù)。本文旨在運(yùn)用一些成熟的方法,助力新人設(shè)計(jì)師更深入地理解用戶(hù),拓寬認(rèn)知視野,進(jìn)而創(chuàng)造出更多具有價(jià)值的設(shè)計(jì)。
在設(shè)計(jì)的廣袤領(lǐng)域中,對(duì)于眾多初入行業(yè)的設(shè)計(jì)新人來(lái)說(shuō),設(shè)計(jì)工作常常被誤解為純粹主觀且感性的行為。
他們往往認(rèn)為個(gè)人對(duì)美觀的評(píng)判即是設(shè)計(jì)的全部要義,似乎用戶(hù)理應(yīng)沉浸于設(shè)計(jì)師所營(yíng)造的美感之中。然而,設(shè)計(jì)的本質(zhì)遠(yuǎn)非如此表面。
實(shí)際上,設(shè)計(jì)是一項(xiàng)通過(guò)精心設(shè)想和精確計(jì)算來(lái)創(chuàng)造價(jià)值的工作,其真正的意義聚焦于是否具有價(jià)值以及能否切實(shí)解決特定的問(wèn)題。
首先,讓我們從一道看似簡(jiǎn)單的題目開(kāi)始:
一雙球鞋和一個(gè)籃球共計(jì) 1100 元,球鞋比籃球貴 1000 元,那么這個(gè)籃球究竟值多少錢(qián)?
許多人可能會(huì)在瞬間給出 100 元的答案,但經(jīng)過(guò)仔細(xì)斟酌后會(huì)發(fā)現(xiàn)正確答案其實(shí)是 50 元。
這種錯(cuò)誤判斷的根源在于大多數(shù)人所具有的兩種思考模式,即快思考和慢思考。它們也被稱(chēng)為“無(wú)意識(shí)思維和有意識(shí)受控思維”“感性和理性”等不同的表述方式。
每個(gè)人都同時(shí)擁有這兩種思考方式,然而通常情況下,慢思考會(huì)在接收快思考的估計(jì)和決策之后才開(kāi)始啟動(dòng)。人類(lèi)在漫長(zhǎng)的生存歷程中,不斷地處理著各種各樣的問(wèn)題,有復(fù)雜的難題,也有相對(duì)簡(jiǎn)單的情況。快思考是對(duì)眾多事情給出下意識(shí)的回應(yīng),是一種未經(jīng)充分大腦思考的快速處理方式,其主要目的在于降低大腦的能量消耗。人類(lèi)作為一種善于尋找規(guī)律的生物,快思考往往在以往的經(jīng)驗(yàn)中迅速找尋答案。只有當(dāng)問(wèn)題獲得反饋或者進(jìn)入需要慢思考的情境時(shí),人們才會(huì)察覺(jué)快思考中存在的疏漏。例如,我們時(shí)常會(huì)在未經(jīng)深思熟慮的情況下,脫口而出對(duì)某些問(wèn)題的回答,這正是快思考在發(fā)揮作用。
正如前文所述,大多數(shù)人同時(shí)具備快思考和慢思考兩種模式,所以在未經(jīng)特殊訓(xùn)練的情況下,大多數(shù)用戶(hù)也同樣兼具感性和理性。在大多數(shù)情形下,用戶(hù)帶著感性的心態(tài)而來(lái),只有當(dāng)遭遇問(wèn)題或者涉及自身切實(shí)利益時(shí),才會(huì)啟動(dòng)慢思考,從而變得理性。對(duì)于商業(yè)領(lǐng)域而言,更傾向于快思考的用戶(hù)。
因?yàn)榭焖伎紩?huì)帶來(lái)感性和沖動(dòng),促使用戶(hù)迅速做出決策。這也正是為什么許多銷(xiāo)售人員熱衷于趁熱打鐵,讓用戶(hù)在快思考的狀態(tài)下被感性和沖動(dòng)所支配,進(jìn)而快速完成交易。在各類(lèi)電商以及活動(dòng)類(lèi)的運(yùn)營(yíng)活動(dòng)中,精心營(yíng)造氛圍的目的就是期望用戶(hù)在快思考的時(shí)候就完成決策,避免用戶(hù)進(jìn)入慢思考狀態(tài)后因猶豫不決而影響決策的達(dá)成。
在交互設(shè)計(jì)中,有以下更為深入的常見(jiàn)做法可以讓用戶(hù)持續(xù)保持感性:
1、顯著地標(biāo)識(shí)狀態(tài)與當(dāng)前進(jìn)度:
不僅僅是簡(jiǎn)單地顯示狀態(tài)和進(jìn)度,更要通過(guò)巧妙的設(shè)計(jì)讓用戶(hù)在第一時(shí)間就能直觀地理解其含義。例如,使用動(dòng)態(tài)的進(jìn)度條,配合清晰的數(shù)字顯示和簡(jiǎn)潔的文字說(shuō)明,讓用戶(hù)不僅知道自己所處的位置,還能預(yù)估完成任務(wù)所需的時(shí)間。同時(shí),根據(jù)不同的進(jìn)度階段,采用不同的顏色或圖標(biāo)進(jìn)行區(qū)分,增強(qiáng)用戶(hù)的視覺(jué)感知和心理預(yù)期。
在游戲設(shè)計(jì)中,常見(jiàn)的經(jīng)驗(yàn)條就是一個(gè)很好的例子。玩家可以通過(guò)經(jīng)驗(yàn)條的變化,清晰地了解自己距離升級(jí)還有多遠(yuǎn),這種明確的進(jìn)度展示能夠激發(fā)玩家繼續(xù)努力的動(dòng)力,保持他們?cè)谟螒蛑械耐度敫小?/p>
2、引導(dǎo)用戶(hù)完成他們的目標(biāo):
引導(dǎo)不僅僅是提供方向,更要深入理解用戶(hù)的心理需求和行為模式,以更加個(gè)性化的方式引導(dǎo)用戶(hù)。通過(guò)分析用戶(hù)的歷史行為數(shù)據(jù)和偏好,為用戶(hù)量身定制引導(dǎo)路徑。例如,在在線(xiàn)學(xué)習(xí)平臺(tái)上,根據(jù)用戶(hù)的學(xué)習(xí)進(jìn)度和能力水平,為其推薦適合的課程和學(xué)習(xí)資源,引導(dǎo)用戶(hù)逐步實(shí)現(xiàn)學(xué)習(xí)目標(biāo)。
利用智能助手或虛擬角色進(jìn)行引導(dǎo),增加互動(dòng)性和趣味性。例如,一些購(gòu)物 APP 中的虛擬導(dǎo)購(gòu)員,可以根據(jù)用戶(hù)的瀏覽記錄和購(gòu)買(mǎi)意向,為用戶(hù)提供個(gè)性化的購(gòu)物建議和推薦商品,讓用戶(hù)在購(gòu)物過(guò)程中感受到貼心的服務(wù)和引導(dǎo)。
3、明確無(wú)誤地告知用戶(hù)想了解的信息:
信息的傳達(dá)要做到準(zhǔn)確、簡(jiǎn)潔、全面。除了基本的產(chǎn)品特點(diǎn)、功能和價(jià)格等信息外,還應(yīng)提供用戶(hù)可能關(guān)心的其他細(xì)節(jié)。例如,在電子產(chǎn)品的介紹頁(yè)面,除了列出產(chǎn)品的技術(shù)參數(shù)外,還可以提供使用教程、常見(jiàn)問(wèn)題解答、用戶(hù)評(píng)價(jià)等內(nèi)容,讓用戶(hù)能夠全面了解產(chǎn)品,做出更明智的決策。
采用多種信息傳達(dá)方式,滿(mǎn)足不同用戶(hù)的需求。例如,對(duì)于視覺(jué)型用戶(hù),可以提供圖片、視頻等直觀的信息展示;對(duì)于聽(tīng)覺(jué)型用戶(hù),可以提供語(yǔ)音介紹;對(duì)于閱讀型用戶(hù),可以提供詳細(xì)的文字說(shuō)明。同時(shí),利用信息分層和漸進(jìn)式披露的方式,讓用戶(hù)可以根據(jù)自己的需求逐步獲取更深入的信息。
4、不要讓用戶(hù)去診斷問(wèn)題:
系統(tǒng)應(yīng)具備強(qiáng)大的自我診斷和故障排除能力,在問(wèn)題出現(xiàn)的第一時(shí)間自動(dòng)檢測(cè)并提供解決方案。例如,當(dāng)軟件出現(xiàn)故障時(shí),系統(tǒng)可以自動(dòng)彈出錯(cuò)誤提示窗口,同時(shí)提供可能的解決方案,如重新啟動(dòng)軟件、檢查網(wǎng)絡(luò)連接等。用戶(hù)只需按照提示進(jìn)行操作,無(wú)需自己去尋找問(wèn)題所在。
建立完善的用戶(hù)反饋機(jī)制,及時(shí)收集用戶(hù)遇到的問(wèn)題,并進(jìn)行快速響應(yīng)和解決。例如,在 APP 中設(shè)置反饋入口,用戶(hù)可以隨時(shí)提交問(wèn)題和建議,開(kāi)發(fā)團(tuán)隊(duì)可以及時(shí)跟進(jìn)處理,并將處理結(jié)果反饋給用戶(hù),增強(qiáng)用戶(hù)的信任感和滿(mǎn)意度。
5、盡量減少設(shè)置的數(shù)量和復(fù)雜度:
進(jìn)行深入的用戶(hù)需求分析,去除不必要的設(shè)置選項(xiàng),簡(jiǎn)化操作流程。例如,在智能家居設(shè)備的設(shè)置中,通過(guò)智能化的默認(rèn)設(shè)置和自動(dòng)配置功能,減少用戶(hù)的手動(dòng)操作。同時(shí),對(duì)于一些復(fù)雜的設(shè)置,可以采用逐步引導(dǎo)的方式,讓用戶(hù)在需要的時(shí)候再進(jìn)行深入設(shè)置。
采用可視化的設(shè)置界面,讓用戶(hù)能夠直觀地了解設(shè)置選項(xiàng)的作用和效果。例如,在圖像編輯軟件中,通過(guò)實(shí)時(shí)預(yù)覽功能,讓用戶(hù)可以在調(diào)整設(shè)置參數(shù)的同時(shí)看到效果的變化,從而更加方便地進(jìn)行設(shè)置。
6、讓用戶(hù)感覺(jué)而不是去計(jì)算:
設(shè)計(jì)要注重用戶(hù)的直覺(jué)和感受,通過(guò)巧妙的視覺(jué)設(shè)計(jì)、交互反饋和情感化元素,讓用戶(hù)在無(wú)需進(jìn)行復(fù)雜計(jì)算的情況下就能做出決策。例如,在酒店預(yù)訂網(wǎng)站上,通過(guò)展示酒店的圖片、評(píng)價(jià)和星級(jí)等信息,讓用戶(hù)能夠直觀地感受酒店的品質(zhì)和舒適度,從而更容易做出選擇。
利用大數(shù)據(jù)和人工智能技術(shù),為用戶(hù)提供個(gè)性化的推薦和決策支持。例如,音樂(lè)播放 APP 根據(jù)用戶(hù)的聽(tīng)歌歷史和偏好,為用戶(hù)推薦符合其口味的音樂(lè),讓用戶(hù)無(wú)需花費(fèi)時(shí)間去搜索和篩選。
7、讓描述更貼近用戶(hù):
深入了解用戶(hù)的語(yǔ)言習(xí)慣和文化背景,使用用戶(hù)熟悉的詞匯和表達(dá)方式進(jìn)行描述。例如,在面向年輕人的產(chǎn)品中,可以采用流行的網(wǎng)絡(luò)語(yǔ)言和表達(dá)方式,增強(qiáng)用戶(hù)的認(rèn)同感和親近感。在面向不同地區(qū)的用戶(hù)時(shí),要考慮到當(dāng)?shù)氐奈幕町?,采用合適的語(yǔ)言和表達(dá)方式。
進(jìn)行用戶(hù)測(cè)試和反饋收集,不斷優(yōu)化描述內(nèi)容。邀請(qǐng)用戶(hù)對(duì)產(chǎn)品的描述進(jìn)行評(píng)價(jià)和建議,根據(jù)用戶(hù)的反饋進(jìn)行調(diào)整和優(yōu)化,確保描述內(nèi)容能夠準(zhǔn)確傳達(dá)產(chǎn)品的特點(diǎn)和優(yōu)勢(shì),同時(shí)符合用戶(hù)的需求和期望。
8、在需要計(jì)算的內(nèi)容提前幫用戶(hù)計(jì)算好:
利用自動(dòng)化計(jì)算和智能算法,為用戶(hù)提供準(zhǔn)確、及時(shí)的計(jì)算結(jié)果。例如,在理財(cái) APP 中,自動(dòng)計(jì)算用戶(hù)的收益和風(fēng)險(xiǎn),為用戶(hù)提供投資建議。在購(gòu)物網(wǎng)站上,自動(dòng)計(jì)算商品的總價(jià)、優(yōu)惠金額和運(yùn)費(fèi)等信息,讓用戶(hù)清楚知道自己需要支付的費(fèi)用。
提供多種計(jì)算方式和比較工具,讓用戶(hù)可以根據(jù)自己的需求進(jìn)行選擇。例如,在房貸計(jì)算器中,提供等額本金和等額本息兩種還款方式的計(jì)算結(jié)果,讓用戶(hù)可以比較不同還款方式的優(yōu)缺點(diǎn),做出更合適的選擇。
9、用情感帶給用戶(hù)細(xì)微的感受:
通過(guò)情感化設(shè)計(jì),觸動(dòng)用戶(hù)的內(nèi)心深處,建立與用戶(hù)的情感連接。例如,在社交 APP 中,通過(guò)溫馨的提示和問(wèn)候,讓用戶(hù)感受到關(guān)懷和溫暖。在紀(jì)念日或特殊節(jié)日,為用戶(hù)送上個(gè)性化的祝福和禮物,增強(qiáng)用戶(hù)的忠誠(chéng)度。
利用故事和場(chǎng)景化設(shè)計(jì),讓用戶(hù)在使用產(chǎn)品的過(guò)程中產(chǎn)生情感共鳴。例如,在旅游 APP 中,通過(guò)展示美麗的風(fēng)景圖片和用戶(hù)的旅行故事,激發(fā)用戶(hù)的旅行欲望。在產(chǎn)品介紹中,以故事的形式講述產(chǎn)品的誕生和發(fā)展歷程,讓用戶(hù)更加了解產(chǎn)品的背后故事,增強(qiáng)用戶(hù)的認(rèn)同感。
許多新人設(shè)計(jì)師在初期往往喜歡站在個(gè)人和美學(xué)的角度來(lái)看待自己的設(shè)計(jì)。然而,隨著設(shè)計(jì)經(jīng)驗(yàn)的不斷積累和對(duì)行業(yè)的深入理解,他們會(huì)逐漸認(rèn)識(shí)到有價(jià)值、能解決問(wèn)題才是人類(lèi)發(fā)展的核心目的。在市場(chǎng)上存在眾多同類(lèi)型產(chǎn)品都具有價(jià)值、能解決問(wèn)題的情況下,才需要通過(guò)設(shè)計(jì)出不同的差異點(diǎn)來(lái)脫穎而出。但始終要牢記的前提是設(shè)計(jì)必須具有價(jià)值、能解決問(wèn)題,一旦拋棄了這個(gè)大前提,任何設(shè)計(jì)都會(huì)顯得空洞、索然無(wú)味。
設(shè)計(jì)與藝術(shù)雖然有一定的關(guān)聯(lián),但它們并不是一回事。設(shè)計(jì)更注重實(shí)用性和功能性,以滿(mǎn)足用戶(hù)的需求和解決實(shí)際問(wèn)題為主要目標(biāo)。而藝術(shù)則更強(qiáng)調(diào)審美價(jià)值和自我表達(dá),追求的是情感的共鳴和創(chuàng)造力的展現(xiàn)。設(shè)計(jì)師需要在設(shè)計(jì)過(guò)程中平衡好實(shí)用性和美觀性,既要確保設(shè)計(jì)能夠解決問(wèn)題,又要讓設(shè)計(jì)具有一定的審美價(jià)值,從而提升用戶(hù)的體驗(yàn)和滿(mǎn)意度。
總之,交互設(shè)計(jì)要深入理解用戶(hù)的思維方式,通過(guò)更為深入和有效的方法讓用戶(hù)持續(xù)保持感性,從而提高用戶(hù)的滿(mǎn)意度和忠誠(chéng)度。同時(shí),設(shè)計(jì)師要時(shí)刻牢記設(shè)計(jì)的價(jià)值和目的,不斷創(chuàng)造有價(jià)值、能解決問(wèn)題的設(shè)計(jì)作品,為人類(lèi)的發(fā)展和進(jìn)步做出貢獻(xiàn)。
以上觀點(diǎn)僅代表個(gè)人看法,如有不對(duì)之處,歡迎在評(píng)論區(qū)指正交流。謝謝!
本文由 @用戶(hù)體驗(yàn)王叔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
多數(shù)產(chǎn)品經(jīng)理總是認(rèn)為很專(zhuān)業(yè),總會(huì)有一些異想天開(kāi)的想法;殊不知我們不少自以為是的“優(yōu)秀”設(shè)計(jì),并不符合用戶(hù)使用場(chǎng)景,還可能摧毀用戶(hù)價(jià)值。就像本文列舉的這幾個(gè)案例,你有注意到嗎?
產(chǎn)品經(jīng)理的專(zhuān)業(yè)視角與用戶(hù)視角,如同孿生兄弟,外表相似但內(nèi)在迥異。
有時(shí)我們說(shuō)誰(shuí)的產(chǎn)品專(zhuān)業(yè)能力過(guò)硬,可能是一句褒獎(jiǎng)的話(huà)。但專(zhuān)業(yè)能力若不能融合專(zhuān)家視角與用戶(hù)視角,便可能被視為局限而非優(yōu)點(diǎn)。
張小龍說(shuō)自己可以很快變小白,而馬化騰卻可以“一秒變小白”。
所謂“一秒變小白”是指快速?gòu)膶?zhuān)業(yè)視角切換到用戶(hù)視角,確保在設(shè)計(jì)產(chǎn)品和評(píng)估用戶(hù)價(jià)值時(shí),避免陷入專(zhuān)家思維,無(wú)意中損害用戶(hù)價(jià)值。
兩年前,我?guī)е鴰讉€(gè)“朋友”坐飛機(jī)回云南老家,到達(dá)長(zhǎng)水機(jī)場(chǎng)后,準(zhǔn)備去上廁所。其中一位女性朋友,徑直走進(jìn)男廁所,直至上完廁所出來(lái)后,我們提醒她才“恍然大悟”——進(jìn)錯(cuò)了廁所。
究其原因就在于一個(gè)“設(shè)計(jì)”:女廁所圖標(biāo)設(shè)計(jì)不明確,導(dǎo)致誤解。
目前在機(jī)場(chǎng)、商場(chǎng)(尤其是高級(jí)商場(chǎng))、寫(xiě)字樓等場(chǎng)所,設(shè)計(jì)者都采取一種精簡(jiǎn)設(shè)計(jì)方案,他們追求簡(jiǎn)潔的設(shè)計(jì)感。即只有一個(gè)非常簡(jiǎn)潔的圖標(biāo),有的是男和女的人物圖標(biāo),有的是煙斗和高跟鞋等??傊?,不會(huì)有任何一個(gè)漢字(或英文)描述。
好像一旦圖標(biāo)旁寫(xiě)上“男廁”、“女廁”后,它們就變成了一種“土”、“low”的設(shè)計(jì)方案。
同一個(gè)空間內(nèi),不僅僅是廁所圖標(biāo),還有扶梯、直梯、貨梯、嬰幼兒室、母嬰室等各類(lèi)圖標(biāo),甚至有時(shí)它們會(huì)同時(shí)出現(xiàn)在一個(gè)引導(dǎo)牌,讓你真正玩一把“猜猜猜”的圖像游戲。
結(jié)果是:你無(wú)法快速找到圖標(biāo);找到后,你需要仔細(xì)辨認(rèn)以及“揣摩”圖標(biāo)的含義,避免走錯(cuò);直至你走錯(cuò)后,才能“吃一塹,長(zhǎng)一智”。
同時(shí),某些商場(chǎng)或?qū)懽謽堑南词峙_(tái),為了追求設(shè)計(jì)感以及合理利用空間,把洗手液跟紙抽“融入”到鏡面里,表面看確實(shí)簡(jiǎn)潔,是一種優(yōu)秀設(shè)計(jì)方案。
但當(dāng)你伸手接洗手液洗手時(shí),卻無(wú)法精準(zhǔn)對(duì)接,需要反復(fù)嘗試2-3次。沒(méi)接到的洗手液,自然流就流落到洗手臺(tái)之上。
結(jié)果是:用戶(hù)體驗(yàn)差,浪費(fèi)洗手液,增加清潔成本。
保潔阿姨發(fā)現(xiàn)這個(gè)問(wèn)題后,最后的解決方案就是:在洗手臺(tái)旁邊,直接放了一個(gè)自助式的洗手液。至此,那個(gè)“優(yōu)秀”的設(shè)計(jì)方案,從此成為了擺設(shè)。
你自以為的優(yōu)秀設(shè)計(jì),往往卻摧毀了用戶(hù)的價(jià)值。它肯定不是你的初心,而是你的專(zhuān)業(yè)視角所致,卻忽略了用戶(hù)視角(尤其是小白用戶(hù)視角)。
如下圖所示,用戶(hù)對(duì)發(fā)放工資條時(shí),選擇方案的設(shè)計(jì)進(jìn)行了“吐槽”。一般默認(rèn)勾選時(shí),顯示一個(gè)多選框,勾選即選中,反之不選,而設(shè)計(jì)升級(jí)后,期望讓選中效果更明顯,去掉勾選框,點(diǎn)擊列表選中,再次點(diǎn)擊取消。
結(jié)果是:用戶(hù)不知道如何勾選,“優(yōu)秀”設(shè)計(jì)摧毀了用戶(hù)體驗(yàn)。
我們?cè)倏匆粋€(gè)例子。
如下圖所示,它們都是新建班次的設(shè)置頁(yè)面,核心是約定員工的上下班時(shí)間跟打卡范圍,但它們代表兩種不同的設(shè)計(jì)風(fēng)格。
方案1采用平鋪直敘的用戶(hù)語(yǔ)言風(fēng)格,以對(duì)話(huà)感設(shè)計(jì)頁(yè)面元素,旨在增強(qiáng)用戶(hù)互動(dòng)體驗(yàn),但可能導(dǎo)致信息顯示冗余。比如最早可提前x分鐘打卡,晚于x分鐘打卡記為遲到;
方案2采用簡(jiǎn)潔設(shè)計(jì),避免冗余文字,以簡(jiǎn)潔頁(yè)面提升視覺(jué)效果,但可能增加用戶(hù)理解和使用難度(就像廁所圖標(biāo)的設(shè)計(jì)一樣)。比如上班卡當(dāng)天5:00-當(dāng)天12:00,用戶(hù)自行設(shè)置取卡范圍。
第一,認(rèn)知層面。產(chǎn)品經(jīng)理的專(zhuān)業(yè)能力體現(xiàn)在創(chuàng)造用戶(hù)價(jià)值和商業(yè)價(jià)值,而非局限于單一專(zhuān)業(yè)領(lǐng)域。這種能力需同時(shí)滿(mǎn)足專(zhuān)業(yè)人士和小白用戶(hù)的需求,否則不能稱(chēng)之為真正的專(zhuān)業(yè)能力。
第二,設(shè)計(jì)語(yǔ)言。采用用戶(hù)語(yǔ)言/自然語(yǔ)言作為設(shè)計(jì)語(yǔ)言,而不是設(shè)計(jì)師或產(chǎn)品經(jīng)理的“專(zhuān)業(yè)”語(yǔ)言。比如晚于30分鐘打卡記為遲到,就好于“豁免30分鐘”;最早可提前120分鐘打卡,最晚可延后120分鐘打卡,就好于“上班卡范圍:當(dāng)天6:00-10:00”。
第三,設(shè)計(jì)“潛規(guī)則”。遵循行業(yè)“潛規(guī)則”設(shè)計(jì),避免過(guò)度自我創(chuàng)造(或創(chuàng)新),導(dǎo)致傷害了用戶(hù)價(jià)值。比如單選、多選、開(kāi)關(guān)等設(shè)計(jì)要素,遵循成熟的設(shè)計(jì)方式,而不是非要“獨(dú)樹(shù)一幟”。
我們?cè)谏虉?chǎng)、機(jī)場(chǎng)等,比較常見(jiàn)的解決方案是:提供一個(gè)間親子衛(wèi)生間。
哈爾濱江北商場(chǎng)提供了一種創(chuàng)新的解決方案。即:在正常男女廁所旁邊,新建了一個(gè)開(kāi)放式的兒童廁所,配備了男孩和女孩專(zhuān)用的小便池及兒童洗手臺(tái)。
既解決了家長(zhǎng)帶異性子女上廁所的難題,也方便了兒童獨(dú)立使用,體現(xiàn)了對(duì)兒童和家長(zhǎng)需求的細(xì)致考慮,這是真正用戶(hù)視角下的產(chǎn)品設(shè)計(jì)。
專(zhuān)欄作家
邢小作,微信公眾號(hào):產(chǎn)品方法論集散地,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。一枚在線(xiàn)教育的產(chǎn)品,關(guān)注互聯(lián)網(wǎng)教育,喜歡研究用戶(hù)心理。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
在當(dāng)今數(shù)字化時(shí)代,交互設(shè)計(jì)不僅是產(chǎn)品成功的關(guān)鍵因素之一,更是連接用戶(hù)與產(chǎn)品之間的橋梁。交互設(shè)計(jì)的原則和方法雖然眾多,但本文將聚焦于產(chǎn)品交互設(shè)計(jì)的內(nèi)在邏輯和基本原理,探討什么樣的設(shè)計(jì)才是優(yōu)秀的,如何衡量其效果。
首先,我們需要明確“產(chǎn)品交互設(shè)計(jì)”的定義。產(chǎn)品交互設(shè)計(jì)是為了達(dá)成特定產(chǎn)品目標(biāo)而進(jìn)行的用戶(hù)與產(chǎn)品之間的交互流程設(shè)計(jì)和反饋設(shè)計(jì)。換句話(huà)說(shuō),它不僅關(guān)注用戶(hù)如何使用產(chǎn)品,還關(guān)注產(chǎn)品如何有效地反饋給用戶(hù)。值得注意的是,產(chǎn)品交互設(shè)計(jì)是圍繞產(chǎn)品目標(biāo)展開(kāi)的,而非單純圍繞用戶(hù)展開(kāi),用戶(hù)在這一過(guò)程中只是間接的服務(wù)對(duì)象。
這種思維方式可能與許多人的初始認(rèn)知有所不同。以宜家家居為例,作為一家大型購(gòu)物中心,宜家并不希望用戶(hù)能迅速找到想要的產(chǎn)品,而是希望用戶(hù)能在其店內(nèi)多做體驗(yàn)。盡管這種迂回而漫長(zhǎng)的購(gòu)物路徑可能讓人感到煩惱,但用戶(hù)卻很少對(duì)此抱怨。這正是成功的產(chǎn)品交互設(shè)計(jì)的體現(xiàn):雖然交互流程可能令人困擾,但良好的交互反饋(如各類(lèi)家具的試用體驗(yàn))卻能讓用戶(hù)感到滿(mǎn)意。
產(chǎn)品交互設(shè)計(jì)的核心在于用戶(hù)體驗(yàn)流程的設(shè)計(jì)。這一理念強(qiáng)調(diào),交互設(shè)計(jì)并非簡(jiǎn)單的按鈕、彈窗或功能的堆砌,而是為了實(shí)現(xiàn)產(chǎn)品目標(biāo)而有意設(shè)計(jì)的用戶(hù)與產(chǎn)品的互動(dòng)流程。在這個(gè)過(guò)程中,每一個(gè)交互環(huán)節(jié)都旨在滿(mǎn)足用戶(hù)需求,同時(shí)實(shí)現(xiàn)產(chǎn)品的獲益目標(biāo)。這種獲益不一定是金錢(qián)上的,可能還包括用戶(hù)的關(guān)注度和忠誠(chéng)度。
尼爾森可用性原則專(zhuān)業(yè)描述:
尼爾森可用性原則由人機(jī)交互學(xué)博士Jakob Nielsen提出,包括狀態(tài)可見(jiàn)性原則、貼近用戶(hù)真實(shí)環(huán)境原則、自由控制原則、一致性和標(biāo)準(zhǔn)化原則、防錯(cuò)原則等。這些原則提供了一套評(píng)估用戶(hù)體驗(yàn)好壞的標(biāo)準(zhǔn),幫助設(shè)計(jì)師和產(chǎn)品經(jīng)理進(jìn)行自查和優(yōu)化
理論支撐:
用戶(hù)體驗(yàn)地圖是一種以用戶(hù)為中心的可視化工具,用于描述和展示用戶(hù)在使用產(chǎn)品、服務(wù)或系統(tǒng)的過(guò)程中的整體體驗(yàn)和情感變化。它通過(guò)講故事的方式,描述用戶(hù)參與服務(wù)過(guò)程中的體驗(yàn)變化,并通過(guò)可視化的方式將信息予以呈現(xiàn)。用戶(hù)體驗(yàn)地圖關(guān)注用戶(hù)的行為接觸點(diǎn)、情緒曲線(xiàn)、痛點(diǎn)和機(jī)會(huì)點(diǎn),幫助團(tuán)隊(duì)更好地理解用戶(hù)需求,從而優(yōu)化產(chǎn)品設(shè)計(jì)
案例分析:
Netflix:Netflix通過(guò)用戶(hù)體驗(yàn)地圖分析用戶(hù)觀看習(xí)慣,發(fā)現(xiàn)用戶(hù)在選擇觀看內(nèi)容時(shí)往往會(huì)感到選擇困難。為此,Netflix優(yōu)化了推薦算法,提供個(gè)性化的內(nèi)容推薦,顯著提升了用戶(hù)的觀看體驗(yàn)和滿(mǎn)意度。
交互設(shè)計(jì)的成功在于與用戶(hù)的有效溝通。正如俞軍所說(shuō),“產(chǎn)品經(jīng)理就是以產(chǎn)品當(dāng)筆,與世界對(duì)話(huà)”。在設(shè)計(jì)過(guò)程中,理解用戶(hù)的需求和情感是至關(guān)重要的。
理解用戶(hù)的方法:
KANO模型:由東京理工大學(xué)教授狩野紀(jì)昭(Noriaki Kano)發(fā)明,是一種對(duì)用戶(hù)需求進(jìn)行分類(lèi)和優(yōu)先排序的方法論。它將用戶(hù)需求分為基本型需求、期望型需求和興奮型需求,幫助企業(yè)識(shí)別不同層次的用戶(hù)需求,從而優(yōu)化產(chǎn)品功能。
馬斯洛需求層次理論專(zhuān)業(yè)描述: 馬斯洛需求層次理論由心理學(xué)家亞伯拉罕·馬斯洛提出,將人類(lèi)的需求劃分為五個(gè)主要層次,從最基本的生理需求到最高層次的自我實(shí)現(xiàn)需求逐級(jí)遞增。理解這些層次的需求有助于揭示人們行為的驅(qū)動(dòng)力及其生活的主要?jiǎng)訖C(jī)。
案例分析:
Dropbox:在早期,Dropbox通過(guò)用戶(hù)訪(fǎng)談和數(shù)據(jù)分析了解用戶(hù)對(duì)文件共享的需求,發(fā)現(xiàn)用戶(hù)希望能夠輕松分享文件而不必?fù)?dān)心復(fù)雜的設(shè)置?;谶@些反饋,Dropbox簡(jiǎn)化了分享流程,使得用戶(hù)可以一鍵分享文件,極大提升了用戶(hù)體驗(yàn)。
設(shè)計(jì)的最終目標(biāo)是讓用戶(hù)理解我們的意圖。如果用戶(hù)無(wú)法理解設(shè)計(jì)表達(dá),那么所有的努力都將付諸東流。為了實(shí)現(xiàn)這一目標(biāo),我們需要遵循以下原則:
1. 按照用戶(hù)的思維習(xí)慣設(shè)計(jì):設(shè)計(jì)應(yīng)符合用戶(hù)的思維邏輯。例如,用戶(hù)在使用某些功能時(shí),往往會(huì)根據(jù)自己的經(jīng)驗(yàn)進(jìn)行操作,設(shè)計(jì)應(yīng)當(dāng)順應(yīng)這種習(xí)慣。
2. 使用用戶(hù)的習(xí)慣性語(yǔ)言:設(shè)計(jì)中使用用戶(hù)熟悉的術(shù)語(yǔ)和表達(dá)方式,以降低理解成本。例如,針對(duì)不同文化背景的用戶(hù),設(shè)計(jì)語(yǔ)言和符號(hào)應(yīng)有所不同。
3. **提供足夠的提示**:在設(shè)計(jì)中加入必要的提示和指導(dǎo),幫助用戶(hù)理解如何使用產(chǎn)品。例如,在注冊(cè)界面中,確保用戶(hù)能夠清晰地看到同意《用戶(hù)協(xié)議》的選項(xiàng)。
案例分析:
Slack:Slack在設(shè)計(jì)其用戶(hù)界面時(shí),充分考慮了用戶(hù)的習(xí)慣性語(yǔ)言和操作邏輯,使用了直觀的圖標(biāo)和清晰的提示,幫助用戶(hù)快速上手。用戶(hù)在使用Slack時(shí),能夠輕松找到所需功能,極大提升了用戶(hù)的滿(mǎn)意度。
簡(jiǎn)潔性是交互設(shè)計(jì)的重要原則,但這并不意味著界面內(nèi)容越少越好,而是要讓用戶(hù)在使用過(guò)程中感到輕松和自然。簡(jiǎn)潔的設(shè)計(jì)應(yīng)當(dāng)幫助用戶(hù)快速實(shí)現(xiàn)目標(biāo),而不是讓他們感到困惑。
實(shí)現(xiàn)簡(jiǎn)潔性的策略:
理論支撐:
諾曼的交互設(shè)計(jì)基本原則:諾曼提出的示能、意符、映射、反饋和概念模型等原則,為設(shè)計(jì)師提供了清晰的指導(dǎo),幫助他們創(chuàng)造出用戶(hù)友好的設(shè)計(jì)。
案例分析:
蘋(píng)果公司:蘋(píng)果在其產(chǎn)品設(shè)計(jì)中始終堅(jiān)持簡(jiǎn)潔性原則,通過(guò)直觀的界面和簡(jiǎn)單的操作流程,使用戶(hù)能夠輕松上手。無(wú)論是iPhone的操作系統(tǒng),還是Mac的桌面環(huán)境,用戶(hù)都能快速找到所需功能,享受流暢的使用體驗(yàn)。
用戶(hù)體驗(yàn)的“峰-終”值原理表明,用戶(hù)的整體滿(mǎn)意度并不取決于每個(gè)環(huán)節(jié)的完美,而是關(guān)鍵時(shí)刻的滿(mǎn)意度。因此,設(shè)計(jì)師應(yīng)關(guān)注用戶(hù)在使用過(guò)程中的高峰體驗(yàn)和結(jié)束體驗(yàn)。
實(shí)現(xiàn)用戶(hù)滿(mǎn)意度的策略:
案例分析:
Zappos:Zappos以其卓越的客戶(hù)服務(wù)而聞名,尤其是在處理退貨和客戶(hù)投訴時(shí)。他們確保用戶(hù)在購(gòu)買(mǎi)后無(wú)論遇到什么問(wèn)題,都能得到及時(shí)和滿(mǎn)意的解決,從而提升了用戶(hù)的整體滿(mǎn)意度。
綜上所述,產(chǎn)品交互設(shè)計(jì)的基本原則在于將設(shè)計(jì)視為一個(gè)整體流程,深入理解用戶(hù),確保設(shè)計(jì)能夠被用戶(hù)理解,并讓用戶(hù)感到簡(jiǎn)單和愉悅。最終,設(shè)計(jì)的成功與否應(yīng)通過(guò)是否幫助實(shí)現(xiàn)產(chǎn)品目標(biāo)來(lái)衡量。通過(guò)不斷迭代和優(yōu)化,我們可以創(chuàng)造出既滿(mǎn)足用戶(hù)需求又推動(dòng)產(chǎn)品發(fā)展的優(yōu)秀交互設(shè)計(jì)。設(shè)計(jì)師在這一過(guò)程中,應(yīng)始終保持對(duì)用戶(hù)的敏感度,關(guān)注用戶(hù)的反饋,以確保設(shè)計(jì)始終圍繞用戶(hù)的真實(shí)需求展開(kāi)。
作者:海鮮不設(shè)計(jì),微信公眾號(hào):海鮮不設(shè)計(jì)
本文由 @海鮮不設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
大部分APP都會(huì)有引導(dǎo)設(shè)計(jì),以幫助新人快速上手。那你知道這些引導(dǎo)設(shè)計(jì)有哪些要求和方法嗎?這篇文章,我們看看作者整理的五種類(lèi)型,你們用的是哪一種呢?
1)定義
蒙層引導(dǎo)的特點(diǎn)是讓用戶(hù)將注意力聚焦到被圈定的某個(gè)特定功能上,不被其他內(nèi)容干擾;
通常出現(xiàn)在用戶(hù)首次操作時(shí)做全局引導(dǎo),也會(huì)在產(chǎn)品的各個(gè)功能點(diǎn)等待用戶(hù)的觸發(fā);根據(jù)內(nèi)容一次顯示一個(gè)或多個(gè)提示;
2)組成結(jié)構(gòu)
黑色蒙層+高亮內(nèi)容+內(nèi)容介紹(圖文/視頻)+操作引導(dǎo);
3)使用規(guī)則
分為單頁(yè)面功能引導(dǎo)和多頁(yè)面多功能引導(dǎo),單頁(yè)面引導(dǎo)全局信息量不能過(guò)多;多頁(yè)面引導(dǎo)控制在5步以?xún)?nèi),提示契機(jī)保證用戶(hù)需要的時(shí)候出現(xiàn),不做過(guò)多干擾;
4)使用場(chǎng)景
分類(lèi)場(chǎng)景:展示新產(chǎn)品/功能特色介紹(新功能上新的告知、特色重點(diǎn)功能宣傳)、產(chǎn)品/功能更新迭代(說(shuō)明界面中功能位置的改動(dòng)、服務(wù)內(nèi)容的變動(dòng)等)、操作行為引導(dǎo)(講解操作方式、體現(xiàn)特定的手勢(shì)交互劃分說(shuō)明界面的整體結(jié)構(gòu));
1)定義
引導(dǎo)頁(yè)出現(xiàn)在用戶(hù)首次打開(kāi)APP的時(shí),在用戶(hù)使用產(chǎn)品前先給用戶(hù)營(yíng)造好產(chǎn)品的基調(diào)和氛圍,宣傳產(chǎn)品功能和亮點(diǎn)或告知用戶(hù)最核心的操作方式;
基本上由3-5個(gè)頁(yè)面組成,保證能帶給用戶(hù)新鮮感和吸引他們的注意力,否則對(duì)用戶(hù)來(lái)說(shuō)反而是干擾,只會(huì)直接選擇快速劃過(guò);
2)組成結(jié)構(gòu)
文字介紹+圖片介紹+操作引導(dǎo);
3)使用規(guī)則
引導(dǎo)頁(yè)最多不超過(guò)5頁(yè);圖片介紹表達(dá)簡(jiǎn)單且符合真實(shí)的使用場(chǎng)景;盡量明確的操作引導(dǎo)查看下一步的操作,
4)使用場(chǎng)景
用戶(hù)首次啟動(dòng)APP,全局展示APP的整體功能架構(gòu)和大的功能模塊分類(lèi)
1)定義
用戶(hù)進(jìn)入使用某功能或某交互方式變化時(shí),彈出彈窗予以解釋并介紹相應(yīng)的操作,屬于即時(shí)的強(qiáng)提醒方式;
彈窗引導(dǎo)更重,阻斷行更強(qiáng),需考慮使用的場(chǎng)景和傳達(dá)內(nèi)容的重要程度;
2)組成結(jié)構(gòu)
彈窗+圖/文信息+操作按鈕;
3)使用規(guī)則
更多使用于單項(xiàng)服務(wù)的介紹;彈窗內(nèi)盡可能以圖文方式介紹,避免大片文字,內(nèi)容清晰明確,操作按鈕指代清晰;
4)使用場(chǎng)景
告知用戶(hù)有新功能上線(xiàn)(如何找到新功能、新功能如何使用,并提供直接鏈接跳轉(zhuǎn)去對(duì)應(yīng)服務(wù))、變更功能提醒(功能變更后提示去哪找到)、告知用戶(hù)一些隱藏菜單的內(nèi)容(引導(dǎo)用戶(hù)使用)、以及查看/點(diǎn)擊等交互操作變更等;
1)定義
同樣是作為即使提醒的方式,作為引導(dǎo)提示、提醒提示、解釋提示,讓用戶(hù)快速了解此服務(wù)/功能的內(nèi)容
氣泡屬于輕量級(jí)的提示方式,打斷感弱,內(nèi)容傳遞量不大但聚焦;
2)組成結(jié)構(gòu)
彈窗+圖文信息+操作按鈕;
3)使用規(guī)則
彈窗內(nèi)盡可能以圖文方式介紹,避免大篇文字,內(nèi)容明確,操作按鈕指代清晰;
4)使用場(chǎng)景
聚焦在單一功能場(chǎng)景,更貼近某個(gè)服務(wù)的引導(dǎo)和告知,告知用戶(hù)有新功能上線(xiàn)、引導(dǎo)用戶(hù)使用、或告知用戶(hù)一些隱藏菜單的內(nèi)容,當(dāng)前提示內(nèi)容較為重要,且內(nèi)容較多,建議使用彈窗。
1)定義
操作式引導(dǎo)會(huì)結(jié)合產(chǎn)品實(shí)際使用場(chǎng)景,一步一步地引導(dǎo)你進(jìn)行操作,鼓勵(lì)用戶(hù)參與其中
這種方式很容易讓用戶(hù)沉浸其中、快速學(xué)習(xí),并且因?yàn)橛屑皶r(shí)的操作反饋,所以用戶(hù)很容易獲得強(qiáng)烈的成就感;
2)組成結(jié)構(gòu)
內(nèi)容介紹+引導(dǎo)內(nèi)容+操作引導(dǎo)
3)使用規(guī)則
操作引導(dǎo)突出且明確指示出操作的方式,否則用戶(hù)很容易因?yàn)椴僮魇〉拇鞌「卸艞?;保持?nèi)容與操作的親密性;操作成功后及時(shí)給予反饋。
4)使用場(chǎng)景
多應(yīng)用在工具類(lèi)產(chǎn)品和游戲:比如養(yǎng)雞活動(dòng)、拼多多的種農(nóng)作物、螞蟻森林種樹(shù)等最開(kāi)始使用此功能時(shí),或者很久未進(jìn)入的用戶(hù)下次進(jìn)入;
本文由 @宮宮宮宮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
蘭亭妙微(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話(huà):01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
編輯導(dǎo)語(yǔ):由于審美的多優(yōu)化,產(chǎn)品設(shè)計(jì)風(fēng)格及類(lèi)型也不盡相同,但核心都是圍繞用戶(hù)群體來(lái)迎合市場(chǎng)需求。本文將從我看到、我理解、我行動(dòng)、給我反饋這四個(gè)層面逐步遞進(jìn)闡明交互設(shè)計(jì)的本質(zhì),值得閱讀學(xué)習(xí)。
近來(lái),和新的交互團(tuán)隊(duì)溝通頗多。在溝通當(dāng)中,不免會(huì)陷入這樣的對(duì)話(huà):我覺(jué)得這個(gè)設(shè)計(jì)不美,不優(yōu)雅、所以不合適。
每每,當(dāng)我們圍繞產(chǎn)品設(shè)計(jì)的討論進(jìn)入了“美丑與否”的階段,就基本上等同于陷入了“公說(shuō)公有理、婆說(shuō)婆有理”的泥沼。畢竟,審美是一個(gè)個(gè)體化的偏好,依賴(lài)于我們過(guò)往的學(xué)習(xí)、認(rèn)知和經(jīng)歷。圍繞產(chǎn)品去討論美丑,最后往往只能看誰(shuí)的官帽子大就讓誰(shuí)決定了。
但是,在涉及交互時(shí),我們應(yīng)該聚焦于美丑的討論么?
我的答案是,不應(yīng)該。
在創(chuàng)作一幅畫(huà)作或雕塑的時(shí)候,個(gè)性化的作品之美是可以被討論的。你偏好特定的風(fēng)格,從而創(chuàng)作特定類(lèi)型的作品,看客喜歡自然好,不喜歡也無(wú)所謂。因?yàn)樽髌肥紫仁菒偧旱?,然后才是悅?cè)说?。我們借由一個(gè)個(gè)性化的作品來(lái)完成自我的投射和受眾的篩選。
而在規(guī)劃一款面向大眾產(chǎn)品的時(shí)候,其商業(yè)化的產(chǎn)品之美則不應(yīng)該被討論,更應(yīng)該被數(shù)據(jù)衡量。我們不是要把自己偏好的風(fēng)格強(qiáng)塞給不同的用戶(hù),而是要以用戶(hù)可接受的方式將自己的產(chǎn)品和服務(wù)兜售出去。和作品不同,商品首先是悅?cè)说模缓蟛攀菒偧旱摹N覀兠鎸?duì)的是一個(gè)被篩選出的受眾群體,來(lái)完成品牌和服務(wù)價(jià)值的投射。即便市場(chǎng)上有很多,我個(gè)體不喜歡的產(chǎn)品設(shè)計(jì),但是仍然要尊重其,在數(shù)據(jù)指標(biāo)上是有效的。
當(dāng)用戶(hù)面對(duì)交互界面時(shí),會(huì)經(jīng)歷:我看到、我理解、我行動(dòng)、給我反饋的過(guò)程。過(guò)程中,逐環(huán)節(jié)中的漏斗轉(zhuǎn)化,和最終的業(yè)務(wù)結(jié)果,是可以抽離出數(shù)據(jù)指標(biāo)進(jìn)行衡量的。
那么,交互設(shè)計(jì)的導(dǎo)向,就旨在降低整個(gè)鏈路中的各個(gè)環(huán)節(jié)間的阻力,體現(xiàn)在用戶(hù)從“我看到” 到 “我理解”的認(rèn)知阻力降低,從“我理解”到“我行動(dòng)”的操作干擾降低,以及從“我行動(dòng)”到“給我反饋”的反饋時(shí)延降低。
這個(gè)環(huán)節(jié)一般是產(chǎn)品經(jīng)理和設(shè)計(jì)師容易代入個(gè)人審美的環(huán)節(jié),有審美潔癖的人士往往會(huì)傾向于提供更有結(jié)構(gòu)化、更富有美感和邏輯性的信息排布展示。而事實(shí)上,這就犯了“理性人假設(shè)“的錯(cuò)誤,我們總假設(shè)用戶(hù)是秉持著理性來(lái)使用我們產(chǎn)品的,殊不知,他們大概率是以感性的方式來(lái)感知和應(yīng)用我們的產(chǎn)品,未必能夠體會(huì)到產(chǎn)品精致的“匠心”:
比如,對(duì)于列表頁(yè)卡片來(lái)說(shuō),同樣的信息,以標(biāo)簽的形式展現(xiàn)就不如以標(biāo)題的形式展現(xiàn)。”字要大“定律,在列表頁(yè)卡片的設(shè)計(jì)中屢試不爽。
又如,在同一個(gè)頁(yè)面上,如果我們?cè)黾恿藘蓚€(gè)關(guān)注按鈕,UV關(guān)注轉(zhuǎn)化效率就會(huì)比一個(gè)的要好。以個(gè)人體驗(yàn)為例,我一直在使用一款壁紙軟件,但直到某一日,我才驚覺(jué)原來(lái)這個(gè)頁(yè)面里有兩個(gè)收藏按鈕,我一直只在使用其中一個(gè)。我拿著手機(jī)問(wèn)了身邊的朋友,呈現(xiàn)出28分布,80%的人和我一樣關(guān)注到了同一個(gè)位置的收藏按鈕;而20%的人則關(guān)注到了另一個(gè)收藏按鈕、或同時(shí)關(guān)注到了兩個(gè)按鈕。
這個(gè)環(huán)節(jié)一般是產(chǎn)品經(jīng)理和設(shè)計(jì)師容易代入專(zhuān)家視角的環(huán)節(jié),有專(zhuān)家視角的人士往往會(huì)傾向于使用書(shū)面的、應(yīng)用內(nèi)專(zhuān)有的表述方式,比如:溝通、馬克、直聊等等,但是,這種不說(shuō)人話(huà)的文案顯然既不利于理解,又無(wú)法有效推動(dòng)用戶(hù)做出有效的行動(dòng)。
套用福格行為模型,行為發(fā)生于動(dòng)機(jī)、能力和提示同時(shí)出現(xiàn)的時(shí)候。產(chǎn)品交互的作用,就是要降低用戶(hù)使用產(chǎn)品所需的能力門(mén)檻,給到用戶(hù)充分的行動(dòng)提示,從而促進(jìn)行為密度的提升。
從過(guò)往2C銷(xiāo)轉(zhuǎn)的經(jīng)驗(yàn)上來(lái)看,同樣的頁(yè)面布局,暖色的按鈕比冷色的按鈕轉(zhuǎn)化率高、直白的口語(yǔ)化文案比正式的書(shū)面語(yǔ)文案轉(zhuǎn)化率高。數(shù)據(jù)結(jié)果告訴我們,那些原本中立的用戶(hù),是可以被顏色、文案所引導(dǎo),從而做出有效行動(dòng)的。
這個(gè)環(huán)節(jié)基本上就屬于基礎(chǔ)認(rèn)知了,不要讓自己的產(chǎn)品在交互過(guò)程中出現(xiàn)“死機(jī)”態(tài)。在實(shí)踐中可以更多的使用非阻塞式操作,通過(guò)異步的方式給到用戶(hù)更及時(shí)和靈敏的反饋:
以用戶(hù)上傳頭像為例,一種做法是在用戶(hù)上傳完畢后才給到提示;另一種做法則是本地完成操作后就先給用戶(hù)反饋,隨后進(jìn)入后臺(tái)的上傳,只有在上傳失敗且重試失敗后,才給到用戶(hù)提示。
以?xún)?nèi)容平臺(tái)發(fā)布UGC內(nèi)容為例,一種做法是先審后發(fā),先審核通過(guò)后再發(fā)布到公域;另一種做法則是先發(fā)后審,先讓內(nèi)容對(duì)用戶(hù)自己可見(jiàn),并插入到他信息流的首位,然后在審核通過(guò)后發(fā)布到公域。從公域的可視性上來(lái)說(shuō),兩種方案是一致的,但是給用戶(hù)體感上,先發(fā)后審的即時(shí)性更強(qiáng)。
只有能夠切實(shí)降低用戶(hù)認(rèn)知阻力、操作阻力、反饋延時(shí)的交互,才稱(chēng)得上是商品維度的好交互。美感與否、邏輯與否,都是上帝視角的先驗(yàn)審判,而逐環(huán)節(jié)的漏斗指標(biāo)才是用戶(hù)視角的后驗(yàn)投票。
不追求美麗,那么追求什么呢?
簡(jiǎn)單,是我目前對(duì)產(chǎn)品和交互的認(rèn)知和追求。
許是年紀(jì)大了,便終于因?yàn)橐庾R(shí)到自己的審美是非典型的、有偏差的,開(kāi)始更多的不執(zhí)念于自己,而落地于用戶(hù)觀察。
簡(jiǎn)單,是一種有效的策略。
因?yàn)楹?jiǎn)單,所以用戶(hù)更容易理解我們提供的信息和內(nèi)容,從而更快速的完成信息的識(shí)別和認(rèn)知。
因?yàn)楹?jiǎn)單,所以用戶(hù)更容易聚焦在主路徑上,不會(huì)在諸多紛繁的選項(xiàng)中迷失、陷入選擇困難。
因?yàn)楹?jiǎn)單,所以用戶(hù)不需要了解平臺(tái)的黑盒,他能夠得到一個(gè)更簡(jiǎn)單的系統(tǒng),看到的就是直接的輸入輸出、按下一個(gè)按鈕收獲一個(gè)商品。
簡(jiǎn)單的策略,不光讓用戶(hù)得利,我們也會(huì)從中受益,使得前期試錯(cuò)成本和后期維護(hù)成本都降低許多。
簡(jiǎn)單,是一道困難的題目。
追求簡(jiǎn)單,所以我們需要找到用戶(hù)群體的最大公約數(shù),只有將這個(gè)最大公約數(shù)落地在產(chǎn)品設(shè)計(jì)中,才能讓用戶(hù)快速理解和接受我們的設(shè)計(jì);
追求簡(jiǎn)單,所以我們需要使用更平白的文本、更直接的圖標(biāo),不端著、說(shuō)人話(huà),才能讓用戶(hù)沒(méi)有理解的障礙、一看到就能夠明白。
追求簡(jiǎn)單,所以我們需要克制自己對(duì)于巴洛克風(fēng)格的摯愛(ài),不斷的收斂自己想要多做功的念頭,砍到20%的需求,以MVP的方式去推進(jìn)業(yè)務(wù)。
從追求個(gè)體的美麗,到追求群體的簡(jiǎn)單;從追求個(gè)體的控制,到追求群體的順應(yīng)。
本文由 @YanZehua 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
編輯導(dǎo)讀:動(dòng)效效果是一個(gè)功能性元素,而不僅僅是一個(gè)裝飾。本文作者介紹了五個(gè)交互動(dòng)效效果,水平視差滾動(dòng)效果、動(dòng)畫(huà)搜索欄交互、提交按鈕啟動(dòng)信息、頁(yè)面間的分頁(yè)動(dòng)畫(huà)、用粘性元素展開(kāi)卡片,希望對(duì)你有幫助。
設(shè)計(jì)一個(gè)帶有動(dòng)效效果和轉(zhuǎn)場(chǎng)效果的用戶(hù)界面,是為另一個(gè)手機(jī)應(yīng)用規(guī)劃一個(gè)更好的用戶(hù)體驗(yàn)的好方法。在一個(gè)注意力持續(xù)時(shí)間短暫的世界里,動(dòng)畫(huà)-微交互是刺激用戶(hù)參與的好方式。
這就是為什么 Airbnb最近推出Lottie–它是一個(gè)“新開(kāi)源工具,可以輕松為本地應(yīng)用程序添加動(dòng)效效果”像Lottie項(xiàng)目表明了,為應(yīng)用程序和網(wǎng)站增加用戶(hù)體驗(yàn),其中添加動(dòng)畫(huà)作為一個(gè)新元素越來(lái)越重要。
就像所有放入界面中的元素并與之交互的過(guò)程一樣,動(dòng)效效果也是一個(gè)功能性元素,而不僅僅是一個(gè)裝飾。動(dòng)效效果在用戶(hù)界面應(yīng)該堅(jiān)持一個(gè)恰到好處的處理,而背后設(shè)置始終需要有一個(gè)明確的目的。當(dāng)動(dòng)效效果是錦上添花而不是美中不足時(shí),用戶(hù)體驗(yàn)會(huì)更流暢。
以下是介紹的交互動(dòng)效效果:
視差效果在數(shù)字系統(tǒng)設(shè)計(jì)中可以同時(shí)用于垂直面和水平面。視差效果首次應(yīng)用是在視頻游戲,數(shù)十年后它進(jìn)入了網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用中,然后漸漸的又進(jìn)入了移動(dòng)應(yīng)用程序,使用靜態(tài)或緩慢移動(dòng)的背景圖像與快速移動(dòng)的前景圖像,創(chuàng)建一個(gè)多層次的3D滾動(dòng)效果。這使用戶(hù)體驗(yàn)更加身臨其境,以其微妙之處吸引用戶(hù)。為什么這會(huì)讓人眼前一亮-
一起看一下在設(shè)計(jì)原則中的兩個(gè)視差滾動(dòng)效果實(shí)例。
手機(jī)游戲武器卡:
Weapon cards by Hassan Mahmud
視差效果最佳位置之一是在移動(dòng)應(yīng)用程序或網(wǎng)站上水平或垂直滾動(dòng)卡片,體驗(yàn)最流暢環(huán)節(jié)的感受,是在最后部分的一張卡片。類(lèi)似于iphone在你滾動(dòng)到特定列表的末尾時(shí)引入的橡皮筋效應(yīng)。
耐克APP促銷(xiāo)卡:
Nike promotional cards by Jardson Almeida
這個(gè)例子是耐克APP概念創(chuàng)作的視差滾動(dòng)效果,來(lái)促進(jìn)即將到來(lái)的產(chǎn)品發(fā)布。
這個(gè)設(shè)計(jì)通過(guò)突出前景元素—- 鞋子—- 將其提升了一個(gè)層次,從而超越了背景卡片的邊緣。這個(gè)效果彌補(bǔ)滾動(dòng)時(shí)發(fā)生的背景顏色改變。正如你看到的例子,精心制作的視差互動(dòng)效果可以很容易幫助你從產(chǎn)品群中脫穎而出并為你的訪(fǎng)客建立一個(gè)好的印象。不要認(rèn)為視差是純粹的裝飾,像你使用的其他技術(shù)一樣,它應(yīng)該為你的用戶(hù)增加真正有價(jià)值的體驗(yàn)方式被融合。
但是,需要注意的是在視差效應(yīng)范圍內(nèi)過(guò)多的運(yùn)動(dòng)可能會(huì)對(duì)那些患有前庭疾病的人造成傷害。運(yùn)動(dòng)錯(cuò)覺(jué)和深度錯(cuò)覺(jué)可能導(dǎo)致眩暈或者迷失方向感,請(qǐng)切記這些設(shè)計(jì)準(zhǔn)則:
搜索欄是用戶(hù)在移動(dòng)應(yīng)用程序或網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的圖形元素之一。在這種類(lèi)型的動(dòng)畫(huà)中,界面通常只有一個(gè)搜索圖標(biāo),當(dāng)你點(diǎn)擊它搜索輸入字段時(shí)會(huì)顯示一個(gè)彈性動(dòng)畫(huà)。通過(guò)在搜索元素中添加一個(gè)微妙的動(dòng)畫(huà),設(shè)計(jì)師可以實(shí)現(xiàn)兩個(gè)基本目標(biāo):
讓我們看一下這個(gè)交互的例子:
Search transform by Alex Pronsky
這個(gè)設(shè)計(jì)展示了放大鏡(搜素欄)作為圓形圖標(biāo),點(diǎn)擊該圖標(biāo)時(shí)它會(huì)有動(dòng)效,變成藥丸形狀的搜索框。這是一個(gè)非常輕量級(jí)的交互設(shè)計(jì),在 Principle 上只需要不到5個(gè)頁(yè)面就可以實(shí)現(xiàn),并且在開(kāi)發(fā)應(yīng)用程序或網(wǎng)站時(shí)也同樣簡(jiǎn)單。
用戶(hù)填寫(xiě)表單或在應(yīng)用程序中進(jìn)行某些選擇按下提交按鈕之后就會(huì)出現(xiàn)這個(gè)動(dòng)畫(huà)。一個(gè)應(yīng)用程序首次啟動(dòng)并且所有序緩存和數(shù)據(jù)都被提取時(shí),啟動(dòng)(Splash) 動(dòng)畫(huà)也會(huì)被使用。啟動(dòng)動(dòng)畫(huà)通常包括 logo 和應(yīng)用程序的名稱(chēng),通常會(huì)在應(yīng)用程序打開(kāi)前在屏幕上出現(xiàn)片刻。為什么這會(huì)讓人眼前一亮-
讓我們來(lái)看一個(gè)交互式啟動(dòng)畫(huà)面的例子:
Submit splash screen by Khai
這個(gè)設(shè)計(jì)是用戶(hù)在應(yīng)用程序中完成提交交互之后的展示的動(dòng)畫(huà)。當(dāng)數(shù)據(jù)被發(fā)送到數(shù)據(jù)庫(kù)時(shí),彈跳球創(chuàng)建了一個(gè)有趣的體驗(yàn),接下來(lái)的勾號(hào)向用戶(hù)提供反饋,告訴用戶(hù)的操作是成功的,這是一個(gè)重要的體驗(yàn)實(shí)現(xiàn)。以下是啟動(dòng)畫(huà)面時(shí)要遵循的一些最佳的方法:
分頁(yè)是一系列相互連接且內(nèi)容相似的頁(yè)面,需要注意的是即使頁(yè)面中某一部分的內(nèi)容可以分為不同的頁(yè)面,我們?nèi)匀粚⑦@個(gè)概念定義為分頁(yè)。其優(yōu)點(diǎn)包括3個(gè):更容易的導(dǎo)航、更好的用戶(hù)體驗(yàn)、更流暢的購(gòu)買(mǎi)過(guò)程。通常用在電子商務(wù)網(wǎng)站。
讓我們來(lái)看一個(gè)分頁(yè)組件的例子,它可以在各個(gè)部分之間滑動(dòng)并且可以通過(guò)動(dòng)畫(huà)創(chuàng)建一個(gè)令人愉快的用戶(hù)體驗(yàn):
Pagination by André Gonçalves
當(dāng)用戶(hù)在不同部分之間切換時(shí),它創(chuàng)造了一種流暢的用戶(hù)體驗(yàn)。它可以用在應(yīng)用程序中用戶(hù)可以在各個(gè)部分之間快速滑動(dòng)。例如瀏覽電子商務(wù)網(wǎng)站中的產(chǎn)品圖片、閱讀教育應(yīng)用程序中的不同部分信息,或者按照步驟創(chuàng)建食品應(yīng)用程序的配方。
在用戶(hù)界面設(shè)計(jì)中,卡片列表是一個(gè)易于展示信息快的方法。借鑒現(xiàn)實(shí)世界中使用實(shí)物卡片記憶和組織信息的方法ーー例如抽屜卡或便利貼ーー卡片列表顯示一系列卡片,每張卡片包含一小部分信息。因此,設(shè)計(jì)的真正的難點(diǎn)在于平衡信息的傳遞方式,而不是讓使用者不知所措。
用戶(hù)應(yīng)該得到一個(gè)清晰的圖片并準(zhǔn)確傳達(dá)信息,如果用戶(hù)選擇深入瀏覽時(shí),可以選擇擴(kuò)展信息和更深入的展示。保持卡片展開(kāi)的連續(xù)性、流動(dòng)性應(yīng)是平順且感覺(jué)就像是一個(gè)連接在一起的感覺(jué)。
像上面所有的交互一樣,看一個(gè)交互設(shè)計(jì)的例子:
MVMT concept by Lukas Guschlbauer
這個(gè)設(shè)計(jì)是用在一個(gè)電子商務(wù)的應(yīng)用程序,購(gòu)買(mǎi)手表顯示卡的項(xiàng)目。主要的信息如價(jià)格和等級(jí)需要顯示在每張卡片。擴(kuò)展卡片可以顯示額外的信息,例如使用特點(diǎn)和推薦。在消費(fèi)購(gòu)買(mǎi)決策時(shí),這款手表的粘性擴(kuò)展視圖創(chuàng)造了一個(gè)更好的體驗(yàn)。直觀的使用和-正確的操作-通常美學(xué)上也是令人舒適的。擴(kuò)展卡片列表可以構(gòu)建響應(yīng)式布局設(shè)計(jì),也是提高可用性的絕佳方案。目的是提高瀏覽內(nèi)容或者信息量大的應(yīng)用程序。
作者:Samarth Zalte
本文由@木之 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
在互聯(lián)網(wǎng)領(lǐng)域中,人機(jī)之間的互動(dòng)過(guò)程就是交互。交互也有一些可預(yù)測(cè)的、重復(fù)出現(xiàn)的規(guī)律,作者總結(jié)了其中常見(jiàn)的七種C端交互模式,可以提高大家的工作效率,分享給大家。
前段時(shí)間有個(gè)產(chǎn)品童鞋,他剛加我就問(wèn)了一大串問(wèn)題。
什么是模式(Pattern)?什么是模版(Template)?這兩個(gè)概念有什么區(qū)別?
作為一個(gè)熱心好學(xué)、樂(lè)于助人的產(chǎn)品仔,我當(dāng)然和他暢聊了一個(gè)多小時(shí),順便總結(jié)下聊天內(nèi)容。
你是不是也經(jīng)常在生活工作中,碰到類(lèi)似“行為模式、設(shè)計(jì)模式、語(yǔ)言模式、文檔模版、表格模版”等名詞。
但又搞不清它們有什么區(qū)別,搞懂了又有什么用?
別急,我們花幾分鐘,先來(lái)嘮嘮什么是模式。
可預(yù)測(cè)、重復(fù)出現(xiàn)的現(xiàn)象或規(guī)律,通過(guò)歸納總結(jié),就變成了某一種模式。
我們的生活中,就有許多模式的影子。
比如常見(jiàn)的商業(yè)模式、營(yíng)銷(xiāo)模式、行為模式、數(shù)學(xué)模式、語(yǔ)言模式等。
舉個(gè)例子:
簡(jiǎn)單說(shuō)下行為模式,它分為了“習(xí)慣模式、消費(fèi)模式、學(xué)習(xí)模式”等等。
苦逼打工仔普遍的消費(fèi)模式,一般是工作日花錢(qián)少,到了周末都愛(ài)到商場(chǎng)逛街和購(gòu)物。
但又有特例,我有個(gè)朋友就特別宅,他只喜歡在上班的時(shí)候,摸魚(yú)逛淘寶下單,簡(jiǎn)直離譜~
掌握模式,有什么用?
當(dāng)你掌握了模式的概念,并嘗試在生活中使用,相信你一定能感受到這 7 個(gè)好處。
我們?cè)囍倥e個(gè)例子,加深下對(duì)模式的理解,順便學(xué)學(xué)交互設(shè)計(jì)。
什么是交互?
簡(jiǎn)單來(lái)說(shuō),交互指的是在互聯(lián)網(wǎng)領(lǐng)域中,人、機(jī)之間的一系列互動(dòng)過(guò)程。
我還提煉了 3 種常見(jiàn)模式(簡(jiǎn)單反饋、數(shù)據(jù)操作、業(yè)務(wù)判斷),比較粗糙湊合也能用。
現(xiàn)在試著再系統(tǒng)總結(jié)下,我常用的 7 種 C 端交互模式,主要有:導(dǎo)航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導(dǎo)模式。
學(xué)完就能用,趕緊卷起來(lái)~
有人就問(wèn)了,還有更多交互模式嗎?
確實(shí)可以有,等我有時(shí)間再編幾個(gè)。。
話(huà)說(shuō)回來(lái),如果是一些特別復(fù)雜的業(yè)務(wù)規(guī)則,可能會(huì)涉及到 N 個(gè)交互模式的任意組合。
常見(jiàn)的導(dǎo)航模式有按鈕組合、標(biāo)簽菜單、宮格布局、列表視圖等。
導(dǎo)航模式的主要作用是,告知用戶(hù)當(dāng)前在網(wǎng)站的位置,以及接下來(lái)到哪些頁(yè)面,這有點(diǎn)像地圖 APP。
上面這張圖中,包含了幾種導(dǎo)航組件呢?
搜索,是各大電商 APP 常見(jiàn)的交互模式。
搜索模式允許用戶(hù)輸入關(guān)鍵詞,然后系統(tǒng)返回搜索結(jié)果。
打個(gè)比方,這有點(diǎn)像在 Navicat 中寫(xiě)了一段 SQL 查詢(xún)。
SELECT id, name, age
FROM users
WHERE age > 18
這段 SQL 的作用是,查詢(xún)大于 18 歲的用戶(hù)信息,包含序號(hào)、名稱(chēng)、年齡。
常見(jiàn)的反饋模式組件,涉及了對(duì)話(huà)框、吐司提示、氣泡提示等。
反饋模式用的比較多的場(chǎng)景是,告知用戶(hù)一些信息或提示,比如“輸入密碼錯(cuò)了、展示訂單取消的注意事項(xiàng)”等。
輸入模式主要用于新數(shù)據(jù)創(chuàng)建,例如淘寶下單時(shí),你新增了一個(gè)收貨地址。
打開(kāi)美團(tuán)叫個(gè)外賣(mài),整個(gè)訂單創(chuàng)建流程,也是輸入模式。
有很多人可能會(huì)把輸入模式和編輯模式搞混。
區(qū)別它們的一個(gè)方法是,交互流程涉及新數(shù)據(jù)創(chuàng)建,還是改舊數(shù)據(jù)。
改數(shù)據(jù)的話(huà),那就是編輯模式。
我們?cè)诳吹揭恍└韶浳恼?,或好用的小程序想要轉(zhuǎn)發(fā)給朋友,那就要用到分享模式。
分享模式可以很簡(jiǎn)單,也可以往復(fù)雜了做,看產(chǎn)品階段去實(shí)現(xiàn)。
引導(dǎo)模式和反饋模式有點(diǎn)像,都是展示特定的內(nèi)容。
那怎么分辨它們呢?
以設(shè)計(jì)師視角來(lái)看,反饋模式需要用戶(hù)觸發(fā),系統(tǒng)被動(dòng)顯示。
而要讓用戶(hù)特別關(guān)注的信息,那就是引導(dǎo)模式。
模式,即抽象的規(guī)律。——好夕雷
說(shuō)了這么多概念和例子,你是不是對(duì)模式的認(rèn)知更清晰了呢?
模式運(yùn)用在產(chǎn)品領(lǐng)域,就有了這 7 種交互模式,分別是“導(dǎo)航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導(dǎo)模式”。
如果學(xué)會(huì)了模式,那么無(wú)論生活還是工作,相信你一定能輕松應(yīng)對(duì)、事半功倍。
本文由 @好夕雷 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jsyqsx.cn