超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁(yè)

B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式

ui設(shè)計(jì)分享達(dá)人

B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
一、UI設(shè)計(jì)師在B端產(chǎn)品界面設(shè)計(jì)時(shí),可能會(huì)遇到的問(wèn)題。
1.1復(fù)雜的數(shù)據(jù)可視化需求
B端應(yīng)用往往涉及復(fù)雜數(shù)據(jù),設(shè)計(jì)師需要?jiǎng)?chuàng)造清晰且有效的方式來(lái)顯示這些信息。
對(duì)于B端產(chǎn)品設(shè)計(jì)中復(fù)雜的數(shù)據(jù)可視化需求,一個(gè)詳細(xì)的解決方案需要從不同層面進(jìn)行考慮和實(shí)施:
理解用戶需求:
首先,進(jìn)行深入的用戶研究以理解不同用戶的數(shù)據(jù)需求。這可能包括用戶訪談、觀察和問(wèn)卷調(diào)查,以收集關(guān)于他們?nèi)绾卫斫夂褪褂脭?shù)據(jù)的信息。
選擇合適的圖表類(lèi)型:
根據(jù)數(shù)據(jù)類(lèi)型和用戶需求選擇最合適的圖表類(lèi)型。例如,時(shí)間序列數(shù)據(jù)適合折線圖,而比較數(shù)據(jù)則可能更適合條形圖或餅圖。同時(shí),對(duì)于更復(fù)雜的數(shù)據(jù)關(guān)系,可能需要使用散點(diǎn)圖、熱圖或樹(shù)狀圖。
簡(jiǎn)化設(shè)計(jì):
避免過(guò)度裝飾的圖表。使用清晰的軸標(biāo)簽、標(biāo)題和圖例,確保用戶能夠輕松讀懂圖表。選擇合適的顏色方案來(lái)增強(qiáng)可讀性,同時(shí)避免使用令人分心或誤解的顏色組合。
增加交互性:
交互式元素可以大大增強(qiáng)數(shù)據(jù)可視化的效果。例如,當(dāng)用戶將鼠標(biāo)懸停在圖表的某個(gè)部分時(shí),可以顯示詳細(xì)的數(shù)據(jù)點(diǎn)信息。此外,可以允許用戶通過(guò)篩選、排序或拖動(dòng)來(lái)自定義視圖。
提供上下文和引導(dǎo):
確保每個(gè)圖表都有足夠的上下文信息,比如引導(dǎo)性文本或簡(jiǎn)短的分析,幫助用戶理解數(shù)據(jù)背后的故事。這不僅包括圖表本身的解釋?zhuān)€包括如何使用圖表進(jìn)行有效決策的指導(dǎo)。
優(yōu)化性能:
對(duì)于處理大量數(shù)據(jù)的可視化,確保性能優(yōu)化是至關(guān)重要的。這可能涉及后端數(shù)據(jù)處理優(yōu)化、前端渲染優(yōu)化以及合理的數(shù)據(jù)加載策略。
用戶測(cè)試和反饋:
設(shè)計(jì)完成后,進(jìn)行用戶測(cè)試以收集反饋。觀察用戶如何與數(shù)據(jù)可視化交互,并根據(jù)他們的反饋進(jìn)行調(diào)整。這是一個(gè)持續(xù)的過(guò)程,旨在不斷提高可視化工具的有效性和用戶滿意度。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
可以找到大量的參考選擇適用自己產(chǎn)品風(fēng)格的可視化,之后進(jìn)行修改。
1.2深層級(jí)的功能集成
與C端產(chǎn)品相比,B端產(chǎn)品可能有更深層次和復(fù)雜的功能,難以設(shè)計(jì)簡(jiǎn)潔直觀的用戶界面。
對(duì)于UI設(shè)計(jì)師在進(jìn)行B端產(chǎn)品界面設(shè)計(jì)時(shí)遇到的“深層級(jí)的功能集成”問(wèn)題,一個(gè)詳細(xì)的解決方案需要包括以下幾個(gè)關(guān)鍵策略:
模塊化設(shè)計(jì):
通過(guò)將復(fù)雜功能分解為獨(dú)立、可重用的模塊,可以簡(jiǎn)化界面并提高可維護(hù)性。每個(gè)模塊應(yīng)專(zhuān)注于單一功能或任務(wù),從而使整體系統(tǒng)更加清晰易懂。
清晰的信息架構(gòu):
建立一個(gè)邏輯清晰的信息架構(gòu)是至關(guān)重要的。這包括創(chuàng)建一個(gè)分層的菜單結(jié)構(gòu),將相關(guān)功能組織在一起,并通過(guò)適當(dāng)?shù)拿麃?lái)指導(dǎo)用戶。
分層的導(dǎo)航系統(tǒng):
為不同層級(jí)的功能提供清晰的導(dǎo)航路徑。這可能包括主導(dǎo)航菜單、次級(jí)導(dǎo)航以及面包屑導(dǎo)航等,幫助用戶理解他們?cè)趹?yīng)用中的位置以及如何訪問(wèn)特定的功能。
搜索功能:
隨著功能數(shù)量的增加,提供一個(gè)強(qiáng)大的搜索工具變得尤為重要。這可以幫助用戶快速找到他們需要的特定功能或信息。
自定義和個(gè)性化設(shè)置:
允許用戶根據(jù)自己的工作流程和偏好來(lái)自定義界面。這包括選擇要顯示的模塊、調(diào)整布局以及設(shè)置快捷方式等。
交互式教程和幫助文檔:
為新用戶提供交互式教程,幫助他們快速了解如何使用應(yīng)用。同時(shí),提供詳細(xì)的幫助文檔和FAQ,以便用戶可以自助解決問(wèn)題。
用戶測(cè)試和反饋:
持續(xù)進(jìn)行用戶測(cè)試和收集反饋,了解哪些功能集成方式有效,哪些需要改進(jìn)。根據(jù)用戶的反饋不斷調(diào)整和優(yōu)化界面設(shè)計(jì)。 通過(guò)實(shí)施這些策略,UI設(shè)計(jì)師可以有效解決深層級(jí)功能集成的問(wèn)題,創(chuàng)造出既強(qiáng)大又易于使用的B端產(chǎn)品界面。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
1.3用戶習(xí)慣差異
B端用戶可能來(lái)自不同行業(yè),具有不同的操作習(xí)慣和偏好,滿足所有用戶的需求挑戰(zhàn)較大。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“用戶習(xí)慣差異”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)包括以下幾個(gè)步驟:
深入用戶研究:
通過(guò)訪談、問(wèn)卷調(diào)查、用戶觀察和分析用戶數(shù)據(jù)來(lái)理解不同用戶群體的習(xí)慣和需求。這些研究幫助揭示不同行業(yè)、角色和經(jīng)驗(yàn)水平的用戶如何與產(chǎn)品互動(dòng)。
多樣化的設(shè)計(jì)解決方案:
根據(jù)研究結(jié)果,設(shè)計(jì)可以適應(yīng)不同用戶需求的界面。這可能涉及提供多種布局、導(dǎo)航樣式和交互方式供用戶選擇。
個(gè)性化和定制功能:
允許用戶根據(jù)個(gè)人偏好調(diào)整界面,包括主題、布局、快捷方式和默認(rèn)設(shè)置等。
清晰的指導(dǎo)和幫助:
為了幫助用戶理解如何使用產(chǎn)品,提供詳細(xì)的幫助文檔、FAQ和交互式教程。
持續(xù)的反饋循環(huán):
設(shè)立機(jī)制收集用戶反饋,定期進(jìn)行用戶測(cè)試,并根據(jù)反饋迭代優(yōu)化產(chǎn)品。
通過(guò)這些策略,UI設(shè)計(jì)師可以更好地應(yīng)對(duì)用戶習(xí)慣的差異,創(chuàng)造出既滿足用戶需求又易于使用的B端產(chǎn)品界面。
1.4訪問(wèn)權(quán)限管理
需要設(shè)計(jì)復(fù)雜的權(quán)限設(shè)置界面,確保不同級(jí)別的用戶只能訪問(wèn)特定信息。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“訪問(wèn)權(quán)限管理”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)該包括以下幾個(gè)關(guān)鍵策略:
深入理解不同角色的需求:
與產(chǎn)品的各種用戶群體(如管理者、普通用戶、審計(jì)員等)進(jìn)行交流,了解他們對(duì)權(quán)限管理的需求和期望。
設(shè)計(jì)靈活的權(quán)限框架:
創(chuàng)建一個(gè)可以靈活適應(yīng)不同用戶和角色需求的權(quán)限系統(tǒng)。這包括定義不同級(jí)別的權(quán)限,如查看、編輯、管理等,并允許細(xì)粒度的控制。
直觀的權(quán)限配置界面:
為管理員設(shè)計(jì)一個(gè)清晰、直觀的界面,讓他們可以輕松分配和調(diào)整權(quán)限。提供明確的指示和反饋,確保管理員理解每種權(quán)限的含義。
透明的用戶權(quán)限指引:
向用戶清晰顯示他們的權(quán)限等級(jí)和可以訪問(wèn)的內(nèi)容。當(dāng)用戶嘗試進(jìn)行超出權(quán)限的操作時(shí),提供友好的錯(cuò)誤消息和指引。
權(quán)限變更的審計(jì)和記錄:
記錄所有權(quán)限的更改歷史,以便于追蹤和審計(jì)。這對(duì)于保障系統(tǒng)安全和滿足合規(guī)要求非常關(guān)鍵。
持續(xù)的測(cè)試和反饋:
定期進(jìn)行權(quán)限系統(tǒng)的用戶測(cè)試,收集反饋并根據(jù)反饋調(diào)整和優(yōu)化設(shè)計(jì)。
通過(guò)實(shí)施這些策略,可以構(gòu)建一個(gè)既強(qiáng)大又易于管理的訪問(wèn)權(quán)限系統(tǒng),從而提升B端產(chǎn)品的安全性、靈活性和用戶滿意度。
1.5多設(shè)備兼容
必須確保界面在各種設(shè)備和屏幕尺寸上均表現(xiàn)良好,
尤其是需要在寬為1440px和1920px下有效運(yùn)行。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“多設(shè)備兼容性”問(wèn)題,一個(gè)詳細(xì)的解決方案涉及多個(gè)層面。
首先,采用響應(yīng)式設(shè)計(jì)原則
,確保界面元素和布局能夠根據(jù)不同的屏幕尺寸和分辨率自動(dòng)調(diào)整。
其次,對(duì)于關(guān)鍵功能,進(jìn)行徹底的跨平臺(tái)測(cè)試,包括不同操作系統(tǒng)、瀏覽器和設(shè)備類(lèi)型,確保功能的一致性和穩(wěn)定性。
另外,考慮到觸控和非觸控設(shè)備的交互差異
,設(shè)計(jì)時(shí)應(yīng)確保按鈕和其他控件大小適中,易于操作。
通過(guò)這些綜合策略,可以有效解決多設(shè)備兼容性問(wèn)題,提升用戶的整體體驗(yàn)。
1.6專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容”問(wèn)題,一個(gè)詳細(xì)的解決方案包括深入行業(yè)研究,確保使用對(duì)目標(biāo)用戶群來(lái)說(shuō)準(zhǔn)確、相關(guān)的術(shù)語(yǔ)。
與此同時(shí),與行業(yè)專(zhuān)家合作,以驗(yàn)證內(nèi)容的準(zhǔn)確性和適用性,確保信息傳達(dá)清晰無(wú)誤。
設(shè)計(jì)時(shí),考慮到不同用戶的知識(shí)背景,提供容易理解的解釋或工具提示,對(duì)復(fù)雜術(shù)語(yǔ)進(jìn)行簡(jiǎn)化。此外,創(chuàng)建全面的幫助文檔和在線教育資源,幫助用戶深入理解專(zhuān)業(yè)內(nèi)容。
定期更新內(nèi)容,確保與行業(yè)發(fā)展保持同步,同時(shí)收集用戶反饋,不斷優(yōu)化和調(diào)整術(shù)語(yǔ)和內(nèi)容的使用。通過(guò)這些方法,UI設(shè)計(jì)師可以在確保專(zhuān)業(yè)準(zhǔn)確性的同時(shí),提升用戶的理解和操作效率
1.7交互復(fù)雜性
了解用戶:
深入理解B端用戶的工作流程和任務(wù)需求。B端用戶往往更關(guān)注效率和功能,因此設(shè)計(jì)師需要明確用戶的專(zhuān)業(yè)性和任務(wù)目標(biāo)。
簡(jiǎn)化流程:
盡管B端應(yīng)用可能功能復(fù)雜,但設(shè)計(jì)師應(yīng)努力簡(jiǎn)化用戶流程。這包括創(chuàng)建直觀的導(dǎo)航系統(tǒng),減少不必要的步驟,以及提供清晰的指引。
模塊化設(shè)計(jì):
將復(fù)雜功能拆分成獨(dú)立的模塊或組件。每個(gè)模塊專(zhuān)注于一個(gè)具體任務(wù)或功能,用戶可以根據(jù)需要組合使用它們。
定制化和個(gè)性化:
允許用戶根據(jù)自己的需求和偏好定制界面和功能。例如,提供可定制的儀表板,讓用戶可以選擇對(duì)他們最重要的信息和工具。
清晰的視覺(jué)層級(jí):
通過(guò)顏色、大小和布局等視覺(jué)元素創(chuàng)建清晰的層級(jí),幫助用戶理解信息的重要性和操作的先后順序。
 
二、不同的B端產(chǎn)品所面對(duì)的問(wèn)題也不一樣
不同B端產(chǎn)品可能面臨的問(wèn)題包括用戶角色多樣化、數(shù)據(jù)密集、嚴(yán)格的安全要求、高度定制的工作流程和快速變化的行業(yè)規(guī)范。在B端產(chǎn)品設(shè)計(jì)中,UI設(shè)計(jì)師可能面臨的問(wèn)題和注意事項(xiàng)舉例:
ERP系統(tǒng):
可能出現(xiàn)的問(wèn)題包括復(fù)雜的數(shù)據(jù)集成和大量的用戶角色。設(shè)計(jì)時(shí)應(yīng)注重清晰的數(shù)據(jù)可視化和靈活的權(quán)限設(shè)置。
醫(yī)療保健平臺(tái):
面臨嚴(yán)格的合規(guī)和隱私要求。設(shè)計(jì)應(yīng)確保數(shù)據(jù)安全性,同時(shí)提供易于理解的導(dǎo)航和專(zhuān)業(yè)術(shù)語(yǔ)解釋。
金融管理軟件:
需要處理復(fù)雜的交易和報(bào)告。應(yīng)關(guān)注于精確的數(shù)據(jù)展示和高效的任務(wù)流程設(shè)計(jì)。
CRM系統(tǒng):
需管理大量客戶數(shù)據(jù)和銷(xiāo)售流程,可能面臨數(shù)據(jù)整合和用戶個(gè)性化需求的問(wèn)題。設(shè)計(jì)時(shí)應(yīng)側(cè)重于清晰的數(shù)據(jù)組織和自定義視圖。
供應(yīng)鏈管理軟件:
可能面臨復(fù)雜的物流數(shù)據(jù)和多級(jí)用戶訪問(wèn)問(wèn)題。解決方案包括強(qiáng)大的數(shù)據(jù)過(guò)濾功能和靈活的權(quán)限設(shè)置。
項(xiàng)目管理工具:
需處理不同項(xiàng)目和任務(wù)的組織,可能面臨用戶協(xié)作和進(jìn)度追蹤的挑戰(zhàn)。設(shè)計(jì)應(yīng)側(cè)重于簡(jiǎn)化的任務(wù)管理界面和實(shí)時(shí)更新功能。
財(cái)務(wù)報(bào)告系統(tǒng):
可能遇到的問(wèn)題包括復(fù)雜的財(cái)務(wù)數(shù)據(jù)展示和各種報(bào)告格式的需求。設(shè)計(jì)時(shí)應(yīng)注重靈活的報(bào)告工具和定制的數(shù)據(jù)儀表板。
教育管理平臺(tái):
面臨多樣化的用戶群體和教育內(nèi)容的問(wèn)題。設(shè)計(jì)應(yīng)提供清晰的課程導(dǎo)航和易于訪問(wèn)的教學(xué)資源。
工業(yè)監(jiān)控系統(tǒng):
可能面臨實(shí)時(shí)數(shù)據(jù)流和高級(jí)監(jiān)控功能的需求。設(shè)計(jì)時(shí)應(yīng)重視數(shù)據(jù)實(shí)時(shí)更新和高效的警報(bào)系統(tǒng)。


作者:張陽(yáng)光Designer
來(lái)源:站酷

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

交互設(shè)計(jì)基礎(chǔ)定律-泰斯勒定律

博博

“每一個(gè)產(chǎn)品有著不可降低的復(fù)雜性,這個(gè)復(fù)雜性有一個(gè)臨界點(diǎn),臨界點(diǎn)的位置決定了誰(shuí)將處理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被稱作「復(fù)雜度守恒定律」,由拉里·泰斯勒于1984年提出。定律認(rèn)為:一個(gè)系統(tǒng)中有一定程度的復(fù)雜性是無(wú)法被降低的,內(nèi)在的復(fù)雜度只能通過(guò)產(chǎn)品設(shè)計(jì)去設(shè)法平衡和轉(zhuǎn)移。

二、泰斯勒定律在設(shè)計(jì)中的運(yùn)用

每一個(gè)產(chǎn)品都必然會(huì)有其系統(tǒng)和用戶兩端無(wú)法簡(jiǎn)化的復(fù)雜度,不論是在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)還是產(chǎn)品交互環(huán)節(jié)都無(wú)法按照人們的意愿做刪除,只能設(shè)法去調(diào)整、平衡。通過(guò)轉(zhuǎn)移兩者直接的臨界點(diǎn),來(lái)提高產(chǎn)品的體驗(yàn)度。

1、讓用戶識(shí)別而不是記憶

在操作中最大限度的減少用戶的記憶負(fù)荷,通過(guò)減少獲取信息的復(fù)雜性,讓用戶在操作中去識(shí)別信息而不是去記憶,界面的交互動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的。

2、算法程序、推薦正確內(nèi)容

用戶在使用產(chǎn)品的過(guò)程中是一個(gè)逐漸適應(yīng)成長(zhǎng)的過(guò)程,他們會(huì)從無(wú)經(jīng)驗(yàn)變得有經(jīng)驗(yàn),因此設(shè)計(jì)系統(tǒng)需要針對(duì)不同的人群提供差異化的操作,讓系統(tǒng)操作難度與用戶實(shí)際的經(jīng)驗(yàn)水平相匹配,滿足他們對(duì)產(chǎn)品靈活易用的控制欲,實(shí)現(xiàn)其目標(biāo)感以及成就感。

3、整合功能、簡(jiǎn)化用戶界面

隨著用戶需求的不斷增加,產(chǎn)品也將會(huì)不斷迭代,越到后面功能也可能會(huì)越來(lái)也多而且復(fù)雜。在不影響用戶需求和體驗(yàn)的前提下,盡可能的整合同類(lèi)的功能,簡(jiǎn)化用戶界面的復(fù)雜度。

三、總結(jié)

在產(chǎn)品設(shè)計(jì)中,泰斯勒定律主要是為了權(quán)衡用戶復(fù)雜度和系統(tǒng)復(fù)雜度之間的一個(gè)平衡。在應(yīng)用「泰斯勒定律」平衡交互設(shè)計(jì)中的復(fù)雜度這時(shí)需要注意以下幾個(gè)要點(diǎn):

1、系統(tǒng)的總復(fù)雜度是一個(gè)常數(shù),為用戶提供更簡(jiǎn)單的功能會(huì)增加其他方面的復(fù)雜性;

2、找到復(fù)雜度轉(zhuǎn)移的「最低成本的方式」;

3、界面不能太過(guò)簡(jiǎn)單,適當(dāng)?shù)膹?fù)雜度也會(huì)吸引用戶;

而設(shè)計(jì)本身其實(shí)是一個(gè)平衡過(guò)程,需要我們與業(yè)務(wù)方反復(fù)的溝通,考慮綜合成本,確保以項(xiàng)目最低成本方式實(shí)現(xiàn)業(yè)務(wù)目標(biāo)與體驗(yàn)?zāi)繕?biāo)之間的平衡。

 

作者:哆啦的設(shè)計(jì)筆記
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)軟件vue開(kāi)發(fā)

超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)

前端達(dá)人

簡(jiǎn)介
設(shè)計(jì)方法論在UI設(shè)計(jì)中的應(yīng)用帶來(lái)了顯著好處,通過(guò)系統(tǒng)性的設(shè)計(jì)流程和框架,團(tuán)隊(duì)能夠更有效地處理挑戰(zhàn)、創(chuàng)造出用戶關(guān)注的界面。它促進(jìn)了團(tuán)隊(duì)協(xié)作與溝通,強(qiáng)調(diào)問(wèn)題解決與創(chuàng)新,同時(shí)重視持續(xù)的用戶測(cè)試與反饋循環(huán),有助于提高設(shè)計(jì)質(zhì)量和用戶滿意度,使得設(shè)計(jì)過(guò)程更為高效、有條理并具備創(chuàng)造性。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
設(shè)計(jì)原則目錄
希克定律
??硕擅枋隽诉x擇時(shí)間與選擇項(xiàng)數(shù)量之間的關(guān)系,即選擇的時(shí)間會(huì)隨著可選項(xiàng)的增加而增加。在設(shè)計(jì)中,這個(gè)定律提醒我們?cè)诮缑嬖O(shè)計(jì)時(shí)要簡(jiǎn)化選擇過(guò)程,減少選項(xiàng)數(shù)量,使用戶更輕松、更快速地做出選擇。
確認(rèn)偏差
確認(rèn)偏差指出人們更傾向于接受與自己原有信念或期望相符的信息。在設(shè)計(jì)中,了解確認(rèn)偏差有助于設(shè)計(jì)師合理呈現(xiàn)信息,將重要內(nèi)容放置在用戶預(yù)期區(qū)域,增強(qiáng)用戶對(duì)界面的認(rèn)可感。
鄰近法則
鄰近法則是指將視覺(jué)上相關(guān)的元素放置在彼此附近,使用戶更容易將它們視作相關(guān)的一部分。在設(shè)計(jì)中,合理利用鄰近法則能夠組織信息、創(chuàng)造更清晰易懂的界面布局,提高用戶對(duì)界面內(nèi)容的理解和識(shí)別。
菲茨定律
菲茨定律描述了目標(biāo)大小和距離對(duì)用戶操作效率的影響。設(shè)計(jì)師可以利用這個(gè)原則優(yōu)化界面元素的大小與間距,使用戶更快速、更準(zhǔn)確地完成操作,提升用戶體驗(yàn)和界面的易用性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是??硕??
??硕墒且粋€(gè)與人類(lèi)反應(yīng)時(shí)間和選擇數(shù)量之間關(guān)系的心理學(xué)原理,特別適用于界面設(shè)計(jì)和用戶體驗(yàn)。這個(gè)定律是由英國(guó)心理學(xué)家威廉·??耍╓illiam Edmund Hick)在20世紀(jì)初提出的。
簡(jiǎn)而言之,??硕杀砻魅藗冏龀鲞x擇所需的時(shí)間與可供選擇的數(shù)量成正比。這意味著當(dāng)選項(xiàng)的數(shù)量增加時(shí),決策所需的時(shí)間也會(huì)相應(yīng)增加。在UI設(shè)計(jì)中,這個(gè)定律強(qiáng)調(diào)了簡(jiǎn)化選擇以提高用戶體驗(yàn)的重要性。
通過(guò)減少選擇數(shù)量,設(shè)計(jì)師可以幫助用戶更快速、更輕松地做出決策。這可以通過(guò)多種方式實(shí)現(xiàn),例如使用更簡(jiǎn)潔的菜單結(jié)構(gòu)、合并功能或選項(xiàng)、使用默認(rèn)設(shè)置以減少用戶需要作出的選擇等。
了解??硕蓪?duì)于設(shè)計(jì)者來(lái)說(shuō)是極為重要的,因?yàn)樗嵝盐覀儯涸谠O(shè)計(jì)界面時(shí),簡(jiǎn)化和優(yōu)化選擇可能會(huì)帶來(lái)更流暢、更高效的用戶體驗(yàn)。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
??硕墒腔谛睦韺W(xué)和人類(lèi)認(rèn)知過(guò)程的研究而產(chǎn)生的。威廉·??撕退耐略?930年代進(jìn)行了一系列的實(shí)驗(yàn),旨在了解人們?cè)诓煌x擇數(shù)量下做出決策的反應(yīng)時(shí)間。
實(shí)驗(yàn)中,被試者面對(duì)不同數(shù)量的選擇,例如按鈕或選項(xiàng),然后被要求盡快做出選擇。實(shí)驗(yàn)結(jié)果顯示,隨著選項(xiàng)數(shù)量的增加,被試者做出選擇所需的時(shí)間也相應(yīng)增加。這一觀察成為??硕傻幕A(chǔ)。
??硕傻谋举|(zhì)是認(rèn)知心理學(xué)的一部分,它涉及到人類(lèi)對(duì)信息的處理方式。當(dāng)人們面對(duì)多個(gè)選項(xiàng)時(shí),他們需要對(duì)每個(gè)選項(xiàng)進(jìn)行評(píng)估和決策,這會(huì)增加認(rèn)知負(fù)荷。結(jié)果是,隨著選項(xiàng)數(shù)量的增加,處理和選擇所需的時(shí)間也相應(yīng)增加。
這個(gè)定律提出了一種對(duì)設(shè)計(jì)界面和交互方式有深遠(yuǎn)影響的見(jiàn)解:簡(jiǎn)化界面,減少選擇數(shù)量,可以幫助用戶更快速、更輕松地做出決策。這種認(rèn)知負(fù)荷的理論成果對(duì)于優(yōu)化用戶體驗(yàn)和提高界面效率有著重要的指導(dǎo)作用。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下??硕蒛I作用?
希克定律在UI設(shè)計(jì)中具有重要作用,它強(qiáng)調(diào)了簡(jiǎn)化選擇以提高用戶體驗(yàn)的重要性。以下是??硕稍赨I設(shè)計(jì)中的一些具體作用和應(yīng)用:
簡(jiǎn)化菜單和導(dǎo)航
: 減少導(dǎo)航菜單中的選項(xiàng)數(shù)量,將類(lèi)似功能的項(xiàng)目歸類(lèi)或合并,可以減輕用戶的選擇負(fù)擔(dān),幫助他們更快速地找到所需信息。
優(yōu)化工作流程
: 在應(yīng)用程序或網(wǎng)站設(shè)計(jì)中,簡(jiǎn)化工作流程和操作步驟可以減少用戶需要做出的決策,提高用戶完成任務(wù)的效率。
默認(rèn)設(shè)置和建議
: 使用默認(rèn)設(shè)置或提供建議可以減少用戶必須做出的選擇。通過(guò)合理設(shè)置默認(rèn)選項(xiàng),可以簡(jiǎn)化用戶體驗(yàn),讓用戶更快地進(jìn)入應(yīng)用或網(wǎng)站并開(kāi)始使用。
信息層級(jí)結(jié)構(gòu)
: 設(shè)計(jì)清晰的信息架構(gòu)和層級(jí)結(jié)構(gòu)有助于將內(nèi)容組織得更有條理,使用戶能夠更容易地定位所需信息,避免過(guò)多的選擇。
上下文反饋和指導(dǎo)
: 提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解當(dāng)前操作的影響,減少不必要的猶豫和選擇焦慮。
用戶個(gè)性化和智能推薦
: 利用個(gè)性化推薦或智能算法,根據(jù)用戶的歷史偏好為其提供定制化的選擇,減少不必要的選擇。
在UI設(shè)計(jì)中,理解希克定律可以引導(dǎo)設(shè)計(jì)師創(chuàng)造出更簡(jiǎn)潔、更直觀、更易用的界面,從而提高用戶滿意度和效率。通過(guò)減少選擇數(shù)量和簡(jiǎn)化操作,設(shè)計(jì)可以更好地配合人類(lèi)認(rèn)知特性,使用戶在界面上的交互變得更加流暢和自然。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在UI設(shè)計(jì)中,了解和應(yīng)用希克定律有助于創(chuàng)造更優(yōu)秀的用戶體驗(yàn)。以下是需要記住的一些關(guān)鍵點(diǎn):
選擇數(shù)量與決策時(shí)間成正比
: 用戶需要花費(fèi)更多時(shí)間來(lái)做出決策,當(dāng)他們面對(duì)更多選擇時(shí)。減少選擇數(shù)量可以提高用戶的決策效率。
簡(jiǎn)化界面以降低認(rèn)知負(fù)荷
: 設(shè)計(jì)簡(jiǎn)潔、清晰的界面可以減少用戶的認(rèn)知負(fù)荷,幫助他們更輕松地使用應(yīng)用或網(wǎng)站。
層級(jí)結(jié)構(gòu)和組織
: 通過(guò)良好的信息層級(jí)結(jié)構(gòu)和內(nèi)容組織,可以使用戶更快速地找到所需信息,減少選擇過(guò)程。
默認(rèn)設(shè)置的重要性
: 合理設(shè)置默認(rèn)選項(xiàng)可以簡(jiǎn)化用戶體驗(yàn),降低他們需要做出的選擇,從而更快地開(kāi)始使用應(yīng)用或網(wǎng)站。
上下文反饋和引導(dǎo)
: 提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解其操作的影響,減少選擇焦慮。
用戶個(gè)性化和智能推薦
: 利用用戶個(gè)性化數(shù)據(jù)和智能算法,為用戶提供定制化的選擇,降低不必要的選擇過(guò)程。
記住這些關(guān)鍵點(diǎn)能夠幫助設(shè)計(jì)師更好地優(yōu)化界面,提供更出色的用戶體驗(yàn),減少用戶做出選擇所需的時(shí)間,從而增強(qiáng)產(chǎn)品或應(yīng)用的吸引力和實(shí)用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用??硕?/div>
在移動(dòng)應(yīng)用程序(App)設(shè)計(jì)中,應(yīng)用??硕煽梢酝ㄟ^(guò)以下方式提高用戶體驗(yàn):
簡(jiǎn)化導(dǎo)航和菜單
: 減少主導(dǎo)航菜單中的選項(xiàng)數(shù)量,將類(lèi)似的功能合并或分類(lèi),以簡(jiǎn)化用戶的選擇過(guò)程。使用清晰的圖標(biāo)和標(biāo)簽幫助用戶更快速地理解選項(xiàng)。
優(yōu)化注冊(cè)和登錄流程
: 在注冊(cè)和登錄過(guò)程中盡可能減少必填項(xiàng),使用社交媒體登錄或單一注冊(cè)選項(xiàng)簡(jiǎn)化流程,降低用戶的選擇負(fù)擔(dān)。
默認(rèn)設(shè)置和個(gè)性化推薦: 利用用戶的偏好和歷史數(shù)據(jù),為用戶提供個(gè)性化的推薦或默認(rèn)設(shè)置,減少用戶需要做出的選擇,并快速展示最相關(guān)的內(nèi)容或功能。
簡(jiǎn)化表單和輸入
: 最小化表單字段,根據(jù)上下文預(yù)填充表單內(nèi)容或使用智能輸入建議,以降低用戶輸入的認(rèn)知負(fù)擔(dān)。
上下文引導(dǎo)和反饋
: 在用戶進(jìn)行關(guān)鍵操作時(shí)提供清晰的引導(dǎo)和反饋,讓用戶了解他們的操作將會(huì)帶來(lái)的結(jié)果,減少不必要的猶豫和選擇焦慮。
智能搜索和過(guò)濾功能
: 提供強(qiáng)大的搜索和過(guò)濾功能,幫助用戶快速找到所需內(nèi)容,減少在大量選項(xiàng)中的選擇時(shí)間。
簡(jiǎn)化購(gòu)買(mǎi)流程
: 在電商應(yīng)用中,優(yōu)化購(gòu)買(mǎi)流程,減少購(gòu)物車(chē)和結(jié)賬過(guò)程中的步驟和選擇,提供清晰的購(gòu)買(mǎi)路徑。
通過(guò)以上方式,設(shè)計(jì)師可以在App中運(yùn)用??硕?,幫助用戶更輕松、更高效地使用應(yīng)用,提高用戶滿意度并增強(qiáng)應(yīng)用的吸引力。這些方法都圍繞著減少選擇數(shù)量、簡(jiǎn)化操作和提供個(gè)性化的體驗(yàn),以減少用戶的認(rèn)知負(fù)荷,提高用戶的決策效率。
 
??硕煽偨Y(jié)
??硕稍谝苿?dòng)應(yīng)用設(shè)計(jì)中的應(yīng)用關(guān)鍵在于簡(jiǎn)化選擇、優(yōu)化流程以提升用戶體驗(yàn)。通過(guò)減少主導(dǎo)航選項(xiàng)、優(yōu)化注冊(cè)與登錄流程、提供個(gè)性化推薦、簡(jiǎn)化表單輸入、提供清晰反饋和引導(dǎo)、強(qiáng)化搜索功能以及簡(jiǎn)化購(gòu)買(mǎi)流程,設(shè)計(jì)師可以降低用戶的選擇焦慮和認(rèn)知負(fù)荷,使用戶更輕松、更高效地使用應(yīng)用,提升用戶滿意度。這些策略圍繞著簡(jiǎn)化操作、減少選項(xiàng)數(shù)量和提供個(gè)性化體驗(yàn),有助于提高用戶的決策效率,增強(qiáng)應(yīng)用的吸引力與可用性。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是確認(rèn)偏差?
確認(rèn)偏差是一種認(rèn)知偏差,指的是人們更傾向于尋找、記住或贊同支持已有信念或假設(shè)的信息,而忽視或排斥與其相矛盾的信息。這種偏差導(dǎo)致人們?cè)趯で笮畔⒑托纬捎^點(diǎn)時(shí)傾向于選擇那些與他們已有信念相一致的信息,而忽視那些與之相悖的信息。
在設(shè)計(jì)和決策過(guò)程中,確認(rèn)偏差可能會(huì)對(duì)判斷和決策產(chǎn)生影響。設(shè)計(jì)師或決策者可能會(huì)傾向于尋找支持他們最初想法或假設(shè)的信息,而忽略潛在的反對(duì)觀點(diǎn)或證據(jù)。這可能導(dǎo)致錯(cuò)誤的假設(shè)、不完整的分析或偏離客觀事實(shí)的判斷。
了解確認(rèn)偏差對(duì)于設(shè)計(jì)師和決策者來(lái)說(shuō)是很重要的,因?yàn)樗梢杂绊懙剿麄儗?duì)問(wèn)題的看法和解決方案的選擇。為了減輕確認(rèn)偏差的影響,重要的做法包括尋求多樣的觀點(diǎn)和信息來(lái)源、鼓勵(lì)團(tuán)隊(duì)開(kāi)放性討論、持續(xù)評(píng)估和反思自己的假設(shè),以及意識(shí)到并主動(dòng)應(yīng)對(duì)這種偏差。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
確認(rèn)偏差的產(chǎn)生與人類(lèi)的認(rèn)知方式和信息處理方式有關(guān)。它可以追溯到我們處理信息的心理機(jī)制,以及對(duì)信息的選擇性接收和處理。
信息過(guò)濾和選擇性接收
: 人類(lèi)大腦處理的信息量龐大,為了應(yīng)對(duì)這種信息負(fù)荷,我們會(huì)有意無(wú)意地選擇性地接收與已有信念相符的信息,因?yàn)檫@樣更容易被接受和理解。
認(rèn)知一致性和舒適度
: 我們傾向于尋求與我們已有信念一致的信息,因?yàn)檫@會(huì)讓我們感到更加舒適和認(rèn)知上的一致性,而與之相悖的信息則可能引起認(rèn)知不適或挑戰(zhàn)。
記憶偏差
: 我們記憶中更容易保留和回憶起與我們已有信念相符的信息,而忽略或淡化與之不符的信息,導(dǎo)致我們更傾向于記住和重復(fù)暴露于已有信念的信息。
社會(huì)影響和團(tuán)隊(duì)動(dòng)態(tài)
: 在團(tuán)隊(duì)環(huán)境中,人們可能更容易受到同伴或領(lǐng)導(dǎo)觀點(diǎn)的影響,導(dǎo)致更多地尋求與團(tuán)隊(duì)共識(shí)一致的信息。
因此,確認(rèn)偏差源于我們處理信息的方式和尋求認(rèn)知一致性的趨勢(shì),這種傾向性會(huì)影響我們對(duì)信息的選擇、記憶和接受,使得我們更容易偏向于支持已有信念的信息。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下確認(rèn)偏差在UI作用?
認(rèn)知偏差在UI設(shè)計(jì)中有著深遠(yuǎn)的影響,設(shè)計(jì)師需要了解并考慮這些偏差,以創(chuàng)造更符合用戶認(rèn)知和行為的界面:
信息呈現(xiàn)與確認(rèn)偏差:
UI設(shè)計(jì)中的信息呈現(xiàn)方式能夠影響用戶的感知。確認(rèn)偏差提示我們,設(shè)計(jì)師應(yīng)該精心布局信息,確保用戶首先接觸到的內(nèi)容是符合其期望和信念的。在重要位置展示與用戶預(yù)期一致的信息能夠增強(qiáng)用戶對(duì)界面的認(rèn)可感。
用戶體驗(yàn)與認(rèn)知一致性:
UI設(shè)計(jì)應(yīng)該符合用戶的認(rèn)知模式和習(xí)慣。保持一致的界面元素、布局結(jié)構(gòu)和交互方式有助于降低用戶學(xué)習(xí)成本,提升用戶體驗(yàn),因?yàn)檫@與用戶的認(rèn)知一致性相契合。
選擇性暴露與設(shè)計(jì)引導(dǎo):
設(shè)計(jì)師可以利用確認(rèn)偏差的特性來(lái)引導(dǎo)用戶,將重要信息或功能放置在易于察覺(jué)的位置,引導(dǎo)用戶進(jìn)行特定的操作。然而,需要謹(jǐn)慎處理,以避免對(duì)用戶造成信息過(guò)載。
避免偏見(jiàn)與用戶測(cè)試:
設(shè)計(jì)師應(yīng)該避免自身的認(rèn)知偏差影響設(shè)計(jì),而是更多地關(guān)注用戶的實(shí)際需求和行為。通過(guò)持續(xù)的用戶測(cè)試和反饋,可以驗(yàn)證設(shè)計(jì)的有效性,確保設(shè)計(jì)更加客觀、全面地服務(wù)于用戶。
認(rèn)知偏差不僅能夠幫助設(shè)計(jì)師更好地了解用戶行為和認(rèn)知模式,也提醒設(shè)計(jì)師需要謹(jǐn)慎地處理信息的呈現(xiàn)方式,以創(chuàng)造出更符合用戶認(rèn)知特點(diǎn)和期望的界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
用戶選擇性感知:
用戶會(huì)傾向于選擇性地接收與其已有信念相符的信息。因此,在設(shè)計(jì)中需要注意如何呈現(xiàn)信息,以便用戶更容易接收并理解與其預(yù)期一致的內(nèi)容。
認(rèn)知一致性與用戶體驗(yàn):
用戶更喜歡一致性的界面設(shè)計(jì)。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗(yàn),減少認(rèn)知負(fù)擔(dān)。
引導(dǎo)與用戶行為:
可以利用認(rèn)知偏差的特性來(lái)引導(dǎo)用戶行為,但需要謹(jǐn)慎,以避免對(duì)用戶造成信息過(guò)載或誤導(dǎo)。
客觀設(shè)計(jì)與用戶測(cè)試:
設(shè)計(jì)師需保持客觀,在設(shè)計(jì)中避免個(gè)人偏見(jiàn)的影響。持續(xù)的用戶測(cè)試和反饋是驗(yàn)證設(shè)計(jì)有效性的關(guān)鍵。
用戶需求至上:
最重要的是設(shè)計(jì)能夠滿足用戶的實(shí)際需求。認(rèn)知偏差提醒我們關(guān)注用戶行為和反饋,確保設(shè)計(jì)更加貼近用戶期望。
記住這些關(guān)鍵點(diǎn)有助于設(shè)計(jì)師更好地應(yīng)用認(rèn)知偏差的理論,創(chuàng)造出更符合用戶認(rèn)知和行為習(xí)慣的界面,提升用戶體驗(yàn)和產(chǎn)品吸引力。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用認(rèn)知偏差
在App產(chǎn)品中,了解和應(yīng)用認(rèn)知偏差可以改善用戶體驗(yàn)和促進(jìn)用戶參與。以下是一些應(yīng)用認(rèn)知偏差的方法:
個(gè)性化內(nèi)容推薦
: 利用用戶的歷史數(shù)據(jù)和偏好,提供個(gè)性化的內(nèi)容推薦,引導(dǎo)用戶瀏覽與其興趣相關(guān)的信息,這符合用戶的認(rèn)知偏好。
強(qiáng)調(diào)常用功能
: 將常用功能放置在易于察覺(jué)的位置,這有助于用戶更快速地找到并使用常用功能,符合用戶對(duì)信息的選擇性感知。
引導(dǎo)用戶決策
: 通過(guò)明確的引導(dǎo)和推薦,幫助用戶做出決策。例如,突出顯示推薦選項(xiàng)或使用明確的指導(dǎo)語(yǔ)言,以降低用戶的選擇焦慮。
增加用戶互動(dòng)和獎(jiǎng)勵(lì)機(jī)制: 利用認(rèn)知偏差中的獎(jiǎng)勵(lì)機(jī)制,激勵(lì)用戶參與互動(dòng)。例如,獎(jiǎng)勵(lì)積分、勛章或獎(jiǎng)勵(lì)物品以促進(jìn)用戶的積極參與。
社交證據(jù)和影響力
: 強(qiáng)調(diào)其他用戶的行為和意見(jiàn),例如顯示用戶評(píng)論或社交分享,可以影響新用戶的決策,符合社會(huì)影響的認(rèn)知偏差。
提供個(gè)性化的反饋和建議
: 根據(jù)用戶的行為提供個(gè)性化的反饋和建議,引導(dǎo)用戶完成特定的動(dòng)作或行為,符合用戶的認(rèn)知偏好和選擇性感知。
綜合利用這些策略可以更好地與用戶互動(dòng),促進(jìn)參與度,提高用戶對(duì)產(chǎn)品的滿意度。然而,需要謹(jǐn)慎運(yùn)用,避免過(guò)度使用以至于影響用戶體驗(yàn)或?qū)е滦畔⑦^(guò)載。
 
認(rèn)知偏差總結(jié)
綜合利用認(rèn)知偏差的這些方面,設(shè)計(jì)者可以更加精準(zhǔn)地與用戶互動(dòng),提升用戶體驗(yàn)和參與度。但務(wù)必注意,應(yīng)用認(rèn)知偏差需要在不影響用戶信任和體驗(yàn)的前提下進(jìn)行,避免過(guò)度干預(yù)或引導(dǎo),以免影響用戶的自主性和信任感。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是鄰近法則?
鄰近法則是設(shè)計(jì)中的一項(xiàng)基本原則,描述了物體或元素在空間中距離越近,就越有可能被視為相關(guān)的部分。這個(gè)原則是Gestalt心理學(xué)的一部分,指出物體在空間上的接近會(huì)引起它們被認(rèn)為是相關(guān)的,無(wú)論它們的形狀或特征如何。
在設(shè)計(jì)中,鄰近法則指導(dǎo)著將相關(guān)的元素放置在彼此附近,以便用戶能夠?qū)⑺鼈円暈橐唤M或相關(guān)部分。這個(gè)原則常用于布局設(shè)計(jì),例如將相關(guān)的菜單選項(xiàng)放在一起、相關(guān)的控件放置在同一區(qū)域等。通過(guò)利用元素之間的空間距離,設(shè)計(jì)師可以引導(dǎo)用戶對(duì)信息進(jìn)行邏輯分組,提高用戶對(duì)頁(yè)面內(nèi)容的理解和整體結(jié)構(gòu)的認(rèn)知。
鄰近法則的應(yīng)用有助于創(chuàng)造出更清晰、更易于理解的設(shè)計(jì)布局,讓用戶更輕松地識(shí)別和理解相關(guān)的信息,提升界面的可讀性和可理解性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
鄰近法則源自格式塔心理學(xué),起源于20世紀(jì)初期。格式塔探索者觀察到人類(lèi)視覺(jué)系統(tǒng)傾向于將靠近的物體視為一組或相關(guān)的部分,而將遠(yuǎn)離的物體視為不相關(guān)的。
本次創(chuàng)作的原則是基于觀察:
人們傾向于將距離較近的元素視為相關(guān)的整體,即使它們的形狀、顏色或其他特征不同。
空間上的接近性會(huì)引導(dǎo)人們將相關(guān)的元素組合在一起,形成邏輯上的群體或集合。
基于這些觀察,計(jì)算者得出結(jié)論:元素之間的接近程度影響了人們?nèi)绾魏徒M織信息。這個(gè)理論評(píng)估理解視覺(jué),成為設(shè)計(jì)中常用的一項(xiàng)原則,幫助設(shè)計(jì)師創(chuàng)建更多條理和易于理解的界面布局和視覺(jué)組織。通過(guò)合理的安排和組織元素之間的距離,設(shè)計(jì)師能夠引導(dǎo)用戶更清晰地理解頁(yè)面的結(jié)構(gòu)和相關(guān)性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下鄰近法則UI作用?
鄰近法則在 UI 設(shè)計(jì)中有著重要的應(yīng)用,能夠指導(dǎo)設(shè)計(jì)師創(chuàng)建更直觀、更易理解的界面布局和組織方式。以下是鄰近法則在 UI 設(shè)計(jì)中的應(yīng)用方法:
邏輯分組和視覺(jué)關(guān)聯(lián):
將相關(guān)的元素放置在彼此附近,例如將菜單選項(xiàng)、功能按鈕或相關(guān)信息放在相近的區(qū)域,以形成邏輯上的群組或關(guān)聯(lián),使用戶能夠更快速地理解信息之間的相關(guān)性。
表現(xiàn)信息層級(jí)和結(jié)構(gòu):
通過(guò)合理安排元素之間的間距,設(shè)計(jì)師可以展現(xiàn)信息的結(jié)構(gòu)和層級(jí)。在網(wǎng)頁(yè)或應(yīng)用中,合理的鄰近性有助于傳達(dá)頁(yè)面組織的邏輯和信息的重要性。
避免視覺(jué)混亂和誤導(dǎo):
合理利用鄰近法則可以避免界面的視覺(jué)混亂。將不相關(guān)的元素保持一定的間距,避免過(guò)度擁擠,讓用戶更輕松地理清界面的內(nèi)容和結(jié)構(gòu)。
指引用戶流程和操作:
在設(shè)計(jì)工作流或操作步驟時(shí),將相關(guān)的元素放在一起,以引導(dǎo)用戶流程,提高用戶操作的連貫性和流暢性。
視覺(jué)組織與導(dǎo)航:
在導(dǎo)航設(shè)計(jì)中,將相關(guān)功能或內(nèi)容放置在相鄰位置,例如將相關(guān)菜單項(xiàng)放在同一區(qū)域,以便用戶更快速地找到并使用所需功能。
適當(dāng)運(yùn)用鄰近法則可以改善用戶對(duì)界面的理解和認(rèn)知,提高用戶操作的效率和體驗(yàn)。它有助于營(yíng)造清晰的信息層級(jí)、減少視覺(jué)混亂,并引導(dǎo)用戶更直觀地瀏覽和操作界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在設(shè)計(jì)中運(yùn)用鄰近法則時(shí),需要記住以下幾點(diǎn):
相關(guān)性與空間接近性
: 用戶傾向于將距離近的元素視為相關(guān)的整體。因此,在設(shè)計(jì)中將相關(guān)的元素放置在彼此附近,能夠幫助用戶更直觀地理解它們的關(guān)聯(lián)性。
信息組織和層級(jí)結(jié)構(gòu)
: 通過(guò)合理的空間安排,展示信息的邏輯結(jié)構(gòu)和層級(jí)關(guān)系。這有助于用戶更輕松地理清界面內(nèi)容和操作流程。
避免視覺(jué)干擾和混亂
: 控制元素之間的距離,避免過(guò)度擁擠和混亂,以免干擾用戶的視覺(jué)和理解。
引導(dǎo)用戶視線和操作:
合理利用鄰近法則可以引導(dǎo)用戶的視線和操作流程,使其更自然、更順暢地瀏覽和使用界面。
反復(fù)測(cè)試與用戶反饋
: 不斷測(cè)試和收集用戶反饋,以確保所安排的元素之間的關(guān)聯(lián)性和距離對(duì)用戶理解和操作的有效性。
記住這些關(guān)鍵點(diǎn)有助于在設(shè)計(jì)中更好地應(yīng)用鄰近法則,創(chuàng)造出更清晰、更易于理解的界面布局,提高用戶體驗(yàn)和界面的可用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用鄰近法則
在App產(chǎn)品設(shè)計(jì)中,應(yīng)用鄰近法則可以改善用戶界面的布局和交互,提升用戶體驗(yàn)。以下是一些應(yīng)用鄰近法則的方法:
相關(guān)功能分組
: 將相關(guān)功能或信息放置在彼此附近,例如將設(shè)置選項(xiàng)放在同一區(qū)域,讓用戶能夠更輕松地找到并使用相關(guān)功能。
類(lèi)似操作的分組
: 將相似操作或功能放在相鄰位置,例如將編輯工具放在同一區(qū)域,以便用戶更快速地使用相關(guān)工具。
導(dǎo)航欄與內(nèi)容對(duì)應(yīng)
: 將導(dǎo)航欄與相應(yīng)的內(nèi)容區(qū)域?qū)?yīng),以減少用戶在不同頁(yè)面間的跳轉(zhuǎn),并幫助用戶更好地理解頁(yè)面的結(jié)構(gòu)。
按鈕和功能布局
: 設(shè)計(jì)時(shí)將按鈕和功能布局合理分組,保持相關(guān)的按鈕或操作盡可能靠近,減少用戶在界面中尋找所需功能的時(shí)間。
信息層級(jí)和結(jié)構(gòu)展示
: 通過(guò)鄰近法則將相關(guān)信息放置在一起,展現(xiàn)信息的邏輯層級(jí)和關(guān)聯(lián)性,以幫助用戶更清晰地理解頁(yè)面結(jié)構(gòu)。
交互流程的布局
: 設(shè)計(jì)操作流程時(shí),將相關(guān)步驟或功能放置在相鄰位置,以引導(dǎo)用戶進(jìn)行更自然、連貫的操作流程。
這些方法能夠通過(guò)鄰近法則幫助設(shè)計(jì)師更好地組織界面元素,提高用戶對(duì)界面的理解和操作效率,增強(qiáng)用戶的滿意度和體驗(yàn)。
 
鄰近法則總結(jié)
鄰近法則在App產(chǎn)品設(shè)計(jì)中指導(dǎo)著將相關(guān)的元素放置在彼此附近,以創(chuàng)建更直觀、更易于理解的界面布局。通過(guò)合理的空間分配和元素排列,幫助用戶更快速地找到相關(guān)功能、理解信息層級(jí)結(jié)構(gòu),提升用戶操作的效率和界面的可用性。這個(gè)原則可以優(yōu)化布局設(shè)計(jì),使得用戶能夠更輕松地掌握界面內(nèi)容和操作流程。
 
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是菲茨定律?
菲茨定律是一項(xiàng)關(guān)于人機(jī)交互的基本原理,描述了人類(lèi)手指或鼠標(biāo)等指針設(shè)備移動(dòng)到目標(biāo)區(qū)域的時(shí)間與目標(biāo)的大小和距離成反比的關(guān)系。這個(gè)定律是由保羅·菲茨在20世紀(jì)50年代提出的,廣泛應(yīng)用于人機(jī)界面設(shè)計(jì)領(lǐng)域。
根據(jù)菲茨定律,目標(biāo)越大或距離越近,用戶將指針移動(dòng)到目標(biāo)區(qū)域的時(shí)間就越短。具體而言,菲茨定律可以用以下公式表示: T=a+b×log 2 ( W/D+1)
其中:
T 是用戶移動(dòng)到目標(biāo)區(qū)域所需的時(shí)間。
D 是指針初始位置與目標(biāo)中心之間的距離。
W 是目標(biāo)區(qū)域的寬度或大小。
a 和 b 是與設(shè)備和任務(wù)有關(guān)的常數(shù)。 這個(gè)定律的應(yīng)用范圍非常廣泛,尤其在界面設(shè)計(jì)中。設(shè)計(jì)師可以利用菲茨定律來(lái)優(yōu)化界面布局和交互元素的設(shè)計(jì),使得用戶更容易、更快速地點(diǎn)擊或選擇目標(biāo)區(qū)域。通過(guò)增大目標(biāo)區(qū)域的大小、減少目標(biāo)間距離和提供合適的反饋,可以顯著改善用戶體驗(yàn),并使用戶更高效地使用界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
菲茨定律的產(chǎn)生是基于人類(lèi)運(yùn)動(dòng)學(xué)和認(rèn)知心理學(xué)的研究。保羅·菲茨在20世紀(jì)50年代的研究中發(fā)現(xiàn),在人類(lèi)運(yùn)動(dòng)中存在一種模式,即手指或鼠標(biāo)等指針設(shè)備移動(dòng)到目標(biāo)區(qū)域的時(shí)間與目標(biāo)的大小和距離成反比關(guān)系。
這個(gè)定律的提出是基于以下觀察和假設(shè):
較大的目標(biāo)區(qū)域更容易命中。用戶更容易準(zhǔn)確地將指針移動(dòng)到較大的目標(biāo)上。
較近的目標(biāo)更容易到達(dá)。距離更近的目標(biāo)比距離更遠(yuǎn)的目標(biāo)更容易被選中。
基于這些發(fā)現(xiàn),菲茨提出了一個(gè)數(shù)學(xué)模型來(lái)描述這種關(guān)系,并提出了菲茨定律。這個(gè)定律通過(guò)對(duì)目標(biāo)的大小和距離進(jìn)行量化,為界面設(shè)計(jì)和人機(jī)交互提供了理論依據(jù),指導(dǎo)設(shè)計(jì)師如何優(yōu)化界面布局和元素設(shè)計(jì),以提高用戶的操作效率和準(zhǔn)確性。因此,菲茨定律成為了設(shè)計(jì)界面和交互方式的重要指導(dǎo)原則之一。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下菲茨定律UI作用
菲茨定律在 UI 設(shè)計(jì)中有著深遠(yuǎn)的影響,設(shè)計(jì)師可以利用這個(gè)原理來(lái)優(yōu)化界面,提高用戶的操作效率和體驗(yàn)。以下是一些菲茨定律在 UI 設(shè)計(jì)中的應(yīng)用方法:
增大可點(diǎn)擊區(qū)域
: 根據(jù)菲茨定律,較大的目標(biāo)區(qū)域更容易被點(diǎn)擊,因此,為重要的操作按鈕或功能區(qū)域提供更大的點(diǎn)擊面積。這有助于用戶更準(zhǔn)確地點(diǎn)擊目標(biāo),尤其對(duì)于移動(dòng)設(shè)備上的小屏幕更為重要。
減少目標(biāo)間距離
: 將常用功能或相關(guān)操作的按鈕或鏈接放置更接近,以減少目標(biāo)之間的距離。這樣用戶在切換不同功能時(shí)能更快速地移動(dòng)到目標(biāo)區(qū)域,減少了操作時(shí)間。
考慮手勢(shì)操作和屏幕布局
: 對(duì)于觸摸屏設(shè)備,菲茨定律同樣適用。設(shè)計(jì)師可以考慮手勢(shì)操作、放大目標(biāo)區(qū)域或布局方式,使得用戶更容易地觸摸、滑動(dòng)或縮放屏幕上的目標(biāo)。
合理利用白空間
: 在設(shè)計(jì)中留出足夠的空間,確保目標(biāo)區(qū)域不會(huì)過(guò)于擁擠,從而減少誤觸或混淆。良好的白空間布局有助于提高用戶的操作準(zhǔn)確性。
提供視覺(jué)反饋和指引
: 為了幫助用戶更準(zhǔn)確地選擇目標(biāo)區(qū)域,提供視覺(jué)反饋,如按鈕狀態(tài)變化或指示箭頭,可以讓用戶更清晰地了解下一步操作。
通過(guò)運(yùn)用菲茨定律,設(shè)計(jì)師可以優(yōu)化界面布局和元素的大小與間距,使得用戶更輕松、更快速地進(jìn)行交互操作。這有助于提升用戶體驗(yàn),減少用戶的操作時(shí)間和錯(cuò)誤率。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在設(shè)計(jì)中運(yùn)用菲茨定律時(shí),需要記住以下幾點(diǎn):
目標(biāo)大小與距離關(guān)系
: 目標(biāo)的大小和距離會(huì)影響用戶操作的效率。大的目標(biāo)區(qū)域和較近的距離能夠更快速、更準(zhǔn)確地被選中。
重要操作優(yōu)先考慮
: 對(duì)于常用或重要的操作按鈕,設(shè)計(jì)師應(yīng)該確保其具有足夠的大小和合適的間距,以提高用戶操作的效率和準(zhǔn)確性。
觸摸屏設(shè)備的優(yōu)化
: 對(duì)于移動(dòng)設(shè)備和觸摸屏,合理設(shè)置觸摸區(qū)域大小和間距,有助于用戶更輕松地操作,避免誤操作。
視覺(jué)反饋和引導(dǎo)
: 提供明確的視覺(jué)反饋,如按鈕狀態(tài)變化或指示箭頭,有助于用戶更準(zhǔn)確地選中目標(biāo)區(qū)域。
用戶反饋和測(cè)試
: 不斷收集用戶反饋并進(jìn)行測(cè)試,以確保設(shè)計(jì)的目標(biāo)大小和距離對(duì)用戶操作的有效性。
記住這些關(guān)鍵點(diǎn)有助于設(shè)計(jì)出更符合菲茨定律原理的界面,提高用戶的操作效率和滿意度。優(yōu)化目標(biāo)區(qū)域的大小和距離,可以有效地改善用戶體驗(yàn),并增強(qiáng)產(chǎn)品或應(yīng)用的易用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用菲茨定律
在 App 產(chǎn)品設(shè)計(jì)中,應(yīng)用菲茨定律可以優(yōu)化用戶體驗(yàn)和操作流程。以下是一些應(yīng)用菲茨定律的方法:
按鈕大小與布局
: 增大重要操作按鈕的大小,確保它們?nèi)菀c(diǎn)擊并位于用戶自然手指或鼠標(biāo)移動(dòng)的路徑上。將常用的按鈕放置在更接近用戶自然操作位置的地方。
減少操作距離
: 將相關(guān)操作或頁(yè)面之間的距離縮短,以減少用戶在不同功能區(qū)域間的切換所需的操作次數(shù)和時(shí)間。
設(shè)計(jì)適合手勢(shì)操作的界面
: 針對(duì)觸摸屏設(shè)備,設(shè)計(jì)手勢(shì)操作區(qū)域,使得用戶能夠輕松地進(jìn)行滑動(dòng)、放大縮小等手勢(shì)操作。
避免過(guò)度擁擠和重疊
: 在設(shè)計(jì)中避免過(guò)多的重疊元素和擁擠,確保目標(biāo)區(qū)域清晰可見(jiàn)且易于選擇。
提供清晰的反饋和指引
: 確保用戶點(diǎn)擊或選擇目標(biāo)時(shí)獲得清晰的視覺(jué)反饋,如按鈕狀態(tài)變化、高亮顯示或動(dòng)畫(huà)效果,以便明確指示用戶的操作結(jié)果。
持續(xù)優(yōu)化與用戶反饋
: 不斷收集用戶反饋,通過(guò)用戶測(cè)試和數(shù)據(jù)分析,優(yōu)化界面的目標(biāo)大小和距離,以提高用戶的操作效率和滿意度。
這些策略都是基于菲茨定律,旨在提高用戶點(diǎn)擊或選擇目標(biāo)區(qū)域的效率和準(zhǔn)確性,從而改善用戶體驗(yàn)并增強(qiáng)產(chǎn)品的易用性。
 
菲茨定律總結(jié)
菲茨定律在App產(chǎn)品設(shè)計(jì)中強(qiáng)調(diào)了目標(biāo)區(qū)域的大小和距離對(duì)用戶操作的影響。通過(guò)增大重要按鈕的大小、減少操作間距離、設(shè)計(jì)適合手勢(shì)操作的界面以及提供清晰的反饋指引,可以優(yōu)化用戶體驗(yàn),提高用戶操作的準(zhǔn)確性和效率。這個(gè)原理指導(dǎo)著設(shè)計(jì)師如何布局界面元素,使得用戶更輕松、更快速地進(jìn)行交互操作,進(jìn)而提升產(chǎn)品的易用性和吸引力。
 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



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

分享精彩的后臺(tái)管理軟件界面設(shè)計(jì)欣賞 —藍(lán)藍(lán)UI設(shè)計(jì)公司

前端達(dá)人

今天分享B端后臺(tái)管理界面欣賞,網(wǎng)上我們會(huì)搜集一些公開(kāi)的國(guó)內(nèi)外優(yōu)秀的軟件界面設(shè)計(jì)和大家分享。

藍(lán)藍(lán)設(shè)計(jì)也有很多精彩的案例,B端后臺(tái)管理界面是我們最主要的工作方向之一,但大多數(shù)是保密狀態(tài)的,所以不能在網(wǎng)上發(fā)。歡迎我們聯(lián)系,請(qǐng)到m.miumiuwan.com欣賞更多案例作品。

 

 

 

 

 

 

 

 

 

 

 

 

#后臺(tái)界面設(shè)計(jì)欣賞 #界面設(shè)計(jì)靈感 #設(shè)計(jì)外包 #UI設(shè)計(jì)公司 #b端設(shè)計(jì)接單 #B端設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

XDC干貨|雪球表情升級(jí)全紀(jì)錄

前端達(dá)人

寫(xiě)在前面
在社區(qū)平臺(tái)語(yǔ)境里,表情無(wú)疑是很重要的組成部分。一套豐富且定位準(zhǔn)確的表情可以幫助用戶更清晰地表達(dá)自己的感受,增進(jìn)溝通的準(zhǔn)確性,同時(shí)增添社交互動(dòng)的趣味性,拉進(jìn)用戶之間的距離。帶有平臺(tái)特性的表情更能彰顯平臺(tái)自身的獨(dú)特性。
雪球作為金融社區(qū)平臺(tái),表情自然也是重要的元素。我們通過(guò)數(shù)據(jù)調(diào)研,發(fā)現(xiàn)雪球社區(qū)互動(dòng)中表情的滲透率達(dá)到18%,表情的使用率比較高。而現(xiàn)有的表情年久失修,存在幾個(gè)比較明顯的問(wèn)題,首先視覺(jué)風(fēng)格陳舊辨識(shí)度低;再有,表情中原本存在一些股票梗的表現(xiàn)力較弱,畫(huà)風(fēng)不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應(yīng)用來(lái)推廣雪球品牌特性。
基于以上背景我們展開(kāi)了對(duì)于表情翻新改版的項(xiàng)目。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
現(xiàn)狀&問(wèn)題
通過(guò)對(duì)當(dāng)前狀況進(jìn)行系統(tǒng)梳理,我們發(fā)現(xiàn)了一些存在的問(wèn)題。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
1.設(shè)計(jì)風(fēng)格陳舊,不易識(shí)別表現(xiàn)力弱:
目前線上雪球表情風(fēng)格老舊,視覺(jué)表達(dá)不符合當(dāng)下設(shè)計(jì)潮流趨勢(shì);由于表情是白色在行文中表現(xiàn)力不足且不易被用戶識(shí)別,因而趣味性表達(dá)的作用不夠凸顯。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
2.缺乏股票基金場(chǎng)景的情緒表達(dá)
社區(qū)場(chǎng)景中有大量的股票基金的討論和相關(guān)內(nèi)容的情緒表達(dá),而目前表情體系中缺乏此類(lèi)表達(dá)或表達(dá)不夠生動(dòng)。
比如「關(guān)燈吃面」和「割肉」,在行文中一眼能識(shí)別到視覺(jué)主體是表情臉,而“吃面”和“割肉”的語(yǔ)義沒(méi)有生動(dòng)的體現(xiàn)出來(lái);還比如「跳水」又太具象和寫(xiě)實(shí),少了表情的趣味性。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
3.沒(méi)有將雪球的新IP融入表情
雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內(nèi)容,將IP表情化也更利于IP的推廣和品牌的傳播。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
視覺(jué)風(fēng)格探索
1.雪球用戶特征
設(shè)計(jì)風(fēng)格需要根據(jù)平臺(tái)用戶特征進(jìn)行確定。開(kāi)始設(shè)計(jì)之前,我們先看看雪球用戶大概是什么樣的。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺(jué)表現(xiàn)上盡量避免女性化或低齡化的風(fēng)格。
2.視覺(jué)風(fēng)格探索
風(fēng)格確定
舊版的表情蒼白,雖然細(xì)節(jié)很多但在行文中難以識(shí)別,本次改版重要任務(wù)之一是改版新的視覺(jué)風(fēng)格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統(tǒng)黃臉emoji表情靠攏。大方向定了,但還需要確定視覺(jué)感受符合雪球的emoji。最后在兩種視覺(jué)風(fēng)格中我們選擇了視覺(jué)感受偏中性、風(fēng)格扁平的這個(gè)方向,這個(gè)風(fēng)格和雪球用戶特征更契合。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
提升辨識(shí)度
表情在交流中作為非文字的“語(yǔ)言”,其辨識(shí)度至關(guān)重要。表情在行文中的尺寸相對(duì)較小和單個(gè)文字差不多,那么如何保證在文字中依然能一眼讀懂表情?
在對(duì)表情整體風(fēng)格的把控下,需要通過(guò)對(duì)細(xì)節(jié)的打磨和反復(fù)實(shí)驗(yàn),得出更有辨識(shí)度的設(shè)計(jì)方案。保持視覺(jué)扁平,盡量使用簡(jiǎn)潔的幾何圖形,加強(qiáng)顏色對(duì)比度,減少顏色數(shù)量,放大表情特征。通過(guò)以上手段有效的提升了表情的一致性和在行文中的辨識(shí)度。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
發(fā)現(xiàn)股民討論語(yǔ)境下的“梗”
本次表情升級(jí)除了對(duì)現(xiàn)有表情進(jìn)行改造升級(jí),還針對(duì)雪球社區(qū)特色進(jìn)行挖掘。
1.挖掘“梗”
前面我們說(shuō)到雪球用戶是集中在30-50歲左右的男性,那么這類(lèi)人群在社區(qū)中有怎樣的表達(dá)特點(diǎn)呢?
通過(guò)觀察我們發(fā)現(xiàn),在面對(duì)股市的波動(dòng)和不確定性,雪球用戶更喜歡用幽默詼諧的論調(diào)來(lái)調(diào)侃市場(chǎng)以宣泄心中的無(wú)奈和負(fù)面情緒,同時(shí)在波動(dòng)面前展現(xiàn)出一種堅(jiān)韌和自嘲的心態(tài)。我們可以在這種“戲謔調(diào)侃”中挖掘可以視覺(jué)化的情緒和表情。以此作為本次表情升級(jí)的一個(gè)重要方向。
戲謔調(diào)侃的表情有哪些呢?我們挖掘了當(dāng)下網(wǎng)絡(luò)社交流行的表情包和熱詞?;叵胍幌挛覀兪欠褚步?jīng)常使用類(lèi)似“地鐵老人看手機(jī)”“黑人問(wèn)號(hào)臉”等網(wǎng)絡(luò)熱圖來(lái)表達(dá)內(nèi)心的復(fù)雜情緒呢。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
在變幻莫測(cè)的股市中,面對(duì)現(xiàn)實(shí)的無(wú)力和不確定,祈福求平靜成了股民表達(dá)情緒舒緩心情的一種方式,比如“敲木魚(yú)”“祈求大漲”等儀式感的情境以表情的方式呈現(xiàn),也能一定程度上引起用戶的共鳴。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
2.讓表情“淋漓盡致”
  •  
    微表情盡顯“內(nèi)心戲”
一個(gè)表情里往往蘊(yùn)含不只一種情感,短暫而難以察覺(jué)的面部變化最能傳達(dá)個(gè)體真實(shí)的情感狀態(tài),一個(gè)眼神、嘴唇微動(dòng)等細(xì)微變化,常常表達(dá)出個(gè)體內(nèi)在的真實(shí)狀態(tài)。
在設(shè)計(jì)“大哭”這個(gè)表情時(shí),我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時(shí)最大的面部特點(diǎn)是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結(jié)合在一起,感受大哭情緒的同時(shí)也傳遞了絕望的內(nèi)心戲。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
  •  
    賺了、虧了一目了然
股票社區(qū)中漲跌是永遠(yuǎn)的話題,市場(chǎng)的漲跌背后牽動(dòng)著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個(gè)表情很生動(dòng)的表達(dá)了用戶盈虧的兩種處境,但原有表情的視覺(jué)表達(dá)過(guò)于保守和隱晦。要讓用戶一眼看到就產(chǎn)生共鳴,紅綠色是最直觀的漲跌信號(hào),我們把這種語(yǔ)義和表情結(jié)合,“虧大了”除了表情沮喪還得加點(diǎn)綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
  •  
    戲劇化表達(dá)
在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動(dòng)夸張的方式呈現(xiàn)。比如“絕望”,只靠面部表情似乎無(wú)法充分的表達(dá),所以我們營(yíng)造了簡(jiǎn)單的環(huán)境和肢體動(dòng)作, 一個(gè)癱在墻角雙目無(wú)神的小黃臉,絕望的形象躍然紙上。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
3.股票專(zhuān)屬“梗”
雪球社區(qū)里有一些獨(dú)特的表情,比如“關(guān)燈吃面”,它是雪球老用戶傳承的經(jīng)典梗;還有諸如跳水、割肉、抄底、滿倉(cāng)等股票術(shù)語(yǔ)梗也頗受歡迎。升級(jí)優(yōu)化這類(lèi)表情的同時(shí)我們小開(kāi)腦洞在原有基礎(chǔ)上增加了“好基友”等新梗,讓股民表達(dá)更豐富有趣。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
IP表情化
去年雪球誕生了自己的IP“YOYO”,此次表情升級(jí)正好可以將IP表情化,在平臺(tái)應(yīng)用和傳播。
YOYO所代表的品牌語(yǔ)義
1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財(cái)富;
2.溫暖陪伴&服務(wù)感:馴鹿具備天生的陪伴和服務(wù)感,與雪球強(qiáng)調(diào)的品牌服務(wù)感相契合。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
YOYO品牌語(yǔ)義表情化
根據(jù)YOYO的兩種品牌語(yǔ)義,我們分別開(kāi)腦洞。
哪些意向和財(cái)富相關(guān)呢?我們找到“錦鯉”“招財(cái)貓”“金元寶”,這些元素和表情相結(jié)合形成財(cái)富類(lèi)表達(dá);那么陪伴和服務(wù)感我們使用“抱抱”、“打call”這類(lèi)溫暖鼓勵(lì)意向的肢體語(yǔ)言來(lái)和YOYO結(jié)合傳達(dá)。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
寫(xiě)在最后
此次表情改版我們不僅從視覺(jué)和交互體驗(yàn)角度進(jìn)行優(yōu)化升級(jí),還通過(guò)挖掘平臺(tái)特征、用戶特征來(lái)探索表情更豐富的表達(dá)和更深層語(yǔ)義。通過(guò)本次升級(jí)希望助力雪球社區(qū)的互動(dòng)性、豐富性、趣味性。引發(fā)用戶共鳴和更積極的互動(dòng),建立更強(qiáng)大的社區(qū)鏈接。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
內(nèi)容指導(dǎo) | @Zway @默默
內(nèi)容寫(xiě)作|@潔潔
排版編輯&優(yōu)化 | @丸子
 
 
 


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

XDC干貨 | 如何用服務(wù)思維做體驗(yàn)升級(jí)?

前端達(dá)人

本文旨在分享從私募服務(wù)旅程著手,講述如何用服務(wù)思維去重構(gòu)金融品類(lèi)服務(wù)動(dòng)線,從全鏈路角度梳理服務(wù)容器的價(jià)值表達(dá),提升服務(wù)效率,讓用戶感知到服務(wù),推動(dòng)設(shè)計(jì)落地實(shí)現(xiàn)。

 

 

 

 

前言:金融產(chǎn)品設(shè)計(jì)為什么引入服務(wù)思維?

金融行業(yè)特點(diǎn)

金融品類(lèi)交易中,客戶和平臺(tái)產(chǎn)品再也不是「決策-購(gòu)買(mǎi)-結(jié)束」這種買(mǎi)完即走的關(guān)系,產(chǎn)品體驗(yàn)路徑貫穿投前-中-后、線下后臺(tái),用戶體驗(yàn)鏈路漫長(zhǎng)且復(fù)雜。尤其是私募品類(lèi),百萬(wàn)起投的用戶門(mén)檻極高,高凈值人群的需求更加千人千面,給體驗(yàn)升級(jí)帶來(lái)很大的難題:

·渠道,產(chǎn)品不斷趨同,如何讓高凈值客戶選擇你?為什么在雪球買(mǎi)私募?我們可以提供什么樣的服務(wù)?如何縮短服務(wù)路徑提升獲客效率?

·私募品類(lèi)理解、購(gòu)買(mǎi)門(mén)檻極高,內(nèi)容及優(yōu)勢(shì)難以讓用戶感知,用戶幾乎無(wú)法獨(dú)立完成購(gòu)買(mǎi)流程。

·高凈值用戶需求千人千面,如何精準(zhǔn)服務(wù)用戶和個(gè)性化服務(wù)?

除了金融產(chǎn)品本身之外,平臺(tái)服務(wù)能力很大程度決定了客戶的體驗(yàn)和選擇;除了客戶的使用體驗(yàn)、交易體驗(yàn),服務(wù)體驗(yàn)是后續(xù)增長(zhǎng)的核心關(guān)鍵點(diǎn)。所以如何讓用戶在雪球感知服務(wù)?如何把我們的好服務(wù)做顯性化表達(dá)?我們的產(chǎn)品架構(gòu)交互路徑應(yīng)該怎么去做?是體驗(yàn)側(cè)需要亟待解決的問(wèn)題。

 

 

先來(lái)看看用戶眼中的好服務(wù)

既然要提升產(chǎn)品的服務(wù)體驗(yàn),那用戶希望提供什么樣的服務(wù)?什么是用戶眼中的好服務(wù)?雪球買(mǎi)私募有啥優(yōu)勢(shì)?

“多數(shù)受訪者不知道財(cái)富顧問(wèn)可以做什么,不知道雪球買(mǎi)私募有什么優(yōu)勢(shì)”
“多數(shù)受訪者需要某種形式的推薦,自己很難選出各方面都滿足自己要求的私募”
“越資淺的受訪者,對(duì)財(cái)富顧問(wèn)需要的程度越高”
-引用自雪球私募用戶訪談

 

通過(guò)私募用戶訪談,我們發(fā)現(xiàn)用戶眼中的好服務(wù)是專(zhuān)業(yè)性強(qiáng)、立場(chǎng)中立、有溫度、持續(xù)陪伴的,所以我們應(yīng)該

·把平臺(tái)服務(wù)價(jià)值外顯、更具象的展現(xiàn)財(cái)富顧問(wèn)專(zhuān)業(yè)能力

·為財(cái)富顧問(wèn)提供更高效的管理工具

 

 

如何用服務(wù)思維做體驗(yàn)升級(jí)?

再來(lái)看看服務(wù)思維是什么?

是一種跨學(xué)科的思維方式,是用全局化、系統(tǒng)化的視角看待問(wèn)題,通過(guò)對(duì)一段服務(wù)過(guò)程中的觸點(diǎn)體驗(yàn)進(jìn)行系統(tǒng)、有組織地挖掘優(yōu)化,用設(shè)計(jì)思維去解決實(shí)際場(chǎng)景里的人與人的關(guān)系。
-引用Interaction Design Foundation

 

 

三個(gè)方向

服務(wù)體驗(yàn)升級(jí)的切入點(diǎn)我們可以抽象為3個(gè)方向:

01.產(chǎn)品服務(wù)化

以用戶為中心,基于用戶旅程去做創(chuàng)新;從被動(dòng)響應(yīng)到主動(dòng)服務(wù),是人到人的服務(wù)

02.服務(wù)品牌化

有序的把各個(gè)觸點(diǎn)串聯(lián),打造有識(shí)別性,連貫統(tǒng)一、感知強(qiáng)的服務(wù)體驗(yàn)

03.服務(wù)產(chǎn)品化

把服務(wù)標(biāo)準(zhǔn)化、規(guī)范化、打包成具體的產(chǎn)品,實(shí)現(xiàn)快速?gòu)?fù)制

 

 

 

設(shè)計(jì)動(dòng)作

01.服務(wù)動(dòng)線重構(gòu)

私募產(chǎn)品的購(gòu)買(mǎi)門(mén)檻高,用戶從作出購(gòu)買(mǎi)決策到完成購(gòu)買(mǎi)的鏈路非常長(zhǎng),我們希望客戶通過(guò)與“財(cái)富顧問(wèn)”建立連接,來(lái)輔助用戶完成購(gòu)買(mǎi)前-中-后的整條鏈路;以及幫助財(cái)富顧問(wèn)提升效率,為后續(xù)的交易轉(zhuǎn)化帶來(lái)各種交易線索。在體驗(yàn)升級(jí)最開(kāi)始的階段,我們嘗試在強(qiáng)調(diào)按鈕操作,獨(dú)立優(yōu)化預(yù)約建聯(lián)頁(yè)面信息布局等做了很多次的迭代升級(jí),數(shù)據(jù)并不理想,并沒(méi)有提升用戶建聯(lián)率,需要跳出固有思維,從服務(wù)思維視角出發(fā),基于用戶旅程優(yōu)先迭代人到人的服務(wù)。

 

從被動(dòng)等待變主動(dòng)服務(wù)

從用戶需被動(dòng)等待財(cái)富顧問(wèn)聯(lián)系轉(zhuǎn)換為主動(dòng)添加財(cái)富顧問(wèn);縮短觸達(dá)鏈路,通過(guò)跨端跳端的體驗(yàn)去幫助用戶簡(jiǎn)化流程鏈路。

 

 

 


補(bǔ)齊服務(wù)場(chǎng)景缺口

服務(wù)缺口是用戶對(duì)服務(wù)的期待或需求和實(shí)際接受到的服務(wù)之間的落差(也是一個(gè)服務(wù)設(shè)計(jì)分析模型,用來(lái)探討服務(wù)為什么發(fā)生),在設(shè)計(jì)探索階段,我們可以梳理服務(wù)缺口,去找到設(shè)計(jì)切入點(diǎn)。

我們?cè)谥貥?gòu)的時(shí)候發(fā)現(xiàn),用戶僅在投中場(chǎng)景(私募詳情頁(yè))才能聯(lián)系到財(cái)富顧問(wèn),用戶在發(fā)現(xiàn)場(chǎng)景下遇到類(lèi)私募這種高門(mén)檻產(chǎn)品及內(nèi)容時(shí)是急需一個(gè)觸點(diǎn)去咨詢財(cái)富顧問(wèn)的-即在發(fā)現(xiàn)決策場(chǎng)景的溝通缺口缺失,所以我們?cè)谒侥加脩舾哳l鏈路上都進(jìn)行了服務(wù)容器的補(bǔ)齊。

 

 

02.服務(wù)價(jià)值顯性化

我們?cè)谠L談私募用戶的時(shí)候,很多客戶都會(huì)提到雪球財(cái)富顧問(wèn)的服務(wù)好,態(tài)度中立不營(yíng)銷(xiāo);以及客戶希望提供更豐富的產(chǎn)品,但其實(shí)雪球私募的產(chǎn)品數(shù)量、品類(lèi)是豐富的。

37.5%的私募意向用戶會(huì)在選擇平臺(tái)時(shí)選擇推銷(xiāo)感弱,能站在客戶角度的平臺(tái);在訪談中,用戶對(duì)雪球財(cái)富顧問(wèn)的中立立場(chǎng),弱營(yíng)銷(xiāo)感有較強(qiáng)感知
-引用自雪球私募用戶畫(huà)像報(bào)告

 

但我們并沒(méi)有把雪球的服務(wù)優(yōu)勢(shì)在前端傳遞給用戶,也從未系統(tǒng)性梳理過(guò)雪球私募品牌在用戶整條鏈路的信息和表達(dá),所以我們給用戶傳遞的界面、視覺(jué)、文案是雜亂無(wú)章的。

我們需要自上而下的去明確我們的服務(wù)價(jià)值主張是什么,然后自下而上的從視覺(jué)設(shè)計(jì)、文案表達(dá)、交互等把我們服務(wù)價(jià)值在用戶消費(fèi)場(chǎng)景去做顯性化透?jìng)?/strong>。

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



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

藍(lán)藍(lán)設(shè)計(jì)作品:B端軟件首頁(yè)2種設(shè)計(jì)風(fēng)格

前端達(dá)人

hello,大家好!今天藍(lán)藍(lán)要介紹的是我們近期的作品,兩種不同風(fēng)格的B端產(chǎn)品平臺(tái)首頁(yè),一起來(lái)欣賞吧!

方案一:駕駛艙風(fēng)格 采用駕駛艙形式,以生產(chǎn)為主的業(yè)務(wù),使用戶可以更直觀,更全面地了解企業(yè)中所有指標(biāo)的具體情況,以便快速做出決策。整體顯示更為重要的實(shí)時(shí)數(shù)據(jù),監(jiān)控掌握大局觀,及時(shí)對(duì)有問(wèn)題的數(shù)據(jù)進(jìn)行及時(shí)處理,板塊區(qū)分明顯,更方便找到相關(guān)數(shù)據(jù)。

方案二:平臺(tái)主頁(yè)風(fēng)格 在初步調(diào)研產(chǎn)品框架的基礎(chǔ)上,系統(tǒng)首頁(yè)重構(gòu)信息組織架構(gòu),豐富信息和數(shù)據(jù),根據(jù)不同權(quán)限可調(diào)整頁(yè)面信息增加辦公效率。設(shè)計(jì)風(fēng)格采用簡(jiǎn)約的設(shè)計(jì)語(yǔ)言,模塊化布局,方圓并構(gòu)的設(shè)計(jì)模式,界面強(qiáng)調(diào)可復(fù)用性和通用性,配色采用品牌色,品牌融合度高。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#ui設(shè)計(jì)

#B端產(chǎn)品 #UI界面設(shè)計(jì) #設(shè)計(jì)案例分享 #北京ui設(shè)計(jì)公司 #ui設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計(jì) —藍(lán)藍(lán)UI設(shè)計(jì)

前端達(dá)人

 

 

 

 

 

 

今天分享原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計(jì),

這是一個(gè)我們公司的設(shè)計(jì)師對(duì)自己理解自由發(fā)揮的界面設(shè)計(jì)概念稿,有此類(lèi)需求的企業(yè),歡迎和我們聯(lián)系01063334945。

我們公司可以對(duì)外公開(kāi)的界面設(shè)計(jì)不是特別多。

公司官網(wǎng)m.miumiuwan.com 上面有一些。

#后臺(tái)界面設(shè)計(jì)欣賞 #界面設(shè)計(jì)靈感 #設(shè)計(jì)外包 #UI設(shè)計(jì)公司 #b端設(shè)計(jì)接單 #B端設(shè)計(jì) #電子病歷系統(tǒng)

#醫(yī)療軟件

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖

前端達(dá)人

各位總監(jiān)不好意思拖更這么久
用戶體驗(yàn)地圖
一個(gè)目前作品集里常在的工具
希望這篇文章給你不一樣的思路~
 
書(shū)籍參考
《簡(jiǎn)約至上》-賈爾斯·科爾伯恩
《體驗(yàn)文化》-胡曉
《視覺(jué)之外·全鏈路ui設(shè)計(jì)思維提升的培養(yǎng)與提升》-黃方聞
《用戶體驗(yàn)要素》-杰西·詹姆斯·加特勒
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)


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

從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)

博博

在當(dāng)今的移動(dòng)應(yīng)用設(shè)計(jì)中,彈窗作為一種重要的交互元素,對(duì)于提升用戶體驗(yàn)和增強(qiáng)應(yīng)用的可用性具有舉足輕重的作用。然而,彈窗設(shè)計(jì)并非簡(jiǎn)單的堆砌信息,它需要考慮到用戶的使用習(xí)慣、心理預(yù)期以及操作流程等多個(gè)方面。因此,如何設(shè)計(jì)出優(yōu)秀的移動(dòng)端彈窗,成為了一個(gè)值得探討的話題。
本文旨在為設(shè)計(jì)師們提供一份全面的移動(dòng)端彈窗設(shè)計(jì)指南。我們將從彈窗的定義與重要性、類(lèi)型與使用場(chǎng)景、設(shè)計(jì)原則以及不同場(chǎng)景下的彈窗設(shè)計(jì)等方面進(jìn)行深入探討。希望通過(guò)本文的分享,能夠幫助設(shè)計(jì)師們更好地掌握移動(dòng)端彈窗設(shè)計(jì)的技巧,提升應(yīng)用的用戶體驗(yàn)。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
彈窗是用戶界面中的一種重要元素,它是一種臨時(shí)性的、可交互的窗口,用于向用戶展示信息、提示、警告或提供額外的功能。在移動(dòng)應(yīng)用中,彈窗通常用于在用戶執(zhí)行某些操作或觸發(fā)某些事件時(shí)提供反饋或額外的信息。
彈窗設(shè)計(jì)的好壞直接影響到用戶體驗(yàn)和應(yīng)用的易用性。一個(gè)好的彈窗設(shè)計(jì)能夠提供清晰、簡(jiǎn)潔、易于理解的信息,同時(shí)不會(huì)干擾用戶的操作流程。而一個(gè)不好的彈窗設(shè)計(jì)可能會(huì)讓用戶感到困惑或不便,甚至可能導(dǎo)致誤操作。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
1、阻斷式彈窗
模態(tài)彈窗是一種需要用戶進(jìn)行響應(yīng)的彈窗。它通常會(huì)覆蓋整個(gè)屏幕,并阻止用戶進(jìn)行其他操作,直到用戶對(duì)彈窗做出響應(yīng)。打斷用戶當(dāng)前的操作流程,屬于強(qiáng)勢(shì)的干擾行為,通常用于需要用戶確認(rèn)或選擇的操作,例如刪除數(shù)據(jù)、確認(rèn)操作等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2、非阻斷式彈窗
非模態(tài)彈窗是一種不會(huì)覆蓋整個(gè)屏幕的彈窗。它通常會(huì)以小窗口的形式出現(xiàn)在屏幕的一角或下方,用于提供一些簡(jiǎn)短的信息提示或警告。是一種輕量級(jí)的反饋,不會(huì)對(duì)用戶流程產(chǎn)生干擾,同時(shí)又給了用戶反饋和信息。并且有時(shí)間限制,在一定時(shí)間里自動(dòng)消失。不需要用戶進(jìn)行點(diǎn)擊操作,只需要讓用戶看到即可,常見(jiàn)的非模態(tài)彈窗包括Toast提示框、Snackbar提示對(duì)話框等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
1、彈窗設(shè)計(jì)尺寸定義
移動(dòng)UI彈窗的設(shè)計(jì)尺寸通常取決于多個(gè)因素,通常需要考慮設(shè)備的屏幕尺寸和分辨率。以下是一些常見(jiàn)的移動(dòng)端彈窗設(shè)計(jì)尺寸定義規(guī)范:
① 彈窗寬度
在移動(dòng)設(shè)備上,彈窗的寬度通常會(huì)與設(shè)備屏幕寬度相適應(yīng)。因此,彈窗的寬度可以設(shè)置為設(shè)備屏幕寬度的80%至90%,這樣可以確保彈窗在不同屏幕尺寸上都能良好地展示。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
② 彈窗高度
移動(dòng)端彈窗的高度應(yīng)該根據(jù)內(nèi)容的多少進(jìn)行自適應(yīng),但要避免過(guò)高導(dǎo)致用戶需要滾動(dòng)查看。通常建議彈窗的最大高度不超過(guò)設(shè)備屏幕高度的80%。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
③ 按鈕大小
在移動(dòng)端彈窗中,按鈕的大小應(yīng)該足夠大,以便用戶能夠輕松點(diǎn)擊。按鈕的大小一般建議在44px至56px之間,同時(shí)保持足夠的間距,避免誤觸。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
④ 字體大小
移動(dòng)端彈窗中的字體大小應(yīng)該適中,既要保證內(nèi)容的可讀性,又要避免過(guò)大或過(guò)小導(dǎo)致視覺(jué)上的不適。通常建議標(biāo)題字體大小在16px至20px之間,正文字體大小在14px至16px之間。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
這些尺寸定義規(guī)范可以幫助我們?cè)谝苿?dòng)設(shè)備上創(chuàng)建具有良好用戶體驗(yàn)的彈窗。然而,需要注意的是,這些規(guī)范并非絕對(duì),在實(shí)際設(shè)計(jì)中還需要根據(jù)具體需求和場(chǎng)景進(jìn)行調(diào)整。同時(shí),考慮到不同設(shè)備和操作系統(tǒng)的差異,還需要進(jìn)行充分的測(cè)試和調(diào)整,以確保彈窗在各種情況下都能提供最佳的用戶體驗(yàn)。
 
2、彈窗設(shè)計(jì)版式
彈窗的版式設(shè)計(jì)可以根據(jù)需求進(jìn)行多種多樣的變化,但一般來(lái)說(shuō),以下幾種版式設(shè)計(jì)是比較常見(jiàn)的:
① 文字列表框
在頁(yè)面底部出現(xiàn),以簡(jiǎn)潔的功能描述性文字展示功能按鈕,敏感的功能操作一般顏色字體標(biāo)出。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
在進(jìn)行此類(lèi)彈窗設(shè)計(jì)時(shí),有幾個(gè)關(guān)鍵要點(diǎn)需要特別關(guān)注:
首先,文案必須簡(jiǎn)潔明了,直接傳達(dá)核心信息。避免使用冗長(zhǎng)或復(fù)雜的措辭,以免用戶產(chǎn)生困惑。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
其次,為了突出核心內(nèi)容,可以采用一些視覺(jué)上的設(shè)計(jì)技巧,如加粗、變色或增大字體大小。這樣有助于迅速吸引用戶的注意力。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
在顏色、字體和布局方面,保持一致性至關(guān)重要。這樣可以增強(qiáng)應(yīng)用的品牌識(shí)別度,并為用戶提供更加統(tǒng)一和連貫的體驗(yàn)。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
再次,對(duì)于包含大量文字信息的彈窗,可讀性是關(guān)鍵。合理使用標(biāo)題、段落和列表來(lái)組織內(nèi)容,避免布局過(guò)于擁擠或空白過(guò)多。這樣可以提高信息的可讀性和易理解性。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
最后,考慮彈窗在不同尺寸屏幕上的適應(yīng)性是必要的。通過(guò)合理的設(shè)計(jì)布局和響應(yīng)式設(shè)計(jì),確保彈窗在實(shí)際使用中的顯示效果和用戶體驗(yàn)不受屏幕尺寸的影響。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
② 圖文排列
當(dāng)功能按鈕數(shù)量很多的時(shí)候,將文字和圖片按照一定的排列方式組合在一起,以吸引用戶的注意力并傳達(dá)信息。這種樣式下需要注意彈窗內(nèi)各功能按鈕的UI設(shè)計(jì)和排列布局。
以下是一些常見(jiàn)的圖文排列類(lèi)型的彈窗設(shè)計(jì)方式:
2.1 文字居中,圖片居側(cè)
這種方式將文字居中顯示,而圖片則位于文字的一側(cè)。這種設(shè)計(jì)方式常用于一些需要強(qiáng)調(diào)文字信息的彈窗,例如確認(rèn)框或者提示框。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.2 圖片居中,文字居側(cè)
這種方式將圖片居中顯示,而文字則位于圖片的一側(cè)。這種設(shè)計(jì)方式常用于一些需要展示圖片的彈窗,例如相冊(cè)或者圖片查看器。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.3 文字在下方,圖片在上方
這種方式將文字放置在圖片的下方,以增強(qiáng)文字與圖片的聯(lián)系。這種設(shè)計(jì)方式常用于一些需要展示產(chǎn)品或者文章的彈窗,例如產(chǎn)品詳情頁(yè)或者新聞?wù)?/div>
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.4 文字和圖片交錯(cuò)排列
這種方式將文字和圖片交錯(cuò)排列在一起,以增強(qiáng)信息的層次感和視覺(jué)沖擊力。這種設(shè)計(jì)方式常用于一些需要展示多個(gè)信息的彈窗,例如表單或者調(diào)查問(wèn)卷。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
無(wú)論采用哪種圖文排列類(lèi)型的彈窗設(shè)計(jì)方式,都需要注重文字和圖片的協(xié)調(diào)性和統(tǒng)一感,以保證彈窗的整體美觀度和易用性。同時(shí),還需要根據(jù)具體的彈窗類(lèi)型和目的來(lái)選擇合適的設(shè)計(jì)方式,以便更好地傳遞信息并吸引用戶的注意力。
 
③ 選擇列表框
用選項(xiàng)代替了功能按鈕,這種設(shè)計(jì)方式的好處是減少了功能流程中的頁(yè)面跳轉(zhuǎn),但如果選項(xiàng)很多而且描述文字較多的時(shí)候,還是設(shè)計(jì)成選項(xiàng)詳情頁(yè)更好些。
以下是一些常見(jiàn)的選擇列表框的類(lèi)型:
3.1 單選列表框
這種方式只允許用戶選擇一個(gè)選項(xiàng),常用于一些需要用戶做出唯一選擇的場(chǎng)景,例如性別選擇、國(guó)家選擇等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.2 多選列表框
這種方式允許用戶選擇多個(gè)選項(xiàng),常用于一些需要用戶做出多個(gè)選擇的場(chǎng)景,例如定制化需求、標(biāo)簽選擇等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.3 下拉列表框
這種方式將所有選項(xiàng)折疊在一個(gè)下拉列表中,用戶可以通過(guò)滑動(dòng)或者點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要節(jié)省空間或者隱藏復(fù)雜選項(xiàng)的場(chǎng)景。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.4 彈出式列表框
這種方式將選項(xiàng)以彈出式的方式展示在彈窗中,用戶可以通過(guò)點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要快速選擇的場(chǎng)景,例如快捷菜單、操作菜單等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)


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

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

日歷

鏈接

個(gè)人資料

存檔