dronedelivery
dronedelivery
dronedelivery

3M 空氣清淨機 App

3M 空氣清淨機 App

❍專案概述

📔專案背景

本專案是為 3M 空氣清淨機 設計的 IoT App,核心目標是讓使用者能用手機操控清淨機,並即時提供環境品質的數據。透過掃描登錄,可以監控耗材使用程度並且通知更換。也具備共享設備功能,可以讓家人共同使用。

👩🏻擔任角色

本專案中,我擔任UI/UX設計師,初期透過與客戶訪談、市場分析等產出產品雛形架構。並以Wireflow確定產品流程後產出 UI 設計稿件,同時客戶對齊色彩與 icon 等設計系統,建立體驗一致性。

🚩專案挑戰
  • 多種機型:不同清淨機型的功能差異不同,需設計可共用但具彈性的操作流程與介面模組

  • 功能引導:以插圖配合功能及流程去引導使用者,建造更直覺且易用的介面體驗

  • 規範建置:因需與硬體連結,App 上需要注意燈號、圖樣的一致性,並繪製不同硬體的插圖


❍前期研調

⟡ 客戶訪談

在專案初期,我們與 3M 客戶進行訪談,釐清產品定位與核心需求。客戶希望使用者在連線空氣清淨機時能夠有明確引導與即時回饋,讓使用者不感到疑惑及繁瑣。而在日常使用中,除了希望使用者能更直覺地查看空氣品質與耗材狀態,同時具備遠端操控與家人共享的便利性。並且產品調性要符合 3M 居家生活、高品質的形象。


⟡ 市場分析

為了掌握市場趨勢,我們也分析了 Panasonic、Philips 及 SHARP 等智慧家電 App 的介面設計,觀察到雖然各家產品都具備遠程開關、模式切換、耗材管理。但此類 App 不像電商平台、社群媒體等產品成熟,加上產品功能不同,所以 IoT 類 App 產品介面差異較大。設計上更需要清晰易懂的流程與介面。


⟡ 聚焦目標

綜合客戶意見與競品分析,最終將本專案的設計重點聚焦於:

🎯 流程順暢性與引導
🏠強化體驗與家庭共享
📊 資料整合與即時呈現



❍流程架構

⟡ Wireflow

由於本專案需軟硬體功能結合,我們先以規格書釐清硬體限制與系統需求,接著在中期以更詳盡的 Wireflow 將畫面、互動與資料流程視覺化,藉此確認整體資訊架構、功能位置與頁面節點,並作為與PM、開發團隊協調的共同藍圖,確保設計在技術可行性與使用者體驗間取得平衡。



❍設計產出

⟡ Prototype

順暢的引導體驗
  • 明確的流程指引與當前狀態展示,透明的資訊讓使用者更安心

  • 依照不同產品外觀繪製插圖,製造軟硬體一致的使用體驗



便捷的操作與共享
  • 依不同產品功能繪製 icon ,並且有易懂的狀態展示

  • 掃 QRcode 登記耗材並監控耗損程度,貼心提醒更換

  • 可與家人/同居人共享設備,提升居家生活上的便利性



空氣品質數據與通知
  • 協助監控室內外空氣品質,當空氣品質差時會通知使用者

  • App 上的空氣品質顏色跟隨清淨機的燈號,打造一致使用性

*室外空氣品質為環保署空氣品質監測網的當天數據,並依據使用者位置提供資訊。主要以PM2.5細懸浮微粒濃度等數據去當指標。



❍結論

💡設計思考與研究心得

在這次 3M 空氣清淨機 App 專案中,我透過研究與洞察去理解使用者與產品之間的連結。從訪談到實際觀察,我發現使用者在面對智慧家電時,最在意的往往不是技術功能本身,而是操作的直覺性與反饋的即時性。這讓我重新思考「以人為本」的設計核心,讓科技的複雜轉化為使用上的便利,我認為唯有充分理解使用者,才能做出真正被需要的體驗設計。

🔗軟硬體整合的重要

在這個專案中,App 必須與清淨機的硬體模組精準互動,這讓我深刻感受到軟硬體整合對產品體驗的重要性。設計師不僅要考慮介面的易用性,更需要與工程師溝通產品給消費者的反饋內容與效率,這些技術細節都會影響使用者的整體感受。透過與工程團隊的協作,我學會以更全面的角度去思考設計,期望未來能參與更多軟硬整合的產品。


Thank You !

Let’s connect !

歡迎與我聯絡,一起交流設計想法😊

Email : yanlechen42@gmail.com

© Freya Luo 2025 Copyright. All Rights Reserved.

Let’s connect !

歡迎與我聯絡,一起交流設計想法😊

Email : yanlechen42@gmail.com

© Freya Luo 2025 Copyright. All Rights Reserved.

Let’s connect !

歡迎與我聯絡,一起交流設計想法😊

Email : yanlechen42@gmail.com

© Freya Luo 2025 Copyright. All Rights Reserved.