做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

B端設計—常見問題&解決方式

ui設計分享達人

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


作者:張陽光Designer
來源:站酷

 

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發軟件vue開發

交互設計基礎定律-泰斯勒定律

博博

“每一個產品有著不可降低的復雜性,這個復雜性有一個臨界點,臨界點的位置決定了誰將處理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被稱作「復雜度守恒定律」,由拉里·泰斯勒于1984年提出。定律認為:一個系統中有一定程度的復雜性是無法被降低的,內在的復雜度只能通過產品設計去設法平衡和轉移。

二、泰斯勒定律在設計中的運用

每一個產品都必然會有其系統和用戶兩端無法簡化的復雜度,不論是在產品開發環節還是產品交互環節都無法按照人們的意愿做刪除,只能設法去調整、平衡。通過轉移兩者直接的臨界點,來提高產品的體驗度。

1、讓用戶識別而不是記憶

在操作中最大限度的減少用戶的記憶負荷,通過減少獲取信息的復雜性,讓用戶在操作中去識別信息而不是去記憶,界面的交互動作和選項都應該是可見的。

2、算法程序、推薦正確內容

用戶在使用產品的過程中是一個逐漸適應成長的過程,他們會從無經驗變得有經驗,因此設計系統需要針對不同的人群提供差異化的操作,讓系統操作難度與用戶實際的經驗水平相匹配,滿足他們對產品靈活易用的控制欲,實現其目標感以及成就感。

3、整合功能、簡化用戶界面

隨著用戶需求的不斷增加,產品也將會不斷迭代,越到后面功能也可能會越來也多而且復雜。在不影響用戶需求和體驗的前提下,盡可能的整合同類的功能,簡化用戶界面的復雜度。

三、總結

在產品設計中,泰斯勒定律主要是為了權衡用戶復雜度和系統復雜度之間的一個平衡。在應用「泰斯勒定律」平衡交互設計中的復雜度這時需要注意以下幾個要點:

1、系統的總復雜度是一個常數,為用戶提供更簡單的功能會增加其他方面的復雜性;

2、找到復雜度轉移的「最低成本的方式」;

3、界面不能太過簡單,適當的復雜度也會吸引用戶;

而設計本身其實是一個平衡過程,需要我們與業務方反復的溝通,考慮綜合成本,確保以項目最低成本方式實現業務目標與體驗目標之間的平衡。

 

作者:哆啦的設計筆記
來源:站酷

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發

超長干貨!UI設計師必須要懂的4個設計心理學

前端達人

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

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計APP界面設計圖標定制、用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發、軟件wpf開發軟件vue開發



作者:A大林子
鏈接:https://www.zcool.com.cn/article/ZMTYwNjk2MA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

分享精彩的后臺管理軟件界面設計欣賞 —藍藍UI設計公司

前端達人

今天分享B端后臺管理界面欣賞,網上我們會搜集一些公開的國內外優秀的軟件界面設計和大家分享。

藍藍設計也有很多精彩的案例,B端后臺管理界面是我們最主要的工作方向之一,但大多數是保密狀態的,所以不能在網上發。歡迎我們聯系,請到m.91whvog3.cn欣賞更多案例作品。

 

 

 

 

 

 

 

 

 

 

 

 

#后臺界面設計欣賞 #界面設計靈感 #設計外包 #UI設計公司 #b端設計接單 #B端設計

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計軟件qt開發、軟件wpf開發、軟件vue開發

 

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發軟件wpf開發、軟件vue開發

XDC干貨|雪球表情升級全紀錄

前端達人

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


作者:雪球設計中心XDC
鏈接:https://www.zcool.com.cn/article/ZMTYwOTE0OA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

XDC干貨 | 如何用服務思維做體驗升級?

前端達人

本文旨在分享從私募服務旅程著手,講述如何用服務思維去重構金融品類服務動線,從全鏈路角度梳理服務容器的價值表達,提升服務效率,讓用戶感知到服務,推動設計落地實現。

 

 

 

 

前言:金融產品設計為什么引入服務思維?

金融行業特點

金融品類交易中,客戶和平臺產品再也不是「決策-購買-結束」這種買完即走的關系,產品體驗路徑貫穿投前-中-后、線下后臺,用戶體驗鏈路漫長且復雜。尤其是私募品類,百萬起投的用戶門檻極高,高凈值人群的需求更加千人千面,給體驗升級帶來很大的難題:

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

·私募品類理解、購買門檻極高,內容及優勢難以讓用戶感知,用戶幾乎無法獨立完成購買流程。

·高凈值用戶需求千人千面,如何精準服務用戶和個性化服務?

除了金融產品本身之外,平臺服務能力很大程度決定了客戶的體驗和選擇;除了客戶的使用體驗、交易體驗,服務體驗是后續增長的核心關鍵點。所以如何讓用戶在雪球感知服務?如何把我們的好服務做顯性化表達?我們的產品架構交互路徑應該怎么去做?是體驗側需要亟待解決的問題。

 

 

先來看看用戶眼中的好服務

既然要提升產品的服務體驗,那用戶希望提供什么樣的服務?什么是用戶眼中的好服務?雪球買私募有啥優勢?

“多數受訪者不知道財富顧問可以做什么,不知道雪球買私募有什么優勢”
“多數受訪者需要某種形式的推薦,自己很難選出各方面都滿足自己要求的私募”
“越資淺的受訪者,對財富顧問需要的程度越高”
-引用自雪球私募用戶訪談

 

通過私募用戶訪談,我們發現用戶眼中的好服務是專業性強、立場中立、有溫度、持續陪伴的,所以我們應該

·把平臺服務價值外顯、更具象的展現財富顧問專業能力

·為財富顧問提供更高效的管理工具

 

 

如何用服務思維做體驗升級?

再來看看服務思維是什么?

是一種跨學科的思維方式,是用全局化、系統化的視角看待問題,通過對一段服務過程中的觸點體驗進行系統、有組織地挖掘優化,用設計思維去解決實際場景里的人與人的關系。
-引用Interaction Design Foundation

 

 

三個方向

服務體驗升級的切入點我們可以抽象為3個方向:

01.產品服務化

以用戶為中心,基于用戶旅程去做創新;從被動響應到主動服務,是人到人的服務

02.服務品牌化

有序的把各個觸點串聯,打造有識別性,連貫統一、感知強的服務體驗

03.服務產品化

把服務標準化、規范化、打包成具體的產品,實現快速復制

 

 

 

設計動作

01.服務動線重構

私募產品的購買門檻高,用戶從作出購買決策到完成購買的鏈路非常長,我們希望客戶通過與“財富顧問”建立連接,來輔助用戶完成購買前-中-后的整條鏈路;以及幫助財富顧問提升效率,為后續的交易轉化帶來各種交易線索。在體驗升級最開始的階段,我們嘗試在強調按鈕操作,獨立優化預約建聯頁面信息布局等做了很多次的迭代升級,數據并不理想,并沒有提升用戶建聯率,需要跳出固有思維,從服務思維視角出發,基于用戶旅程優先迭代人到人的服務。

 

從被動等待變主動服務

從用戶需被動等待財富顧問聯系轉換為主動添加財富顧問;縮短觸達鏈路,通過跨端跳端的體驗去幫助用戶簡化流程鏈路。

 

 

 


補齊服務場景缺口

服務缺口是用戶對服務的期待或需求和實際接受到的服務之間的落差(也是一個服務設計分析模型,用來探討服務為什么發生),在設計探索階段,我們可以梳理服務缺口,去找到設計切入點。

我們在重構的時候發現,用戶僅在投中場景(私募詳情頁)才能聯系到財富顧問,用戶在發現場景下遇到類私募這種高門檻產品及內容時是急需一個觸點去咨詢財富顧問的-即在發現決策場景的溝通缺口缺失,所以我們在私募用戶高頻鏈路上都進行了服務容器的補齊。

 

 

02.服務價值顯性化

我們在訪談私募用戶的時候,很多客戶都會提到雪球財富顧問的服務好,態度中立不營銷;以及客戶希望提供更豐富的產品,但其實雪球私募的產品數量、品類是豐富的。

37.5%的私募意向用戶會在選擇平臺時選擇推銷感弱,能站在客戶角度的平臺;在訪談中,用戶對雪球財富顧問的中立立場,弱營銷感有較強感知
-引用自雪球私募用戶畫像報告

 

但我們并沒有把雪球的服務優勢在前端傳遞給用戶,也從未系統性梳理過雪球私募品牌在用戶整條鏈路的信息和表達,所以我們給用戶傳遞的界面、視覺、文案是雜亂無章的。

我們需要自上而下的去明確我們的服務價值主張是什么,然后自下而上的從視覺設計、文案表達、交互等把我們服務價值在用戶消費場景去做顯性化透傳。

 

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發



作者:雪球設計中心XDC
鏈接:https://www.zcool.com.cn/article/ZMTYwMzgxMg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計作品:B端軟件首頁2種設計風格

前端達人

hello,大家好!今天藍藍要介紹的是我們近期的作品,兩種不同風格的B端產品平臺首頁,一起來欣賞吧!

方案一:駕駛艙風格 采用駕駛艙形式,以生產為主的業務,使用戶可以更直觀,更全面地了解企業中所有指標的具體情況,以便快速做出決策。整體顯示更為重要的實時數據,監控掌握大局觀,及時對有問題的數據進行及時處理,板塊區分明顯,更方便找到相關數據。

方案二:平臺主頁風格 在初步調研產品框架的基礎上,系統首頁重構信息組織架構,豐富信息和數據,根據不同權限可調整頁面信息增加辦公效率。設計風格采用簡約的設計語言,模塊化布局,方圓并構的設計模式,界面強調可復用性和通用性,配色采用品牌色,品牌融合度高。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#ui設計

#B端產品 #UI界面設計 #設計案例分享 #北京ui設計公司 #ui設計

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計軟件qt開發、軟件wpf開發、軟件vue開發

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計、氣象行業UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發

原創作品案例:醫療電子病歷界面設計 —藍藍UI設計

前端達人

 

 

 

 

 

 

今天分享原創作品案例:醫療電子病歷界面設計,

這是一個我們公司的設計師對自己理解自由發揮的界面設計概念稿,有此類需求的企業,歡迎和我們聯系01063334945。

我們公司可以對外公開的界面設計不是特別多。

公司官網m.91whvog3.cn 上面有一些。

#后臺界面設計欣賞 #界面設計靈感 #設計外包 #UI設計公司 #b端設計接單 #B端設計 #電子病歷系統

#醫療軟件

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計軟件qt開發、軟件wpf開發、軟件vue開發

 

看完這篇萬字文章,你也能繪制用戶體驗地圖

前端達人

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

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發軟件vue開發


作者:胡三七
鏈接:https://www.zcool.com.cn/work/ZNjU2MTI3NDg=.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

從用戶體驗到細節之美:移動端彈窗設計

博博

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


作者:散落的那些
鏈接:https://www.zcool.com.cn/article/ZMTYwNDQ2NA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔