蘋果正在重新思考「扁平化」,開發者應該注意什麼?
蘋果正在重新思考「扁平化」,開發者應該注意什麼?
2014.01.09 | 科技

2014年1月8日,蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些bug並進一步加強語音輔助功能之外,新版的用戶界面(UI)體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的「扁平化」設計毀譽參半的爭論,這半年來,iOS7的每次升級,都體現了蘋果的UI設計團隊對「扁平化」的理解持續深入。

新版iOS7.1 beta 3首先對鍵盤作出了調整:字體增粗,「刪除」和「大小寫」等按鍵進一步增灰,FaceTime和下欄應用也有了不同程度的變深:

ios71keyboard

為什麼調整成這樣?因為所謂扁平化的設計風格,並非直接把UI一刀切去肌理。它的設計理念,源於設計者希望人們的注意力從過分聚焦在界面元素的狀態,回歸為重視內容本身,而複雜的肌理只會干擾內容的條理。

但扁平化的設計的前提是:對內容的訊息架構有所要求。確保扁平界面的可用性,首先需要梳理清楚內容的層級結構,讓用戶找對交互對象,這一點基本功做好的前提下,所謂「擬真化」與「扁平化」的爭論反而不重要了。

從上圖的鍵盤變化我們可以看出,蘋果正把過於「扁平」以至影響視線掃描的部分加強。iOS 7.1 beta3由「純扁平」改良至略有肌理,便是一個印證,也是一次對徹底「扁平化」的反動。

反面的例子,可參考中國某家科技部落格最近改版得接近「純扁平」的主頁設計,你可以發現,層級結構沒有做好便「追求極致」的後果——訊息分散,模塊之間互相產生了排斥。

再來一張iOS 7 Beta 3的圖。同樣的道理,在確保了訊息結構後,蘋果進一步嘗試透過提升對比度來增強交互元素的表現力:配色、字號、位置佈局等等都是可以改變的元素,為交互提供必要的視覺線索及反饋效果,幫助用戶建立認知。 iOS 7的三大設計宗旨:依從、清晰、縱深都得到了很好的詮釋:

phonedialer

iOS 7.1 beta3對「扁平化」的調整和改動,並不僅僅是UI的問題。它可以延伸至另一個思考:如何讓內容更直接呈現,功能以更低成本完成。

我想到了之前PingWest剛報導的一款圖片社交產品Civo,Civo在iOS 7發布之前便是採用扁平設計,理念上已十分貼合,但這並不是重點。在新版裡,我們可以發現這款產品在同一個feed流界面上作了大幅度的改良,把內容(圖片)從頭像中「提取」出來。簡而言之,它採取更直接的內容呈現方式,減少操作層級,這又是一例。(下圖左側為原版)

IMG_4144333

「突出內容」,同樣可體現在功能模塊位置的設置上。以下是三款金融訊息類應用,我們可以發現,同樣是行情交易軟體,騰訊的「自選股」(iOS/Android)進入主頁首先顯示的是股票報價,而專業從事證券訊息服務多年的「同花順」(iOS/Android),卻把用戶帶進設有16個選項的個人主頁面,對於一款需要用戶爭分奪秒,以行情交易的瞬息變化為操作需求的產品而言,效率高下立斷。

photo4

同樣地,金融訊息工具「雪球財經」(iOS/Android)的客戶端也反映了上述問題:在沒有做好訊息架構(提供了過多且不重要的選項)分類的基礎上,跟風使用扁平化設計,在選項上也沒有做視覺的優化,底下的毛玻璃肌理還對內容產生進一步干擾,這些,無疑都提升了用戶的交互和認知成本。

相對於視覺風格,iOS 7的本質更關注交互層面的內容,「擬真化」與「扁平化」的衝突與中和,背後是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠認知時,它留下的是一套嚴謹的生產標準,而不僅是對潮流的跟隨。

出自:Pingwest

往下滑看下一篇文章
不只給場域、更助攻海外!桃園如何助思納捷做大智慧能源管理版圖?
不只給場域、更助攻海外!桃園如何助思納捷做大智慧能源管理版圖?

隨著全球淨零轉型浪潮持續推進,企業不僅要許下減碳承諾,更得拿出可以被量測、驗證的實際成果,這也驅使企業加速導入智慧能源管理系統。早在 2017 年便投入此領域的思納捷,從桃園出發,透過工業園區與公共建築等在地場域的部署經驗,持續打磨技術與解決方案,隨後更在桃園市政府青年事務局「桃園天際線加速器」協助下,逐步將市場版圖延伸至海外。如今,思納捷全球累積超過 1,000 個應用實績,不僅成功將台灣智慧能源解方推向海外,更成為全球企業推動綠色轉型不可或缺的關鍵夥伴。

從桃園場域開始淬鍊:思納捷把「失敗經驗」變成難以複製的競爭力

思納捷總經理莊棨椉原先在資策會從事能源與物聯網相關研究,當時,他從歐美市場發展看見智慧能源管理的趨勢,於是,團隊從資策會獨立出來、成立思納捷,將過去累積的研發能量帶向市場。而技術落地第一站,就是從工業聚落密集的桃園開始,思納捷運用 IoT 技術管理工業園區的路燈、空氣品質、排水與交通等公共設施與環境,也進一步走進園區工廠,協助企業掌握與管理用電。

然而,從研究機構走向市場後,莊棨椉很快發現,「做得出來」與「真的能用」之間,還隔著一段不小的距離。許多從技術角度來看完全可行的做法,在進入真實場域後,反而出現各種從未想過的問題。

舉例來說,在幼獅工業園區部署智慧路燈時,思納捷原本採用 Mesh Wi-Fi 網狀網路,讓路燈彼此串聯、逐站傳遞訊號,沒想到實際上線後,路樹上的枝葉竟然擋住了訊號,造成通訊不穩定。為此,團隊重新調整架構,採用 NB-IoT 方式,讓每支路燈直接透過電信網路傳輸資料,降低環境遮蔽物對通訊的影響。

類似的「踩坑」經驗也發生在澎湖馬公港。思納捷與合作夥伴共同佈建智慧路燈,採用 PLC 電力線通訊技術,明明在實驗室與一般道路測試都沒有問題,到了港區卻完全無法傳輸訊號。團隊一路追查才發現,原來地下線路早已受到鹽害侵蝕,為此重新抽換線材,才讓系統得以正常運作。

串設備、整數據、AI 自主管理:思納捷打造 24 小時能源總管

「每一次踩坑,都讓團隊更清楚不同技術的適用邊界,也讓下一次部署少走一段彎路,」莊棨椉說,思納捷運用近十年來走進不同場域、解決各種意外狀況所累積的實戰經驗,形塑出 3 大產品特色。

第一,是物聯網裝置串接能力。
目前思納捷已能串接超過 1,000 種設備,涵蓋電表、水表、空調、冰水主機等不同類型,支援數量為全台最多。無論企業使用何種廠牌的設備,都能快速介接至思納捷的平台,降低設備整合門檻。

第二,是將數據與場域 Know-how 轉化為管理模組,讓企業可以「隨選即用」。
思納捷將多年累積的數據與經驗,轉化為超過 20 種應用模組,企業可以依需求持續擴充功能,一改過去可能要導入多套解決方案,才能管理不同設備的系統孤島問題。

舉例來說,某電子元件代理商在導入思納捷解決方案後,管理人員只要透過一支手機,就能掌握辦公大樓各樓層的設備運轉狀況,包括用電、用水、會議室、電動車充電樁到空調系統。不僅大幅提升管理效率,也能進一步掌握實際用電需求、降低能源耗用,並據此調降契約容量,每月節省約百萬元的電費成本。

第三,是讓能源與設備管理從人工管理走向 AI 自主管理。
思納捷以自家大數據為基礎,結合 AI 提升系統自主判斷與調控能力,持續優化能源管理的成效。「我們的目標,就是打造 24 小時雲端 AI 總管,讓系統可以自己判斷和調整,讓設備隨時維持在最佳運轉狀態,避免造成不必要的能源浪費,」莊棨椉強調。

出海前先看懂市場:桃園天際線加速器降低新創試錯成本

隨著產品逐漸成熟,思納捷也開始把目光投向海外,而進駐桃園天際線加速器,則為團隊提供一個以更低成本探索海外市場、驗證發展方向的機會。

莊棨椉表示,透過加速器安排的韓國、新加坡等國際交流,思納捷得以接觸不同市場的潛在客戶、創投與投資者,了解當地產業環境與實際需求,也能與在地新創交流創業與市場拓展經驗;國際經驗的獲取與海外拓點,都是成本極高的決策,藉由這些機會,思納捷得以用較低成本,去了解國際市場的可能性與風險。

此外,加速器也會安排專業業師分享國際市場經驗,從不同角度刺激團隊思考,重新檢視既有商業模式與海外布局策略。例如,曾經有業師與莊棨椉逐項分析海外上市必須具備的條件,讓他重新盤點公司現階段的優勢與不足,也進一步思考什麼才是最適合思納捷的成長路徑。

「加速器讓我們有機會多看、多聽、多接觸。」莊棨椉說。這些交流的價值,不只是認識多少潛在客戶,而是讓團隊在真正投入大量人力與資金以前,先釐清當地究竟有沒有市場、客戶需求是否成熟,以及既有產品與商業模式能不能直接複製。過去許多只能透過資料或想像判斷的問題,如今都能透過實際走進市場、接觸第一線業者取得更多資訊,降低走錯路的風險與試錯成本。

對思納捷而言,加速器帶來最關鍵的幫助是,透過市場探索、業師輔導與資源媒合,讓團隊在真正投入之前,有更多機會看懂市場、驗證方向,再決定下一步怎麼走。對資源有限的新創而言,這種「先驗證、再投入」的過程,反而能降低海外布局的機會成本,讓每一步走得更精準。

展望下一階段,思納捷團隊將持續聚焦校園、園區、建築與工廠四大場域,持續深化應用,讓「24 小時能源與機電設備雲端 AI 總管」的概念在更多場景落地,同時,當既有台商客戶前往海外設廠、有智慧能源管理需求時,思納捷也會跟隨客戶腳步提供服務。莊棨椉認為,唯有先把技術與服務做深,建立可複製的成熟模式,未來才有機會將台灣累積的智慧能源管理經驗帶向更大的國際市場。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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