欧美成人午夜无码A片秀色直播,欧美疯狂性受xxxxx另类,人妻半推半就精油按摩的注意事项 ,国产AV永久精品无码

首頁

交互設(shè)計 | 無人機(jī)控制系統(tǒng)的 UI 設(shè)計:從人機(jī)交互到任務(wù)管理

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

隨著無人機(jī)在安防、能源巡檢、應(yīng)急救援等領(lǐng)域的應(yīng)用不斷拓展,如何通過直觀高效的 UI 設(shè)計來提升操控體驗,成為人機(jī)交互設(shè)計的重要課題。尤其在 B 端場景下,控制系統(tǒng)的界面不僅僅是“好看”,更關(guān)乎 操作效率、任務(wù)安全與信息透明度。本文將結(jié)合我們在無人機(jī)控制系統(tǒng)中的設(shè)計與開發(fā)經(jīng)驗,探討 UI 設(shè)計的關(guān)鍵思路。

  1. 無人機(jī)控制系統(tǒng)的 UI 特點(diǎn)
無人機(jī)控制系統(tǒng)和常見的 C 端 App 最大不同點(diǎn)在于:
  • 功能復(fù)雜:涵蓋飛行操控、實時監(jiān)控、任務(wù)管理、數(shù)據(jù)記錄等模塊
  • 信息密集:需要同時展示地圖、遙測數(shù)據(jù)、視頻流、任務(wù)狀態(tài)
  • 操作風(fēng)險高:任何延遲或誤操作都可能帶來任務(wù)失敗甚至安全風(fēng)險
因此,UI 設(shè)計要在復(fù)雜功能和簡潔操作之間找到平衡。

  1. 人機(jī)交互設(shè)計思路
在無人機(jī)的控制場景中,我們重點(diǎn)關(guān)注三個核心交互:
  • 操控界面
    • 界面必須響應(yīng)迅速,操作邏輯接近實體遙控器
    • 關(guān)鍵信息(高度、速度、電量、信號強(qiáng)度)固定在高可見區(qū)域
    • 交互控件避免冗余,強(qiáng)調(diào)“就近操作”
  • 監(jiān)控界面
    • 視頻監(jiān)控與地圖信息并行顯示,保證環(huán)境感知
    • 通過顏色和標(biāo)識強(qiáng)化異常預(yù)警(例如低電量、信號丟失)
    • 支持多源數(shù)據(jù)切換(紅外/可見光/傳感器數(shù)據(jù))
  • 任務(wù)管理界面
    • 提供任務(wù)創(chuàng)建、路徑規(guī)劃、狀態(tài)跟蹤
    • 界面流程化,降低使用門檻
    • 可視化展示任務(wù)進(jìn)度與歷史記錄

  1. QT 在無人機(jī) UI 開發(fā)中的作用
在技術(shù)實現(xiàn)層面,我們采用 QT 框架 來開發(fā)跨平臺的無人機(jī) UI 界面:
  • 跨平臺能力:支持在多種操作系統(tǒng)與硬件環(huán)境中運(yùn)行
  • 高性能渲染:保證地圖、實時視頻流、傳感器數(shù)據(jù)的流暢顯示
  • 可擴(kuò)展性:便于快速接入不同的無人機(jī)型號和任務(wù)模塊
QT 的模塊化設(shè)計也讓我們能夠靈活管理界面控件,并針對不同客戶需求定制功能。

  1. 設(shè)計中的挑戰(zhàn)與解決思路
  • 挑戰(zhàn) 1:信息過載
    • 解決方案:基于任務(wù)場景分層展示信息,重要信息常駐,輔助信息可收起
  • 挑戰(zhàn) 2:操作延遲
    • 解決方案:優(yōu)化數(shù)據(jù)傳輸鏈路,并在 UI 中通過加載狀態(tài)和安全提示降低誤操作風(fēng)險
  • 挑戰(zhàn) 3:任務(wù)復(fù)雜性
    • 解決方案:采用可視化任務(wù)流轉(zhuǎn)界面,幫助用戶直觀理解任務(wù)進(jìn)展
無人機(jī)控制系統(tǒng)的 UI 設(shè)計,本質(zhì)上是一個 高風(fēng)險、高密度信息的人機(jī)交互問題。它既要滿足操作員對實時響應(yīng)的要求,又要保證任務(wù)的安全性和可追溯性。通過結(jié)合 合理的交互邏輯QT 的技術(shù)實現(xiàn),我們能夠在操控、監(jiān)控與任務(wù)管理之間,打造出一個既專業(yè)又高效的控制系統(tǒng)界面。

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

數(shù)據(jù)可視化 | 智慧醫(yī)療大屏的未來趨勢

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

截屏2025-08-21 11.26.24.png

隨著智慧醫(yī)療體系的逐步落地,醫(yī)院信息化、區(qū)域醫(yī)療協(xié)同、公共衛(wèi)生治理的需求不斷提升,“大屏”逐漸成為醫(yī)療信息展示與決策支持的重要入口。未來,智慧醫(yī)療大屏不僅是信息的可視化窗口,更是數(shù)據(jù)融合、智能決策與多方協(xié)作的核心樞紐。

1. 從“展示”到“洞察”:數(shù)據(jù)價值的深度挖掘

傳統(tǒng)醫(yī)療大屏多以實時數(shù)據(jù)展示為主,例如掛號分診、床位管理、疫情監(jiān)測等。未來趨勢將從“看見”轉(zhuǎn)向“看懂”:

  • 多維度數(shù)據(jù)融合:打通 HIS、LIS、EMR、醫(yī)保、區(qū)域公共衛(wèi)生平臺的數(shù)據(jù)壁壘,實現(xiàn)跨部門、跨機(jī)構(gòu)的整合。

  • 智能分析與預(yù)警:通過 AI 建模和算法分析,識別潛在風(fēng)險(如 ICU 床位緊張、傳染病高發(fā)區(qū)預(yù)警),為管理者提供決策支持。

  • 個性化視圖定制:不同崗位(院長、科主任、運(yùn)維人員)可根據(jù)職責(zé)配置專屬大屏視圖,避免信息冗余。

2. 從“單院”到“區(qū)域”:協(xié)同與治理的延伸

未來大屏應(yīng)用不再局限于單一醫(yī)院,而是逐漸向區(qū)域衛(wèi)生健康體系擴(kuò)展:

  • 區(qū)域醫(yī)療資源統(tǒng)籌:實現(xiàn)跨院床位調(diào)度、遠(yuǎn)程會診資源分配,提升整體醫(yī)療資源利用率。

  • 公共衛(wèi)生治理:在疫情防控、慢病管理等場景中,大屏成為實時指揮和態(tài)勢感知的核心工具。

  • 跨部門聯(lián)動:醫(yī)療、疾控、醫(yī)保、應(yīng)急等多方通過大屏實現(xiàn)可視化協(xié)同,形成“數(shù)據(jù)驅(qū)動治理”。

3. 從“人機(jī)”到“智交互”:交互體驗的升級

智慧醫(yī)療大屏未來不僅是“看板”,還會是“操作臺”:

  • 自然交互:支持語音指令、手勢控制,方便在手部不便操作的場景(如手術(shù)室)使用。

  • 多終端聯(lián)動:大屏與移動端、PC 端打通,實現(xiàn)“可大屏展示、可隨身跟進(jìn)”。

  • 實時協(xié)作:醫(yī)護(hù)、管理者在大屏上可標(biāo)注、批注、共享信息,減少溝通成本。

4. 從“靜態(tài)”到“智能”:AI 驅(qū)動的演進(jìn)

AI 將推動智慧醫(yī)療大屏從被動展示走向主動洞察:

  • 預(yù)測性分析:基于歷史病例與資源消耗,預(yù)測未來一周的門診壓力或藥品缺口。

  • 智能推薦:在突發(fā)事件下,自動生成最優(yōu)調(diào)配方案(如手術(shù)室、醫(yī)護(hù)人員排班)。

  • 風(fēng)險管理:自動識別數(shù)據(jù)異常,提醒潛在的醫(yī)療差錯或運(yùn)營風(fēng)險。

5. 從“封閉”到“開放”:平臺化與標(biāo)準(zhǔn)化

醫(yī)療大屏系統(tǒng)未來需要在兼容性與開放性上不斷突破:

  • 標(biāo)準(zhǔn)化接口:遵循 HL7、FHIR 等國際醫(yī)療數(shù)據(jù)標(biāo)準(zhǔn),確保數(shù)據(jù)互通。

  • 平臺化架構(gòu):支持多廠商應(yīng)用接入,避免形成新的“信息孤島”。

  • 安全合規(guī):強(qiáng)化數(shù)據(jù)脫敏、隱私保護(hù)與分級授權(quán),滿足醫(yī)療數(shù)據(jù)安全的高標(biāo)準(zhǔn)要求。

智慧醫(yī)療大屏的未來趨勢,不是簡單的“更大更炫”,而是 從展示走向洞察,從院內(nèi)走向區(qū)域,從人機(jī)走向智交互,從封閉走向開放。它的價值核心,在于通過可視化與智能化手段,讓數(shù)據(jù)真正服務(wù)于醫(yī)療決策、資源配置與公共健康治理。

未來,智慧醫(yī)療大屏將不僅是信息的“窗口”,更是醫(yī)療系統(tǒng)的“中樞大腦”。

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

蘭亭妙微案例分享 | 國土空間大數(shù)據(jù)可視化界面設(shè)計

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

數(shù)慧時空(全稱:北京數(shù)慧時空信息技術(shù)有限公司)是以空間信息技術(shù)為核心、國內(nèi)領(lǐng)先的國土資源行業(yè)解決方案提供商,具有業(yè)務(wù)咨詢、自主軟件研發(fā)、數(shù)據(jù)加工和信息服務(wù)的全業(yè)務(wù)綜合服務(wù)能力,是國土資源部最重要的信息化合作單位之一。數(shù)慧時空基于多年的研發(fā)理論與實戰(zhàn)經(jīng)驗,藍(lán)藍(lán)設(shè)計基于多年的gis地理信息/大數(shù)據(jù)可視化界面設(shè)計實戰(zhàn)與理論,強(qiáng)強(qiáng)聯(lián)合。
融合西方先進(jìn)的系統(tǒng)設(shè)計方法與中國互聯(lián)網(wǎng)的快速迭代方法,形成了獨(dú)有的系統(tǒng)性與敏捷性兼具的工作方法。國土一張圖軟件項目是數(shù)慧時空公司從2012年開始研發(fā)的重點(diǎn)產(chǎn)品,此次在國土資源部展會上以大屏的形式展示給國家各部委領(lǐng)導(dǎo),界面設(shè)計及研發(fā)實力獲得一致好評。

深刻理解國土局需求

數(shù)慧時空公司從創(chuàng)立公司開始,就一直在國土資源領(lǐng)域做產(chǎn)品,公司所有的產(chǎn)品都是轉(zhuǎn)繞著國土資源開展的,可以說在這個行業(yè)中的資深專家了,公司近年來發(fā)展的越來越好,頻頻接到大的單子,對各身各個產(chǎn)品的要求也越來越高,所以,第一次把這么重要的展覽會上向各級重要領(lǐng)導(dǎo)演示的產(chǎn)品交給了外部的設(shè)計公司。這個項目完畢之后,基于客戶的客戶的認(rèn)可和彼此的欣賞,又繼續(xù)和藍(lán)藍(lán)設(shè)計簽下三個項目的整體設(shè)計合作協(xié)議。
在和數(shù)慧時空研發(fā)團(tuán)隊的配合中,他們給我們印象最深的是通情達(dá)理,積極的推進(jìn)項目,充份的理解和傾聽。開始的時候,需求會不斷的修改或推翻或補(bǔ)充,會不知道客戶想要什么樣的風(fēng)格,以什么為美,在即有布局的原型和元素的基礎(chǔ)上如何創(chuàng)新,換一種完全不同的方式去展現(xiàn)有的內(nèi)容。工作十天左右以后,視覺工作有了新想法,推倒重來也不會怕麻煩。

快速的設(shè)計迭代 現(xiàn)場配合

為了共同的目標(biāo)--讓軟件產(chǎn)品更卓越,在展會上贏得充份關(guān)注,過程中的需求變更、研發(fā)、設(shè)計難度工作量增加,都不是問題。前一個月完成整體設(shè)計,后二個月,我們的前端工程師基本上每天都在現(xiàn)場,實現(xiàn)前端制作的代碼實現(xiàn)和程序工程師的對接,互通有無,互相學(xué)習(xí),誰會的誰就做,怎樣快捷 怎么來,不分彼此,晚上一起加班到十一二點(diǎn),周未繼續(xù)。雙方工作態(tài)度和積極性都極好。最終平等的對話、充份的理解和傾聽,快速的設(shè)計迭代和現(xiàn)場配合是項目成功的關(guān)健。
 
 

實用儀表盤:2025 年初創(chuàng)企業(yè)分步指南

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

明暗模式下的儀表板用戶界面元素

我們的團(tuán)隊為各種各樣的企業(yè)構(gòu)建了儀表板,并且在此過程中獲得了一些關(guān)鍵見解。

如果您正在考慮創(chuàng)建儀表板,這里有一些建議可能會幫助您節(jié)省時間、金錢和理智。

如果你想要一個堅固的儀表盤,就要像對待飛機(jī)駕駛艙一樣認(rèn)真對待它的設(shè)計。在商務(wù)中——就像在飛行中一樣——你需要清楚地了解你的方向和表現(xiàn),以免為時已晚而無法及時糾正航向。

真正實用的儀表板始終是協(xié)作的成果。它匯聚了目標(biāo)、數(shù)據(jù)、人員和邏輯。而它的最佳構(gòu)建者,正是一支精通所有四要素(分析師、設(shè)計師和開發(fā)人員)的團(tuán)隊,他們能夠理解您的業(yè)務(wù)語言。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
級聯(lián):淺色模式下的 UI 元素

模板和人工智能工具在某些方面確實能提供幫助,但它們無法感知你的背景,也無法洞察所有細(xì)微之處。如果使用不當(dāng),它們可能會把原本有用的工具變成有害的工具。你可能會追蹤錯誤的事物,做出錯誤的判斷。

因此,如果您的儀表板用于實際業(yè)務(wù)(而不僅僅是娛樂),請引入能夠連接業(yè)務(wù)目標(biāo)、數(shù)據(jù)和視覺語言的專家。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
健身應(yīng)用程序的管理分析儀表板

步驟 1. 設(shè)定精確目標(biāo)

確定正確的目標(biāo)和問題是成功的一半。另一半是選擇能夠回答這些問題的可視化效果。

首先為您自己、開發(fā)人員和設(shè)計師組織需求收集流程。使用您喜歡的任何工具(Miro、TrelloFigJam、Google SheetsNotion、ClickUp、Google Forms)。

創(chuàng)建看板、卡片或列表;每個看板、卡片或列表都應(yīng)包含您在交接任務(wù)前必須回答的問題。這些問題的答案將幫助您避免儀表盤的最大缺陷:雜亂的用戶界面、毫無意義的指標(biāo)以及未使用的數(shù)據(jù)。

儀表板應(yīng)該適用于業(yè)務(wù),而不僅僅是看起來漂亮。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
基于人工智能的NexusX去中心化交易平臺的分析儀表板

第 2 步:組建一支負(fù)責(zé)任的團(tuán)隊

決定誰擁有儀表板、誰構(gòu)建它以及誰將使用它。

不要試圖制作一個“適合所有人”的儀表板。

人人適用的工具通常對任何人都沒有幫助。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
智能金融平臺的儀表板設(shè)計

步驟 3. 定義用例和用戶

明確業(yè)務(wù)任務(wù),并繪制用戶畫像。問自己三個問題:

  • 儀表板將解決哪些問題?
    (例如,跟蹤收入增長、聚焦渠道瓶頸、監(jiān)控客戶流失)
  • 誰根據(jù)這些數(shù)據(jù)做決策?
    創(chuàng)始人、營銷人員還是產(chǎn)品經(jīng)理?
  • 每個人每天需要看到什么?
    想想一個“晨間儀式”——他們必須在30秒內(nèi)掌握什么?

這不僅僅與角色有關(guān);習(xí)慣和便利也很重要。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Monex — 智能分析儀表板

步驟 4. 確定關(guān)鍵指標(biāo)

選擇3-5 個真正能推動業(yè)務(wù)發(fā)展的指標(biāo)。按從頂層到底層的順序排列它們。糟糕的儀表盤會顯示所有內(nèi)容,造成掌控全局的錯覺。

指標(biāo)越少但越有意義。

例子:

  • SaaS:活躍用戶、CAC、LTV、流失率;
  • 營銷:點(diǎn)擊到引導(dǎo)轉(zhuǎn)化率、客戶獲取成本、ROMI;
  • 財務(wù):營業(yè)利潤、平均訂單價值、預(yù)測現(xiàn)金流。
按 Enter 鍵或單擊即可查看完整尺寸的圖像
級聯(lián):黑暗模式下的 UI 元素

步驟 5. 準(zhǔn)備數(shù)據(jù)

沒有好的數(shù)據(jù),就沒有好的儀表盤。問:

  • 數(shù)據(jù)存儲在哪里?
  • 它的完整性和時效性如何?
  • 它將如何刷新?
  • 數(shù)據(jù)質(zhì)量歸誰所有?

無需手動輸入。自動化讓儀表板保持活躍。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
HR 儀表盤 UI — 清晰的指標(biāo),以人為本的設(shè)計

步驟 6. 繪制粗略布局

任何東西都可以——從餐巾紙上的草圖到 Figma 的線框圖。仔細(xì)思考:

  • 哪些塊屬于“頂部”?
  • 視覺焦點(diǎn)在哪里?
  • 什么應(yīng)該首先跳出來?

丑陋也沒關(guān)系——重點(diǎn)是測試結(jié)構(gòu)和想法。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
插圖來自 Lukatsky 的博客

步驟 7. 獲取用戶反饋

把原型展示給真實用戶。不要問:“它漂亮嗎?” 而是問:

  • 是不是一眼就看明白了?
  • 它是否有足夠的信息來做出決策?
  • 感覺缺少了什么或者多了什么?

在草稿期間聽到“我不明白”比在發(fā)布后聽到要好。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Monex——智能金融小工具

步驟 8:為設(shè)計師撰寫一份詳盡的簡介

設(shè)計師不會讀心術(shù)。如果你不說重點(diǎn),他們就會替你做決定。包括:

  • 哪些指標(biāo)適用于何處以及如何適用?
  • 阻止優(yōu)先級(最重要的);
  • 移動與大屏幕行為;
  • 顏色強(qiáng)調(diào)、警報、數(shù)字格式。
按 Enter 鍵或單擊即可查看完整尺寸的圖像
FinGuard——更智能的財務(wù)管理儀表板

第 9 步:找到合適的建筑商

我們很想說“雇傭我們”,但這是你的事業(yè)和愿景。在 Dribbble、Behance 甚至 LinkedIn 上查看作品集——人才無處不在。

評判前景:

  • 商業(yè)理解

漂亮的圖表并不比了解它們存在的原因更重要。

  • 界面體驗

儀表板不是登錄頁面;可用性是第一位的。

  • 清晰的溝通

如果他們的流程現(xiàn)在聽起來很模糊,那么以后就不會變得清晰。

  • 簡化能力

真正的技巧是讓復(fù)雜變得簡單。

  • 克制感

作品集可以幫助您評估設(shè)計師的風(fēng)格、潮流感、是否適合您的業(yè)務(wù)類型以及整體技能和獨(dú)創(chuàng)性。

最重要的是,選擇一支能夠深入實現(xiàn)你的目標(biāo)的團(tuán)隊。

這就是真正的“哇”的由來。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Minot——人工智能驅(qū)動的任務(wù)管理平臺

第十步:啟動。觀察。改進(jìn)。

儀表盤是一個動態(tài)系統(tǒng),而非一次性的落地頁。發(fā)布后,請關(guān)注:

  • 人們多久打開一次它?
  • 會議中是否體現(xiàn)了指標(biāo);
  • 什么讓用戶犯了錯誤,或者他們接下來會請求什么。

沒有哪個儀表板是第一天就完美的。不斷迭代——改進(jìn)終將帶來回報。

結(jié)論

優(yōu)秀的儀表盤不僅僅是一堆圖表。它能夠塑造團(tuán)隊的思維。它能夠引導(dǎo)注意力、培養(yǎng)習(xí)慣、加快決策速度,并節(jié)省時間,而不是浪費(fèi)時間。

當(dāng)出現(xiàn)以下情況時,您的儀表板將變得無價:

  • 其目的非常明確;
  • 每個角色都有自己的衡量標(biāo)準(zhǔn);
  • 噪音最小,意義最大;
  • 您可以快速深入研究;
  • 該團(tuán)隊確實使用了它。

如果這就是您想要的儀表板類型,我們希望這可以幫助您入門。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Minot——人工智能驅(qū)動的任務(wù)管理平臺

另外,以下是創(chuàng)建業(yè)務(wù)儀表板時可能有用的AI 工具列表:

  1. 聚合物搜索
  2. Zoho Analytics
  3. Tableau
  4. 多莫
  5. Sisense
  6. 思想點(diǎn)
  7. Looker工作室
  8. Klipfolio

 

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

大數(shù)據(jù)可視化設(shè)計 | 智能家居 UI 設(shè)計:從落地方法到案例拆解

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

 

智能家居已經(jīng)從單品智能走向全屋聯(lián)動,而 UI 設(shè)計正處于“功能越來越多、用戶時間越來越少”的挑戰(zhàn)中。
如何讓復(fù)雜系統(tǒng)在家中變得自然好用?本文從落地方法論出發(fā),結(jié)合實際案例,拆解智能家居 UI 設(shè)計的核心要點(diǎn)。


一、智能家居 UI 設(shè)計的落地方法論

智能家居 UI 并不是在屏幕上堆功能,而是一個跨硬件、跨場景、跨人群的系統(tǒng)設(shè)計工程。這里有一個可落地的三層方法論:

1. 信息架構(gòu)層(IA)

  • 設(shè)備分組:按照空間(客廳、臥室)、功能(照明、安防)、場景(回家、觀影)分類。

  • 優(yōu)先級排序:高頻控制放在第一屏,低頻控制收進(jìn)次級菜單。

  • 多入口設(shè)計:同一功能允許從不同入口觸發(fā)(面板、App、小程序、語音)。

落地要點(diǎn):在信息架構(gòu)階段就考慮老人、小孩、訪客的使用差異,避免后期 UI 大改。


2. 交互模式層(IX)

  • 場景化卡片:用卡片將多設(shè)備操作組合為“一鍵執(zhí)行”。

  • 多模態(tài)觸發(fā):UI 設(shè)計兼容觸屏、語音、傳感器自動觸發(fā)等多種方式。

  • 實時反饋:用戶需要在 0.3 秒內(nèi)看到操作結(jié)果,否則會懷疑系統(tǒng)無響應(yīng)。

落地要點(diǎn):在交互模式設(shè)計時就和前端、硬件工程師溝通,確保狀態(tài)同步延遲可控。


3. 視覺語言層(VL)

  • 狀態(tài)可讀性:顏色、圖標(biāo)、文字三重區(qū)分設(shè)備狀態(tài)。

  • 適配環(huán)境光:在強(qiáng)光與暗光模式下,都保持足夠?qū)Ρ榷取?/p>

  • 品牌一致性:全屋不同設(shè)備的 UI 元素(按鈕、開關(guān)、滑桿)保持統(tǒng)一視覺規(guī)范。

落地要點(diǎn):設(shè)計規(guī)范提前固化成 UI Kit,減少跨團(tuán)隊溝通成本。


二、智能家居 UI 的設(shè)計原則(5 條)

  1. 少即是多
    在智能家居中,用戶關(guān)注的是結(jié)果,而不是過程。UI 應(yīng)該優(yōu)先顯示關(guān)鍵狀態(tài),而非所有數(shù)據(jù)。

  2. 預(yù)判而非響應(yīng)
    通過 AI 學(xué)習(xí)用戶習(xí)慣,讓系統(tǒng)提前提供選項(比如傍晚自動彈出“開燈+拉窗簾”場景卡片)。

  3. 跨端一致性
    手機(jī) App、墻面觸控、平板控制中心要保持一致的視覺與交互邏輯。

  4. 留出人工控制權(quán)
    再智能的系統(tǒng)也要讓用戶可以一鍵接管,防止“自作主張”帶來反感。

  5. 情緒化體驗
    在 UI 動效、配色、微交互中加入溫度,讓科技更有人情味。


三、案例拆解

案例 1:Google Nest Hub Max

  • 亮點(diǎn)

    • 大面積卡片布局,場景卡片與單設(shè)備卡片并存。

    • 動畫過渡自然,減少“操作跳躍感”。

  • 可借鑒點(diǎn)

    • 使用圖標(biāo)+標(biāo)簽雙保險提高識別率。

    • 場景卡片采用溫暖色調(diào),提升親和度。


案例 2:Aqara Home App(國內(nèi))

  • 亮點(diǎn)

    • 按空間分組的首頁結(jié)構(gòu),減少用戶尋找時間。

    • 支持“自動化”卡片,滿足高階用戶需求。

  • 可借鑒點(diǎn)

    • 提供“快速操作欄”,減少點(diǎn)擊層級。

    • 高對比度的狀態(tài)色(開=亮色,關(guān)=灰色)適合老人使用。


案例 3:三星 SmartThings

  • 亮點(diǎn)

    • 跨品牌設(shè)備接入能力強(qiáng),UI 對多種設(shè)備類型有統(tǒng)一樣式。

    • 分屏模式支持同時查看多個設(shè)備狀態(tài)。

  • 可借鑒點(diǎn)

    • 用統(tǒng)一的“設(shè)備卡片模板”降低學(xué)習(xí)成本。

    • 為第三方設(shè)備預(yù)留定制化 UI 區(qū)域。


四、設(shè)計落地建議

  1. 前期用 Figma/Pixso 建立 UI 組件庫,統(tǒng)一按鈕、開關(guān)、滑桿等基礎(chǔ)組件樣式。

  2. 與硬件/前端團(tuán)隊共創(chuàng)交互原型,在低保真階段就驗證操作路徑與響應(yīng)速度。

  3. 分階段上線:先覆蓋高頻設(shè)備與場景,再逐步擴(kuò)展到低頻功能,避免一次性開發(fā)周期過長。

  4. 收集使用數(shù)據(jù):上線后通過埋點(diǎn)分析用戶點(diǎn)擊路徑,優(yōu)化 IA 和場景卡片順序。


結(jié)語

智能家居 UI 設(shè)計的挑戰(zhàn)不只是視覺,而是讓不同設(shè)備、不同人群、不同場景融為一個順暢的體驗。
一個優(yōu)秀的 UI,不是讓用戶覺得“科技很厲害”,而是讓他們感覺——

生活變得更輕松,而這份輕松幾乎是無感的。

20250812-194632.jpeg

20250812-194647.jpeg

20250812-194702.jpeg

20250812-194716.jpeg

20250812-194730.jpeg

20250812-194747.jpeg

20250812-194801.jpeg

20250812-194814.jpeg

 

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

【原創(chuàng)案例分享】智慧大屏可視化設(shè)計

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

 

項目背景:

為進(jìn)一步加強(qiáng)沿江沿海岸堤安全防范和綜合治理工作,根據(jù)市委市政府部署牽頭打造江海堤防綜合治理智慧工程。按照堅持“立足預(yù)防、綜合施策”總原則,運(yùn)用互聯(lián)網(wǎng)、大數(shù)據(jù)、云計算、人工智能等技術(shù)手段,圍繞沿江沿海生態(tài)保護(hù)、禁漁禁采、船舶管理、防汛防臺、打擊走私、旅游安全管理、灘涂管理、日常風(fēng)險防控等重點(diǎn)工作,切實提升綜合治理水平與應(yīng)急處置能力。
堤防綜合治理的實際需求,包括防洪、排澇、水資源管理等方面的需求,設(shè)計時主要考慮實時數(shù)據(jù)、監(jiān)測信息應(yīng)準(zhǔn)確、及時地展示在界面上,方便用戶了解堤防狀況。利用圖表、地圖等可視化手段,將復(fù)雜的數(shù)據(jù)和信息以直觀的方式呈現(xiàn)給用戶。注意信息的層級和優(yōu)先級,確保重要信息能夠突出顯示,預(yù)警信息要突出顯示以便操作人員快速解決。

項目概述

產(chǎn)品定位

建設(shè)“全域覆蓋”技防體系,建立專職巡防隊伍,推行網(wǎng)格化服務(wù)管理模式, 努力打造“一鍵聯(lián)動、一圖展示、一屏指揮”現(xiàn)代化江海堤防綜合治理模式,實現(xiàn)沿江沿海“全天候、全時段、全過程”巡防監(jiān)控,及時發(fā)現(xiàn)、處置各類違法違規(guī)行為和風(fēng)險隱患,構(gòu)建職責(zé)清晰、分級負(fù)責(zé)、上下貫通、部門聯(lián)動、運(yùn)行高效的江海堤防綜合治理體系。

目標(biāo)用戶

工程管理人員:負(fù)責(zé)監(jiān)督和管理整個堤防治理工程,需要實時監(jiān)控各項指標(biāo)和數(shù)據(jù);
政府監(jiān)管部門:相關(guān)環(huán)保、水利或城建等部門的監(jiān)管人員,需要監(jiān)控工程進(jìn)度和效果,確保符合標(biāo)準(zhǔn);
緊急應(yīng)急人員:負(fù)責(zé)處理突發(fā)事件和緊急情況的人員,需要快速獲取現(xiàn)場信息做出相應(yīng)反應(yīng);
研究人員:從事相關(guān)領(lǐng)域研究的學(xué)者或科研人員,可能需要獲取實時數(shù)據(jù)進(jìn)行分析和研究。

設(shè)計風(fēng)格

藍(lán)色科技感設(shè)計風(fēng)格以藍(lán)色為主導(dǎo)色調(diào),突出冷靜、專業(yè)和現(xiàn)代感。運(yùn)用深淺不同的藍(lán)色調(diào)配合白色字體,呈現(xiàn)出科技感強(qiáng)烈的視覺效果。高對比度的設(shè)計風(fēng)格使關(guān)鍵信息更突出,GIS動態(tài)效果和互動元素增加用戶體驗。藍(lán)色科技感設(shè)計常見于科技產(chǎn)品、數(shù)字平臺,傳達(dá)著穩(wěn)健、創(chuàng)新與可靠性的形象,吸引注重技術(shù)與現(xiàn)代感的受眾,展現(xiàn)出科技與未來的融合之美。

設(shè)計亮點(diǎn)

 

 

level3_view_img2.png

 

level3_view_img4.png

數(shù)據(jù)信息整合,增加關(guān)鍵數(shù)據(jù),助力用戶風(fēng)險管理

左側(cè)信息之前有“風(fēng)格不統(tǒng)一、圖表樣式不美觀、環(huán)形圖顏色搭配不協(xié)調(diào)、有些文字在深色界面上顯示不清晰”等痛點(diǎn)。
 
在設(shè)計過程中增加了「氣象要素」模塊,因為提防發(fā)生災(zāi)害多半可以和天氣相掛鉤的,增加氣象要素可以很好的預(yù)測未來的天氣現(xiàn)象,在有極端天氣的時候可以提前做預(yù)防工作,最大程度減少損失。同時將巡更、巡檢和視頻的統(tǒng)計整合在一起輪播顯示,可以增加顯示數(shù)據(jù)的區(qū)域。

清晰化數(shù)據(jù)展示提高可讀性

右側(cè)主要是原型主要是平臺視頻的統(tǒng)計,主要有顯示數(shù)據(jù)比較單一,模塊排版不清晰,數(shù)據(jù)展示不清晰等痛點(diǎn)。
 
調(diào)整后增加了「物資情況」「巡查打卡明細(xì)」「人員職責(zé)表」等模塊,在減少操作的技術(shù)上展示更多的信息量。最上邊的視頻區(qū)域分成「視頻監(jiān)控」「PPT展示」和「無人機(jī)」展示三個部分。整個右側(cè)模塊排版清晰,便于用戶查找信息,從而提高工作效率。

 

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

界面設(shè)計 | 大屏設(shè)計 | Shipp-Logistics 交付管理應(yīng)用 / UI/UX 設(shè)計

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

Shipp-Logistics 交付管理應(yīng)用 / UI/UX 設(shè)計

Shipp-Logistics 是一款面向中小型物流公司的交付管理應(yīng)用,旨在提升配送效率、簡化任務(wù)分配流程,并為司機(jī)提供清晰、可操作的任務(wù)指引。

本項目從用戶研究出發(fā),圍繞“調(diào)度員-司機(jī)”雙端交互流程,設(shè)計了完整的任務(wù)創(chuàng)建、路線規(guī)劃、實時追蹤與狀態(tài)回報機(jī)制。UI風(fēng)格采用模塊化信息呈現(xiàn)+中性色調(diào),兼顧操作高頻與環(huán)境復(fù)雜下的可讀性與點(diǎn)擊效率。

關(guān)鍵設(shè)計亮點(diǎn)包括:

高端界面設(shè)計 | 數(shù)字產(chǎn)品 | Platformcraft-俄羅斯商業(yè)云存儲產(chǎn)品

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

 

Platformcraft 是一款來自俄羅斯的商業(yè)級云存儲產(chǎn)品,致力于為企業(yè)提供穩(wěn)定、安全且高效的文件管理與協(xié)作服務(wù)。其品牌視覺以字母“P”與云的圖形結(jié)合為核心,簡潔而富有科技感,象征著平臺(Platform)與云端(Cloud)之間的高度融合。

從設(shè)計語言來看,Platformcraft 的標(biāo)志設(shè)計強(qiáng)調(diào)結(jié)構(gòu)感與數(shù)字秩序:

  • 標(biāo)識構(gòu)建基于幾何網(wǎng)格,提升在不同尺寸與場景下的可識別性;

  • 色彩采用深藍(lán)與漸變紫,傳達(dá)出專業(yè)性與技術(shù)前沿感;

  • 在圖標(biāo)使用上,適配度極高,無論是在 Dock 欄、移動端應(yīng)用或印刷場景中都保持極佳的清晰度與一致性。

這套視覺系統(tǒng)不僅提升了品牌辨識度,也為其云服務(wù)產(chǎn)品賦予了可信賴的第一印象,是典型的“技術(shù)驅(qū)動 + 品牌精致化”結(jié)合的典范設(shè)計。

imgi_144_d77009228742893.6858e2e3cce3d.png

imgi_246_ae80c9228742893.6858e2e3d2b57.png

imgi_248_cee6d9228742893.6858e2e3cbc14.png

imgi_767_089bd0228742893.6858e2e3cf2d2.png

imgi_772_794d94228742893.6858e2e3cc91c.png

imgi_774_0cf6bf228742893.6858e2e3d074a.png

imgi_776_7f0d9c228742893.6858e2e3cfb0b.png

imgi_778_866b35228742893.6858e2e3d1055.png

imgi_780_8903f4228742893.6858e2e3d4f2f.png

imgi_782_c8e308228742893.6858e2e3d5735.png

imgi_788_8a052b228742893.6858e2e3d33cc.png

imgi_792_678fd5228742893.6858e2e3d42d7.png

imgi_795_0c137b228742893.6858e2e3ced08.png

imgi_798_ccc6ad228742893.6858e2e3cb426.png

imgi_800_e2d205228742893.6859306545b14.png

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

高端網(wǎng)站設(shè)計 | 信息展示類 | 數(shù)字博物館網(wǎng)站設(shè)計

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

物換星移,在21世紀(jì)經(jīng)濟(jì)高速發(fā)展的中國,民眾的生活得到了物質(zhì)上的保障,歷史文物保護(hù)得到前所未有的關(guān)注,但仍有許許多多的文物在我們看不見的地方或關(guān)注不到的地方逐漸失去光彩。得益于信息科技日益發(fā)展,數(shù)字博物館逐漸走入大眾視線,歷史文物經(jīng)過數(shù)字化加工得以重生。
胡人俑數(shù)字博物館網(wǎng)站的設(shè)計,藍(lán)藍(lán)設(shè)計負(fù)責(zé)交互設(shè)計、視覺設(shè)計、前后端的開發(fā)。前期在客戶需求不是很明確的情況下,我們經(jīng)過多次溝通,將頁面的布局通過快速手繪的方式和客戶確定下來,再進(jìn)行視覺設(shè)計,很大程度提高了工作效率。在開發(fā)上了根據(jù)客戶提供的3D模型,我們做了三維渲染,通過鼠標(biāo)拖動便可以360度觀看每個陶俑。

產(chǎn)品定位

匯集歷史發(fā)展資料、學(xué)術(shù)研究成果、國內(nèi)外展訊等有關(guān)胡人俑的圖文信息,并通過虛實展示、文創(chuàng)產(chǎn)品再現(xiàn)等全新手段展現(xiàn)胡人俑文物的獨(dú)特風(fēng)采,對胡人俑文物檔案進(jìn)行數(shù)字化采集、管理并實現(xiàn)永久保存。力求將學(xué)術(shù)與科普、知識性與趣味性有機(jī)結(jié)合,建立一個內(nèi)容完備、資料詳實、界面友好、檢索方便的胡人俑專題網(wǎng)站。

目標(biāo)用戶

胡人俑數(shù)字博物館網(wǎng)站在科技部國家重點(diǎn)研發(fā)計劃重點(diǎn)專項“民族民間文化資源傳承與開發(fā)利用技術(shù)集成與應(yīng)用示范”項目子課題支持下得以建設(shè)。是對全民開放的一個網(wǎng)站,針對對民族文化感興趣的或者是胡人俑相關(guān)的研究人員都可以使用。

設(shè)計風(fēng)格

視覺方面整體設(shè)計為中國古風(fēng),主色采用白色為主棕色和紅色為輔的色調(diào),通過整體排版,多種中國古典元素的設(shè)計,來凸頁面整體的古風(fēng)風(fēng)格。布局更加強(qiáng)調(diào)界面風(fēng)格的一致性,既保證界面的整體性又突出主體元素,主次分明。
 
 
胡人俑數(shù)字博物館網(wǎng)站,其主要用途是對陶俑喜愛或者研究人員提供的一個網(wǎng)站。客戶提供的網(wǎng)站非常簡單,并且除了首頁外其他頁面要展示的內(nèi)容都是以文檔的方式提供。經(jīng)過多次和客戶溝通,在充分了解網(wǎng)站的主要用途和功能后,我們重新梳理網(wǎng)站的整個架構(gòu),并參考分析多個競品,最終產(chǎn)出如右效果圖。
梳理完整體需求后我們將整個網(wǎng)站比較重要的幾個模塊在首頁展示。
模塊一:胡人俑的banner圖
模塊二:數(shù)字博物館的整體介紹
模塊三:近期展覽
模塊四:數(shù)字產(chǎn)品
banner圖采用一張多個傭在一起的圖片,并且以漸變灰色作為背景突出主題,同時背景上疊加半透明的山水畫,整體顯得更有古韻。
banner以下主題部分整體采用白底為主中國風(fēng)花紋點(diǎn)綴為輔,每個模塊之間通過標(biāo)題進(jìn)行區(qū)分。“博物館介紹”模塊我們將標(biāo)題數(shù)著在左側(cè)展示,一是和古文化更加貼合,二是可以減少文字的寬度,文字過寬不便于用戶閱讀。接下來是“近期展覽”模塊,該模塊我們由兩部分組成,一個是VR漫游,相當(dāng)于虛擬場館的快捷入口,點(diǎn)進(jìn)去就可以線上在場館漫游。右邊是最新的的展覽列表,有興趣的游客可以點(diǎn)進(jìn)去查看更多詳情。最后一個模塊是藏品展示,點(diǎn)擊進(jìn)去可以鼠標(biāo)拖動3D展示。
 

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

 

人性化界面設(shè)計:模式

杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

你會怎么評價下面兩款收音機(jī)收音機(jī)的設(shè)計?

索尼收音機(jī)

圖1是索尼的一款收音機(jī)。它的面板右下方4*8依次排布的黑色按鍵分別對應(yīng)了32個提前設(shè)置好的收音機(jī)。按任意一個按鍵,可以收到某一個收音機(jī)。

某貨車收音機(jī)面板

圖2是一個車載收音機(jī)。左邊首先把收音機(jī)劃分為三組。屏幕右下方的兩排圓形按鈕中,有一個是用來選擇三組收音機(jī)的其中之一。剩下的1*6個按鍵來選定該組中的某一個收音機(jī)(如果需要切換AM-FM,操作還比較復(fù)雜)

以前索尼的無線電設(shè)計看起來很復(fù)雜,但它實際上更好用。因為每一個按鍵對應(yīng)著同一個收音機(jī),當(dāng)用戶熟悉了健身并使用習(xí)慣后,他們甚至可以不用揉捏操作面板,而直接通過手指觸摸數(shù)字按下自己想要的按鍵。這樣的操作即使是在黑夜中也能進(jìn)行。前置遙控器的設(shè)計雖然減少了按鍵并節(jié)省了空間,卻犧牲了易用性。因為這是該設(shè)計中引入了模式(modes):當(dāng)用戶使用同一個操作時,而系統(tǒng)由于不同的狀態(tài)給出了不同的回應(yīng)。

這里引入了《人性化界面》這本書推崇的一個主要原則:好的界面不應(yīng)該存在模式。

如果無論系統(tǒng)狀態(tài)如何,相同的用戶輸入總是會產(chǎn)生相同的結(jié)果,則系統(tǒng)是非模式的。

重要的概念

為了更好的理解模式和界面設(shè)計的關(guān)系,以下是一些需要了解的概念:

注意力點(diǎn)(locus of Attention):是指時刻我們意識的集中的地方。人類在任何時刻都有一個注意力點(diǎn)。你對這個點(diǎn)以外的區(qū)域是盲目的。比如當(dāng)你集中注意力在閱讀可能的文字時,就注意不到你的曼谷脊柱屏幕的頂端時間指針發(fā)生了變化。

夜間操作(手勢):指用戶對界面的一個連續(xù)的操作,可能是一個鼠標(biāo)或雙擊。

模式(mode) : 針對一個操作,如果一個系統(tǒng)根據(jù)其當(dāng)前的狀態(tài)有不同的反應(yīng),就代表這個系統(tǒng)存在不同的模式,而每個一個模式下界面的反應(yīng)是一致的

——比如作者非常反對的大寫鎖定鍵(Caps Lock):當(dāng)這個按鍵被按下時,電腦處于一個大寫輸出模式中;當(dāng)這個按鍵被再次按下時,電腦回到另一個模式;

— — 再比如所有電腦的電源鍵就存在模式。根據(jù)電腦當(dāng)前的開關(guān)狀態(tài),同樣按下電源會導(dǎo)致電腦開機(jī)或關(guān)機(jī);

— — 還有 Photoshop 中的鼠標(biāo)操作,在不同的繪畫狀態(tài)中,點(diǎn)擊鼠標(biāo)的結(jié)果是完全不同的。

界面模式的嚴(yán)格定義

為了從用戶的角度討論模式的利弊,作者進(jìn)一步嚴(yán)格定義了界面模式:

針對用戶操作: 1. 根據(jù)當(dāng)前系統(tǒng)狀態(tài)的不同而給出不同的反應(yīng),2. 并且此時的系統(tǒng)狀態(tài)是在用戶的注意點(diǎn)之外(即用戶無法感知到的系統(tǒng)狀態(tài))此時就認(rèn)為界面存在模式。

  • 在這個定義下再看一個例子:鍵盤的刪除鍵(退格/刪除)。每當(dāng)你按下刪除鍵,被刪掉的內(nèi)容都是不一樣的。因為但是人們往往注意力集中在即將被刪掉的文字上,因此不構(gòu)成模式。

模式是用戶誤操作和影響業(yè)余性的主要原因之一:因為用戶沒有意識當(dāng)前的系統(tǒng)狀態(tài),因此無法了解到哪一個模式下,也不會知道自己的操作會帶來什么樣的結(jié)果。很多時候他們只能不斷試錯來完成任務(wù),這也阻礙了使用習(xí)慣的養(yǎng)成。

對設(shè)計的啟示

為了避免上述問題,界面設(shè)計應(yīng)該完全采用Quasimode。Quasimode的是用戶必須通過連續(xù)的物理操作讓系統(tǒng)維持在某種特定狀態(tài)下,并在此狀態(tài)下避免引入某種模式。典型的例子就是電腦的Shift鍵,按下Shift的同時敲擊鍵盤會進(jìn)入大寫字母輸入模式。這樣的優(yōu)勢在于連續(xù)的動作動作讓用戶時刻記住自己在某個模式中,從而不會誤操作。

值得強(qiáng)調(diào)的是,遵循模式設(shè)計原則的產(chǎn)品往往也會影響盲人所用(可訪問性設(shè)計)。因為模式的定義就考慮了人們的注意力集中點(diǎn),而我們每個人對于我們注意力之外的事物,都是“看不見”的。

從非常真實的意義上來說,我們對于我們關(guān)注點(diǎn)之外的世界都是盲目的。

《人性化界面》的杰夫·拉斯金(Jef Raskin)是Mac的初代設(shè)計師和思考者。他相信機(jī)器的交互方式應(yīng)該是人性化的:即交互的過程能夠最大化作者的考慮并遏制我們?nèi)祟惖哪芰腿毕荨?/span>

本書的第二章為讀者鋪墊了很多重要的理論基礎(chǔ),而后面的章節(jié)會開始剖析和挑戰(zhàn)我們平時習(xí)習(xí)的UI模式,比如文件夾,桌面,導(dǎo)航。

因為本書讀完相見恨晚深受啟發(fā),決定開坑一系列讀后感!

 

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

日歷

鏈接

個人資料

存檔