国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄av电影,黑色丝袜无码中中文字幕,乱熟女高潮一区二区在线

            首頁

            QT軟件開發(fā)在工業(yè)應(yīng)用中的 UI 設(shè)計實踐

            杰睿

            隨著工業(yè)自動化、智能制造與物聯(lián)網(wǎng)的發(fā)展,工業(yè)應(yīng)用對桌面端軟件的 穩(wěn)定性、性能和用戶體驗 提出了更高的要求。QT 作為成熟的跨平臺開發(fā)框架,憑借高性能渲染和豐富的 UI 組件庫,在工業(yè)軟件開發(fā)中得到廣泛應(yīng)用。然而,工業(yè)應(yīng)用的界面設(shè)計不僅是功能實現(xiàn),更需要在復雜數(shù)據(jù)展示、操作效率與安全性之間取得平衡。
            本文將從 工業(yè)應(yīng)用特點、QT優(yōu)勢、UI設(shè)計實踐方法 三個角度,解析如何在工業(yè)軟件開發(fā)中實現(xiàn)高效的界面設(shè)計。

            一、工業(yè)應(yīng)用界面的設(shè)計挑戰(zhàn)

            信息密集且實時性要求高
            生產(chǎn)線監(jiān)控、設(shè)備狀態(tài)、工藝數(shù)據(jù)等信息量巨大,需要界面在瞬間呈現(xiàn)關(guān)鍵數(shù)據(jù)。
            操作流程復雜且高風險
            工業(yè)操作涉及設(shè)備控制、緊急停止、數(shù)據(jù)調(diào)節(jié)等,操作失誤可能造成安全或經(jīng)濟損失。
            多角色與權(quán)限差異
            系統(tǒng)用戶包括工程師、操作員、管理者等,不同角色的界面需求和操作權(quán)限差異大。
            多平臺與設(shè)備適配
            工業(yè)應(yīng)用可能運行在桌面端、嵌入式終端甚至觸控屏,需要保證界面一致性和操作便捷性。

            二、QT在工業(yè)應(yīng)用中的優(yōu)勢

            跨平臺與高性能
            支持 Windows、Linux、嵌入式系統(tǒng),減少重復開發(fā)工作
            QML 和 QT Quick 提供流暢動畫與復雜圖表的渲染能力
            豐富組件庫與可擴展性
            提供按鈕、表格、圖表、滑塊等控件,可快速構(gòu)建功能模塊
            可擴展自定義控件,滿足工業(yè)場景的特殊需求
            實時數(shù)據(jù)處理與可視化
            支持多線程和異步數(shù)據(jù)更新,確保監(jiān)控信息實時顯示
            支持復雜數(shù)據(jù)可視化,包括折線圖、柱狀圖、熱力圖及工業(yè)流程圖

            三、工業(yè) UI 設(shè)計實踐方法

            信息分層與重點突出
            將數(shù)據(jù)按優(yōu)先級分層呈現(xiàn):
              核心指標層:設(shè)備狀態(tài)、生產(chǎn)進度等關(guān)鍵數(shù)據(jù)
              分析層:歷史趨勢、異常統(tǒng)計
              操作層:控制按鈕、配置面板
            使用顏色、大小、位置等視覺手段突出重要信息
            角色定制與權(quán)限控制
            根據(jù)用戶角色顯示不同模塊和功能按鈕
            簡化操作路徑,減少誤操作風險
            高可讀性與操作反饋
            使用大號字體、清晰圖標、對比明顯的顏色
            提供實時反饋,如按鈕點擊、參數(shù)修改確認、告警提示
            數(shù)據(jù)可視化與交互優(yōu)化
            儀表盤、折線圖、柱狀圖實時呈現(xiàn)生產(chǎn)數(shù)據(jù)
            鼠標懸停或點擊可查看詳細數(shù)據(jù),支持多維度分析
            交互設(shè)計結(jié)合快捷操作,如批量控制和快速導航
            響應(yīng)式與適配設(shè)計
            針對不同屏幕尺寸和分辨率優(yōu)化界面布局
            保證桌面端、觸控端和嵌入式終端操作體驗一致

            四、實踐案例與經(jīng)驗總結(jié)

            工業(yè)監(jiān)控系統(tǒng):采用 QT Quick 構(gòu)建儀表盤,實現(xiàn)實時數(shù)據(jù)刷新與異常報警,用戶可以在單屏上掌握全線狀態(tài)。
            設(shè)備控制軟件:自定義控件結(jié)合觸控操作,提高操作效率和安全性。
            生產(chǎn)分析平臺:交互式圖表支持數(shù)據(jù)鉆取,實現(xiàn)從宏觀趨勢到微觀細節(jié)的分析。
            經(jīng)驗總結(jié)
            信息分層與視覺層次是工業(yè)UI的核心
            實時反饋與操作安全同樣關(guān)鍵
            QT 的跨平臺和高性能渲染能力是工業(yè)UI落地的基礎(chǔ)
            在工業(yè)應(yīng)用中,UI設(shè)計不僅是美觀問題,更是提升生產(chǎn)效率、保障操作安全和優(yōu)化決策的重要工具。QT 軟件開發(fā)結(jié)合科學的界面設(shè)計方法,可以幫助企業(yè)構(gòu)建高效、可靠且用戶友好的工業(yè)系統(tǒng)界面,為智能制造和工業(yè)數(shù)字化提供堅實的支撐。
             
             
             

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

            QT 軟件開發(fā)與跨平臺 UI 的結(jié)合:桌面端應(yīng)用的新機會

            杰睿

            在移動互聯(lián)網(wǎng)與 Web 技術(shù)高速發(fā)展的時代,桌面端應(yīng)用似乎一度被邊緣化。但隨著 AI、大數(shù)據(jù)、工業(yè)軟件、可視化平臺 的興起,桌面端應(yīng)用正在迎來新的復興。如何在多端并存的格局下,構(gòu)建高性能、跨平臺、又具備優(yōu)質(zhì)用戶體驗的桌面軟件?QT 框架與跨平臺 UI 的結(jié)合,正在為開發(fā)者提供新的機會。

            一、為什么桌面端仍然重要?

            雖然 Web 和移動應(yīng)用在大眾消費市場占據(jù)主流,但在以下場景中,桌面端依然不可替代:
            • 工業(yè)與科研領(lǐng)域:復雜數(shù)據(jù)分析、建模與仿真需要高性能本地計算
            • 金融與交易平臺:實時性要求高,數(shù)據(jù)安全不可妥協(xié)
            • 大數(shù)據(jù)可視化:需要強交互、高清渲染和大屏適配
            • 跨端協(xié)同系統(tǒng):桌面端作為后臺管理和指揮中心,移動端作為執(zhí)行端
            這意味著桌面端應(yīng)用不僅沒過時,反而成為企業(yè)數(shù)字化轉(zhuǎn)型的重要支撐。

            二、QT 的核心優(yōu)勢

            QT 是一個成熟的 C++ 跨平臺開發(fā)框架,其在桌面端開發(fā)中展現(xiàn)了獨特價值:
            1. 跨平臺能力:一次開發(fā),可在 Windows、macOS、Linux 上運行
            2. 高性能渲染:QML 與 OpenGL 加持,適合做復雜 UI 和高效動畫
            3. 強大組件庫:提供豐富的 UI 控件,降低開發(fā)成本
            4. 與 C++ 結(jié)合緊密:保證底層性能的同時,兼顧界面層靈活性
            5. 商業(yè)支持與生態(tài):在汽車、醫(yī)療、工業(yè)等行業(yè)有成熟應(yīng)用案例

            三、跨平臺 UI 的新機會

            在多端體驗一致性成為剛需的背景下,QT + 跨平臺 UI 設(shè)計,能夠解決很多行業(yè)痛點:
            • 統(tǒng)一體驗:桌面端、移動端和 Web 端界面風格一致,降低學習成本
            • 快速迭代:通過 QML 與響應(yīng)式設(shè)計,加快 UI 調(diào)整與升級
            • 可視化增強:與數(shù)據(jù)可視化庫結(jié)合,支持圖表、儀表盤、大屏渲染
            • AI 驅(qū)動交互:結(jié)合機器學習模型,在桌面端實現(xiàn)智能化決策輔助
            對于軟件開發(fā)公司而言,這是一個兼顧性能與體驗的新賽道

            四、應(yīng)用場景舉例

            1. 工業(yè)大屏監(jiān)控系統(tǒng):QT 提供穩(wěn)定的桌面端控制界面,支持實時數(shù)據(jù)可視化
            2. 金融交易軟件:高頻數(shù)據(jù)更新 + 安全架構(gòu),QT 的高性能 UI 更有優(yōu)勢
            3. AI 建模與可視化工具:在桌面端完成模型訓練與結(jié)果展示,跨平臺保證不同團隊協(xié)作
            4. 企業(yè)級管理平臺:后臺桌面端系統(tǒng)與前端 Web/APP 聯(lián)動,提供完整數(shù)字化方案

            五、面臨的挑戰(zhàn)

            • 學習成本:QT 對前端開發(fā)者而言有一定門檻
            • 設(shè)計一致性:需要 UI 設(shè)計團隊制定跨平臺規(guī)范
            • 資源消耗:復雜動畫與大數(shù)據(jù)渲染可能帶來性能瓶頸
            • 生態(tài)競爭:Electron、Flutter 等框架的加入,帶來新的比較與選擇

            六、未來展望

            • 與 AI 融合:QT 應(yīng)用內(nèi)嵌 AI 模型,提升智能交互與自動化能力
            • 更強的可視化支持:適配大數(shù)據(jù)、3D 可視化、數(shù)字孿生等場景
            • 低代碼/設(shè)計驅(qū)動開發(fā):通過可視化工具生成 QT 界面,加快交付效率
            • 跨端協(xié)同發(fā)展:桌面端不再孤立,而是與 Web、移動端形成整體生態(tài)
            桌面端應(yīng)用并沒有被淘汰,而是隨著 AI、大數(shù)據(jù)和數(shù)字化場景 的發(fā)展再次煥發(fā)活力。QT 作為跨平臺 UI 開發(fā)的核心工具,為企業(yè)和開發(fā)團隊提供了新的可能。在性能與體驗的融合之路上,QT 是值得深入研究與投入的方向。
             

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

            Qt 軟件開發(fā)在桌面端界面設(shè)計中的獨特優(yōu)勢與局限

            杰睿

            在跨平臺桌面應(yīng)用開發(fā)的領(lǐng)域,Qt 始終是繞不開的一個名字。作為一個成熟的 C++ 跨平臺應(yīng)用開發(fā)框架,Qt 被廣泛應(yīng)用于工業(yè)控制、車載系統(tǒng)、金融終端、科研工具等場景。尤其在 桌面端界面設(shè)計 方面,Qt 既有難以替代的獨特優(yōu)勢,也存在一些局限性。

            本文將從 技術(shù)特性、界面設(shè)計體驗、典型應(yīng)用場景 等角度,解析 Qt 在桌面端 UI 開發(fā)中的價值與挑戰(zhàn)。


            一、Qt 的獨特優(yōu)勢

            1. 跨平臺能力強

            Qt 最大的賣點之一就是 “一次開發(fā),多端運行”

            • 支持 Windows、macOS、Linux 等桌面系統(tǒng);

            • 也可以擴展到嵌入式設(shè)備和移動端。

            對企業(yè)而言,這意味著能節(jié)省大量的開發(fā)與維護成本。

            2. 豐富的 UI 組件庫

            Qt 自帶大量標準化的 UI 控件(按鈕、表格、輸入框、樹形結(jié)構(gòu)等),并且可以通過 Qt WidgetsQt Quick (QML) 快速搭建復雜界面。

            相比從零造輪子,Qt 提供的控件能讓開發(fā)團隊快速實現(xiàn)工業(yè)級的桌面應(yīng)用。

            3. 高性能與穩(wěn)定性

            Qt 基于 C++,執(zhí)行效率高,內(nèi)存管理可控,適合 需要高性能渲染處理大量數(shù)據(jù) 的桌面應(yīng)用(如大數(shù)據(jù)可視化、圖形編輯軟件)。

            4. 與硬件/底層結(jié)合緊密

            在車載系統(tǒng)、工業(yè)設(shè)備等場景,Qt 可以很好地調(diào)用底層 API 和硬件接口,這讓它在嵌入式和桌面端融合應(yīng)用中具有優(yōu)勢。

            5. 成熟的社區(qū)與商業(yè)支持

            Qt 歷史悠久,擁有龐大的開發(fā)者社區(qū),同時提供商業(yè)支持(Qt for Enterprise),對企業(yè)項目來說更加可靠。


            二、Qt 在桌面端界面設(shè)計中的應(yīng)用亮點

            1. 復雜交互系統(tǒng)
              例如金融交易終端、醫(yī)療影像處理軟件,需要多窗口、多視圖、批量操作,Qt 的組件體系非常適合。

            2. 大數(shù)據(jù)可視化
              Qt Quick + OpenGL/DirectX 的結(jié)合,可以實現(xiàn)高性能的實時數(shù)據(jù)渲染和圖表交互。

            3. 跨平臺企業(yè)工具
              企業(yè)后臺管理工具、跨系統(tǒng)的客戶端軟件,通過 Qt 開發(fā)能保證一致的界面體驗。


            三、Qt 的局限性

            1. 學習曲線較陡

            Qt 基于 C++,同時涉及 QML、信號與槽機制、資源管理等,初學者需要較長時間適應(yīng)。相比 Electron 或 Flutter,Qt 的上手門檻更高。

            2. 界面美學相對“傳統(tǒng)”

            Qt Widgets 在 UI 設(shè)計上偏向傳統(tǒng)桌面風格,如果追求現(xiàn)代化、極簡或“網(wǎng)頁風”的界面,需要更多自定義工作。雖然 QML 提供了更靈活的界面設(shè)計方式,但學習成本更高。

            3. 生態(tài)與前端框架差距

            在界面炫酷效果和前沿 UI 庫方面,Qt 生態(tài)明顯落后于 Web 技術(shù)棧(React、Vue、Electron)。想要高度定制化的設(shè)計,需要更多開發(fā)投入。

            4. 部署與體積問題

            Qt 應(yīng)用打包后體積相對較大(因為需要攜帶運行時庫),對輕量化工具或分發(fā)場景不夠友好。

            5. 商業(yè)授權(quán)成本

            Qt 開源版可滿足部分需求,但商業(yè)項目若要使用完整功能和支持,需要購買授權(quán),成本不低。

             

            在桌面端界面設(shè)計中,Qt 依然是一個不可忽視的強大工具。它的 高性能、跨平臺、豐富組件 讓其在 企業(yè)級、工業(yè)級、科研級應(yīng)用 中保持優(yōu)勢。

            然而,Qt 也面臨 UI 現(xiàn)代化不足、學習成本高、商業(yè)授權(quán)門檻 等局限。

            對于軟件開發(fā)公司來說,選擇 Qt 還是其他框架,并不是簡單的“技術(shù)喜好”,而是要根據(jù) 項目需求、目標用戶群、性能要求與預算 來綜合考量。

             

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


            設(shè)計師如何高效對接前端

            濤濤

            本文圍繞 UI 設(shè)計如何實現(xiàn)與前端的無縫對接,確保設(shè)計圖 100% 還原且減少修改展開,通過實戰(zhàn)案例分享了關(guān)鍵方法與注意事項,強調(diào)溝通、技術(shù)理解及靈活協(xié)作的重要性。

            解鎖盒子模型魔法,讓設(shè)計稿完美還原

            濤濤

            本文圍繞盒子模型展開,詳細介紹了其概念、與設(shè)計還原的關(guān)系、開發(fā)視角下的應(yīng)用、原理案例及實際價值,旨在幫助設(shè)計師理解并運用盒子模型,實現(xiàn)設(shè)計稿的完美還原

            我們是如何提升產(chǎn)品設(shè)計和開發(fā)效率的

            濤濤

            組件命名需遵循 “位置 / 功能 / 狀態(tài)” 規(guī)則,確保層級清晰。
            尺寸擴展時提前規(guī)劃比例和位置,避免替換后布局錯亂。
            利用 Sketch 的 “Overrides” 功能快速切換組件內(nèi)容,提高設(shè)計效率。

            尼爾森十大設(shè)計原則

            藍藍設(shè)計的小編

             

            在產(chǎn)品設(shè)計領(lǐng)域中,尼爾森設(shè)計原則可以說是非常基礎(chǔ)和必備的底層邏輯了。這篇文章,作者重新梳理了10大設(shè)計原則,并加以案例講解,希望可以幫到大家。

            尼爾森十大設(shè)計原則是由著名的用戶體驗專家、網(wǎng)站設(shè)計師雅各布·尼爾森(Jakob Nielsen)提出的。這些原則旨在幫助設(shè)計師創(chuàng)建更具用戶友好性和易用性的數(shù)字產(chǎn)品和網(wǎng)站。

            這些原則的來源可以追溯到尼爾森在其著作《使用者體驗的十大原則》(”10 Usability Heuristics for User Interface Design”)中提出的。

            一、可見性原則

            1. 信息的可見性

            用戶在界面上應(yīng)該能輕易地看到他們需要的信息。如果信息不直接展示給用戶,那么應(yīng)通過明顯的提示來指引用戶如何獲取。

            例如:如果一個功能可以通過菜單訪問,那么這個菜單的標識和位置應(yīng)當清晰明確。

            2. 反饋的可見性

            當用戶與界面進行交互時,系統(tǒng)應(yīng)該提供及時的、可見的反饋。

            例如:當用戶點擊一個按鈕時,按鈕可以顯示不同的視覺效果(如顏色變化、陷入效果等)來告知用戶其操作已被系統(tǒng)識別。

            3. 操作的可見性

            用戶可用的操作選項應(yīng)該清晰展示。界面應(yīng)避免隱藏用戶可能需要的功能。操作的可見性可以通過良好的界面布局和適當?shù)目丶x擇來加以增強。

            例如:當斷網(wǎng)時,下拉刷新用戶會看的一個情感化加載動畫,提示用戶在加載中。

            4. 狀態(tài)的可見性

            系統(tǒng)的當前狀態(tài)應(yīng)該對用戶是明顯的。

            例如:在一個復雜的表單或多步驟流程中,界面應(yīng)該清楚地顯示當前處于哪一步。這樣用戶可以隨時了解自己的進度和狀態(tài),降低因迷茫而產(chǎn)生的用戶挫敗感。

            5. 錯誤的可見性

            如果發(fā)生錯誤,應(yīng)該有清楚的錯誤信息顯示給用戶,并且提供簡單的、操作性的建議來解決這些錯誤。錯誤信息應(yīng)該具體到足夠用戶理解發(fā)生了什么問題,并指導他們?nèi)绾渭m正。

            例如:我們在輸入密碼的界面時,出現(xiàn)錯誤時會在下方提示當前密碼輸入錯誤,提示引導用戶請輸入數(shù)字+符號的組合密碼。

            可見性原則在生活中有哪些體現(xiàn)呢?

            例如:我們常坐的地鐵到站顯示,乘坐高鐵時的候車室列表,還有去超市買菜時自動結(jié)算上顯示的數(shù)量金額、計算器等。

            二、貼近現(xiàn)實場景原則

            1. 模仿真實物體和行為

            模仿用戶在現(xiàn)實生活中熟悉的物體和行為,這樣可以使用戶能夠輕松地理解和使用軟件。

            例如:將按鈕設(shè)計成與現(xiàn)實中的按鈕相似的樣式,讓用戶有按下按鈕的直觀感受。

            2. 遵循行業(yè)標準和習慣

            界面設(shè)計應(yīng)該符合行業(yè)內(nèi)人機交互和設(shè)計規(guī)范的標準符合用戶的習慣,以減少用戶的認知負擔和學習成本。

            例如:將網(wǎng)頁的導航菜單放置在頁面的頂部或側(cè)邊,符合用戶對網(wǎng)頁導航的常規(guī)期待。

            3. 保持一致性

            在整個界面中保持一致性,使得用戶在不同部分之間能夠輕松地轉(zhuǎn)換和理解。這包括一致的布局、一致的交互方式等。一致性可以提高用戶的操作效率,減少錯誤和混淆。

            例如:設(shè)計中的UI規(guī)范,交互樣式保持一致性,書籍畫冊等里面的標題內(nèi)容字體大小也遵循一致性原則。

            4. 提供直觀的反饋

            當用戶與界面進行交互時,界面應(yīng)該提供及時、直觀的反饋,讓用戶清楚地知道他們的操作已被識別和響應(yīng)。

            例如:按鈕被按下時產(chǎn)生的視覺反饋、鏈接被點擊時的狀態(tài)變化等。

            5. 避免違背用戶期望

            界面設(shè)計應(yīng)避免違背用戶的期望和常規(guī)操作,否則可能導致用戶的困惑和挫敗感。

            例如:點擊一個圖標卻得到了與期望不符的結(jié)果,這會讓用戶感到困惑和不滿。

            6. 考慮用戶的認知能力和心理模型

            設(shè)計應(yīng)該考慮用戶的認知能力和心理模型,(需要根據(jù)用戶畫像,數(shù)據(jù)統(tǒng)計等定義用戶群體,年齡端的不同認知也是不同的),使得界面的布局和功能對用戶來說更加自然和易于理解。

            例如:將相關(guān)的功能組織在一起,符合用戶的認知結(jié)構(gòu)。

            例如:最簡單案例體現(xiàn),可以從圖標的演變過程就可以感受到,從真實生活中的電話演變成圖標,一直到現(xiàn)在的扁平化顯示的電話圖標。

            貼近現(xiàn)實場景在生活中有哪些體現(xiàn)呢?

            例如:我們生活中的汽車發(fā)展過程,從蒸汽汽車,到油車再到現(xiàn)在的新能源汽車,一直在變的是外觀和里面的內(nèi)飾,不變的是在大家受環(huán)境影響認知里的東西,四個輪子大家很容易就想到車。

            三、用戶控制和自由原則

            1. 提供明確的操作選項

            界面應(yīng)該提供清晰明確的操作選項,讓用戶知道可以做什么以及如何做。

            例如:在編輯界面中,應(yīng)該明確標識出保存、撤銷、刪除等操作按鈕,讓用戶知道可以進行哪些操作。

            2. 允許用戶撤銷和返回

            用戶應(yīng)該可以隨時撤銷之前的操作或返回到之前的狀態(tài),而不會造成不可逆的影響。

            例如:提供撤銷按鈕、返回按鈕或者多級回退功能,讓用戶可以自由地調(diào)整和修正他們的操作。

            3. 避免強制性的操作和模式

            界面設(shè)計應(yīng)避免強制用戶進行某些操作或者遵循固定的模式。應(yīng)該給用戶足夠的自由度,讓他們根據(jù)自己的需求和偏好來進行操作。

            例如:不要強制用戶在注冊時填寫過多的信息,而是提供必填和選填項,讓用戶可以根據(jù)自己的情況選擇填寫。

            4. 提供明確的退出選項

            在界面中應(yīng)該提供明確的退出選項,讓用戶可以隨時退出當前操作或者返回到上一層級。

            例如:在應(yīng)用程序中提供退出按鈕或者返回到主界面的選項,讓用戶可以方便地退出當前任務(wù)或者返回到初始狀態(tài)。

            5. 防止誤操作的發(fā)生

            界面設(shè)計應(yīng)該采取措施防止用戶因為誤操作而造成不必要的損失或者困擾。

            例如:在危險操作(如刪除文件)前要求用戶確認,以避免誤操作造成的后果。

            6. 支持鍵盤快捷鍵和手勢操作

            為用戶提供鍵盤快捷鍵和手勢操作的支持,讓他們可以通過更快速和高效的方式來完成操作。這可以提高用戶的操作效率和滿意度,增強用戶的控制感和自由度。

            用戶控制和自由原則在生活中有哪些體現(xiàn)呢?

            例如:我們經(jīng)常出去吃飯,有些飯店可能比較火需要進行預約,預約后不想去了可以在軟件上取消也可以打電話取消。我們進行購物時,收到了物品不想要也可以進行退換貨。

            四、一致性和標準化原則

            1. 一致的布局和樣式

            界面中的布局、排版和樣式應(yīng)該保持一致,讓用戶在不同頁面和功能之間能夠輕松地切換和理解。例如:相似的功能應(yīng)該采用相似的排列方式和視覺風格,按鈕、導航欄等元素的位置和樣式也應(yīng)該保持一致。

            2. 一致的交互方式

            界面中的交互方式和操作流程應(yīng)該保持一致,讓用戶能夠在不同的功能和場景中使用相似的操作方法。例如:點擊按鈕應(yīng)該在不同頁面中具有相同的效果,滑動手勢在不同功能中也應(yīng)該具有相似的操作意義。

            3. 遵循標準化設(shè)計規(guī)范

            界面設(shè)計應(yīng)該遵循行業(yè)的標準化設(shè)計規(guī)范,符合用戶的習慣和期望,減少用戶的認知負擔和學習成本。例如:網(wǎng)頁設(shè)計中遵循Web Content Accessibility Guidelines(WCAG)等國際標準,移動應(yīng)用設(shè)計中遵循iOS Human Interface Guidelines或Material Design等平臺規(guī)范。

            4. 統(tǒng)一的圖標和符號

            界面中使用的圖標和符號應(yīng)該統(tǒng)一且易于理解,避免混淆和歧義。例如,使用相同的圖標來表示相似的功能或操作,以便用戶能夠快速識別和理解。例如:手機主題界面的顯示,電話的圖標會從生活中電話提取圖形標識。

            5. 保持一致的術(shù)語和語言

            界面中使用的術(shù)語和語言應(yīng)該保持一致,避免混淆和困惑。

            例如:在不同頁面和功能中使用相同的術(shù)語和表達方式,以便用戶能夠準確地理解和識別。

            6. 反饋一致性

            界面中的反饋信息應(yīng)該保持一致,讓用戶能夠清晰地知道他們的操作已被識別和響應(yīng)。

            例如:成功操作和錯誤操作應(yīng)該有明確的視覺和語言反饋,以便用戶能夠及時調(diào)整和糾正。

            一致性和標準化在生活中有哪些體現(xiàn)呢?

            例如:我們經(jīng)常逛的超市或者菜市場都會遵循標準化,相同或相似的商品進行歸類,看起來很整齊方便用戶購買,馬路上的紅綠燈,全國保持一致性降低用戶認知負擔。

            五、容錯原則

            1. 提供明確的反饋和指導

            當用戶出現(xiàn)錯誤或者不確定性時,界面應(yīng)該提供明確的反饋和指導,讓用戶知道出了什么問題以及如何解決。

            例如:當用戶輸入錯誤的密碼時,界面應(yīng)該明確提示用戶密碼錯誤,并且提供重新輸入或者找回密碼的選項。

            2. 允許撤銷和返回

            用戶應(yīng)該可以隨時撤銷之前的操作或者返回到之前的狀態(tài),從而糾正錯誤或者重新開始。

            例如:在編輯界面中提供撤銷按鈕或者返回按鈕,讓用戶可以隨時取消之前的操作并且返回到之前的狀態(tài)。

            3. 避免嚴格的輸入要求

            界面設(shè)計應(yīng)該盡量避免嚴格的輸入要求,允許用戶輸入格式的靈活性和容錯性。

            例如:在表單輸入時,可以采用自動補全、格式化等技術(shù)來輔助用戶輸入,減少用戶的輸入錯誤。

            4. 提供輔助和提示

            當用戶出現(xiàn)錯誤或者不確定性時,界面應(yīng)該提供輔助和提示,幫助用戶找到正確的解決方案。例如:在輸入框中提供提示性的文字或者示例,指導用戶如何正確地輸入信息。

            5. 減少不必要的強制性操作

            界面設(shè)計應(yīng)該盡量減少不必要的強制性操作,避免因為用戶的操作失誤而造成不可逆的影響。例如:在我們進行轉(zhuǎn)賬操作時要求用戶對轉(zhuǎn)賬金額進行確認,以避免誤操作造成的損失。

            6. 優(yōu)雅地處理異常情況

            當用戶遇到異常情況時,界面應(yīng)該能夠優(yōu)雅地處理并給予用戶友好的提示和解決方案。

            例如:當網(wǎng)絡(luò)連接出現(xiàn)問題時,界面應(yīng)該顯示友好的錯誤信息,并且提供重試或者刷新的選項。

            容錯原則在生活中有哪些體現(xiàn)呢?

            例如:想要出去旅游到窗口購票,發(fā)現(xiàn)買錯了可以去窗口找工作人員改簽,或退票重新購買,這時工作人員會二次確認是否改簽,用戶回答確定,改簽成功。因為天氣原因造成的列車無法發(fā)車,會提示用戶進行退票或改簽操作。

            六、易取原則

            1. 簡化操作流程

            界面設(shè)計應(yīng)該盡量簡化操作流程,減少不必要的步驟和冗余的操作,讓用戶能夠更快速地完成任務(wù)。

            例如:在購物網(wǎng)站中,簡化下單流程,減少用戶填寫信息的步驟。

            2. 提供直接的路徑

            界面應(yīng)該提供直接的路徑讓用戶達到目標,不需要經(jīng)過多次點擊或者瀏覽。

            例如:在網(wǎng)頁中提供明顯的導航鏈接,讓用戶可以直接跳轉(zhuǎn)到所需的頁面。

            3. 減少用戶輸入

            盡量減少用戶需要輸入的信息和數(shù)據(jù),采用自動填充或者預設(shè)數(shù)值的方式來簡化用戶操作。

            例如:在搜索框中提供模糊搜索提示的功能,減少用戶輸入的工作量。

            4. 提供明確的標識和提示

            界面上的按鈕、鏈接和標識應(yīng)該清晰明確,讓用戶一眼就能看出其功能和作用。同時,界面應(yīng)該提供明確的提示和指導,引導用戶完成操作。

            例如:在網(wǎng)頁中使用明顯的按鈕和圖標來表示可點擊的功能,同時提供鼠標懸停提示來解釋按鈕的作用。

            5. 響應(yīng)迅速

            界面的響應(yīng)速度應(yīng)該盡量快速,減少用戶等待的時間。

            例如;當用戶點擊按鈕或者鏈接時,界面應(yīng)該立即給出反饋,讓用戶知道其操作已被識別。

            6. 符合用戶期望

            界面設(shè)計應(yīng)符合用戶的期望和習慣,讓用戶能夠直觀地理解界面上的布局和功能。

            例如:將相關(guān)的功能組織在一起,符合用戶的認知結(jié)構(gòu)。

            易取原則在生活中有哪些體現(xiàn)呢?

            例如:現(xiàn)在一些大型超市購物時提供自動掃碼結(jié)算的機器,減少用戶的等待時間,響應(yīng)速度快,還有快捷刷臉支付(手機沒有帶也可以支付喲)用戶可以很直觀的進行支付。

            七、靈活高效原則

            1.支持多種操作方式

            界面設(shè)計應(yīng)該支持多種操作方式,讓用戶可以根據(jù)自己的習慣和偏好選擇最適合自己的方式進行操作。

            例如:提供鍵盤快捷鍵、手勢操作、語音控制等多種方式。

            2. 自適應(yīng)和響應(yīng)式設(shè)計

            界面設(shè)計應(yīng)該具有自適應(yīng)和響應(yīng)式的特性,能夠適應(yīng)不同設(shè)備和屏幕尺寸的顯示,并且在不同分辨率下保持良好的布局和可用性。這樣用戶可以在任何設(shè)備上以相似的方式進行操作。

            例如:我們常見的PC端網(wǎng)站會根據(jù)屏幕尺寸的不同響應(yīng)式布局(Behance、花瓣等網(wǎng)站)。

            3. 提供個性化的設(shè)置和選項

            界面應(yīng)該提供個性化的設(shè)置和選項,讓用戶可以根據(jù)自己的需求和偏好進行定制。

            例如,允許用戶自定義界面的布局、顏色主題、字體大小等。

            4. 支持快速導航和查找

            界面設(shè)計應(yīng)該支持快速導航和查找功能,讓用戶能夠迅速找到所需的信息和功能。

            例如:提供搜索框和過濾選項,讓用戶可以快速定位到目標內(nèi)容。

            5. 減少不必要的點擊和步驟

            界面設(shè)計應(yīng)盡量減少不必要的點擊和步驟,簡化操作流程,提高用戶的操作效率。

            例如:采用一鍵下單的方式,減少用戶提交訂單的步驟。

            6. 提供即時反饋和狀態(tài)更新

            界面設(shè)計應(yīng)該提供即時的反饋和狀態(tài)更新,讓用戶清楚地知道他們的操作已被識別和響應(yīng)。這樣可以提高用戶的操作效率和滿意度。

            例如:當用戶提交表單或者完成購買時,界面應(yīng)該立即顯示成功的反饋信息。

            靈活高效原則在生活中有哪些體現(xiàn)呢?

            例如:火鍋在選擇上提供了多種口味的美食,一口鍋全都煮了,用戶也可以根據(jù)自己口味不同進行調(diào)料,做的比較哇塞的火鍋店,還會貼上不同口味的搭配引導,對于第一次或不經(jīng)常吃火鍋店用戶就很友好,食物放進火鍋里會通過食材的顏色或軟硬程度辨別是否熟了,給到用戶反饋可以吃咯。

            八、簡潔性原則

            1. 去除冗余信息

            界面設(shè)計應(yīng)該去除不必要的冗余信息,只保留核心和重要的內(nèi)容,以減少用戶的干擾和混亂。例如:去除重復的導航鏈接、無關(guān)的廣告等。

            2. 簡化布局和排版

            界面的布局和排版應(yīng)該簡潔明了,避免過多的裝飾和復雜的結(jié)構(gòu),以提高用戶的閱讀和理解效率。

            例如:采用簡單的網(wǎng)格布局,保持頁面的整潔和清晰。

            3. 提煉核心功能

            界面設(shè)計應(yīng)該將核心功能突出顯示,讓用戶一目了然地找到所需的功能和信息。不必要的功能應(yīng)該隱藏或者移除,以減少用戶的選擇困難和認知負擔。

            例如:商品頁面,商品名稱、信息、價格、快捷加入購物車、買幾份這種功能就放在了下一個頁面減少對用戶的干擾。

            4. 簡化操作流程

            操作流程應(yīng)該簡化至最少的步驟,避免不必要的點擊和跳轉(zhuǎn),提高用戶的操作效率。

            例如:采用一鍵式操作,減少用戶提交訂單的步驟。

            5. 清晰明了的語言和標識

            界面中使用的語言和標識應(yīng)該清晰明了,避免歧義和混淆。按鈕、鏈接等元素的標識應(yīng)該直接表達其功能,讓用戶一目了然。

            6. 精簡視覺元素

            視覺元素應(yīng)該精簡,避免過多的裝飾和復雜的效果,以保持界面的干凈和清晰。顏色、字體、圖標等元素的使用應(yīng)該簡潔大方,突出重點。

            7. 提供幫助和指導

            界面設(shè)計應(yīng)該提供必要的幫助和指導,讓用戶能夠快速了解界面的使用方法和操作流程。但是這些幫助信息也應(yīng)該簡潔明了,避免過多的文字和復雜的說明。

            簡潔性原則在生活中有哪些體現(xiàn)呢?

            例如:商場的逃生通道標識,辦公室滅火器都會放在比較容易看到的地方,經(jīng)常坐地鐵的時候指引箭頭就很符合簡潔性原則,不需要放過多的解釋說明文案,大家都可以看懂具備什么含義。

            九、幫助用戶識別和解決問題原則

            1. 提供清晰的幫助文檔和說明

            界面設(shè)計應(yīng)該提供清晰明了的幫助文檔和說明,讓用戶能夠快速找到解決問題的方法和答案。這些文檔和說明應(yīng)該簡潔明了,避免使用過多的專業(yè)術(shù)語和復雜的語言。

            2. 實時反饋和指導

            界面應(yīng)該提供實時的反饋和指導,讓用戶知道他們的操作是否成功,以及如何繼續(xù)下一步。例如,在表單輸入時實時檢查格式是否正確,并給予相應(yīng)的提示。

            3. 提供可搜索的幫助資源

            界面設(shè)計應(yīng)該提供可搜索的幫助資源,讓用戶能夠快速找到所需的信息和解決方案。這些幫助資源可以包括常見問題解答、在線幫助文檔、視頻教程等。

            4. 友好的錯誤提示和解決方案

            當用戶遇到錯誤或者問題時,界面應(yīng)該給予友好的錯誤提示和解決方案,讓用戶知道發(fā)生了什么問題以及如何解決。錯誤提示應(yīng)該具體明了,避免使用晦澀難懂的術(shù)語。

            5. 提供在線支持和反饋渠道

            界面設(shè)計應(yīng)該提供在線支持和反饋渠道,讓用戶能夠隨時聯(lián)系到客戶服務(wù)團隊并獲得幫助。這些支持和反饋渠道可以包括在線聊天、電子郵件支持、社區(qū)論壇等。

            6. 優(yōu)化用戶體驗和流程設(shè)計

            界面設(shè)計應(yīng)該優(yōu)化用戶體驗和流程設(shè)計,減少用戶可能遇到的問題和困難。例如,簡化操作流程、提供明確的導航和引導、避免技術(shù)性障礙等。

            7. 持續(xù)改進和優(yōu)化

            界面設(shè)計團隊應(yīng)該持續(xù)改進和優(yōu)化界面,根據(jù)用戶的反饋和需求不斷調(diào)整和改進設(shè)計方案,以提高用戶的滿意度和體驗質(zhì)量。

            幫助用戶識別和解決問題原則在生活中有哪些體現(xiàn)呢?

            例如:我們在印刷書籍時,印刷廠會給我們講解紙張的尺寸,材質(zhì),類型、價格等,幫助我們了解和選擇適合的印刷品。

            十、人性化幫助原則

            1. 溫馨的語言和表達

            界面設(shè)計應(yīng)該使用溫馨、友好和人性化的語言和表達方式,讓用戶感到被關(guān)心和被尊重。

            例如:在錯誤提示和幫助文檔中使用親切的語氣和表達方式。

            2. 關(guān)注用戶情感和需求

            界面設(shè)計應(yīng)該關(guān)注用戶的情感和需求,根據(jù)用戶的心理和情感狀態(tài)來設(shè)計界面和提供幫助。

            例如:在用戶遇到困難或者錯誤時,表達理解和支持,提供鼓勵和安慰。

            3. 個性化的幫助和支持

            界面設(shè)計應(yīng)該提供個性化的幫助和支持,根據(jù)用戶的偏好和習慣來提供定制化的解決方案。

            例如:根據(jù)用戶的歷史操作記錄和偏好,推薦相關(guān)的幫助文檔或者解決方案。

            4. 及時的反饋和回應(yīng)

            界面應(yīng)該及時地回應(yīng)用戶的需求和問題,給予及時的反饋和解決方案。

            例如:提供實時的在線支持和反饋渠道,讓用戶能夠隨時聯(lián)系到客戶服務(wù)團隊。

            5. 鼓勵和獎勵用戶行為

            界面設(shè)計應(yīng)該鼓勵和獎勵用戶的積極行為,增強用戶的參與和忠誠度。

            例如:通過積分系統(tǒng)或者優(yōu)惠活動來獎勵用戶的購買行為和參與度。

            6. 提供愉快的體驗

            界面設(shè)計應(yīng)該提供愉快和愉悅的使用體驗,讓用戶感到舒適和愉快。

            例如:通過動畫、音效等方式增強界面的趣味性和互動性,讓用戶感到愉悅和享受。

            7. 尊重用戶隱私和權(quán)利

            界面設(shè)計應(yīng)該尊重用戶的隱私和權(quán)利,保護用戶的個人信息和數(shù)據(jù)安全。

            例如:明確告知用戶數(shù)據(jù)的使用目的和范圍,遵守相關(guān)的隱私政策和法律法規(guī)。

            人性化幫助原則在生活中有哪些體現(xiàn)呢?

            例如:人行道上的盲道,看新聞時的手語講解介紹,都是比較人性化的一部分,還有賣的老年機等等。

            總結(jié)一下

            關(guān)于尼爾森十大設(shè)計原則包括可見性、反饋、控制性、一致性、容錯、簡潔性、靈活高效、幫助用戶識別和解決問題、人性化幫助、用戶控制和自由。

            以下為此原則優(yōu)點詳解:

            1.提高用戶體驗質(zhì)量: 這些原則旨在提高用戶對產(chǎn)品的整體感受和滿意度,使用戶更愿意使用并持續(xù)與產(chǎn)品互動。

            2.降低學習成本: 設(shè)計原則的一致性和可見性幫助用戶更快地熟悉界面,減少了學習新功能的時間和認知負擔。

            3.增強用戶參與度: 提供了用戶控制和自由的原則,使用戶感到更加投入和自主,從而增強了其對產(chǎn)品的參與度。

            4.提升用戶效率: 設(shè)計原則的靈活高效性使用戶能夠更快速地完成任務(wù),提高了用戶的工作效率和操作效率。

            5.減少用戶錯誤: 容錯性原則和幫助用戶識別和解決問題的原則有助于減少用戶的錯誤操作,提高了用戶的成功率。

            6.簡化用戶交互: 一致性、簡潔性和靈活高效性設(shè)計原則簡化了用戶與產(chǎn)品之間的交互,使用戶界面更加直觀和易于理解。

            7.增強產(chǎn)品的競爭力: 設(shè)計原則的綜合應(yīng)用使得產(chǎn)品更具有吸引力和競爭力,有助于產(chǎn)品在市場中脫穎而出。

            8.提高用戶忠誠度: 人性化幫助和用戶控制和自由原則增強了用戶對產(chǎn)品的信任和忠誠度,使用戶更愿意選擇并長期使用產(chǎn)品。

            9.節(jié)約資源成本: 通過降低用戶錯誤和提高用戶效率,可以減少用戶的時間和精力成本,從而節(jié)約了資源成本。

            10.適應(yīng)不同用戶群體: 這些設(shè)計原則的靈活性和人性化幫助原則使得產(chǎn)品能夠適應(yīng)不同用戶群體的需求和偏好,從而擴大了產(chǎn)品的受眾范圍。

            參考文獻:

            https://www.nngroup.com/articles/ten-usability-heuristics/

            https://medium.com/@nirbenita/the-10-design-heuristics-for-developers-1e70a9dc58a7

            https://medium.com/@marialauraramirez/a-summary-of-nielsens-ux-principles-f482f32678f9

            https://alonzowebster.medium.com/principles-of-ux-design-f7d5b193e19e

            https://medium.com/@fireartstudio/common-ui-design-principles-d9889377f90b

            https://medium.com/visual-side/10-usability-heuristics-for-user-interface-design-551dac8744e

            專欄作家

            南設(shè),公眾號:南設(shè)(ID:NANSHE18),人人都是產(chǎn)品經(jīng)理專欄作家。專注設(shè)計,邏輯性強,注重體驗。分享體驗設(shè)計、人工智能開發(fā)等。

            原文鏈接:https://www.woshipm.com/share/6064709.html

            本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

            題圖來自 Unsplash,基于 CC0 協(xié)議

            該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

            image.png

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

            自適應(yīng)設(shè)計在內(nèi)容上的應(yīng)用探索

            杰睿

            編輯導語:自適應(yīng)設(shè)計指能使界面自適應(yīng)顯示在不同大小終端設(shè)備上的設(shè)計方式及技術(shù)。而內(nèi)容自適應(yīng)則需要對用戶行為進行預判進而改變設(shè)計內(nèi)容,本文作者將對自適應(yīng)設(shè)計在內(nèi)容上的應(yīng)用進行分享,值得閱讀學習。

            我們一般說的自適應(yīng)設(shè)計,多半指的是界面自適應(yīng),即為不同的終端設(shè)計不同的界面布局與操作流程。而內(nèi)容自適應(yīng),是一種根據(jù)用戶標簽與操作行為預判用戶目標所需頁面內(nèi)容的方式,他的優(yōu)點是既能預測交互意圖,實現(xiàn)信息量的智能輸出,同時也能滿足不同交互需求,改變界面樣式,達到降低人機交互負荷的目的。

            以下,是道樂UED團隊 基于查閱的資料以及行業(yè)的積累,帶來的一篇關(guān)于內(nèi)容自適應(yīng)的分享。

            目錄:

            1. 內(nèi)容自適應(yīng)的界定
            2. 適用場景及案例分析
            3. 利弊分析
            4. 內(nèi)容自適應(yīng)設(shè)計在金融產(chǎn)品上的應(yīng)用思考

            一、內(nèi)容自適應(yīng)的界定

            目前自適應(yīng)界面在內(nèi)容上的呈現(xiàn)大致包括兩種類型:

            1. 實時自適應(yīng)

            顧名思義,就是根據(jù)用戶當下的操作,實時判斷用戶所需,從而調(diào)整不同的信息展示與布局,他的優(yōu)勢在于能盡量減少頁面上與用戶目標不相關(guān)信息的展示,從而提升用戶操作的效率與準確度

            2. 歷史自適應(yīng)

            通過用戶標簽與過往數(shù)據(jù)的分析,調(diào)整頁面內(nèi)容的展示數(shù)量與優(yōu)先級,僅展示用戶感興趣或可能感興趣的內(nèi)容,從而提高用戶在使用產(chǎn)品中的轉(zhuǎn)化率。

            總的來說,內(nèi)容自適應(yīng)更趨向于對用戶行為軌跡的縱向思考,將“用戶尋找信息”的被動服務(wù)模式轉(zhuǎn)化為“信息尋找用戶”主動服務(wù)模式。滿足差異化的用戶需求,提升企業(yè)系統(tǒng)的用戶體驗和人性化服務(wù)水平。

            二、適用場景及案例分析

            1. 實時自適應(yīng)

            (1)搜索

            ① Google搜索

            自適應(yīng)設(shè)計在搜索上的應(yīng)用意味著針對每個用戶的每一次搜索,都會產(chǎn)生一個定制的界面,該界面將自身塑造成所顯示的信息。請看以下示例:如何根據(jù)不同的用例更改搜索結(jié)果頁面。

            最近,Google搜索的設(shè)計重點是在用戶點擊搜索結(jié)果之前傳遞信息。為此,Google采用了一種稱為自適應(yīng)設(shè)計的方法。

            Google搜索適應(yīng)用戶需求的第一種方法是重新安排導航以適應(yīng)結(jié)果。

            • 在“lizzo”的例子中,搜索框下面的導航是:(按順序依次為)圖片、視頻、新聞、購物、更多;
            • 在“tel aviv”的例子中,導航是:新聞、圖片、地圖、視頻、更多;
            • 搜索“aapl”(蘋果公司的股票代碼),導航顯示:金融、新聞、書籍、購物、更多;

            Google有362,880種獨特的方式來排列導航,以適應(yīng)搜索查詢。然而,自適應(yīng)設(shè)計的最大例子是搜索結(jié)果本身的布局。結(jié)果頁面是完全模塊化的:根據(jù)搜索結(jié)果,不同的元素出現(xiàn)在不同的配置中。

            例如,音樂家Lizzo的搜索結(jié)果集中在媒體上:一組模塊以本機格式顯示視頻,圖片和歌曲。還顯示最近的新聞,推文和即將舉行的活動,以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個人資料鏈接。直到頁面底部,我們才能看到看起來像傳統(tǒng)搜索結(jié)果的元素。

            另一方面,以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當?shù)靥鞖庖约芭c旅行有關(guān)的問題(“特拉維夫?qū)τ慰桶踩珕幔?rdquo;、“特拉維夫以什么聞名?”)優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進了特拉維夫的活動以及對附近其他城市的推薦。搜索結(jié)果頁上可能會出現(xiàn)數(shù)千個不同的模塊,從簡單的布局驅(qū)動模塊到完全獨立的應(yīng)用程序。

            例如,“aapl”的搜索結(jié)果頁上,股票代碼模塊顯示了當前價格和交互式歷史價格圖。

            通過自適應(yīng)設(shè)計,所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計人員的作用不再是創(chuàng)建明確的外部布局。

            如今,尖端產(chǎn)品的設(shè)計者,以及未來日常產(chǎn)品的設(shè)計者,正在就生成這些布局的規(guī)則做出決策。

            ② 淘寶搜索

            淘寶搜索結(jié)果頁,當用戶往下滑動查看更多時,系統(tǒng)判斷你根據(jù)當前搜索頁沒有找到想要的內(nèi)容,則根據(jù)不同物品展示物品的更細分的篩選,如啤酒會c展示“德國進口啤、國產(chǎn)精釀、比利時精釀”,方便用戶找到目標物品。

            ③ OTA平臺PC端(去哪兒、攜程等)

            攜程/去哪兒pc端中,Tab前置條件是國內(nèi)/國際,在選擇國內(nèi)機票時,默認單程。在選擇“國際/港澳臺機票”時,則默認機票往返。

            這樣的功能設(shè)置是基于對用戶需求的深入研究得出的,主要有以下幾個原因:

            • 最優(yōu)方案不同:國內(nèi)單程往返的最優(yōu)方案多半有可能不是一個航空公司,要一個一個查詢,(盡管同一航空公司往返有1+1小于2的規(guī)則),會對客人更有利,因為經(jīng)常會出現(xiàn)1+0.5=1.5的情況。國際票往返的最優(yōu)方案通常還是一家航空公司的便宜,這個基本上是定律,所以這個默認設(shè)定是培養(yǎng)消費習慣之舉。
            • 使用場景不同:國際機票的使用場景下,大都有明確時間區(qū)間,簽證限制了用戶在國外停留的時間。用戶不得不提前計劃。且回程可選擇交通工具有限。相對而言,國內(nèi)機票場景較自由,提前計劃必要性相對較弱。
            • 觀測數(shù)據(jù)證明:根據(jù)同程的國際機票訂購數(shù)據(jù)顯示,70%以上的用戶選擇了往返。

            基于以上充分的原因,這個自適應(yīng)功能設(shè)計就得以開發(fā)并成功提高用戶的使用效率。

            (2)根據(jù)用戶靜態(tài)標簽優(yōu)化結(jié)果

            靜態(tài)標簽:用戶主動提供的數(shù)據(jù), 指用戶不變的基礎(chǔ)信息,多為用戶固定數(shù)據(jù),如姓名、性別、年齡、身高、體重、職業(yè)、地區(qū)、設(shè)備信息、來源渠道等。

            定位地區(qū):大眾點評——切換城市

            大眾點評的這個功能經(jīng)常被拿出來說,當你到另一個城市,通過獲取定位申請,判斷你是來這座城市旅游的場景,從而頁面展示中入口就改成了跟旅游相關(guān),這其實也有點內(nèi)容自適應(yīng)的意思,通過用戶不同的操作展示不同的內(nèi)容。

            2. 歷史自適應(yīng)

            歷史自適應(yīng)主要集中在特定領(lǐng)域的個性化界面定制和推薦等方面。針對不同用戶呈現(xiàn)不同界面,根據(jù)用戶的類型、任務(wù)特點、喜好等提供不同的界面樣式。

            (1)根據(jù)用戶動態(tài)/預測標簽算法推薦定制內(nèi)容

            預測標簽:平臺介入的數(shù)據(jù),指根據(jù)用戶在平臺內(nèi)的行為數(shù)據(jù)對用戶未來行為或喜好進行預測;是設(shè)計千人千面和運營策略的關(guān)鍵;比如某電商平臺,根據(jù)用戶A“月均消費5單,且有數(shù)額過萬的運動商品”的購物數(shù)據(jù),平臺會給用戶A打“高頻、品質(zhì)敏感性、運動”的標簽,后期會更多推薦高品質(zhì)運動商品及相關(guān)運動品牌活動的精準推送。

            用戶標簽是構(gòu)成用戶畫像的核心因素,是將用戶在平臺內(nèi)所產(chǎn)生的行為數(shù)據(jù),分析提煉后生成具有差異性特征的形容詞。即用戶通過平臺,在什么時間什么場景下做了什么行為,平臺將用戶所有行為數(shù)據(jù)提煉出來形成支撐業(yè)務(wù)實現(xiàn)的可視化信息。

            ① 用戶生產(chǎn)內(nèi)容(UGC)

            互聯(lián)網(wǎng)上的許多站點開始廣泛使用用戶生成內(nèi)容的方式提供服務(wù),許多圖片、視頻、博客、播客、論壇、評論、社交、Wiki、問答、新聞、研究類的網(wǎng)站都使用了這種方式。

            ② 電商平臺

            這種平臺一般會隨著用戶的使用,網(wǎng)站會積累及不斷修正及展示最貼近用戶喜好的產(chǎn)品,從而進行推薦。功能上適應(yīng)了用戶的喜好,會大大增加用戶的粘性。

            ③ APP Store 應(yīng)用頁面大變動:不同用戶可看到不同功能與內(nèi)容

            自定義產(chǎn)品頁功能讓開發(fā)者可以面向不同用戶展示 App 的不同功能,產(chǎn)品頁優(yōu)化功能則讓開發(fā)者們能夠測試不同的截屏、預覽視頻,甚至 App 圖標。

            蘋果指出,得益于 App Store Connect 詳實且注重隱私的分析,開發(fā)者可以了解自己用戶的偏好,從而決定產(chǎn)品頁的展示內(nèi)容。

            ④ SoulAPP創(chuàng)始人:Sou了APP功能符合不同場景的用戶需求

            SoulAPP多種匹配機制,功能符合不同場景的客戶需求。Soul利用AI大數(shù)據(jù),依照性格、興趣等因素,劃分用戶。通過這種精準的方式分類用戶,以便用戶之間能夠更高效地建立連接。第一次注冊SoulAPP,用戶需要通過系統(tǒng)的一些答題測試,以便于生成符合自己的性格報告。接著就是通過上述數(shù)據(jù)采集,劃分專屬圈子,這里就是大家經(jīng)常說的“星球“,這些都是基于SoulAPP的AI功能。

            三、利弊分析

            1. 優(yōu)點

            • 增強用戶體驗:自適應(yīng)界面不能讓用戶控制自適應(yīng)過程。對用戶動機準確的判斷和對應(yīng)的自適應(yīng)設(shè)計能有效簡短交互路徑,優(yōu)化用戶的交互體驗。
            • 增強用戶粘性:基于精準人群的需求分析和功能設(shè)計,更容易得到用戶認可,更容易打造產(chǎn)品亮點,提供精準個性化的服務(wù),比如對于社區(qū)產(chǎn)品,內(nèi)容個性化推薦將有效提升社區(qū)粘度。
            • 利于公司可持續(xù)發(fā)展:一方面使公司更具競爭壁壘,及時洞察市場風向,預測產(chǎn)品所占市場規(guī)模及前景發(fā)展,及時優(yōu)化公司戰(zhàn)略,避免過早陷入發(fā)展瓶頸;另一方面沉淀大批用戶數(shù)據(jù),既利于孵化創(chuàng)新產(chǎn)品,也豐富盈利模式(比如與第三方合作)。
            • 提升產(chǎn)品設(shè)計價值:基于精準人群的需求分析和功能設(shè)計,更容易得到用戶認可,更容易打造產(chǎn)品亮點,提供精準個性化的服務(wù),比如對于社區(qū)產(chǎn)品,內(nèi)容個性化推薦將有效提升社區(qū)粘度。
            • 提高運營效率:如今的新用戶獲客成本居高不下的情況下,利用現(xiàn)有用戶畫像,做好存量用戶的維護,通過精準營銷策略,提升存量用戶的留存與活躍。

            2. 缺點

            自適應(yīng)界面同樣有一些“小缺點”,違背了一些眾所周知的可用性原則:

            • 缺乏控制:自適應(yīng)界面不能讓用戶控制自適應(yīng)過程。
            • 不可預測性:由于用戶不能直接控制界面,用戶不能預測界面接下來的某些行為。
            • 透明度:通常,用戶不能理解在界面中,自適應(yīng)是如何起作用的。在設(shè)計自適應(yīng)界面時的其中一個問題就是讓用戶可以見到多少自適應(yīng)比例。
            • 私密性:用戶必須接受基于用戶模型的一種系統(tǒng),將會一直維持與系統(tǒng)交互的狀態(tài),持續(xù)收集用戶使用行為。
            • 信任度:用戶在系統(tǒng)中的信任是容易改變的,如果自適應(yīng)系統(tǒng)給予了錯誤的指令。
            • 開發(fā)成本:提供內(nèi)容的自適應(yīng)度,通常意味著著更多的開發(fā)成本。要把控好自適應(yīng)性設(shè)計的度,而非一味地增加開發(fā)量。

            四、內(nèi)容自適應(yīng)設(shè)計在金融產(chǎn)品上的應(yīng)用思考

            1. 基礎(chǔ)設(shè)計原則思考

            內(nèi)容自適應(yīng)的核心在于,基于用戶過往的操作以及行為路徑的分析,提前預判用戶下一步需要的內(nèi)容,從而讓用戶能更便捷的使用產(chǎn)品。但是在金融產(chǎn)品的設(shè)計中比較特殊,往往用戶在使用產(chǎn)品的一個核心需求是安全感,產(chǎn)品安全、資產(chǎn)安全、操作安全等都是用戶著重關(guān)注的點,所以如果一味的進行內(nèi)容自適應(yīng)設(shè)計,會讓用戶產(chǎn)生“信息泄露”的擔憂,從而失去對該產(chǎn)品的信任。

            基于以上內(nèi)容自適應(yīng)的分析以及金融產(chǎn)品設(shè)計的特殊性,我們來看看有哪些可以運用到金融產(chǎn)品的設(shè)計中來。

            2. 金融產(chǎn)品設(shè)計思考

            (1)金融應(yīng)用的[截圖]功能

            截圖功能可以根據(jù)用戶場景與用戶目標兩個維度進行分析。截圖操作的發(fā)生幾乎會發(fā)生在用戶使用金融應(yīng)用的各個場景,比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉資產(chǎn)、收益等等,而不同的場景用戶的目標也有所不同,我們可以根據(jù)用戶不同的操作目標,為用戶提供自適應(yīng)的內(nèi)容來方便用戶的操作。

            截圖常見的用戶目標大致分為兩類:報錯與分享。我們可以為這兩個用戶目標做一些內(nèi)容上設(shè)計。

            報錯一般會關(guān)聯(lián)產(chǎn)品的在線客服功能,那么我們在用戶截圖操作發(fā)生后,提供在線客服的入口,同時分析報錯自身的用戶行為,如可能是針對頁面的哪個點或者哪個區(qū)域報錯,那我們可以針對這一點再提供編輯截圖的功能等等。

            如此根據(jù)用戶目標拆解用戶行為,設(shè)計對應(yīng)的功能來滿足用戶操作,從而減少用戶的操作路徑。

            分享可根據(jù)用戶場景設(shè)計不同的內(nèi)容,如:

            • 當截圖發(fā)生在產(chǎn)品詳情頁,那此時截圖的分享意圖可能是分享此只產(chǎn)品給好友,我們可以為此設(shè)計一個關(guān)于產(chǎn)品信息的分享頁來便于用戶分享;
            • 當截圖發(fā)生在資產(chǎn)頁,此時的截圖的分享意圖可能是炫耀自己的收益,那我們可以生成收益海報等內(nèi)容給用戶,從而滿足用戶的心理預期。

            (2)金融應(yīng)用的[內(nèi)容管理]功能

            買衣服的時候,絕大多數(shù)人在意的是是否合身,對于數(shù)字產(chǎn)品,同樣是如此。在一個金融應(yīng)用的內(nèi)容管理功能當中,會推送大量的內(nèi)容給用戶,絕大多數(shù)的用戶幾乎沒有時間來掌控所有的信息,導致部分對用戶有用的信息被忽略,這樣意味著內(nèi)容的可定制化是極其重要的。

            內(nèi)容的可定制化體現(xiàn)在不同用戶的分層上,基于分層,我們可以為相同類型用戶推送內(nèi)容。如持有私募基金的用戶,我們可能會更多為其推送關(guān)于此類產(chǎn)品的信息以及高端用戶的優(yōu)惠、活動、資產(chǎn)報告等信息。

            (3) 金融應(yīng)用的[搜索]功能

            金融產(chǎn)品的搜索,除了具備一般應(yīng)用該有的內(nèi)容,如最近搜索、熱門搜索、搜索排行榜等,也需要基于產(chǎn)品特性來思考還有哪些可以展示的內(nèi)容。

            根據(jù)用戶行為與數(shù)據(jù)分析,一般搜索的關(guān)鍵詞為基金名稱或者基金代碼,而搜索的目的是查看該產(chǎn)品的信息以及收益情況,那么基于此類目的,我們可以當用戶輸入基金名稱后,展示該基金最近的凈值走勢等內(nèi)容,這樣用戶就可以提前了解部分基金信息,可以提前做一個判斷,需不需要進入搜索結(jié)果頁進一步的了解。

            除了提前展示該基金部分產(chǎn)品信息以外,我們也可以展示相類似基金,防止用戶因提前獲知產(chǎn)品部分信息而帶來的流失率,當用戶不滿意該只基金的近期表現(xiàn),我們可以為其提供表現(xiàn)良好的基金供其選擇,從而提高產(chǎn)品的轉(zhuǎn)化率。

            五、結(jié)語

            通過對自適應(yīng)設(shè)計在內(nèi)容上的應(yīng)用探究,我們對內(nèi)容自適應(yīng)的設(shè)計手法及應(yīng)用場景有了初步的理解,也會繼續(xù)的探究并運用到實際的工作中來,希望這些思考能為大家?guī)硪恍椭?/p>

            作者:道樂UED全體成員

            原文鏈接:https://www.ui.cn/detail/610302.html

            本文由 @道樂科技設(shè)計中心 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

            題圖來自Unsplash,基于CC0協(xié)議。

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

            帕累托原則 | 設(shè)計師需要知道的設(shè)計原則!

            杰睿

            前人留下的一些設(shè)計原則能夠幫助我們更好地進行頁面以及產(chǎn)品的設(shè)計,讓用戶有更好的體驗。本文對帕累托法則進行了介紹,希望能幫助大家在以后的設(shè)計中更好的理解與運用。

            威廉·斯特倫克(William Strunk)說過:“優(yōu)秀的設(shè)計師有時會無視設(shè)計法則,但當他們這樣做的時候,通常會有一些補償性的措施,除非你確定你能做得那么好,否則最好還是遵守這些法則”,所以設(shè)計師需要對一些通用性的法則有所理解,做好相應(yīng)的知識儲備,以便在需要時從中找尋相通的規(guī)律和事務(wù)的本源。

            設(shè)計常常是以一種美觀且富有規(guī)律的形態(tài)出現(xiàn),不論大家是何種姿態(tài)、什么樣的知識背景,一旦踏入設(shè)計領(lǐng)域之后就會忍不住的去尋求設(shè)計法則,探索期背后的設(shè)計規(guī)律,因此經(jīng)過長期沉淀,一些大佬和前輩們留下了大量的通用設(shè)計法則。

            今天,筆者就說說帕累托法則,希望能幫助大家在以后的設(shè)計中更好的理解與運用。

            一、認識帕累托法則

            1. 帕累托法則的背景

            19世紀末,意大利經(jīng)濟學家和工程師維爾弗雷多·帕累托(Vilfredo Pareto)發(fā)現(xiàn),自家花園中80%的豌豆產(chǎn)自于20%的豌豆莢,在隨后研究土地所有權(quán)和財富不平等的問題中,再次發(fā)現(xiàn)意大利 80%的土地屬于 20%的人。

            20世紀初,由管理學家約瑟夫·朱蘭(Joseph Juran)將其命名為帕累托法則,即80%的結(jié)果是20%的原因造成的,并且號召關(guān)注「重要的少數(shù)」而不是在「瑣碎的多數(shù)」當中投注精力。后續(xù)在經(jīng)濟學中得出結(jié)論(80%的財富掌握在20%的人手里)更加證實了帕累托法則的觀點。

            2. 正確理解80與20

            帕累托法則有很多不同的叫法,如帕列托法則、關(guān)鍵少數(shù)法則、二八法則、巴萊特定律、最省力的法則、不平衡原則等,后續(xù)筆者將其稱為「80/20法則」。

            其實,80/20法則是一個較為抽象的概念,可以理解為:大部分的效果由少數(shù)幾項關(guān)鍵的因素來決定。在實際的場景中,“大部分”不是精確的80%,“幾項關(guān)鍵因素”也不是固定的20%,數(shù)據(jù)會有所浮動,可能是70%+30%或者90%+10%,但不管這些數(shù)字如何波動,其背后蘊含的規(guī)律(集中的投入將產(chǎn)出大于預期的結(jié)果)是不變的,并且生活中存在的許多不平衡現(xiàn)象,都與這個規(guī)律相當接近。

            3. 可適用范圍

            80/20法則并不受人為直接控職,更多時后是自然而然的形成,其適用領(lǐng)域非常廣泛。早期大多數(shù)用于社會、經(jīng)濟、管理以及工程等領(lǐng)域,而在80年代末就已經(jīng)有設(shè)計師將其設(shè)計領(lǐng)域,在各行各業(yè)中,已經(jīng)有大量的案例證明了 80/20原則:

            • 人類80%的科學發(fā)明,來自于20%的人口
            • 社會上20%的人占有80%的財富
            • 城市80%的交通,集中在20%的道路上
            • 20%的客戶為公司貢獻了80%的收入
            • 公司80%的收益來源于20%的產(chǎn)品
            • 20%的網(wǎng)站獲取了 80%的網(wǎng)絡(luò)流量
            • 20%的常見軟件錯誤導致了80%的系統(tǒng)崩潰
            • ……

            4. 設(shè)計領(lǐng)域中的運用

            70年代中期出現(xiàn)圖形化界面,而到80年代末,80/20法則就已經(jīng)被設(shè)計師引用在設(shè)計規(guī)范當中,后續(xù)經(jīng)過不斷的發(fā)展及優(yōu)化,現(xiàn)已深入設(shè)計中的方方面面,PM用來處理KPI、UX用來劃分權(quán)重、UI用來決策版面布局等。

            界面設(shè)計中該如何應(yīng)用80/20法則,這就需要設(shè)計師時刻注意如何讓用戶更快找到目標、如何更順暢的完成任務(wù)以及如何擁有更愉悅的心理感受。例如80%的用戶只會用到20%的功能,那么設(shè)計師就應(yīng)該將80%的時間、精力集中在這20%的功能上,不斷迎合用戶需求以及使用體驗。

            二、產(chǎn)品如何應(yīng)對80與20

            1. 關(guān)鍵性的20%

            80/20法則能夠幫助我們提供決策思路、梳理設(shè)計方向,通過前面的了解,我們應(yīng)該清楚了產(chǎn)品80%的用戶只會用到20%的功能,而80%的收益也恰恰來自于20%的付費用戶,甚至低于20%。

            雖然一直呼吁盡量滿足所有用戶,但產(chǎn)品團隊的重心始終要圍繞著20%來進行,從產(chǎn)品到設(shè)計、再到開發(fā)測試,都能以此為方向制定問題的解決方案。

            2. 非關(guān)鍵性的80%

            任何一款產(chǎn)品都不能忽略主次,每隔一段時間就要重新評估功能價值,以備后續(xù)的更新迭代,針對非關(guān)鍵性的80%切勿耗費過多的精力,以免喧賓奪主,不僅得到不好的反饋、還會帶來不必要的損失,吃力不討好。

            對于已經(jīng)過期的核心(曾經(jīng)20%)功能,需要及時降低權(quán)重以及精力的消耗,不然即便是掌聲一片、也可能無法變現(xiàn)。

            3. 僅關(guān)注 20%有風險

            用20%的部分創(chuàng)造80%的價值,并不意味著只關(guān)注20%的關(guān)鍵性指標、其它的就可以被忽略,這樣做表面上看是挺誘人,但會讓其他很多指標停滯,呈現(xiàn)出產(chǎn)品過度優(yōu)化的情況,造成短時間內(nèi)隱藏的負面影響。

            團隊應(yīng)該要有眾覽全局的眼光,考慮到各指標間的相互影響,可視情況而定將時間和精力合理分配,如90%+10%、80%+20%、70%+30%等,只要是將大部分用在關(guān)鍵性指標上即可。

            三、在UI設(shè)計中的運用

            在UI設(shè)計中,我們會將主要精力花費在20%的頁面設(shè)計上,例如APP底部標簽欄的幾大主頁或其它重要的一/二級頁面,會花費更多的心思去構(gòu)思不一樣的布局、表現(xiàn)手法,將設(shè)計功底凸顯出來。而剩下80%的頁面就相對機械化,會使用一些常規(guī)樣式以及復用的方式像搭積木一樣快速完成,成本之低、效率之高毋庸置疑。

            同一個頁面的設(shè)計方式也是如此,設(shè)計師將大量心思放在首屏及位置靠上的功能上,待超過一屏后下滑時,設(shè)計也會逐漸輕量、組件化,這有助于節(jié)省產(chǎn)品、設(shè)計、開發(fā)更多的時間。

            1. 排版布局(F型)

            用戶瀏覽屏幕時,眼球移動的順序通常都是從左到右、從上到下(基于網(wǎng)頁瀏覽眼動測試),這種移動軌跡很像字母「F」,這也讓F型布局成為網(wǎng)頁設(shè)計中效率最高的方式之一,所以設(shè)計師通常會將重要的信息放在左上角或左側(cè),不重要的信息放在右側(cè)。

            如下面這張眼動測試圖,F(xiàn)型布局也正好詮釋了80/20法則合理性與可行性,在頁面中20%的關(guān)鍵區(qū)域,吸引了用戶80%的注意力。

            2. 功能入口設(shè)計

            很多產(chǎn)品因為業(yè)務(wù)功能的龐大,一股腦的將信息全部展示出來,看起來十分臃腫,用戶不能快速找到自己想要的信內(nèi)容,就會失去信心。

            優(yōu)酷APP首頁將熱門頻道和點擊頻率較高的頻道顯示在頂部導航中,如精選、電視劇、電影、最新院線等,而其他更多的分類則隱藏在頻道選項卡中,將少量(≈20%)重要的內(nèi)容放在明顯的位置,目的就是為了讓大部分用戶更快觸達,提高了產(chǎn)品的易用性。

            3. 選項列表設(shè)計

            在一些選項列表中,由于選項數(shù)量的龐大,會給用戶增加使用難度。

            例如,使用美團購買火車票在選擇地址時,面對超長的地址列表,逐個查看或通過字母篩選,都要花費一定的時間和操作成本,即便可以通過碼字搜索來完成,但因為自行輸入有很多的不可控性,能讓用戶選擇的就不要讓其輸入。

            對于地址列表,除開自動定位和搜索歷史,運用80/20法則就能很好的解決這一問題,系統(tǒng)將約20%高頻選擇的熱門城市作為單獨的模塊放在全部列表之前,提高了大部分用戶的搜索效率。

            4.  極簡風格設(shè)計

            極簡風格的界面設(shè)計跟80/20法則在精神上保持著高度的一致,剔除多余、無用的元素,而保留的每一個元素都是有目的、有針對性的,也是絕對必要的存在。在極簡主義設(shè)計中,視覺上簡單干凈,大部分都是通過通過留白來襯托關(guān)鍵性元素的存在,讓用戶更加聚焦于主要功能/信息。

            四、與其他法則的糾葛

            1. 與奧卡姆剃刀的結(jié)合

            奧卡姆剃刀指出「如無必要,勿增實體」,需知頁面中每多一個元素都會增加視覺“噪聲”,意味著用戶需要花費額外的時間和理解成本,對用戶體驗的影響是很大的。那么問題來了,當產(chǎn)品需要增加一項需求量小但確實存在的功能,該怎么處理?

            這時我們可以將奧卡姆剃刀原則作為最終的評判標準,是否需要增加上述所說的功能,就要看看能否很好的控制團隊開發(fā)成本和用戶體驗成本。

            其實在80/20法則中,很多小眾但確實存在的功能需求基本很難抵消所造成的用戶體驗損失,所以即便實現(xiàn)了這個需求,也很難分配出20%的精力去維護與迭代,甚至“俺耳盜鈴”般的將其遺忘,但這個視覺“噪聲”一直存在,如果事先能分析出這種結(jié)果,這個需求根本不需要增加。

            2. 與長尾模型的對抗

            在2004年長尾模型才被提出來的時候,很多人認為這是在顛覆80/20法則,它們的曲線長得很像,但結(jié)論完全相反,那條長長的“尾巴”(非關(guān)鍵的80%)所占據(jù)的長度幾乎與頭部的(關(guān)鍵的20%)高度相當,這說明收益雖低,但這么多數(shù)量的累積,依然值得重點關(guān)注。

            所以有很多企業(yè)在采集差異化戰(zhàn)略時運用了長尾理論,例如小米搭建的全品類商城用的是長尾理論。

            乍一聽好像很有道理,難道80/20法則被推翻了嗎?事實并非如此,長尾理論的成立必須要滿足兩個條件,第一是尾巴真的足夠長(小眾需求確實非常多),第二長尾巴能被用戶發(fā)現(xiàn)(龐大的用戶量),這兩個條件缺一不可。例如京東、淘寶、微信、支付寶等,其前提都是建立在大規(guī)模、且海量的用戶資源之上,不管多么隱蔽、多小的動能,總能擁有一些不錯的曝光度,所以才能發(fā)揮長尾模型的作用。

            說道這里,大家應(yīng)該就明白了,那些中小型的產(chǎn)品對長尾模型大多是望塵莫及,所以在你的產(chǎn)品規(guī)模、用戶量沒有達到一定的級別之前,就不要妄捧長尾模型,用好80/20法則就好。

            五、結(jié)語

            80/20法則在實際工作中是一個相對普遍的定律,它能讓我們靈活思考設(shè)計問題,更好的為用戶服務(wù),雖然80/20法則也存在一定的爭議,但還是適用于覺絕大多數(shù)的場景,在關(guān)鍵時候使用,能幫助我們準確的找到問題點,在有限的時間和精力下快速作出優(yōu)化決策并、關(guān)注核心功能,最終達成目標。

            專欄作家

            大漠飛鷹;公眾號:能量眼球,人人都是產(chǎn)品經(jīng)理專欄作家。致力于產(chǎn)品需求的驅(qū)動、產(chǎn)品體驗的挖掘,利用設(shè)計的手段為受眾用戶帶來更好的體驗,即好看、好用。

            本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

            題圖來自 Unsplash,基于 CC0 協(xié)議。

            該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

            B端設(shè)計——組件庫—數(shù)據(jù)錄入&反饋&導航

            前端達人

            B端設(shè)計的文章和資料參考,缺少系統(tǒng)性的說明,這是我總結(jié)第五篇。本文主要闡述——數(shù)據(jù)錄入&反饋&導航

             

            本文為B端設(shè)計組件庫的第五篇、也是組件庫系列的最后一篇,下一篇將更新B端設(shè)計中常見的問題合集來結(jié)束本系列。

            一、引言

            隨著企業(yè)對于數(shù)字化轉(zhuǎn)型的需求日益強烈,B端產(chǎn)品的發(fā)展也在加速。而B端組件庫,作為產(chǎn)品設(shè)計與開發(fā)的基礎(chǔ)構(gòu)建模塊,其重要性不言而喻。在眾多的組件中,“數(shù)據(jù)錄入”、“反饋”和“導航”是三個關(guān)鍵的組成部分,它們在很大程度上決定了產(chǎn)品的用戶體驗和工作效率。本文將對這三個組件進行深入的研究,探索其最佳的設(shè)計與實施策略。

            二、B端組件庫中的數(shù)據(jù)錄入類組件應(yīng)該如何搭建?如何進行多樣化設(shè)計?

            2.1“數(shù)據(jù)錄入”類組件搭建過程

             

            2.1.1搭建步驟:

            需求分析:首先明確數(shù)據(jù)錄入的需求,包括需要錄入的數(shù)據(jù)類型、數(shù)據(jù)量、頻率等。

            設(shè)計表單:根據(jù)需求設(shè)計合適的表單,包括輸入項的類型(文本、數(shù)字、日期等)、布局、標簽等。

            添加驗證:為了確保數(shù)據(jù)的準確性,需要為表單添加合適的驗證規(guī)則,如必填項、格式驗證等。

            考慮用戶體驗:為了提高數(shù)據(jù)錄入的效率,可以考慮添加一些方便用戶的功能,如自動填充、批量導入等。

            測試與迭代:完成設(shè)計后,進行用戶測試,根據(jù)反饋進行必要的調(diào)整和優(yōu)化。

            2.1.2注意事項:

            明確性:確保每個輸入項的目的和要求都是清晰的,避免用戶產(chǎn)生困惑或誤解。

            友好性:盡量簡化錄入流程,減少不必要的步驟和輸入。提供友好的提示信息和反饋,幫助用戶順利完成錄入。

            響應(yīng)速度:數(shù)據(jù)錄入過程中,系統(tǒng)的響應(yīng)速度也是一個重要的考慮因素。確保系統(tǒng)在處理大量數(shù)據(jù)或復雜操作時仍能保持流暢。

            安全性:對于敏感數(shù)據(jù)的錄入,需要確保系統(tǒng)的安全性,如使用加密技術(shù)、防止SQL注入等。

            2.1.3常用場景:

            用戶注冊:在注冊新用戶時,需要收集用戶的基本信息,如姓名、郵箱、密碼等。

            商品管理:在電商或庫存管理系統(tǒng)中,添加或編輯商品信息時需要進行數(shù)據(jù)錄入。

            訂單處理:處理訂單時,需要錄入訂單的相關(guān)信息,如客戶信息、商品信息、支付方式等。

            數(shù)據(jù)導入:對于一些已經(jīng)存在的數(shù)據(jù),提供批量導入的功能可以大大提高數(shù)據(jù)錄入的效率。

            報表生成:生成報表時,用戶可能需要輸入一些參數(shù)或篩選條件,這也涉及到數(shù)據(jù)錄入的操作。

            2.3如何進行多樣化設(shè)計?

            進一步提升B端組件庫中“數(shù)據(jù)錄入”類組件的設(shè)計和擴展能力:

            1. 增強交互與動效設(shè)計 使用明顯的交互動效,如微動畫、過渡效果等,提升用戶輸入時的體驗。 設(shè)計清晰的輸入狀態(tài),如聚焦、失焦、有效、無效等,使用戶明確知道當前輸入的狀態(tài)。

            2. 提供多種輸入格式和單位支持 允許用戶選擇不同的輸入格式,如日期可以選擇“年-月-日”或“月/日/年”等格式。 對于數(shù)字輸入,提供多種單位支持,如百分比、貨幣、科學計數(shù)等。

            3. 設(shè)計可擴展的驗證規(guī)則系統(tǒng) 提供內(nèi)置的常見驗證規(guī)則,如必填、長度限制、正則匹配等。 允許用戶自定義驗證規(guī)則,以滿足特定的業(yè)務(wù)需求。

            4. 支持復雜數(shù)據(jù)結(jié)構(gòu)輸入 設(shè)計支持數(shù)組、對象等復雜數(shù)據(jù)結(jié)構(gòu)的輸入組件。 提供可視化編輯工具,方便用戶直接編輯復雜數(shù)據(jù)結(jié)構(gòu)。

            5. 優(yōu)化鍵盤導航和快捷鍵支持 允許用戶使用鍵盤快速導航和輸入數(shù)據(jù),如使用Tab鍵在字段間切換。 提供常用的快捷鍵支持,如Ctrl+C/V進行復制粘貼。

            6. 設(shè)計可配置的界面和布局 提供多種預設(shè)的界面風格和布局選項。 允許用戶自定義界面元素和布局,以滿足不同的視覺需求。

            7. 集成智能提示和自動補全功能 使用機器學習算法為用戶提供輸入建議,減少輸入錯誤。 對于重復輸入的數(shù)據(jù),提供自動補全功能,提高輸入效率。

            8. 支持多語言和本地化設(shè)置 為不同語言和文化背景的用戶提供本地化支持。 允許用戶自定義顯示的語言和格式設(shè)置。

            9. 建立組件使用分析和反饋系統(tǒng) 收集并分析用戶使用數(shù)據(jù)錄入組件的數(shù)據(jù),了解用戶的真實需求和習慣。 建立用戶反饋系統(tǒng),及時收集和處理用戶對組件的意見和建議。

            三、B端組件庫中的反饋類組件應(yīng)該如何搭建?有哪些注意事項?常用的場景有哪些?

            在B端組件庫中,反饋類組件是非常重要的一部分,它們用于在必要時向用戶反饋操作結(jié)果,做到合理有效的信息傳達。

            3.1搭建反饋類組件

            確定反饋類型:根據(jù)需要,確定要使用的反饋類型,如提示、警告、錯誤、成功等。

            設(shè)計反饋樣式:針對不同類型的反饋,設(shè)計相應(yīng)的視覺樣式,如顏色、圖標、動畫等。

            編寫組件代碼:根據(jù)設(shè)計好的樣式,編寫反饋類組件的代碼,包括HTML結(jié)構(gòu)、CSS樣式和JavaScript交互邏輯。

            測試與優(yōu)化:對編寫好的組件進行測試,確保其在不同瀏覽器和設(shè)備上都能正常工作,并根據(jù)測試結(jié)果進行優(yōu)化。

            3.2注意事項

            反饋一致性:對于同一類型的消息反饋,使用同一類型的組件,以確保用戶在不同場景下獲得一致的體驗。

            符合場景:不同的場景使用不同的反饋組件,例如系統(tǒng)主動推送消息類型的使用通知提醒框。

            描述精確:合理而精確的消息提示文案描述,可以幫助用戶高效理解。

            可關(guān)閉性:對于一些非關(guān)鍵性的反饋,提供用戶手動關(guān)閉的選項,避免打擾用戶。

            適應(yīng)性:確保反饋類組件在不同屏幕尺寸和分辨率下都能正常顯示和工作。

            3.3常用場景

            告警提示:當某個頁面需要向用戶提供告警信息時,使用告警提示。通常告警提示在頁面上不會自己消失,用戶可以手動關(guān)閉。

            全局提示:在當前頁面以輕量級提示方式告知用戶操作的結(jié)果,使用全局提示。通常提示框在頁面頂部居中顯示并且會自動消失,不打斷用戶的其他操作行為。

            通知提醒框:一般在系統(tǒng)主動推動通知的情況下使用,如服務(wù)到期、服務(wù)告警等。

            加載提示:常用于數(shù)據(jù)加載中提示、操作中提示,Loading的文案可按照具體場景定義。

            對話框:常用于比較強的二次確認彈框提示、或者展示一段比較長的消息。

            四、B端組件庫中的導航類組件應(yīng)該如何搭建?有哪些注意事項?常用的場景有哪些?

            在B端組件庫中,導航類組件的設(shè)計和實現(xiàn)對于用戶體驗和系統(tǒng)效率至關(guān)重要。

            4.1搭建導航類組件

            確定導航結(jié)構(gòu):根據(jù)系統(tǒng)的信息架構(gòu)和用戶需求,確定導航的結(jié)構(gòu),如全局導航、局部導航、面包屑導航等。

            設(shè)計導航樣式:針對不同類型的導航,設(shè)計相應(yīng)的視覺樣式,如顏色、字體、圖標等。

            編寫組件代碼:根據(jù)設(shè)計好的樣式和結(jié)構(gòu),編寫導航類組件的代碼,包括HTML結(jié)構(gòu)、CSS樣式和JavaScript交互邏輯。

            測試與優(yōu)化:對編寫好的組件進行測試,確保其在不同瀏覽器和設(shè)備上都能正常工作,并根據(jù)測試結(jié)果進行優(yōu)化。

            4.2注意事項

            清晰的信息架構(gòu):確保導航的結(jié)構(gòu)能夠清晰地反映系統(tǒng)的信息架構(gòu),使用戶能夠快速找到所需的信息。

            易于理解:導航的標簽和名稱應(yīng)使用用戶熟悉的術(shù)語,避免使用過于專業(yè)的術(shù)語或縮寫。

            可擴展性:考慮到系統(tǒng)未來的發(fā)展,導航結(jié)構(gòu)應(yīng)具備一定的可擴展性,以便添加新的功能或模塊。

            響應(yīng)式設(shè)計:確保導航在不同屏幕尺寸和分辨率下都能正常顯示和工作,提供良好的用戶體驗。

            遵循設(shè)計規(guī)范:參考行業(yè)通用的設(shè)計規(guī)范和最佳實踐,確保導航的設(shè)計符合用戶的期望和習慣。

            4.3常用場景

            全局導航:適用于整個系統(tǒng)的主導航,通常位于頁面的頂部或側(cè)邊,提供對主要功能和模塊的快速訪問。

            局部導航:適用于特定頁面或功能的子導航,幫助用戶在該頁面或功能內(nèi)快速找到所需的信息。

            面包屑導航:顯示用戶當前所在的位置,以及從首頁到當前頁面的路徑,方便用戶了解自己的位置和返回上一級頁面。

            下拉菜單:當導航項較多時,可以使用下拉菜單進行收納,節(jié)省頁面空間并提高用戶體驗。

            標簽頁導航:適用于需要同時展示多個內(nèi)容或功能的場景,用戶可以在不同的標簽頁之間切換以查看或操作不同的內(nèi)容。

            舉例說明:公司內(nèi)部不同系統(tǒng),可采用的不同種類菜單導航,均可以設(shè)計先行。后續(xù)使用可進行調(diào)整

             

            五、如何對“數(shù)據(jù)錄入”、“反饋”、“導航”進行C化設(shè)計?

            對于數(shù)據(jù)錄入,關(guān)鍵在于簡化用戶的輸入過程,同時提供清晰直觀的界面。

            例如,可以通過減少不必要的表單字段來簡化錄入流程,使用智能填充來加速輸入過程,并通過即時驗證和友好的錯誤提示來減少用戶的輸入錯誤。此外,考慮到移動設(shè)備用戶的增長,優(yōu)化表單的移動端設(shè)計,確保在小屏幕上也能輕松輸入,是至關(guān)重要的。這可能意味著增加觸摸友好的元素,如更大的點擊區(qū)域和適應(yīng)屏幕大小的布局。

            在反饋方面,提供即時、直觀且情感化的反饋對于增強用戶體驗至關(guān)重要。這包括在用戶完成任務(wù)或遇到錯誤時提供明確的視覺和文字提示。

            例如,操作成功時可以顯示綠色的勾號圖標和正面的消息,而錯誤則可以用紅色的嘆號和說明性的錯誤消息來提示。增加動態(tài)反饋,如加載動畫,也可以提高用戶體驗,減少等待時的焦慮感。此外,提供易于訪問的幫助和支持選項,例如在線聊天或用戶論壇,可以幫助用戶在遇到問題時快速找到解決方案。

            對于導航,設(shè)計的重點是確保用戶能夠直觀地理解如何在應(yīng)用或網(wǎng)站中移動。

            這涉及到創(chuàng)建清晰、一致的導航結(jié)構(gòu),突出顯示主要功能,并使用易于理解的圖標和標簽。在移動設(shè)備上,這可能意味著采用漢堡菜單或底部導航條來節(jié)省空間。同時,考慮到個性化的重要性,可以提供自定義選項,讓用戶根據(jù)自己的偏好調(diào)整導航界面。 綜上所述,C化設(shè)計強調(diào)的是提高易用性和用戶體驗,使得B端產(chǎn)品在保持專業(yè)性和功能性的同時,更貼近最終消費者的使用習慣。

            六、結(jié)束

            后續(xù)還有一篇“問題匯總”,之后會整理一些最近兩年的B端項目發(fā)布,感謝大家支持!!

             

            其余篇章,可點擊主頁觀看!!

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             

             



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

            日歷

            鏈接

            個人資料

            藍藍設(shè)計的小編 http://www.dzxscac.cn

            存檔

            主站蜘蛛池模板: 日本在线a一区视频| 婷婷色综合成人成人网小说| 欧美亚洲日本高清不卡| 亚洲精品资源| 人人草人人插| 在线视频精品中文无码| 久久久久国产精品人妻电影 | 婷婷久久综合| 色婷婷亚洲综合| 亚洲人成网站18禁止| 国产草莓视频无码a在线观看| 涩涩视频免费看| 亚洲伊人久久精品影院| 国产成人无码午夜视频在线播放| 亚洲欧美精品| 得得的爱在线视频| 亚洲精品一区二区| 小泽玛利亚一区二区免费| 一级黄色片网站| 人成精品| 尹人香蕉久久99天天拍| 免费现黄频在线观看国产| 久草中文在线| 少女国产免费观看| 亚洲国产成人精品女人久久久| 久久五月丁香激情综合| 影音先锋制服丝袜| 精品视频一二三区| 亚洲成人无码在线| 伊人成伊人成综合网222| xxxx18日本| 欧美男优| 欧美肥妇bwbwbwbxx| 亚洲老子午夜电影理论| 三级网站免费| 国产精品你懂得| 亚洲乱妇熟女爽到高潮的片 | 欧美在线一级| 成人春色影视| 欧美性猛交内射兽交老熟妇| 人妻少妇乱子伦无码专区 |