<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          用戶體驗是一種投資而不僅僅是成本

          ui設計分享達人

           
           
          在過去 1 年,我們和 10 多位個客戶一起共創項目。在這段時期,我通過 1 對 1 咨詢,分享活動和線上直播連麥的方式,和超過 100 位創始人進行深入交談。
           
          我們達成了一個共識:
          用戶體驗是一種投資而不僅僅是成本
           
           
          每一個創始人都構建了一個較為完整的想法,他們只需要找個設計師實現。這純粹是一個執行交付的項目。
          這對于設計服務行業而言,太正常不過了??蛻籼岢鲂枨螅覀冎亟榻B客戶所需的服務,和客戶達成共識,我們就啟動項目,最后交付高質量的服務。
           
          這里有一個難點問題。
          價錢
           
          我們提供一系列的服務套餐,價格各有不同。這是因為我們知道我們的潛在客戶畫像:
          1.  
            預算不足:自負盈虧或種子前階段的初創公司通常沒有大量的資金儲備。
          2.  
            觀念誤解:由于不知用戶體驗和設計的回報價值,將體驗和設計視為成本,他們通常想把這些成本降到最低。
           
          第一個問題,我們無法直接解決,如何獲取/積累項目啟動和增長資金。這需要風險投資人和創始人自己思考。如果你對自己的項目很自信,也可找我們,我們也開展種子輪的投資,可以共創共贏。
           
          第二個問題,我們很擅長解決,即便如此,這也不是一個拍拍腦袋就能夠解決的。所有問題是隨著時間的推移不斷積累而成。我們一起探討為什么會陷入這種境地的原因,以及如何擺脫的方法。
           
          ...
           
          在開始閱讀文章以前,首先,對于用戶體驗(UX)一詞的定義和大家達成一致。來自交互設計基金會描述:
          用戶體驗是一種投資而不僅僅是成本
           
           
          第二點特別的重要:用戶并不只是接觸產品后的體驗。而是,每一位用戶從開始到結束和產品交互的每一個接觸點。
           
          ...
           
          01 用戶體驗為什么沒有被視為投資回報率
          我認為造成這種情況的主要原因在于:產品構建者本身(例如我)沒有直接表述這個訴求。
          用戶體驗設計師常常會說:
          用戶體驗是一種投資而不僅僅是成本
           
           
          超贊的。這是一項值得從事的事業。我全身心投入其中,或許這會讓我晚上睡的很香,因為,我在為其他人做一些好用的產品。
          其中,有個問題。
          數據和指標。
           
          如果沒有數據,就無法計算 ROI 。我們往往決定某件事情是否值得w做,都會計算投資回報。坦率地說,沒有數據支撐的用戶體驗難以闡述真實的價值,這就是問題所在:
          在企業內部用戶體驗設計往往地位卑微,因為沒有數據和衡量標準,以至于被低估,無法充分發揮價值。最后損害的還是用戶和業務。
           
          更糟糕的是,如果沒有強有力的觀點支持,設計就會被視為企業純成本支出的部分。如果不賺錢,那么為什么還需要你呢?隨著大量企業裁員現象,通貨膨脹對消費者需求的影響,往往最先被裁撤的,就是那些沒有產生收入的部門。
          我們需要重新定義用戶體驗(UX)
          看清形勢,我們要背上銷售指標。一些決策者正在密謀決定我們預算和未來,而我們還在用主觀的“好體驗”來回應嗎?
          這明顯是不行的。
          我知道這行不通,因為這正是我從事設計總監階段大部分時間嘗試做的事情。
          緩慢、穩定的增長是最好的情況。
          我想爭取更多。
           
          02 用戶體驗為什么是投資回報(ROI)
          我們直接進入正題。這里有 3 個指標可以衡量用戶體驗(UX)的投資回報率(ROI)。其中還有一些不同顆粒度的指標,這些我們可以放在后面討論。這是從我在 ETHGathering 大會演講時使用的 PPT 。
          用戶體驗是一種投資而不僅僅是成本
           
           
          用戶登陸、使用、留存。
          就這么辦,讓我們看看這些指標如何拆解。
           
          讓更多客戶登陸(產品)
          這些都是早期接觸點。比如,高鐵座椅后背顯示的數字廣告,點擊鏈接就能跳轉到登錄頁,以及通過搜索找到我們的產品。
          在這個階段最重要的就是展示明確產品的價值主張,構建用戶的信任,突出能夠提供給用戶的好處。此時,面對大量流量,無論多微小的改變都會造成巨大的影響,因此,A/B測試往往在這個階段使用,A/B測試能夠幫助我們確定哪些用戶體驗會導致頁面/步驟產生更多轉化(使更多用戶登陸)。
          用戶體驗是一種投資而不僅僅是成本
           
           
          讓客戶更多使用(產品)
          一旦用戶進入我們的產品,產品應該要簡單且好用,我們所評估要點(下面所示):
          •  
            任務完成率
          •  
            任務完成時間
          •  
            操作間隔
          •  
            任務滿意度
          •  
            停留時長
          •  
            擴大信息路徑
           
          有很多可以研究的內容,這完全取決具體的產品體驗。最后一項要點在引導用戶使用 APP 時非常有用,我們可以了解用戶在嘗試完成任務時究竟想要什么。
          這一點應該需要結合定量和定性,或許我們可能知道是什么,但是不知道為什么。
          僅在特定公里/小時范圍內獲得獎勵,確保用戶正在跑步
          僅在特定公里/小時范圍內獲得獎勵,確保用戶正在跑步
           
          讓客戶更多停留
          這一切都是為了提高留存率避免客戶流失。這個指標會在客戶流失時觸發警告信號。如果這個數據很低或正在下降,那么,客戶無論何時續約,我們都很有可能會達不到銷售指標。
          我們所知的流失率和留存率更多關注客戶成功(賬戶管理),然而這不是孤立的進行的,因為用戶使用過程中,指標將直接導致后續的留存與流失的路徑。
          更快交付,迭代速度更快和新功能更快。
          更快交付,迭代速度更快和新功能更快。
           
          ...
           
          這些正是我們在用戶體驗(UX)方面創建更直接,更貼切的內容,征程才剛剛開始。
          不斷向外展示作為用戶體驗(UX) 設計師的能力范圍,讓更多人相信用戶體驗具備推動產品的用戶滿意度,用戶增長和銷售收入的力量。
          換言之,你也可以理解用戶體驗(UX) 設計師能夠節省成本和時間。這也不錯,雖然無法選出哪個更好,但相信,企業主和創始人會更喜歡的往往不是節省支出,而是營收。
           
          所以我們可以這樣做:
          然后,不斷循環
          用戶體驗是一種投資而不僅僅是成本


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

          深入探究B端產品設計的核心

          ui設計分享達人

          一、B端用戶需求的深入理解和分析
          在當今高度信息化的商業環境中,B端產品已成為企業高效運營和持續發展的關鍵支撐。
          這些產品不僅提供工具和服務,更是企業優化流程、提升工作效率和競爭力的有力武器。然而,要打造一款成功的B端產品,關鍵在于對
          B端用戶需求的深入理解與分析。
          B端用戶,
          如企業決策者、團隊管理者和專業人員以及普通員工,他們在日常工作中處理復雜的業務流程,對數據分析、系統整合、安全性等方面有著極高的要求。
          這些用戶的獨特需求不僅體現在產品的基本功能上,更涉及到產品的易用性、可擴展性以及服務支持等多個層面。
          深入探究B端產品設計的核心
           
           
          深入探究B端產品設計的核心
           
           
          深入探究B端產品設計的核心
           
           
          深入探究B端產品設計的核心
           
           
          深入探究B端產品設計的核心
           
           
          需求分析是產品設計的核心環節,它要求設計師深入探究用戶的需求、痛點和期望,從而確保產品能夠滿足用戶的實際需求。對于B端用戶而言,需求分析的重要性更為突出。這是因為B端產品往往需要解決企業運營中的具體問題,其設計必須緊密圍繞用戶的需求展開,以確保產品的實用性和高效性。
          在需求分析的過程中,我們需要關注以下幾個方面:
          深入探究B端產品設計的核心
           
           
          首先,
          功能性需求
          是B端用戶最為關注的一點。他們需要產品具備強大的數據處理能力、靈活的業務流程管理功能以及全面的安全防護措施。這些功能性的需求是確保B端產品能夠滿足企業日常運營需要的基礎。
          其次,
          易用性需求
          同樣不容忽視。盡管B端產品往往面向具備一定專業素養的用戶,但簡潔直觀的界面設計、流暢的操作體驗以及可定制的用戶界面仍然是提升用戶滿意度的關鍵。通過優化用戶交互流程、減少冗余信息,我們可以幫助用戶更高效地完成工作任務。
          此外,
          整合與擴展性需求
          也是B端用戶關注的重點。企業需要產品能夠與其他系統無縫對接,實現數據共享和業務協同。同時,隨著企業業務的發展,產品還需要具備良好的擴展性,以支持新功能的快速添加和部署。
          最后,
          服務與支持需求
          同樣重要。B端用戶期望獲得專業的客戶支持、完善的培訓機制以及豐富的資源文檔,以確保產品的穩定運行和持續優化。
          深入探究B端產品設計的核心
           
           
          綜上所述,深入理解B端用戶的獨特需求是打造成功B端產品的關鍵。通過全面的需求分析,我們可以確保產品不僅滿足用戶的基本功能需求,更在易用性、整合擴展性和服務支持等方面提供卓越的體驗。這將有助于提升企業的運營效率,進而推動其在激烈的市場競爭中脫穎而出。
           
          二、B端用戶的獨特需求
          B端用戶,即企業級用戶,他們的需求與C端個人用戶有著顯著的差異。
          這些差異主要體現在以下幾個方面:
          深入探究B端產品設計的核心
           
           
          業務強驅動性:
          B端產品的主要需求來源于業務方,由業務驅動并主導。
          這是因為B端產品主要是為了解決組織內某個或某一類具體業務領域的問題。業務方通常離業務最近,也最了解使用用戶的需求,因此他們在產品需求上擁有較大的話語權。
          用戶群體差異大:
          不同于C端用戶需求的大同小異,B端用戶群體的需求差異巨大。
          這些差異主要體現在角色差異、組織差異、管理層級差異、用戶深度差異、客戶規模差異、客戶行業差異以及客戶性質差異等。這種多樣性要求B端產品在設計時需要考慮更多的變量和定制化需求。
          高效性與便捷性
          企業級用戶非常重視工作效率和操作流程的簡化。
          他們希望產品能夠提供高效的功能和簡潔的操作界面,以減少工作中的繁瑣步驟和時間成本。因此,B端產品設計需要注重提升用戶的工作效率,提供便捷的操作體驗。
          安全性與穩定性:
          對于企業級用戶來說,數據安全和系統穩定是至關重要的。
          他們需要一個可靠且安全的平臺來處理和存儲敏感的業務數據。B端產品必須能夠提供強大的安全防護措施和穩定的系統性能,以確保企業業務的正常運行和數據的安全。
          定制化與靈活性:
          每個企業的業務流程和需求都是獨特的,因此B端用戶希望產品能夠根據自身的實際情況進行定制。
          他們需要一個靈活可配置的產品解決方案,以滿足企業特定的業務需求和工作流程。
          集成性與兼容性:
          在企業級應用中,B端產品往往需要與其他系統或軟件進行集成,以實現數據的共享和流程的協同。
          因此,產品的集成性和兼容性是企業用戶非常關注的一個方面。B端產品設計需要考慮到與現有系統的無縫對接和數據交換的便捷性。
          深入探究B端產品設計的核心
           
           
          綜上所述,B端用戶的獨特需求主要體現在業務的強驅動性、用戶群體的大差異性、對高效便捷的追求、對安全穩定的重視、對定制化和靈活性的需求以及對集成性和兼容性的關注等方面。這些需求特點要求B端產品在設計時必須充分考慮企業級用戶的實際需求和業務場景,以提供符合用戶期望的優質產品解決方案。
           
          三、
          B端產品設計的核心原則
          B端產品設計需要遵循一系列核心原則,以確保產品能夠滿足企業級用戶的獨特需求。
          深入探究B端產品設計的核心
           
           
          3.1 用戶中心設計
          深入理解目標用戶:
          在設計B端產品時,必須首先了解目標用戶,包括他們的工作流程、需求痛點以及行為習慣。這需要通過深入的用戶研究和調查來實現,以便更好地設計適合用戶的產品。
          符合用戶期望:
          產品的設計應以用戶為中心,確保功能、界面和操作都符合用戶的期望和習慣。這有助于提高用戶滿意度和使用效率。
          3.2 簡潔直觀的界面
          簡約性:
          B端產品的交互界面應該簡潔明了,避免過多的復雜功能和視覺元素。這樣用戶可以更輕松地理解和使用產品。
          直觀性:
          界面設計應直觀易懂,減少用戶的學習成本。通過明確的導航和標識,幫助用戶快速找到所需功能。
          3.3 強大的功能支持
          滿足業務需求:
          B端產品需要提供豐富的功能,以滿足企業復雜的業務需求。這些功能應涵蓋用戶在工作流程中的各個環節,確保用戶能夠順利完成工作任務。
          靈活配置:
          產品功能應具備高度的可配置性,以便用戶根據自身需求進行靈活調整。這有助于提升產品的適用性和用戶體驗。
          3.4 高度可配置性
          定制化體驗:
          B端產品應允許用戶根據自身需求靈活配置產品功能和界面。這包括調整功能模塊、設置權限、定制報表等,以滿足不同用戶的個性化需求。
          易于管理:
          產品應提供便捷的管理工具,使用戶能夠輕松地對產品進行配置和管理。這有助于降低用戶的操作難度和提升工作效率。
          3.5 數據驅動決策
          數據分析:
          B端產品應具備強大的數據分析功能,幫助用戶深入挖掘業務數據中的價值。通過對數據的分析,用戶可以更好地了解業務狀況、發現問題并制定相應的解決方案。
          決策支持:
          產品應提供可視化的數據報表和分析工具,為用戶提供決策支持。這有助于用戶做出更明智的決策,推動企業的發展和創新。
          深入探究B端產品設計的核心
           
           
          綜上所述,B端產品設計的核心原則包括用戶中心設計、簡潔直觀的界面、強大的功能支持、高度可配置性以及數據驅動決策。遵循這些原則有助于設計出符合企業級用戶需求的優質B端產品。
           
          四、B端產品設計流程
          B端產品設計流程是一個系統性、結構化的過程,旨在確保產品能夠滿足企業級用戶的實際需求和業務場景。
          深入探究B端產品設計的核心
           
           
          4.1 市場調研與用戶研究
          市場調研:
          了解行業趨勢、市場規模、主要競爭對手以及潛在的市場機會,為產品定位和設計提供市場層面的輸入。
          用戶研究:
          通過深入訪談、問卷調查、用戶觀察等方式,收集目標用戶的需求、痛點、工作流程等信息。這些信息對于理解用戶行為和期望至關重要。
          4.2 需求調研和分析
          需求收集:
          從用戶、業務方、利益相關者等多渠道收集需求。
          需求分析:
          對收集到的需求進行深入分析,理解需求的本質和背后的業務邏輯。
          需求篩選與排序:
          基于業務價值、用戶價值、實現成本等因素,對需求進行篩選和優先級排序。
          4.3 產品規劃與設計
          產品規劃:
          根據市場調研和用戶研究結果,制定產品的發展規劃和路線圖。
          功能設計:
          明確產品的核心功能和特點,確保產品能夠滿足用戶的實際需求。
          信息架構設計:
          對產品的內容和功能進行分類和組織,確定產品的核心功能和信息架構,使用戶更容易找到和使用相關功能。
          4.4 原型設計與UI設計
          原型設計:
          制作產品原型,展示產品的基本結構和交互流程,幫助團隊更好地理解產品設計。
          UI設計:
          根據產品原型和業務需求,進行用戶界面設計,確保界面簡潔、美觀且易于使用。
          4.5 用戶測試與反饋
          用戶測試:
          邀請目標用戶對產品原型或初步實現的產品進行測試,觀察用戶的使用行為和反饋。
          反饋收集與分析:
          收集用戶的反饋意見,對反饋進行深入分析,找出產品的問題和改進點。
          4.6 產品開發與迭代
          產品開發:
          基于產品設計文檔和原型,進行產品的實際開發工作。
          測試與修復:
          對開發完成的產品進行詳細的測試,確保產品質量和穩定性。針對測試中發現的問題進行及時修復。
          產品迭代:
          根據用戶反饋和市場變化,持續對產品進行迭代和優化,以滿足用戶不斷變化的需求。
          4.7 上線與運維
          產品上線:
          經過充分的測試和驗證后,將產品正式上線,供用戶使用。
          運維與監控:
          持續監控產品的運行狀況,及時發現并解決潛在的問題。同時,為用戶提供必要的技術支持和服務。
          深入探究B端產品設計的核心
           
           
          整個B端產品設計流程需要跨部門的緊密協作和持續的用戶參與。通過不斷優化和完善設計流程,可以確保B端產品更加貼近用戶需求,提升用戶體驗和業務效率。
           
          五、結論
          B端產品設計流程是一個復雜而精細的過程,它涉及到從市場調研、用戶研究到產品開發、迭代和運維的多個環節。在這個過程中,始終以用戶需求為中心,通過深入的市場和用戶研究來確保產品的定位準確性,再通過原型設計、用戶測試等環節不斷優化產品設計,最終開發出滿足用戶需求、穩定且高效的B端產品。
          通過遵循這一流程,
          企業能夠更有效地理解目標市場和用戶的真實需求,設計出更符合用戶使用習慣和業務流程的產品。這不僅可以提升用戶的工作效率和滿意度,還可以增強企業的市場競爭力,實現商業價值的最大化。
          B端產品設計流程是確保產品質量和滿足用戶需求的關鍵,它需要多部門的協同合作和持續的用戶參與,以打造出優秀的B端產品。
           



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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

           

          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?

          ui設計分享達人

          導讀
          : 歐洲杯余溫尚在,巴黎奧運會開幕在即,體育賽事總是跨越著時間與地域,將觀眾們的情緒緊緊相連。
          除了精彩紛呈的競賽本身,各大體育賽事的視覺表達也總能引起熱議?;諛嗽O計、賽場新貌、信息文字……它們不僅沉淀著歷史基因,還傳達著關乎當下的特色表達,而其中字體的選擇也是關鍵要素。
          本文聚焦 8 項全球頂尖體育賽事的徽標及官網設計,感受字體如何在其中構建起富有表現力的場域。
           
          1|奧林匹克運動會
          奧運會的徽標設計總是引人注目,往往融合了前瞻的設計理念及豐富的地域特色,其中圖形設計與文字信息的和諧搭配亦至關重要。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          即將到來的 2024 巴黎奧運會會徽融合了金牌、奧運圣火與象征國家的瑪麗安娜元素,以此致敬女性運動員。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          而下方文字則是設計團隊特別定制的 Paris2024 Font 可變字體,風格簡約,線條動感,蘊含裝飾藝術風格。這款字體不僅運用到了印刷物料中,也在巴黎奧運會官網中用以呈現信息。
          歷屆奧運會徽標設計常常采用手寫字體或是定制字體以更好地匹配概念核心,但也有不少徽標采用了現成的字庫字體。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          例如 2004 雅典奧運會徽標采用了 Gill Sans,組委會表示這款字體的字母形狀與大量的希臘古代石刻銘文有異曲同工之妙。2020 東京奧運會使用了 DIN,其嚴謹細致的字體基因與祖市松紋圖案搭配和諧。
           
          2|澳大利亞網球公開賽
          Font:Sharp Sans
          網球四大滿貫賽事之一的澳大利亞網球公開賽(簡稱澳網),創辦至今已有 100 多年的歷史,是每年四大滿貫中最先舉行的一個賽事,亦是最年輕的大滿貫。
          左:舊徽標         右:新徽標
          左:舊徽標 右:新徽標
           
          澳網于 2016 年推出了新徽標,使用了 Sharp Type 字體公司旗下的 Sharp Sans(現已加入蒙納家族)。相比于舊徽標,這款幾何風格無襯線體為徽標增添了更多時尚簡約的現代氣息。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          澳網官網也使用了 Sharp Sans,既保證了視覺風格的統一,也通過這款適應度極高的字體實現了良好的信息傳達。
           
          3|溫布爾登網球錦標賽
          Font:Gotham
          同為網球四大滿貫賽事之一的溫布爾登網球錦標賽(簡稱溫網),創辦于 1877 年,歷史悠久、聲望豐厚。獨特的草地場地也是溫網的特色之一,為比賽增添了獨特的觀賞性和挑戰性。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          目前的溫網徽標自 2011 年起啟用,代表草地顏色的綠色部分有兩個交叉的球拍和一個網球,外側紫色環形部分則用 Gotham 字體標注了溫網名稱。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          這款經典的美系無襯線體也應用到了溫網的數字呈現中,既權威直率,又蘊含輕盈優雅。
           
          4|NBA 美國職業籃球聯賽
          Font:Knockout
          左:舊徽標         右:新徽標
          左:舊徽標 右:新徽標
           
          NBA 的徽標也經歷了多重的煥新,2017 年,維持了長達 48 年的徽標有了小幅度更新,核心部分維持不變,色彩略微調深,字母變得更窄,強化徽標在品牌數字資產中的醒目度。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          NBA 官網則是選擇了 Hoefler & Co. 旗下的 Knockout 字體。這款字體是對與 19 世紀末美國活版印刷商各種無襯線字體的一種總結詮釋,打破了現代主義的傳統,傳遞出更為經典的美式風格基因,與網站整體視覺風格相得益彰。
           
          5|英格蘭足球超級聯賽
          Font:蒙納定制字體 Premier Sans
          作為歐洲足球五大聯賽之一,也因節奏快、競爭激烈、強隊眾多而商業表現極為突出的足球聯賽,英超聯賽在 2016 年啟動了品牌升級,適配更多元化的媒介。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          左:舊徽標         右:新徽標
          左:舊徽標 右:新徽標
           
           
          蒙納應 DesignStudio 委托,為英超聯賽定制了品牌字體 Premier Sans。品牌升級前,英超聯賽一直使用一款全大寫的字體;時過境遷,英超需要一款更清新、親切的字體,適配各種媒介。此外,歐洲職業足球聯賽的品牌營銷競爭激烈,字體也需要在營銷上發揮作用。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          最終,Premier Sans 這款字體不僅在大字號下確保了良好的展示,還適應表格這樣布局密集的版面,并配備了窄體來顯示較長的球員名字,從而適用于多種媒介,從屏幕、球衣號碼、再到電視節目、排名表等等。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          6|世界摩托車大獎賽
          Font:蒙納定制字體 MotoGP Font
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          國際摩聯(FIM)公路賽車的各項賽事中,世界摩托車大獎賽(MotoGP)最受關注。MotoGP 始創于 1949 年,是歷史最久的摩托車大獎賽,每個賽季覆蓋四大洲的 16 個國家。
          作為頂級的摩托車賽事,MotoGP 集結了全世界最優秀的車手與最先進的摩托車型。2020 年,MotoGP 商業權利持有方 Dorna Sports 決定與 Fontsmith(現已歸入蒙納)合作,設計一款活力、高端、迷人的品牌字體。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          該款字體不僅框架清晰,并且融入了賽事元素,如開放的車道形狀,因而兼備摩托車工業感的曲線和優美的視覺意味,個性鮮明且富有動感,從而使 MotoGP 的品牌形象和力度都得到提升。
           
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          目前,這款字體不僅應用于 MotoGP 的各類實體物料,也呈現在各類數字媒介和轉播畫面中,鮮明一致地傳達出賽事風格。
           
          7|倫敦馬拉松
          Font:ITC Avant Garde Gothic + Proxima Nova
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          倫敦馬拉松誕生于 1981 年,于每年 4 月下旬舉辦。倫馬也是世界六大馬拉松賽事之一,但不同于其他賽事,倫敦馬拉松是一個慈善馬拉松,大約三分之二的跑者都是通過慈善捐款的方式獲得參賽資格。
          倫馬的徽標左側字體頗具優雅的曲線感,而右側則使用了一款現成的字體:ITC Avant Garde Gothic。
          這款字體以 Avant Garde 雜志的 logo 字體為基礎而設計,并逐漸由設計師團隊經手優化為完整的字體家族;具有強大而現代的外觀,是平面設計師用于標題及短文本的理想選擇。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          倫馬的官網標題字體也沿用了 ITC Avant Garde Gothic,正文則選擇了易讀性更強的的 Proxima Nova,兼具力量感與現代性。
           
          8|全英羽毛球公開賽
          Font:Neue Haas Grotesk Display + DIN
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
          全英羽毛球公開錦標賽是世界上歷史最悠久、最負盛名的羽毛球錦標賽,由 1898 年在英國吉爾福德成功舉辦的世界上第一場羽毛球公開比賽發展而來。
          倫敦創意機構 Monopo London 于 2023 年為全英賽打造了忠于基因卻也更為活力的視覺升級。更為平面的圖案設計、全新的配色方案等都帶來了更溫暖、舒適、愉悅的感官體驗。
          奧運會、溫網、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
           
           
           
          在字體應用方面,此次視覺升級也頗有考量。
          官網標題字體選用了 Neue Haas Grotesk Display(這款字體正是 Helvetica 的前身),正文字體則是蘊含著德系干凈嚴謹基因的 DIN。兩款字體相輔相成,既展現年輕、現代的外觀,又清晰鮮明地呈現大篇幅文字信息。
          結語
          體育賽事往往歷史悠久,蘊含著深厚的品牌基因,也隨著時代的發展進行視覺升級。字體在其中亦占據重要的視覺核心,不僅奠定了表達基礎,也在賽場、網頁、宣傳廣告等多種媒介上完善信息的呈現。
          活力、堅韌、愉悅、希望……無論是使用字庫字體抑或定制字體,更靈活、更大膽的字體策略,能將品牌聲音傳達更遠,觸達更多,設計表達與創意的可能性也正在于此。
           


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

          雙鉆模型全方位解讀與實戰案例

          ui設計分享達人

          目錄
          一、雙鉆模型簡介
          二、雙鉆模型的階段
          三、雙鉆模型生活中應用
          四、雙鉆模型總結
           
          一、雙鉆模型簡介
          雙鉆模型全方位解讀與實戰案例
           
           
          雙鉆模型(Double Diamond Model)是由英國設計委員會(British Design Council)于2005年提出的。這一模型是用于描述設計過程的一種框架,它將設計過程分為四個階段:發現(Discover)、定義(Define)、開發(Develop)和交付(Deliver)。
          二、雙鉆模型的階段
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  發現(Discover):
          a.  目標:收集和研究大量信息,理解問題的全貌。
          b.  方法:用戶調研、市場分析、觀察、訪談、數據收集。
          c.  結果:廣泛的洞察和靈感,為問題定義階段提供基礎。
          2.  定義(Define):
          a.  目標:分析和綜合發現階段的信息,明確設計問題和機會。
          b.  方法:數據分析、問題陳述、需求定義、設計準則制定。
          c.  結果:一個清晰、具體的問題陳述和設計方向。
          3.  開發(Develop):
          a.  目標:產生和發展解決方案的過程,探索各種可能的設計方案。
          b.  方法:頭腦風暴、概念設計、原型制作、用戶測試、迭代。
          c.  結果:多個初步解決方案和原型,為最終選擇提供依據。
          4.  交付(Deliver):
          a.  目標:驗證和完善最終方案,準備產品的詳細設計和生產。
          b.  方法:詳細設計、開發、測試、實施、發布。
          c.  結果:一個成熟的解決方案,準備推向市場或交付給客戶。
          1、發現(Discover)
          在發現階段,設計團隊的主要任務是廣泛收集信息,理解用戶需求、市場趨勢和問題領域。這一階段注重探索和發散,旨在獲取盡可能多的洞察和靈感,為后續階段提供豐富的基礎。
          發現階段需要做什么:
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  用戶調研:
          a.  訪談:與潛在用戶進行一對一或小組訪談,了解他們的需求、期望、痛點和行為模式。
          b.  問卷調查:通過結構化問卷收集大規模用戶反饋,獲取定量數據。
          c.  觀察:直接觀察用戶在自然環境中的行為,記錄他們的操作方式和遇到的問題。
          d.  用戶旅程地圖:繪制用戶在使用產品或服務過程中的各個接觸點,識別關鍵的用戶體驗。
          2.  市場分析:
          a.  競爭分析:研究競爭對手的產品和服務,了解其優勢和劣勢。
          b.  趨勢分析:識別行業和市場中的最新趨勢和技術發展,預測未來變化。
          3.  數據收集:
          a.  文獻研究:查閱相關的學術研究、行業報告和白皮書,獲取背景信息和理論支持。
          b.  數據挖掘:分析現有的數據資源,如用戶反饋、支持請求、社交媒體評論等。
          結果:
          發現階段的產出包括大量的用戶洞察、問題陳述、機會識別以及設計靈感。這些信息將被用于定義階段,以明確設計問題和機會。
          案例:設計一款新的健康管理應用
          背景:一家科技公司決定開發一款新的健康管理應用,旨在幫助用戶更好地管理他們的健康數據和生活方式。
          用戶調研
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  訪談:
          a.  目標用戶:20位年齡在25-45歲之間的潛在用戶,涵蓋不同的健康狀況和生活方式。
          b.  問題:了解他們目前如何管理健康數據,使用哪些工具,遇到的主要挑戰是什么。
          2.  問卷調查:
          a.  規模:1000名目標用戶,問卷內容包括健康管理習慣、對健康應用的期望、常見的使用場景等。
          b.  結果:定量數據分析發現,70%的用戶希望應用能提供個性化的健康建議,50%的用戶認為當前的健康應用缺乏數據整合能力。
          3.  觀察:
          a.  場景:觀察用戶在健身房、診所和家中的健康管理行為,記錄他們如何記錄和分析健康數據。
          b.  發現:大多數用戶在健身房使用手動記錄方式,而在家中則依賴多個設備和應用,導致數據分散和管理復雜。
          市場分析
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  競爭分析:
          a.  競品:研究當前市場上的主要健康應用,如MyFitnessPal、Fitbit、Apple Health等。
          b.  分析:MyFitnessPal在飲食記錄方面表現出色,但缺乏運動數據整合;Fitbit在運動數據追蹤上有優勢,但個性化建議不足。
          2.  趨勢分析:
          a.  趨勢:健康科技領域正朝著個性化和整合化發展,人工智能和機器學習在個性化健康建議中的應用越來越普遍。
          b.  技術:可穿戴設備的數據整合和遠程健康監測成為新的增長點。
          數據收集
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  文獻研究:
          a.  文獻:查閱關于健康管理、行為改變和用戶體驗設計的相關研究,獲取理論支持。
          b.  發現:有效的健康管理應用需要兼顧用戶動機和行為改變理論,提供即時反饋和鼓勵。
          2.  數據挖掘:
          a.  來源:分析公司現有的用戶反饋和支持請求,識別用戶常見問題和需求。
          b.  結果:用戶普遍希望應用能提供更好的數據可視化和綜合分析功能。
          結果
          通過發現階段的調研和分析,設計團隊收集了大量的用戶需求和市場信息,明確了以下幾個關鍵問題和機會:
          1.  用戶需要一個能夠整合各種健康數據的平臺。
          2.  個性化健康建議是用戶高度期望的功能。
          3.  當前市場上的健康應用存在數據分散和管理復雜的問題。
          這些洞察將指導下一階段的定義和設計工作,確保新開發的健康管理應用能夠真正滿足用戶需求并在市場中具有競爭力。
          2、定義(Define)
          定義階段的主要目標是將發現階段收集的廣泛信息進行分析和綜合,明確設計問題、用戶需求和機會。這一階段的重點是收斂信息,以確定一個明確的設計方向,為后續的開發階段提供指導。
          定義階段需要做什么:
           
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  數據分析:
          a.  整理和分析發現階段收集的信息和數據,識別關鍵趨勢和模式。
          b.  使用工具如Affinity Diagram(親和圖)、Personas(用戶畫像)和Customer Journey Maps(用戶旅程圖)進行信息整理。
          2.  問題陳述:
          a.  將用戶需求和痛點轉化為具體的設計問題和挑戰。
          b.  使用工具如How Might We(HMW)問題框架,將發現的機會轉化為設計問題。
          3.  需求定義:
          a.  明確用戶需求和功能需求,確定設計準則和約束條件。
          b.  創建需求文檔,列出所有必須滿足的需求和優先級。
          4.  設計方向:
          a.  確定設計策略和方向,制定設計目標和成功標準。
          b.  使用工具如SWOT分析(Strengths, Weaknesses, Opportunities, Threats),評估設計策略的可行性。
          結果:
          定義階段的產出包括清晰的問題陳述、用戶需求、設計準則和明確的設計方向。這些成果為開發階段的概念設計和原型制作提供了基礎。
          案例:設計一款新的健康管理應用
          背景:一家科技公司在發現階段通過用戶調研、市場分析和數據收集,了解到用戶需要一個能夠整合各種健康數據的平臺,并希望該平臺能提供個性化的健康建議?,F進入定義階段。
          數據分析
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  整理信息:
          a.  使用親和圖(Affinity Diagram)整理用戶調研中的關鍵發現,分類和識別主題。
          b.  通過用戶畫像(Personas)總結不同用戶群體的特征和需求,如忙碌的專業人士、健身愛好者和慢性病患者。
          2.  用戶旅程圖(Customer Journey Map):
          a.  繪制用戶旅程圖,顯示用戶在健康管理過程中各個接觸點的體驗和痛點。
          b.  識別關鍵的接觸點,如數據記錄、數據分析、個性化建議和行為反饋。
          問題陳述
          1. How Might We(HMW)問題框架:HMW問題:如何使用戶能夠輕松整合和管理他們的健康數據?如何為用戶提供個性化的健康建議?
          a.  這些問題將指導設計團隊在開發階段探索具體的解決方案。
          需求定義
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  用戶需求:
          a.  用戶需要一個平臺能夠整合多種健康數據來源(如可穿戴設備、手動輸入、醫療記錄等)。
          b.  用戶希望平臺能提供個性化的健康建議,基于他們的健康數據和目標。
          2.  功能需求:
          a.  數據整合功能:支持多種數據來源的同步和管理。
          b.  數據分析功能:提供清晰的健康數據可視化和分析報告。
          c.  個性化建議:基于用戶數據和目標,提供個性化的健康建議和計劃。
          3.  設計準則:
          a.  界面簡潔易用,符合用戶的認知習慣。
          b.  提供及時的反饋和鼓勵,幫助用戶保持積極的健康管理行為。
          c.  確保數據隱私和安全,建立用戶信任。
          設計方向
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  設計策略:
          a.  采用模塊化設計,允許用戶根據自己的需求自定義平臺功能。
          b.  使用機器學習和人工智能技術,實現個性化建議和預測分析。
          2.  成功標準:
          a.  用戶滿意度和使用率:通過用戶反饋和使用數據評估平臺的用戶體驗。
          b.  健康目標達成率:衡量用戶在使用平臺后的健康改善情況。
          c.  數據安全性:確保用戶數據的安全和隱私保護。
          結果
          定義階段的結果包括:
          1.  清晰的問題陳述:如何使用戶能夠輕松整合和管理他們的健康數據?如何為用戶提供個性化的健康建議?
          2.  用戶需求和功能需求文檔,列出整合數據、數據分析和個性化建議等關鍵功能。
          3.  設計準則和策略,確保界面簡潔易用,提供及時反饋,并保障數據隱私和安全。
          4.  明確的設計方向和成功標準,為開發階段的概念設計和原型制作提供指導。
          通過定義階段的工作,設計團隊可以將廣泛的信息和洞察轉化為具體的設計要求和策略,為后續的開發和交付階段奠定堅實的基礎。
          3、開發(Develop)
          在開發階段,設計團隊的主要任務是產生和發展解決方案,探索各種可能的設計方案并進行驗證和迭代。這一階段的重點是創造性和實驗性,旨在將定義階段明確的問題轉化為可行的設計解決方案。
          開發階段需要做什么:
           
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  頭腦風暴:
          a.  目標:產生大量創意和概念。
          b.  方法:團隊成員自由發言,記錄所有想法,不進行評判和篩選。
          2.  概念設計:
          a.  目標:將頭腦風暴產生的創意轉化為具體的設計方案。
          b.  方法:繪制草圖、創建故事板、編寫用例場景。
          3.  原型制作:
          a.  目標:創建初步的設計原型,以便進行測試和驗證。
          b.  方法:使用低保真和高保真原型工具,如紙質原型、Axure、Sketch、Figma等。
          4.  用戶測試:
          a.  目標:通過用戶測試驗證設計方案,收集用戶反饋并進行迭代。
          b.  方法:可用性測試、A/B測試、用戶訪談等。
          5.  迭代改進:
          a.  目標:根據用戶測試反饋不斷改進設計方案。
          b.  方法:調整和優化原型,進行多輪測試和驗證。
          結果:
          開發階段的產出包括多個初步解決方案和原型,經過反復的測試和迭代,最終確定一個成熟的設計方案,為交付階段的詳細設計和實現提供基礎。
          案例:設計一款新的健康管理應用
          背景:一家科技公司在定義階段明確了用戶需求和設計方向,現在進入開發階段,目標是探索和驗證各種設計方案,以創建一個能夠整合健康數據并提供個性化建議的健康管理應用。
          頭腦風暴
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  創意產生:團隊成員通過頭腦風暴會議,提出了多種創意,例如:用戶儀表板:提供整合所有健康數據的儀表板。
          i.  個性化建議模塊:基于用戶數據和目標提供個性化的健康建議。
          ii.  社交功能:允許用戶與朋友和家人分享健康進展。
          概念設計
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  草圖繪制:
          a.  團隊成員繪制了各個功能模塊的草圖,包括用戶儀表板、數據輸入界面、建議頁面等。
          2.  故事板:
          a.  創建了用戶使用應用的故事板,展示用戶從登錄到獲取健康建議的完整流程。
          3.  用例場景:
          a.  編寫了多個用例場景,如用戶如何記錄飲食、查看每日步數、接收健康建議等。
          原型制作
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  低保真原型:
          a.  使用紙質原型和Sketch創建了低保真原型,展示基本界面布局和交互流程。
          2.  高保真設計稿:
          a.  使用Figma創建了高保真設計稿,展示詳細的界面設計和交互細節。
          用戶測試
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  可用性測試:
          a.  招募10位目標用戶進行可用性測試,觀察他們使用原型的過程,記錄他們的操作和反饋。
          b.  發現:部分用戶在數據輸入界面遇到困難,需要簡化輸入流程。
          2.  A/B測試
          a.  創建了兩個不同版本的個性化建議頁面,進行A/B測試,比較用戶對不同設計的偏好。
          b.  結果:用戶更喜歡簡潔的建議頁面,提供明確的行動步驟。
          3.  用戶訪談:
          a.  進行深度用戶訪談,了解用戶對原型的整體體驗和改進建議。
          b.  反饋:用戶希望增加數據導入功能,能夠從其他健康應用和設備同步數據。
          迭代改進
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  調整和優化原型:
          a.  根據用戶測試和訪談反饋,優化數據輸入界面,簡化操作流程。
          b.  增加數據導入功能,允許用戶從其他應用和設備同步數據。
          2.  多輪測試和驗證:
          a.  進行第二輪和第三輪可用性測試,驗證改進后的原型是否滿足用戶需求。
          b.  結果:用戶體驗顯著提升,滿意度提高,操作更加順暢。
          結果
          開發階段的結果包括:
          1.  詳細的概念設計和用例場景,展示用戶使用應用的完整流程。
          2.  低保真和高保真原型,展示各個功能模塊的界面設計和交互細節。
          3.  多輪用戶測試和迭代改進,確保設計方案能夠滿足用戶需求和期望。
          4.  一個成熟的設計方案,為交付階段的詳細設計和實現提供基礎。
          通過開發階段的工作,設計團隊能夠驗證和優化設計方案,確保最終的健康管理應用既符合用戶需求,又具有良好的用戶體驗。
          4、交付(Deliver)
          在交付階段,設計團隊的任務是驗證和完善最終方案,進行詳細設計、開發和測試,并將產品推向市場或交付給客戶。這一階段的重點是實現設計方案,確保其可用性和可行性,最終滿足用戶需求。
          交付階段需要做什么:
           
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  詳細設計:
          a.  目標:將高保真原型轉化為詳細的設計規范,包括界面設計、交互細節和視覺元素。
          b.  方法:創建設計規范文檔,使用工具如Sketch、Figma等。
          2.  開發和實現:
          a.  目標:將設計方案轉化為實際的產品,進行前端和后端開發。
          b.  方法:使用編程語言和框架,如HTML/CSS、JavaScript、React、Node.js等,進行代碼開發和實現。
          3.  測試和驗證:
          a.  目標:通過多輪測試確保產品的功能和用戶體驗,修復BUG并進行性能優化。
          b.  方法:單元測試、集成測試、用戶驗收測試(UAT)、A/B測試等。
          4.  發布和部署:
          a.  目標:將產品發布到市場,進行部署和上線,確保產品能夠正常運行并滿足用戶需求。
          b.  方法:選擇合適的發布平臺(如App Store、Google Play),進行發布和推廣。
          5.  用戶反饋和改進:
          a.  目標:收集用戶反饋,進行產品的持續改進和優化。
          b.  方法:用戶調查、使用數據分析、版本更新等。
          結果:
          交付階段的產出包括詳細的設計規范、實現的產品、測試報告、上線的產品以及用戶反饋和改進計劃。
          案例:設計一款新的健康管理應用
          背景:一家科技公司在開發階段確定了健康管理應用的成熟設計方案,現在進入交付階段,目標是實現設計方案并將應用推向市場。
          設計詳情
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  設計規范文檔:
          a.  創建詳細的設計規范文檔,包括界面布局、色彩方案、字體選擇、圖標和交互細節。
          b.  確保所有設計元素的一致性,提供開發團隊參考。
          2.  設計工具:
          a.  使用Figma制作高保真的界面設計和交互細節。
          b.  制作設計交互原型,確保開發團隊清晰了解設計意圖。
          開發和實現
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  前端開發:
          a.  使用React框架進行前端開發,創建用戶界面和交互邏輯。
          b.  編寫CSS和JavaScript代碼,實現設計規范中的視覺和交互效果。
          2.  后端開發:
          a.  使用Node.js和Express進行后端開發,構建服務器和數據庫。
          b.  實現數據同步和存儲功能,確保用戶數據的安全和可靠。
          3.  集成開發:
          a.  前端和后端開發團隊緊密合作,進行接口集成和功能實現。
          b.  確保前后端數據通信的準確性和實時性。
          測試和驗證
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  單元測試:
          a.  對各個功能模塊進行單元測試,確保每個功能正常運行。
          b.  使用Jest或Mocha等測試框架編寫和運行測試用例。
          2.  集成測試:
          a.  對系統整體進行集成測試,確保各個模塊之間的協同工作。
          b.  發現并修復集成過程中出現的BUG和問題。
          3.  用戶驗收測試(UAT):
          a.  邀請目標用戶進行用戶驗收測試,收集用戶的使用反饋。
          b.  根據用戶反饋進行最后的調整和優化。
          4.  性能優化:
          a.  進行性能測試和優化,確保應用在各種設備上的運行速度和穩定性。
          b.  使用工具如Lighthouse、WebPageTest進行性能分析和優化。
          發布和部署
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  發布平臺選擇:
          a.  選擇合適的發布平臺,如App Store和Google Play。
          b.  準備發布所需的材料,如應用描述、截圖、宣傳視頻等。
          2.  發布和推廣:
          a.  將應用發布到各大平臺,進行推廣和宣傳。
          b.  通過社交媒體、廣告、合作等方式吸引用戶下載和使用。
          3.  監控和維護:
          a.  監控應用的運行情況,確保服務器和服務的穩定性。
          b.  提供用戶支持和問題解決,及時發布更新和修復補丁。
          用戶反饋和改進
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  用戶調查:
          a.  通過問卷調查、用戶訪談等方式收集用戶反饋。
          b.  了解用戶的使用體驗、滿意度和改進建議。
          2.  使用數據分析:
          a.  分析用戶行為數據,了解用戶的使用習慣和需求變化。
          b.  使用工具如Google Analytics、Mixpanel進行數據分析。
          3.  版本更新:
          a.  根據用戶反饋和數據分析,進行持續的改進和優化。
          b.  定期發布版本更新,添加新功能、修復BUG和優化性能。
          結果
          交付階段的結果包括:
          1.  詳細的設計規范:確保設計的一致性和可實現性。
          2.  實現的產品:健康管理應用的完整實現,包括前端和后端功能。
          3.  測試報告:詳細記錄測試過程、發現的問題和解決方案。
          4.  上線的產品:應用在App Store和Google Play成功上線,用戶可以下載和使用。
          5.  用戶反饋和改進計劃:收集用戶反饋,進行持續的改進和優化,確保產品的長期成功。
          通過交付階段的工作,設計團隊能夠將健康管理應用成功推向市場,滿足用戶需求,并通過持續的改進和優化,保持產品的競爭力和用戶滿意度。
          三、雙鉆模型生活的應用
          雙鉆模型除了可以用在設計項目中,也可以延展到生活中例如:計劃一次大型家庭聚會
          發現階段(Discover)
          雙鉆模型全方位解讀與實戰案例
           
           
          目標:了解所有家庭成員的需求和期望,收集相關信息和靈感。
          1.  家庭成員訪談:
          a.  進行一對一或小組訪談,了解家庭成員的期望、喜好和特殊需求。
          b.  問題示例:你希望在聚會上看到哪些活動?你對聚會地點有什么建議?有沒有特別的飲食要求?
          2.  歷史數據回顧:
          a.  回顧以往家庭聚會的反饋,總結成功之處和需要改進的地方。
          b.  發現:之前的聚會中,戶外活動受到大家的歡迎,而餐飲服務需要改進。
          3.  靈感收集:
          a.  搜索網上的聚會策劃案例和靈感,獲取創意和新穎的活動點子。
          b.  結果:找到一些有趣的游戲和活動,如家庭問答、燒烤聚餐、DIY工坊等。
          結果:
          獲取大量的家庭成員需求、期望和靈感,為后續階段提供基礎。
          定義階段(Define)
          雙鉆模型全方位解讀與實戰案例
           
           
          目標:分析和綜合發現階段的信息,明確聚會的具體需求和目標。
          1.  數據分析:
          a.  整理和分析收集到的信息,識別關鍵需求和共性。
          b.  發現:大多數家庭成員希望有一個戶外的聚會場所,有豐富的活動安排,并且有素食和非素食選項。
          2.  問題陳述:
          a.  將家庭成員的需求轉化為具體的問題陳述。
          b.  示例:如何找到一個適合戶外活動的聚會地點?如何確保所有家庭成員的飲食需求得到滿足?如何安排豐富多彩的活動?
          3.  需求定義:
          a.  明確聚會的具體需求和設計準則。
          b.  示例:需要一個戶外場地,有足夠的空間供50人活動。餐飲需要提供素食和非素食選項?;顒影才虐?、游戲和DIY工坊。
          結果:
          一個清晰、具體的問題陳述和聚會規劃方向。
          開發階段(Develop)
          雙鉆模型全方位解讀與實戰案例
           
           
          目標:產生和發展聚會方案,探索各種可能的安排并進行驗證和迭代。
          1.  頭腦風暴:
          a.  與家人或朋友一起進行頭腦風暴,提出各種創意和方案。
          b.  創意示例:不同的聚會場地選擇、各種活動安排、不同的餐飲方案等。
          2.  概念設計:
          a.  將頭腦風暴產生的創意轉化為具體的聚會方案。
          b.  示例:選擇了一個鄉村農場作為聚會場地,活動安排包括燒烤、家庭問答、戶外運動和DIY工坊。
          3.  原型制作:
          a.  創建聚會的初步計劃和日程安排。
          b.  示例:制定詳細的時間表,包括活動開始和結束的時間、餐飲安排等。
          4.  用戶測試:
          a.  與核心家庭成員討論初步計劃,收集反饋并進行調整。
          b.  結果:大家對農場場地表示滿意,但建議增加一些兒童友好活動。
          5.  迭代改進:
          a.  根據反饋進行調整和優化,形成最終的聚會方案。
          b.  示例:增加了兒童區和適合孩子的游戲活動。
          結果:
          一個成熟的聚會方案,準備進行最終實施。
          交付階段(Deliver)
          雙鉆模型全方位解讀與實戰案例
           
           
          目標:驗證和完善最終方案,進行詳細的準備和執行,確保聚會順利進行。
          1.  詳細設計:
          a.  制定詳細的聚會安排和任務分配。
          b.  示例:確定活動負責人,安排場地布置、餐飲準備、活動執行等具體任務。
          2.  準備和執行:
          a.  進行所有必要的準備工作,如預訂場地、采購物品、聯系餐飲服務等。
          b.  示例:預訂農場場地,采購燒烤食材和活動所需物品,聯系餐飲供應商。
          3.  測試和驗證:
          a.  在聚會前進行一次預演或檢查,確保所有準備工作就緒。
          b.  示例:核對活動安排,確保所有物品和設備齊全,檢查場地布置。
          4.  聚會當天執行:
          a.  按照計劃進行聚會活動,確保各項安排順利進行。
          b.  示例:按照時間表進行活動,引導家庭成員參與,確保餐飲服務及時到位。
          5.  用戶反饋和改進:
          a.  在聚會結束后收集家庭成員的反饋,總結經驗和改進建議。
          b.  示例:通過問卷或訪談了解大家的滿意度,記錄成功之處和需要改進的地方。
          結果:
          一次成功的家庭聚會,家庭成員都享受了愉快的時光,并收集到寶貴的反饋,為未來的聚會提供參考。
          四、雙鉆模型總結
          雙鉆模型優勢
           
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  結構化的流程:
          a.  雙鉆模型通過明確的四個階段(發現、定義、開發、交付)提供了一個結構化的流程,使設計過程更加有序和系統化。
          2.  鼓勵廣泛探索和聚焦解決方案:
          a.  通過“發散-收斂-發散-收斂”的過程,雙鉆模型鼓勵設計團隊在初始階段廣泛探索所有可能性,然后逐步聚焦和精煉解決方案,確保最終方案的高質量。
          3.  用戶中心設計:
          a.  模型強調用戶需求和問題的發現與定義,確保設計過程始終以用戶為中心,最終交付滿足用戶需求的解決方案。
          4.  迭代和改進:
          a.  在開發階段,雙鉆模型提倡多次迭代,通過不斷的測試和用戶反饋,持續改進設計方案,提高最終產品的質量和用戶體驗。
          5.  跨團隊協作:
          a.  通過明確的階段和目標,雙鉆模型促進跨職能團隊的協作,使不同專業的團隊成員能夠在設計過程中的各個階段共同工作,提高項目的整體效率。
          雙鉆模型的不足
          雙鉆模型全方位解讀與實戰案例
           
           
          1.  時間和資源消耗較大:
          a.  雙鉆模型的四個階段需要投入大量的時間和資源,特別是在發現和開發階段,廣泛的探索和反復的迭代可能會延長項目周期。
          2.  復雜性管理:
          a.  對于較小規?;蚝唵蔚捻椖?,雙鉆模型的復雜性可能顯得過于繁瑣,不適合資源有限或時間緊迫的情況。
          3.  不確定性管理:
          a.  在發現階段的廣泛探索和開發階段的多次迭代中,可能會遇到較高的不確定性和風險,需要有效的管理策略來控制項目進度和預算。
          4.  團隊協調難度:
          a.  由于涉及多個階段和跨職能團隊的協作,團隊之間的溝通和協調可能會面臨挑戰,特別是在項目規模較大或團隊分散的情況下。
          5.  依賴用戶反饋:
          a.  雙鉆模型強調用戶反饋和測試,但在某些情況下,獲取真實和有效的用戶反饋可能會有難度,影響設計方案的迭代和改進。
          結論
          雙鉆模型作為一種結構化的設計方法論,具有顯著的優勢,包括提供結構化流程、鼓勵廣泛探索和聚焦解決方案、強調用戶中心設計、支持迭代和改進以及促進跨團隊協作。然而,其不足也不容忽視,如時間和資源消耗較大、復雜性管理挑戰、不確定性管理需求高、團隊協調難度以及對用戶反饋的依賴。根據項目的規模、復雜性和資源情況,設計團隊需要權衡雙鉆模型的優勢和不足,靈活應用,以實現最佳的設計效果。
          參考文獻:
          https://medium.com/nyc-design/the-double-diamond-model-what-is-it-and-should-you-use-it-4ad28c522d28
          https://medium.com/@james_raper/not-yet-another-double-diamond-model-874dcfda839e
          https://cubyts.medium.com/adopting-the-double-diamond-design-process-a-complete-guide-cd8ae1c52199
          https://www.cubyts.com/resources/blogs/double-diamond-design-process
          https://www.uxmatters.com/mt/archives/2023/01/applying-the-double-diamond-model.php
          https://www.uxmatters.com/mt/archives/2020/07/how-nondesigners-contribute-to-designing-the-right-things.php
          https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812
          https://bootcamp.uxdesign.cc/design-process-step-by-step-double-diamond-model-explained-e8da543848cc
           


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

          學會講故事:體驗設計方案的演示技巧

          ui設計分享達人

          學會講故事:體驗設計方案的演示技巧
           
           
          在我剛剛成為一名體驗設計師的時候,我發現自己處在一個迥異的戰場之中——會議室坐滿者領導們,一個個面露懷疑之色。我拿著最新設計的界面方案,投放在墻上,我站在這些恐怖的觀眾面前,手里的任務沉重的壓的我喘不過氣來。
          我的任務不僅僅是演示一個設計方案,我在銷售一個概念、需要說服一群人,解決一個復雜的問題。我漸漸意識到,這一過程和駕馭不可預知的情況如出一轍。需要我擁有戰略思維、做事的耐心和面對未知的意愿。
          阿爾伯特·愛因斯坦
          阿爾伯特·愛因斯坦
           
          歷史是一幅多姿多彩的畫卷,交織著無數杰出人物的故事 —— 他們通過戰略思維和耐心,成功應對復雜的局面。在眾多杰出人物當中,阿爾伯特·愛因斯坦是最閃耀的。愛因斯坦曾說過,“我們不能用制造問題的思維來解決問題”,這一句話也就呼應了戰略思維的本質。他提出開創性的相對論理論,這可不是簡單的從事實當中衍生出來的的粗略陳述。而是來自于耐心和戰略思維深度,以一種讓其他人能夠理解宇宙的方式闡明相對論概念。
          用戶體驗設計是理解用戶和界面設計之間的復雜過程——界面不僅要滿足用戶的需求,同時也要符合設計目標。
          這是一個充滿同理心、溝通和解決問題的過程。但是,要達到這一點,設計出一個滿足用戶需求,并且呈現解決方案的設計,是需要戰略思維的。作為一名用戶體驗設計師,我們必須超越眼前,沉浸在用戶視角當中、分析他們的需求,并考慮這些需求如何和設計目標結合。這個艱苦的過程需要耐心,就像完成復雜的拼圖游戲一樣。
           
          為了進一步理解這點,讓我們來做個練習
          學會講故事:體驗設計方案的演示技巧
           
           
          想象一下,你拿到一塊 1000 片的拼圖,萬花筒般的形狀和顏色。你會一頭扎進混亂中,隨機擺放拼圖碎片?還是會先定策略?你會先把類似的拼圖碎片分組?也許從拼圖的邊緣或角落開始,然后逐漸往中心拼圖?很有可能,你會選擇戰略方法。耐心和戰略決策過程反映我們處理用戶體驗設計和生活中復雜問題的方式。我們一起來解剖問題,了解其中的復雜性,并制定戰略計劃,從而完成拼圖(解決問題)。
          膽小的人成為不了一名體驗設計師。我們不僅需要持續不斷的創造和展示作品,這需要我們證明方案的思考過程,需要面對評審,修改設計,并重新演示。反反復復,這個迭代過程是對耐心的考驗,是一次嚴峻的考驗,讓設計師變得更加優秀,更加卓越。
          同樣,生活也常常給我們帶來看上去高不可攀的挑戰——一場個人危機,一次職場挫折,甚至全球疫情??朔@些困難的關鍵在于我們擁有戰略性思考能力和解決問題耐心。
          在用戶體驗設計師的世界里,作品演示不僅體現我們專業實力。是將用戶需求、商業目標和設計解決方案所構建的故事。
          掌握講故事的藝術能夠助力方案的演示。我們繪制一幅藍圖——將觀眾帶入一個以用戶為視角的世界,與他們共情,理解他們所遇到的挑戰,自信滿滿地展示我們的設計方案,闡述我們的設計方案如何克服這些挑戰。
          這和我們的生活如出一轍,我們經常表達我們的經歷和意圖,通過講述故事,解決復雜的人際關系和職業問題。
          不是你眼睛的問題,文本真的很模糊?。?!
          不是你眼睛的問題,文本真的很模糊?。?!
           
          作為一名體驗設計師,伴隨著充斥著這些“沖突”時刻:懷疑的時刻、修改的時刻、重新思考的時刻、演示的時刻、捍衛設計方案的時刻等等。但是,這些時刻恰恰都是讓我們通往行業專家的敲門磚和墊腳石。
          我們要擁抱這些時刻,享受這些過程,因為這些過程正在塑造我們,讓我們接下來的設計、演示、要解決的問題做好準備。其實,在生活中亦是如此,每一次,我們遇到的問題和挑戰都是塑造我們,讓我們對未來做好準備。培養我們的堅韌不拔的精神,教會我們看待自己和周遭事務的寶貴經驗。
          無論是作為一名用戶體驗設計師不斷提升演示技巧,還是在生活上提升解決復雜問題的能力,我們應該始終牢記 2 條指導原則:堅持和戰略規劃。
          這兩個支柱(原則)將指引我們穿越最有挑戰的地形,幫助我們克服最艱巨的障礙,并領我們走向成功。
          成為照亮我們道路的明燈,指引我們朝我們目標方向的指南針。
          羅伯特·舒勒
          羅伯特·舒勒
           
          羅伯特·舒勒(Robert H. Schuller) 曾說過“ 問題不是停止的信號牌,而是指導方針”。這是指引我整個職業和生活的箴言,這句話蘊含深奧的智慧成為我人生的指路燈塔,幫助我應對生活中的挑戰,幫助我真正成為一名體驗設計師,在演示復雜性中不斷前行。
          每當我們解決一個問題,每提出的一個設計想法,每克服一個挑戰,都能讓我們更接近最終目標。堅持不懈、戰略規劃、耐心、學習經驗的意愿,都是指引我們通向成功的指南針,無論是用戶體驗設計還是在生活。
          心之所向無往不前,積極面對,一步一個腳印不斷前行。這條道路上充滿挑戰,銘記一句話,這些不是停止的信號牌,而是指引我們通向終點的指南針。
          所以,保持前行,不斷學習,不斷成長。你的旅程是屬于你自己的,是你一生之中最美麗的故事。
           


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

           

          清晰展現關鍵信息,助力高效決策——數據圖表

          ui設計分享達人

          合理使用數據圖表可以幫助用戶更好地理解復雜的數據,提高用戶體驗和數據的可讀性。選擇合適的圖表類型并遵循最佳設計實踐是確保圖表有效傳達信息的關鍵。
          數據圖表是一種非常重要的可視化工具,它能夠
          幫助用戶更直觀地理解和分析數據。
          借助于圖形化的手段,清晰、快捷有效的傳達與溝通信息。從用戶的角度,數據可視化可以讓用戶快速抓住要點信息,讓關鍵的數據點從人類的眼睛快速通往心靈深處。數據可視化一般會具備以下幾個特點:準確性、創新性、簡潔性。
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
          清晰展現關鍵信息,助力高效決策——數據圖表
           
           
           


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

           

           

          當設計遇上AI—百度APP個人中心AI重構

          ui設計分享達人

          前言
           
          AI能力的迅猛發展,為產品設計帶來了很多新的可能性和機會。百度作為AI領域的行業先鋒,正在不斷探索如何將AI技術深度融入到產品中,以賦能改進和提升產品的使用體驗。
           
          本文將以百度APP個人中心AI重構項目為例,講述如何運用AI智能推薦和對話能力來解決問題重構體驗,將一個傳統的固定入口型的個人中心打造成為一個高效智能的AI版個人中心。
           
          希望能為讀者提供新的視角和思路,激發大家對于AI原生設計的理解和思考。
           
           
          個人中心舊版
           
          作為百度APP端內業務和基礎功能設置的重要回訪陣地,個人中心面臨著三大核心問題:①功能入口多頁面屏效低;②部分功能操作層級深;③資產更新提醒不直觀。
           
          針對這些問題,我們希望通過精簡功能結構、破殼高頻功能、強化信息提示,提升用戶觸達效率,優化整體使用體驗。為此,我們計劃運用AI能力進行設計重構來解決上述三大問題。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
           
          個人中心AI重構設計
           
          目前行業內并沒有一款運用AI能力對個人中心進行重構的產品,因此,設計師的挑戰在于如何從0-1創新重構出“AI個人中心”新形態,來全面提升用戶在端內的回訪體驗。我們依次從「框架、結構、內容、操作、對話」五部分出發定義,逐步搭建功能、豐滿細節、拓展深度,創新重構出一個全新的AI版個人中心。
           
          1.容器創新設計 打造AI感資產框架
           
          基于上述問題和設計目標,首先對個人中心框架進行了重構設計,結合用戶行為數據保留常用高頻功能入口,去除原來眾多類型的內容推薦卡,在頁面內實現功能精簡提效;其次結合AI智能推薦的能力,開辟出一個承載推薦內容的容器區域,破殼內容便于用戶回訪。
           
          我們共計驗證推敲出3種頁面框架“嵌入式框架”“分層式框架”“卡片式框架”,選擇與AI融合感更強、體驗更沉浸的嵌入式框架繼續深入,框架頭部精簡信息,中部保留高頻功能便于用戶回訪,下方區域則通過AI智能推送用戶所需內容。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          2.結合用戶行為 主動智能推薦
           
          在框架下方承載推薦內容的容器區域內,個人中心可以結合用戶在百度APP的使用行為數據,通過AI向用戶智能推薦內容資源和功能操作。
           
          當用戶的內容資產有變更時,個人中心能夠主動破殼內容,如用戶最近下載了一部劇集但未看完,當該劇有更新時,主動提示用戶繼續觀看。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          當用戶有設置類潛在需求時,個人中心能夠推薦操作功能,如用戶的手機經過一段時間使用,有系統垃圾冗余時,會主動推薦用戶清理緩存。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          3.構建全業務卡片的內容結構
           
          我們將各業務需要展示的信息摘取出來,采用卡片形態進行聚合與承接,以保證AI智能推薦時的靈活性和可拓展性??ㄆ瑫捎脤υ捠揭龑дZ拉近用戶距離,破殼提示內容資源,如向用戶主動推薦最近收藏的內容,支持跳轉查看并在返回時更新狀態;還會在資產變更時進行提醒,如當用戶下載視頻或備份文件后,對用戶實時提醒并提供復訪入口;支持用戶直接設置功能,支持一鍵點擊并實時反饋狀態。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          設計期間,我們從卡片分類方式、模板呈現、交互操作等維度進行了多方案探索,前后迭代實驗了3款卡片形態,結合用戶訪談測試和實驗數據反饋,最終選擇使用3.0版本的分卡聚合樣式。這一版本采用了統一化模版來精簡布局,通過一步操作來前置功能減步長,對功能和內容進行分類聚合來提高頁面屏效、使用戶更易理解。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          共計為20+業務搭建了10類聚合卡片,定義歸納了3類卡片操作與更新方式,在個人中心選用最符合用戶行為的卡片和內容進行智能推薦。目前我們更多業務正在接入推薦卡片體系中,大家敬請期待~
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          4.內容破殼提示 功能操作提效
           
          回歸用戶實際使用場景來看,AI智能推薦卡片形式在用戶操作上有了很大的提效。例如查看下載視頻的步長由4步縮減為1步,原來用戶想繼續看視頻時,可能會找不到、且尋找入口比較深,現在我們通過推薦卡片破殼了視頻等內容,點擊卡片即可一鍵直達視頻頁,一段時間后返回個人中心時卡片會更新用戶的最新觀看進度。既減少了用戶操作步長,又沉浸式延續了用戶在端內的使用行為。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          同樣,功能類的操作效率也大幅提升,之前當用戶想清理時 ,入口深步驟多、體驗非最佳,現在通過推薦卡片將清理緩存功能前置推出在個人中心,用戶想清理緩存時,無需翻越層層入口,只需點擊“清理”按鈕即可一鍵完成緩存清理,實時告知用戶清理進度,大幅提升用戶操作效率。除此以外,像深色模式、字體大小等功能也都支持用戶在個人中心一鍵操作。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          5.拓展對話場景 觸達用戶長尾需求 
           
          個人中心不僅可以結合用戶行為智能推薦卡片,還支持用戶主動發起提問,通過對話形式快捷觸達長尾需求。用戶點擊卡片下方的“去提問”入口或上滑頁面,即可從個人中心進入對話頁。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          進入對話頁后,個人中心AI助手首先會推薦一些快捷指令,讓用戶快速了解對話提問方式和目前支持提問的功能。當用戶發起提問后推出相關功能卡片,如在手機運行卡頓時詢問“如何清理緩存”,AI助手會推出“清理緩存”卡片并引導用戶前往清理,清理完成會再次回到對話頁、為用戶展示最新緩存狀態。
           
          以下是支持對話的部分功能卡片,這些卡片整體延續了推薦區域卡片的內容和體驗,結合對話交互流程對卡片模版進行了差異化定制。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
          最終基于業務功能特點,結合對話交互規范,共計定義了“跳轉操作并返回更新”“跳轉查看”“當前操作”“當前操作并追加對話”4種交互操作和更新方式。目前我們接入的場景能力尚有限,后續我們將持續進行迭代與優化,提升用戶在個人中心進行AI對話的體驗。
           
          當設計遇上AI—百度APP個人中心AI重構
           
           
           
           
          AI個人中心實驗上線效果
           
          AI版本實驗上線后,百度APP和個人中心的關鍵數據都有了顯著提升,帶來了正向收益,我們也于今年6月底上線全端,期待大家體驗并給予反饋。
           
           
          思考與展望
           
          如今產品AI化已成為市場發展趨勢,作為設計師,如何結合自己的業務,運用AI能力重構產品及體驗是一個極具挑戰和價值的課題。我們從百度APP個人中心AI重構項目中總結出了一些經驗和小tips,在此向大家分享:
           
          •  
            在應用AI技術之前,首要任務是明確其能力范圍與顯著優勢,如文中使用的AI智能推薦能力能夠同時滿足用戶的個性化需求、提升信息獲取效率,從而全方位提升用戶體驗和業務價值。
           
          •  
            我們需要大膽突破、勇于創新,在沒有可參考借鑒的產品時應當打破慣性思維,嘗試從框架、結構、內容等層面進行全新定義,然后通過持續打磨、深度探索等手段來不斷完善產品形態。
           
          •  
            無論是否應用AI,設計底層思維是萬變不離其宗的,我們需要始終站在用戶視角分析并解決問題,而AI將會是每位設計師的一個趁手工具和靈感中心,它可以給我們更多思考問題的角度,日常工作中我們應當多積累總結然后不斷迸發新思考,通過AI這個新工具來解決我們業務的已有問題,向用戶提供更好的體驗。
           
          以上是我們的一些小小心得,希望能為同為設計師的你,在面對AI應用與重構設計時提供一些設計思路和借鑒。
          后續,我們將持續聚焦提升個人中心的AI智能感知能力,圍繞用戶的偏好習慣及當前上下文環境,提供更精準的個性化服務,為用戶升級更加智能、自然流暢的AI對話體驗,通過結合更多場景逐步打造出一個全方位、個性化的百度APP AI助手,讓每位用戶都能享受到智能化的便捷與樂趣。
           
           


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

           

           

          如何從產品角度發起交互設計?

          ui設計分享達人

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


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

          如何抓住用戶的眼睛

          ui設計分享達人

          瀏覽一個頁面或閱讀一篇文章時,我們的眼睛并不是隨意地掃視,而是遵循一定的模式和規律。這些模式和規律被稱為視覺動線。
          視覺動線這個概念最初確實起源于室內設計,用來描述人們在室內空間中的移動模式和視線軌跡。通過了解人們的視覺動線,設計師可以更好地規劃和優化室內空間的布局,以提供更舒適、便捷和高效的居住環境。
          隨著人機交互和界面設計的不斷發展,視覺動線的概念也被引入到UI設計中。
          目錄:基本方法/文獻信息收集/用戶視覺習慣引導/信息層次結構的構建/最后總結
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           
          收藏
          如何抓住用戶的眼睛
           
           


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

          教你一文讀懂暗色模式

          ui設計分享達人

          引言
            暗色模式(Dark Mode)的興起是一個逐漸發展的過程,它涉及到
          技術進步、用戶體驗優化以及設計趨勢
          的變化。
            隨著iOS 13在2019年的發布,暗色模式開始成為用戶關注的焦點;在用戶體驗方面,設計者們考慮到了環境光線與屏幕亮度的匹配問題,暗色模式可以有效減少視覺疲勞;在實際使用中,用戶發現暗色模式在光線較暗的環境中更為舒適,這也促使了暗色模式的普及和發展。
            暗色模式在UI設計中的重要性體現在
          改善視覺舒適度、節省電量以及提供個性化選擇
          上,其普及程度隨著用戶需求和技術發展不斷提升。
            本文將從暗色模式的
          基本概念、優勢、設計原則和應用
          三個維度,幫助各位同行更好地學習、理解并完成暗夜模式的UI設計工作。
          (如果文中存在任何不準確或遺漏之處,我也非常期待各位專家的指正和建議)
          本文目錄
          本文目錄
           
          「大廠設計師」教你一文讀懂暗色模式
           
           
          一、定義及其在UI設計中的表現形式
          1.暗色模式的定義
            暗色模式是一種
          低光用戶界面(UI)設計
          ,也稱為深色模式,是一種用戶界面設計選項,它使用較深的顏色方案和背景,通常為黑色或深灰色,以減少屏幕亮度并提供更舒適的視覺體驗。
          iOS 13 亮色模式(左)與暗色模式(右)的對比
          iOS 13 亮色模式(左)與暗色模式(右)的對比
           
          2.暗色模式的定義
          (1).暗色模式在UI設計中的表現形式
          設計師需要為暗色模式
          創建一個新的調色板
          ,這通常意味著降低顏色的飽和度,以適應深色背景。同時,
          避免使用純黑
          作為主色調背景,而是選擇接近純黑的深灰色,以確保閱讀體驗的
          舒適性和可讀性
          亮色/暗色模式下主色需要進行調整
          亮色/暗色模式下主色需要進行調整
           
          (2).對比度控制
          暗色背景與文本顏色之間的對比度應該控制在
          WCAG2.0AA級標準
          以上,以保證內容的
          清晰度和易讀性
          。對于彩色元素,也需要適當調整飽和度,確保整體色彩之間的對比度符合無障礙標準。
          達到/未達到WCAG2.0AA標準的視覺效果對比
          達到/未達到WCAG2.0AA標準的視覺效果對比
           
          (3).視覺元素區分
          在暗色模式下,設計師需要特別注意視覺元素的區分,通過足夠的對比度來
          保證文字和圖形的清晰
          可見。這不僅僅是簡單的顏色反轉,而是一種“弱光”主題的設計思考,旨在優化用戶在低光環境下的視覺體驗。
          亮色模式中的按鈕在暗色模式中顯得太跳躍
          亮色模式中的按鈕在暗色模式中顯得太跳躍
           
          二、歷史回顧及發展脈絡
          1.命令行界面時代
              在早期的計算機系統中,如DOS和Linux,
          終端通常使用暗色模式
          ,這是因為早期的CRT顯示器存在閃爍問題,暗色背景能夠減少視覺疲勞,并提供較高的對比度。
          Linux的終端界面
          Linux的終端界面
           
          2.個人電腦時代
              隨著個人電腦的普及,
          圖形用戶界面(GUI)逐漸成為標準
          ,此時大多數操作系統和應用程序采用了亮色模式,以模仿紙張的顏色并減少CRT顯示器的眩光。
          Windows2000的GUI
          Windows2000的GUI
           
          3.移動設備時代
              智能手機和平板電腦的興起帶來了OLED等先進顯示技術,這些設備的
          小屏幕和高分辨率
          使得暗色模式再次變得實用和流行,特別是在
          節省電量和減少眼睛疲勞
          方面。
          iOS13的暗色模式
          iOS13的暗色模式
           
          4.操作系統時代
              近年來,
          各大操作系統開始正式支持暗色模式
          。例如,Windows 10在2018年的更新中引入了暗色應用模式,macOS和iOS隨后也推出了可以根據時間或環境自動切換的暗色模式。
          Windows10的暗色模式
          Windows10的暗色模式
           
          三、設計趨勢中暗色模式的地位
          暗色模式在當前設計趨勢中占據重要地位,以其
          減輕眼睛疲勞、節省電量和聚焦內容
          的優勢受到青睞。它不僅適應低光環境,還提供美學上的新探索,響應了用戶對舒適性和個性化選擇的需求。隨著技術發展和設計創新,暗色模式已成為現代界面設計不可或缺的一部分。許多頂級品牌和應用程序,如WhatsApp、Instagram、Google、Facebook等,都已經引入暗色模式設計,這表明暗色模式已經
          成為了一種廣泛接受的設計趨勢
          從左往右依次為:WhatsApp、Instagram、Google、Facebook
          從左往右依次為:WhatsApp、Instagram、Google、Facebook
           
          「大廠設計師」教你一文讀懂暗色模式
           
           
          一、用戶體驗層面
          1.提高閱讀舒適度
          (1).對比度和可讀性
          在相同的對比度條件下,淺背景上的黑字比深背景上的淺色字
          閱讀效果更好
          。這表明,優化對比度是提高閱讀舒適度的關鍵因素之一。
          淺背景上深字與深背景上淺字的視覺對比
          淺背景上深字與深背景上淺字的視覺對比
           
          (2).用戶偏好和滿意度
          一項針對用戶對暗色模式的使用體驗的調查顯示,與默認的白底模式相比,用戶在使用暗色模式時報告了
          更低的視覺疲勞和更高的滿意度
          。斯?。⊿loan)的一項研究在1977年就報告說,如果更多的光線通過混濁的透鏡到達眼睛,則出現畸變的可能性更大,即
          暗模式對視力障礙者更好
          。
          對于長時間從事屏幕工作的人來說,暗色模式對眼睛更加友好
          對于長時間從事屏幕工作的人來說,暗色模式對眼睛更加友好
           
          2.減少視覺疲勞
          (1).人眼生理特性
          暗色模式能
          減少屏幕發出的光線
          ,這有利于減少眼睛疲勞和不適,特別是在低光環境下,人眼的虹膜會打開以接受更多光線,而暗色模式提高了減少的光源,
          減少了對眼睛的刺激
          。
          亮/暗環境下瞳孔大小的變化
          亮/暗環境下瞳孔大小的變化
           
          (2).藍光輻射減少
          人們通過長期研究發現短波可見光,即紫光和藍光對眼底視網膜有相當程度的破壞作用, 而人們通常把這種可見光波長中高能量波段(400- 470nm)對視網膜的損壞現象稱為
          “藍光傷害現象”
          。 還有研究關注了暗色模式對藍光輻射的影響。由于暗色模式降低了屏幕的整體亮度,因此也
          減少了藍光的輻射
          。
          可見光波段分布
          可見光波段分布
           
          二、設備電池壽命
          1.降低屏幕功耗
          在OLED屏幕上,每個像素都是獨立發光的,當
          顯示黑色時,相關的像素點會關閉,從而不消耗能量
          。這意味著,顯示大面積黑色內容的暗色模式能夠顯著減少屏幕的能量消耗。
          OLED屏幕發光原理
          OLED屏幕發光原理
           
          2.實際省電效果
          以 Google 測試數據為例,OLED 屏幕的 Pixel 手機在時間段內啟用深色模式并在使用地圖導航時保持屏幕最大亮度,手機的
          電量消耗下降了 63%
          Google的測試數據
          Google的測試數據
           
          三、降低屏幕功耗
          1.促進睡眠
          對于晚上喜歡在床上閱讀或工作的用戶來說,暗色背景有助于降低屏幕亮度,
          減少對褪黑素分泌的干擾
          ,也有助于
          減少藍光對睡眠周期的影響
          ,從而幫助用戶更快入睡并提高睡眠質量。
          OPPO手機暗色模式廣告
          OPPO手機暗色模式廣告
           
          2.減少眩光
          眩光是明亮的屏幕和低光環境之間惱人的對比現象,對眼睛具有一定的影響并造成眼部不適。暗色模式通過使用深色背景和亮色文字,整體降低了屏幕的亮度,這樣在光線較亮的環境中,屏幕的亮光
          與周圍暗環境的對比度降低
          ,
          從而減少了屏幕反射光線對眼睛的刺激
          ,降低不適。
          有眩光與無眩光的顯示器對比
          有眩光與無眩光的顯示器對比
           
          四、打造沉浸式體驗
          1.減少視覺干擾
          暗色模式提高了一種無干擾的工作環境,
          有助于他們專注于手頭的任務
          ,特別是在進行寫作、編碼或其他需要集中注意力的活動時,暗色模式能夠減少視覺干擾。
          暗色模式為視覺設計提供了更大的對比度,使得界面元素更為突出。這種高對比度不僅有利于內容的戰士,也增強了用戶的視覺聚焦,讓用戶更容易沉浸于應用或游戲的環境中。特別是在觀看視頻或進行游戲時,暗色背景能夠使色彩更為鮮明,提升用戶的視覺體驗。
          編碼軟件一般默認暗色界面,有利于專注工作
          編碼軟件一般默認暗色界面,有利于專注工作
           
          2.增強視覺聚焦
          暗色模式為視覺設計提供了更大的對比度,使得
          界面元素更為突出
          。這種高對比度不僅有利于內容的戰士,也增強了用戶的視覺聚焦,
          讓用戶更容易沉浸于應用或游戲的環境中
          。特別是在觀看視頻或進行游戲時,暗色背景能夠使色彩更為鮮明,提升用戶的視覺體驗。
          手游王者榮耀UI界面
          手游王者榮耀UI界面
           
          「大廠設計師」教你一文讀懂暗色模式
           
           
          一、不同平臺的設計原則
          「大廠設計師」教你一文讀懂暗色模式
           
           
          1.WCAG最低標準
          (1).WCAG的定義
          Web Content Accessibility Guideline,譯為
          網頁內容無障礙指南
          ,其中包含分為可感知性、可操作性、可理解性、可兼容性和一致性五大類的相關建議,這些建議可使網站內容更容易訪問。iOS人機界面準則以及Android平臺的Dark Theme都是基于WCGA之上。
          WCAG的檢測網站:WCAG - Contrast Checker
          WCAG的檢測網站:WCAG - Contrast Checker
           
          (2).最小對比度(AA級)
          對于普通的文本和文本圖像,要求視覺呈現
          至少具有4.5:1的對比度
          。這意味著文本的顏色應該與背景顏色有足夠的差異,以便用戶能夠輕松閱讀。
          (3).加強對比度(AAA級)
          對于普通文本與背景的對比度,
          要求不低于7:1
          。這一級別的要求比AA級更高,提供了更強的視覺清晰度,特別有助于色覺缺陷或低視力用戶的閱讀。
          不同層級的信息使用不同對比度
          不同層級的信息使用不同對比度
           
          2.Android平臺
          (1).使用深灰色而不是黑色
          深色主題背景通常采用深灰色而非純黑色,這是因為純黑色可能會導致對比度過高,而深灰色可以提供
          更為舒適的視覺體驗。
          背景顏色為 #121212
          背景顏色為 #121212
           
          (2).通過淺色表達深度
          在深色主題中,為了構建清晰的視覺層次,通常會使用較淺的顏色來突出界面上的重要元素,如按鈕和卡片。Dark Theme通過
          淺色遮罩覆蓋的形式凸顯不同層級
          ,不同高度層對應不同透明度的規范如下。規范最高層是24dp,覆蓋16%透明度的白色。
          不同高度層對應的白色遮罩透明度
          不同高度層對應的白色遮罩透明度
           
          (3).顏色去飽和
          在深色主題中,顏色的飽和度通常會降低,這樣可以
          減少視覺疲勞
          ,并提供一種更為舒適和專業的外觀。
          亮色/暗色模式中主色調的對比,降低了飽和度
          亮色/暗色模式中主色調的對比,降低了飽和度
           
          (4).使用深色及有限色彩
          為了保持設計的一致性和專注性,深色主題中應使用有限的色彩,并且這些色彩應當與深色背景協調。
          品牌顏色可以在深色主題中以完全飽和度使用,但應用應限于一個或兩個品牌元素,例如徽標或品牌按鈕。通過謹慎使用品牌顏色,使元素在層次結構中保持突出。不飽和的顏色仍應在黑暗主題UI的其余部分中使用。
          背景色也需要有品牌色的顏色傾向
          背景色也需要有品牌色的顏色傾向
           
          3.iOS平臺
          (1).保持視覺風格的熟悉感
          意味著即使在深色模式下,用戶應能立即識別出應用程序的風格和布局,
          確保用戶體驗的連貫性
          。iOS 7之后蘋果一直崇尚這種
          毛玻璃般的透明材質
          以映射UI界面與設備屏幕的關系,也可以使用戶更好的感知上層元素與下層內容之間的關系,界面也不會過于枯燥乏味。
          iOS 13提供了4個層級的材質,由厚重到輕薄,對應的暗色模式也保持了風格一致性
          iOS 13提供了4個層級的材質,由厚重到輕薄,對應的暗色模式也保持了風格一致性
           
          (2).平臺一致性
          設計時應遵循iOS的設計規范,確保在不同模式(淺色或深色)下都能
          提供一致的用戶體驗
          。這有助于用戶在使用各種應用時能夠獲得統一的操作感受。iOS默認提供了9個彩色色板(TintColor),為了保證深色模式下的對比度效果,
          每個顏色都新增了深淺模式兩種版本
          。
          iOS 13 UI Sketch組件庫
          iOS 13 UI Sketch組件庫
           
          (3).清晰明確的信息層級
          在深色背景下,原先利用陰影區分界面層次的方法可能不再適用,因此需要通過不同灰度的背景色和陰影來強化層次感。正確的層級關系有助于突出重要內容,引導用戶的注意力。
          在“通訊錄”與“信息”中選擇聯系人的界面因為信息層級不同,背景顏色不同 左:#000000 右:#1C1C1E
          在“通訊錄”與“信息”中選擇聯系人的界面因為信息層級不同,背景顏色不同 左:#000000 右:#1C1C1E
           
          (4).清晰明確的信息層級
          深色模式應
          聚焦于內容展示
          ,使主要內容突顯,而
          非核心的界面元素則相對隱退
          ,這有助于集中用戶的注意力于重要信息上。在淺色主題中,我們經常使用大塊的明亮顏色,這樣最重要的元素可能會更加顯眼。但在暗色模式中,這樣就不行了,大塊的亮顏色會讓我們容易忽視更重要的元素。 
          在Dark Mode中不能采用大面積的彩色
          在Dark Mode中不能采用大面積的彩色
           
          二、優秀案例解讀
          1.國內案例
          (1).Ant Design
          Ant Design 在其4.0版本中對暗黑模式進行了探索,提供了一套
          適用于企業級應用的暗色主題設計
          ,旨在幫助設計師和開發者快速實現暗色模式的用戶界面。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (2).微信
          微信作為國內領先的社交應用,其暗色模式設計不僅減少了屏幕的亮度,還對圖標和文字顏色進行了優化,以確保在不同光線條件下的可讀性和舒適性。
          文字信息的對比度僅大于7:1。更多的是考慮微信的聊天場景
          中,用戶可能長時間沉浸式使用。這里微信將深色模式與夜間模式進行了兼容,
          避免大的對比造成強烈的視覺刺激
          ,可以在深夜環境下獲得更好的感知度。
           
          微信文字信息對比度
          微信文字信息對比度
           
          (3).百度地圖
          百度地圖的暗色模式主要是為了適應
          在夜間使用導航時,減少屏幕亮度對駕駛員視覺的影響
          避免產生視覺疲勞或短暫的視覺致盲現象
          。開啟這一模式后,百度地圖的界面顏色會變為深色背景,以降低整體亮度,從而提供更舒適的視覺體驗。
          比亞迪上搭載的百度地圖界面
          比亞迪上搭載的百度地圖界面
           
          (4).淘寶
          電商類應用上,大量的商品圖片和視頻都是以淺色背景為主。如果只是把背景變為深色就會十分刺眼,但是如果挨個調整商品圖片,則工作量十分巨大。淘寶
          通過“語義化顏色”(Semantic Colors)進行適配
          。所謂語義化顏色,就是
          不再通過某一色值來描述顏色,而是通過用途來描述
          ,讓界面元素可以自動適配當前的外觀。
          淘寶的深色模式
          淘寶的深色模式
           
          (5).抖音
          界面采用暗色模式是由于暗色背景在低光環境下對眼睛的刺激更小,用戶在夜間使用應用時會覺得更加舒適。同時,采用暗色模式可以減少界面干擾,用更簡單的交互方式
          提高用戶沉浸式觀看體驗
          。這
          促使用戶在晚上更多地使用抖音
          ,從而延長用戶在應用上停留的時間。
          抖音的雙色模式,默認為暗色模式
          抖音的雙色模式,默認為暗色模式
           
          2.國外案例
          (1).Google
          Material Design的設計規范中新增了暗色主題,它使用大面積的深色來構成界面,
          作為產品默認主題的補充
          。這種設計不僅能改善視覺人體工程學,還能在某些情況下節省電池電量,特別是對于配備OLED屏幕的設備來說。
          Google Material Design設計規范
          Google Material Design設計規范
           
          (2).X/Twitter
          目前提供了兩種深色模式
          :分別是“昏暗(Dim)”和“熄燈(Light out)”,前者背景色為深灰色,后者基本是純黑色。馬斯克在X發文宣布,該平臺很快將只有“暗黑”模式,它在各個方面都更好,改動后暗黑模式將成為默認且唯一可用的主題。
          Dim與Light out的區別
          Dim與Light out的區別
           
          (3).Youtube
          之前在IOS系統上的大量耗電一直被用戶詬病,在推出深色模式后,相較于亮色模式
          能節約60%的電量
          。同時,淺色的留白容易引起視覺疲勞,與內容本身搶奪視覺重點,在深色模式下,
          視頻內容本身會被突出得更徹底
          。
          Youtube的全新暗色模式
          Youtube的全新暗色模式
           
          (2).E-Trade
          在 2018 年的時候,一家客戶關系管理(CRM) 軟件服務提供商 SalesForce 的設計師想知道開發儀表板功能時采用哪種模式會最好。于是他們采訪了許多用戶,事實證明,
          用戶對黑暗主題下的圖表反應會更快并且更精準。
          這一點在股票交易軟件上也得到了驗證,目前來看
          全世界絕大多數的股票軟件采用的都是負極性,也就是暗色底的設計方式
          。紅色和綠色代表的漲或跌(不同國家顏色表示可能不一樣)在這樣的深色背景下就會特別顯眼。還有一些顏色比如藍色用于某些數據的走勢圖。
          證券/股票交易類應用通常采用暗色界面
          證券/股票交易類應用通常采用暗色界面
           
          三、設計工具與資源
          1.Sketch插件
          (1).Sketch Midnight
          Sketch Midnight Mac正式版是款針對Sketch打造的主題插件。Sketch Midnight Mac最新版為你的Sketch增加
          精美的替換主題,自定義選擇顏色,自定義畫布黑暗等
          。并且Sketch Midnight Mac中用戶還可以設置畫布的明度(純黑或灰色調畫布)以得到最佳主題展示效果。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (2).Sketch Dark Mode Plugin
          這是一個
          專門用于生成深色模式版本的文檔
          的插件。它可以加快設計工作流程,并幫助你立即創建出精美的深色模式設計,而且操作簡便,沒有繁瑣的界面。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (3).Sketch Toolbox
          雖然這個工具主要是用來管理和組織Sketch插件的,但它也
          提供了一些與暗色模式相關的插件
          ,可以幫助設計師更好地管理和維護他們的設計項目。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (4).Frontify
          雖然Frontify主要是一個品牌管理工具,但它也提供了一些功能,如基于Web的樣式規范和UI設計模式庫,這些功能可以
          幫助設計師在創建暗色模式設計時保持一致性和標準化
          。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          2.在線工具
          (1).Adobe Color
          Adobe Color是一個在線工具,它可以
          幫助設計師創建和測試色彩方案
          ,包括暗色模式的配色。您可以使用它來生成、預覽和分享配色方案。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (2).Coolors
          Coolors是另一個在線配色方案生成器,它提供了
          快速生成和調整配色方案
          的功能,非常適合用于暗色模式的設計。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          (3).Material Design Color Tool
          由Google提供的Material Design Color Tool可以幫助設計師根據Material Design指南
          創建色彩方案,包括暗色主題的配色
          。
          「大廠設計師」教你一文讀懂暗色模式
           
           
          總結
              隨著用戶對界面設計要求的提高,暗色模式以其減少視覺疲勞和增強內容可讀性的優勢,在UI設計中越來越受歡迎。它不僅為用戶帶來了全新的視覺體驗,也為設計師提供了創新的空間。
              未來,暗色模式有望成為更多應用和系統的標準配置,設計師們將更加重視其創新和優化,以提供更優質的用戶體驗。我們應緊跟這一趨勢,探索新的色彩搭配和布局,滿足用戶的需求和偏好。
              總之,暗色模式在UI設計中的應用和優勢已經得到了廣泛的認可。作為設計師,我們應該把握這一趨勢,不斷提升自己的設計能力,為用戶創造更加美好的數字生活。


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

          藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          WechatIMG27.jpg

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合