這些蘋果、Google、微軟系統中你沒注意到的魔鬼細節,是巨頭們的「科技美學」
這些蘋果、Google、微軟系統中你沒注意到的魔鬼細節,是巨頭們的「科技美學」

人們常說「科技美學」,這不是沒有道理的。

為了提高一點點用戶看得見或者看不見的美好體驗,產品經理以及他的團隊成員做了很多努力。以下從一個細節控的視角,給大家講講那些「讓人感受到尊重與心意」的美好互動設計。

圖/ 愛范兒

蘋果

蘋果有專門的人機介面互動規範。設計語言整體克制流暢,不濫用動畫效果。過渡畫面多用漸隱漸現以及切入。極簡風是為人熟悉的一個大特性。而蘋果也在微互動上體現出對細節的堅持。

圖/ 愛范兒

當開啟飛行模式的時候,真的是會有一台小飛機從左側飛出來。關閉後小飛機就會快速飛走,而電信商漸現。

Apple.gif
圖/ 愛范兒

設置圖標採用了多層齒輪以示機械感,齒輪的第一印象應該是運轉。於是你可以在更新系統時留意到設置圖標的齒輪確實會動的,大圈小圈反向運動。

圖/ 愛范兒

自然的互動應該就是這樣,符合用戶習慣和期待。飛機會飛,齒輪會動。時鐘在走,日曆顯示,廢棄文件扔到廢紙簍,倒完垃圾後垃圾桶應該就是空的。

Google

圖/ 愛范兒

而Google I/O 2014推出的Material Design(材料設計語言,以下稱MD)經過兩年的推廣漸漸被很多應用跟隨,現在我們能夠在越來越多的應用上能夠看到。

MD有個很重要的概念就是透過將日常材料的屬性運用在行動介面上,比如,一個app介面相當於紙張的層疊,不同組件減應該擁有層級結構。

圖/ 愛范兒

那麼點擊某一區域選取區域內容,當前區域應該從子介面抬升至父介面,從側面看可以看到由於順序產生的海拔感透過「抬升」這個動作完成了。這個細節被表達出來了。

圖/ 愛范兒

另外,材料在現實生活中是符合物理規則的。在MD的設計語言裡,動畫存在加速和減速,任何忽然開始、忽然停止的勻速動畫都顯得機械而不真實。

人類感官在現實中習慣的重力感受被 MD 搬到了手機屏幕,這就是我們體會到的「自然」。

那麼,點擊的回饋是如何完成呢?

圖/ 愛范兒

用戶的每一步操作都應該提供回饋予用戶。同時這個回饋應該是精確到動作點的具體位置產生的。MD想到了投一塊石頭到水里的漣漪效果。

圖/ 愛范兒

用戶在哪裡點擊,水紋就從哪裡產生,並且擴散至當前組件,而不是從中間,從左側從上側固定的效果。追求材料世界的屬性在行動介面上表達,使得MD獲得了之前蘋果擬物風格才有的真實感。

圖/ 愛范兒

用戶有時不一定會看到這些微互動,但正是這些動效構成了我們口中難以解釋的「好用」、「流暢」以及「自然」。

Microsoft

圖/ 愛范兒

微軟經過了Window 10的快跑,設計語言也在逐漸成熟。從Aero風格過渡到Metro(ModernUI),人們對Window 8出現的磁鐵風格褒貶不一。

圖/ 愛范兒

更大的原因在於微軟激進取消了用戶習慣的開始菜單。要考慮到微軟追求的其實是兼顧桌面與行動觸控兩個入口統一的風格。透過大色塊的醒目提醒,更加強調簡單快捷的體驗。

這是有跡可循的。

圖/ 愛范兒

Metro一開始源於瑞士國際平面主義,追求傳達準確,易於識別,擅用幾何學式的嚴謹。

而互動式動態磁鐵,例如音樂應用磁鐵中包含前進後退暫停控件,這樣用戶就可以直接透過磁鐵來操作應用而不必打開應用本身。

圖/ 愛范兒

如今微軟正在打造全新的設計語言Project NEON,依賴動畫、模糊和漸變來表現畫面效果,將隨紅石3版本一同到來。

同樣,微軟在介面設計中啟用了新元素「Acrylic(亞克力,有機玻璃)」,可以更好地表現模糊背景、邊欄和導航欄等內容。

圖/ 愛范兒

微軟將在Build 2017上展示更多Project NEON作品和使用細節。

不僅僅以上,更多的小而美的產品正層出不窮。如果我們能停一下,稍微不那麼追求效率、「用完即走」,你能感受到科技對於人性的尊重以及用心。

有人評論賈伯斯的偉大:

Instill beauty of humanism into Cold Steel。
給冰冷的科技注入人性的美感。

用戶產生需求,解決用戶需求,這本是已經結束的事情。但正是有一群致力於「更好地解決問題」的科技人不止步於此,才有了更好更人性化的產品。

這一切的美,你不一定察覺,但正在發生。

本文授權轉載自:愛范兒

關鍵字: #UI/UX設計
往下滑看下一篇文章
從切菜到乾燥加工!宜展如何結合桃園市政府創業資源,以AI開拓農產加工第二成長曲線?
從切菜到乾燥加工!宜展如何結合桃園市政府創業資源,以AI開拓農產加工第二成長曲線?

走進蔬果加工廠,同樣是100公斤高麗菜,最後能做出多少成品?答案不見得相同。氣候、產地與品質影響原料條件,客戶要求的切法、重量與交期也各不相同。對曾任科技業研發主管十多年的宜展科技農業執行長林佑澤而言,這是與科技製造截然不同的世界。

「農業部分全部都不一致。」林佑澤以青江菜為例,即使機械手臂已經訓練好辨識特徵,面對形狀各異的蔬菜,仍難以判斷該從哪裡抓取。農產品的天然變數,卻得面對學校團膳、連鎖餐飲、航空空廚等企業客戶對品質與交期的要求。如何讓加工流程穩定運作,成為宜展投入數位轉型的起點。

從紙本、LINE到數據,先把現場經驗留下來

目前宜展一年處理數千噸蔬果、服務超過120家企業客戶,業務涵蓋採購、截切、清洗、包裝與配送。林佑澤觀察,農產加工的關鍵經驗往往掌握在資深員工手中:該買多少菜、原料損耗多少、訂單增加又該安排多少人力,都仰賴現場判斷。

「主要就是把人的經驗變成數據。」林佑澤說。過去客戶透過LINE或紙本下單,現場靠人工整理訂單、對照不同客戶的加工規格;如今宜展利用AI辨識訂單內容並匯入ERP,再依客戶、品項與規格進行標籤化派工。製程則透過QR Code記錄原料投入量與成品產出量,逐步掌握各環節的加工損耗。

接下來是整理現場的判斷依據。林佑澤透過與資深員工對談,了解採購、派工與品管的作業方式,再利用AI協助找出規則、建立SOP。AI整理出的流程仍須由現場人員逐項確認、修正,才能實際執行。

品質管理也在持續改善。傳統金屬檢測器難以辨識菜蟲、橡皮筋等非金屬異物,宜展正與技術夥伴規劃導入AI影像辨識,輔助產線末端檢查。林佑澤表示,每批農產品品質不同,比起單看良率,他更重視客訴是否減少。隨著訂單與製程資訊逐步累積,宜展也希望進一步建立需求預測、採購建議與生產排程模型,減少營運對資深員工個人經驗的依賴。

不只把菜切好,乾燥加工尋找第二成長曲線

除了改善截切本業,宜展也開始發展乾燥加工。學校團膳在寒暑假面臨需求波動,生鮮蔬果則有保存期限短、價格易受產季影響等限制。林佑澤希望藉由乾燥技術延長農產品保存期限,開拓附加價值更高的加工業務。

不過,乾燥同樣有依賴經驗的問題。傳統做法是太乾就降低溫度、縮短時間,不夠乾就反向調整。每批原料的水分與成熟度不同,反覆試做不僅增加成本,也難以維持品質一致。「品質目標沒有設定的話,前面的製程參數就不知道怎麼調整。」林佑澤將過去研發車用面板的思維帶進農產加工:先決定產品希望達到的口感、含水率與水活性,再回頭檢視原料成熟度、截切厚度及乾燥參數等條件。

團隊進一步結合不同乾燥技術、自行改造設備,並接洽桃園的設備業者合作。林佑澤曾比較其他地區的設備,最後選擇設備構造、乾燥均勻度與可靠度較符合需求的桃園業者。宜展也持續累積製程參數,希望未來透過AI找出適合不同原料的乾燥曲線,減少反覆試做。

「我們主要還是要做代工,想要做一個功能性的原料平台。」林佑澤說,果乾目前更像是展示技術能力的產品,未來希望將服務延伸至辛香料、中藥材、太空食品、超級蔬菜及寵物食品等領域。現階段宜展主要營收仍來自蔬果截切本業,乾燥事業尚未形成主要收入。未來若能建立穩定的乾燥製程與代工能力,宜展便有機會從既有蔬果供應鏈,切入附加價值更高的食品原料市場。

從彰化走向桃園,驗證營運方法能否跨區複製

隨著加工流程逐步數位化,宜展也開始思考,這套管理方法能否帶到彰化以外的場域。

參與桃園市政府青年事務局天際線加速器及Meet桃園+後,宜展擴大與桃園產業生態系的連結。林佑澤提到,天際線協助邀集不同局處了解團隊需求,並提供資源媒合機會。宜展也開始與桃園市農會及在地農民合作,增加北部原料來源。這項合作不只拓展了供應來源,更成為宜展因應極端天候、穩定供貨的重要助力。林佑澤回憶,先前中南部連日降雨,蔬菜供應受到影響,宜展便從北部調度蔬菜,以不同產區互相支援,降低天候對供貨的衝擊。此外,團隊也透過天際線資源,獲得參與日本國際伴手禮設計競賽的輔導,並成功榮獲金賞獎肯定,除了展現產品的創新與設計實力,也為宜展拓展海外市場、提升國際能見度創造更多機會。

下一步,宜展規劃以桃園大溪作為第二個驗證場域,將彰化累積的資料、SOP與加工管理經驗,轉化為可複製、可優化的營運管理模式,帶到不同產地、供應鏈及人員條件下驗證。林佑澤指出,未來若要跨區域擴張,不可能每到一個新地方,就把原有團隊整批搬過去。因此,宜展希望將資深員工的實務經驗,轉化為標準化流程與數據模型,結合AI進行生產排程、資源配置及營運決策,讓新場域能依據當地條件快速調整,降低對特定人員經驗的依賴。

從彰化到桃園,宜展接下來要驗證的,是這套從傳統農產加工現場整理出來的管理方法,是能夠跨區域複製、快速部署並持續優化的農產加工營運系統。 長期目標是降低新場域的建置成本與管理複雜度,提升擴張效率,讓傳統農產加工業具備規模化發展的能力。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂工業AI
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓