【Inside】淺談微軟Windows手機的metro UI設計
【Inside】淺談微軟Windows手機的metro UI設計

不得不説這次微軟的Windows Phone請來的UI/UX設計師為微軟帶來了一些新風貌,這是很多人都沒有想過的事情。當大多數人正在等待著新的iPhone到手時,引起我注意的卻是微軟Windows Phone的metro UI。這次微軟Windows Phone的Metro UI還滿有趣的,所以除了設計師,工程師應該要開始接觸外,一些正在開發軟體或打算開發軟體的人們也該暫時把對Windows的偏見放一邊,花點時間來看看Metro UI的特別之處。

Metro是地下鐵(捷運)的意思,延伸的思考會讓人想到metropolis(大都市),在與UI做結合前,微軟就已經給予使用者們一個清晰的畫面-一個圍繞著大都市,連結著各個點的重要載具。而事實上,Metro UI也是根據微軟HQ位於西雅圖地區的King County Metro Transit裡的標示取得設計靈感的。

微軟這次把設計重點放在設計過程以及視覺設計上,所謂的metro是他們目前所寄望的現代設計語言,説的是:簡潔、輕巧、開放、快速(clean,light,open and fast)而設計元素所強調的是動態,內容,字型

簡潔、輕巧、開放、快速這些並不是新概念,但這次微軟要帶給大家的並不是要創造一個全新的界面(雖然看起來是很新穎),而是更進一步的發揮了Swiss Style (Typographic style)極簡風格(Minimalist Style)的特色,去除一切不必要的干擾:

  • 強調typography(文字/字型設計):利用字體的大小來區分內容的重要度。
  • 樸素的圖文:圖片以及icon都沒有沒有陰影、反光效果以及圓角。不需要留太大的邊框,讓文字做主角。
  • 強調畫面的轉變過程(transition):認為畫面轉換效果的重要性不亞於圖像的設計(Transitions are just as important as graphical design.)
  • 內容為主角:“Content not chrome”,也就是去除UI裡對程式沒有太大實質幫助的元素,將重點放在內容上,因為手機螢幕普遍都很小,而且都是需要觸碰操作,能化繁為簡是最理想的做法。
  • 改變空間的運用:不需要強迫性的把版面留白的空間填滿,保持簡潔,原因是因為情境設計的時候認為按鍵要好按又明顯,因此物件與物件之間建議餘留空間(留白)以免使用者誤觸。
  • **大膽使用顏色:**設計去除了邊框以及其他修飾的元素,但保留了最重要的色彩,大膽的顏色讓使用者的面板變得更有個性。雖然少了其他的設計元素,但運用了色彩配合字體的調整,讓內容依然可以層次分明。
  • **反應快速的動態磚(tile):**類似android將資訊直接呈現在面板上的方式,但是巧妙的用文字以及數字表達在每一個動態磚上,清晰傳達訊息之餘不會讓畫面看來太凌亂。

利用畫面的轉變以及內容為主的設計,試圖將使用者的注意力從多餘的裝飾上移到內容本身,讓使用者直接跟內容互動,強調所謂的“Contents is the UI”。

除了視覺上突破了過往微軟的刻板印象,為使用者著想的開發過程也讓微軟看齊來變得份外的貼心,Metro UI**聚焦在使用者的體驗,**想像岀一個具體的使用者,提供她/他與實際生活相關的功能。另外在User Experience Design方面也規劃岀一些嚴厲的規格,例如頁面底下的tool bar:

在上圖我們只看到3個,但事實上Windows規定最多可以用4個icon,所以建議設計師與開發者在設計的時候要慎選;另外menu的icon,基本規定是48px乘以48px,而各物件之間的最少距離是2mm。

以上是遲來的windows phone UI簡介,不知道大家目前對於windows phone的評價如何,雖然這次的設計概念很有現代感,但目前在中文語系地區接受到的評價似乎都是認為版面看起來很不習慣,以及看起來並不是像windows自己所描述的有美感,的確,windows phone在中文語系地區需要面對幾個問題,例如typography以及版面留白這兩個設計元素。字型設計原本應該是以歐美地區作為主要考量,而造字的方式會造成歐美語系的typography整齊美觀,但是中文化後:

觀感上的確造成了差異,原本理想是由文字的排列以及大小來營造層次的觀感,但是中文化後部份畫面的排版卻有些不平衡,而留白的地方也顯得突兀,人名直式的排列也看得不習慣。

另外過度留白的概念一直一來都是中文網頁避免的一種設計,因為會造成畫面空洞,而中文字型飽滿度不一也造成了不能像英文字母一樣能夠採用這樣的留白設計。暫不論使用者經驗,系統相容和app多寡的情況下,也許視覺設計太過與極簡就是造成metro UI在台灣沒有辦法立即受到使用者們青睞其中一個原因。不過,至少除了android和ios,大家又多了一個智慧型手機的選擇。

出自Inside部落格

往下滑看下一篇文章
從 CDP 到 Agent,beBit TECH 如何打造懂企業、懂行銷的 AI 代理人?
從 CDP 到 Agent,beBit TECH 如何打造懂企業、懂行銷的 AI 代理人?

當眾多 AI 新創仍將焦點放在追求更強大的模型能力,或尋找下一個成功案例時,beBit TECH 已開始思考另一個層次的問題:如何打造一家能夠持續成長、且具備規模化複製能力的企業級 AI 公司。

近期,beBit TECH 完成與日本 beBit 集團的戰略分拆,不僅確立台灣為全球總部,也同步完成逾億元首輪募資,並預計不久後啟動在台 IPO 規劃。然而,真正值得市場與投資人關注的,不單是分拆或募資本身,而是這一連串布局背後所釋放的訊號—— beBit TECH 已正式跨越產品與市場驗證階段,邁向規模化擴張的新成長階段。

而產品、產業應用及海外市場,就是驅動 beBit TECH 下一階段成長的三大引擎。beBit TECH 創辦人暨執行長陳鼎文表示, 未來將聚焦三大布局,包括持續深化企業級 AI 產品、擴大跨產業應用版圖,以及拓展日本與東南亞等海外市場。首先,在產品面,將持續強化 AgentBit 智慧代理人的能力,結合 OmniSegment CDP 的數據底座與產業 Know-how,打造真正懂企業、懂行銷的 AI Agent。

beBit TECH 創辦人暨執行長陳鼎文
beBit TECH 創辦人暨執行長陳鼎文
圖/ 數位時代

產品布局:從理解數據的大腦,進化為「自主執行」的虛擬員工

陳鼎文進一步說明,近年企業紛紛導入各種 AI 或 AI Agent 應用,希望提升營運效率與員工生產力,但 AI 能否真正創造價值,關鍵並不在模型本身,而是資料品質。若企業的會員資料分散、格式不一致,甚至充滿錯誤,即使導入再先進的 AI 模型,也難以產出可靠的分析與決策。換句話說,企業唯有先建立穩固的數據底座,才能真正發揮代理式 AI 的價值。

正因如此,beBit TECH 選擇將 AgentBit 建立在 OmniSegment CDP 上,形成以 CDP 為數據底座、Agent 為執行核心的新一代企業級 AI 架構。陳鼎文形容,OmniSegment 就像一顆智慧大腦,可以完成跨通路數據整合,並進行資料清理與標準化,而 AgentBit 則是智慧代理人,它可以根據 CDP 大腦所提供的數據做出決策,自主完成受眾分群、內容生成、活動執行、成效監測與優化建議等行銷工作。

更重要的是,OmniSegment 多年來已累積眾多不同產業的實戰經驗與行銷 Know-how,使 AgentBit 不只具備內容生成的能力,更理解不同產業的會員經營模式與行銷邏輯,能依據企業情境挑選最適合的受眾、生成更精準的溝通內容,並持續優化策略。

以中秋節的節慶行銷活動為例,當過去行銷人員必須自行篩選受眾、撰寫文案,再依據活動成效反覆調整策略,整個促銷活動期間都要處於備戰狀態;如今,只要以自然語言輸入活動目標,AgentBit 即可串接 OmniSegment 的數據,自主完成後續工作。當行銷成效未達預期目標時,它還會持續分析結果、修正策略,直到找出轉換率更高的路徑為止,真正讓企業累積的數據,轉化為持續創造營收的智慧資產。

讓數據自己跑出營收!AgentBit 結合 CDP 乾淨數據與實戰 Know-how,只需輸入指令即
讓數據自己跑出營收!AgentBit 結合 CDP 乾淨數據與實戰 Know-how,只需輸入指令即可全自動執行行銷並自主優化成效,打造不斷線的 AI 營收引擎。
圖/ beBit TECH

市場布局:以電商護城河,打造 OMO 與金融雙成長引擎

其次,在產業應用面,beBit TECH 將持續擴大在實體零售、生活服務與金融業的市場布局。「電商是 beBit TECH 的核心基本盤,而實體零售與金融業則是我們下一波的成長引擎。」陳鼎文說。

beBit TECH 成軍初期聚焦於品牌電商,透過客戶數據平台 OmniSegment CDP 協助客戶整合並應用手中的第一方數據,提升會員價值與營收。至今,beBit TECH 已累積上百家品牌電商客戶,並在不同產業情境與應用需求中,持續驗證及優化 OmniSegment CDP 的產品能力。這些豐富的導入經驗,讓 beBit TECH 更深入掌握企業在數據應用上的實際痛點,進而推動產品與 AI 模型持續迭代成熟, 築起一條競業難以跨越的數據護城河。

有了電商戰場的成功經驗,beBit TECH 開始將目光投向線下與實體場域,運用 OmniSegment CDP 協助零售品牌打通線上與線下的會員數據,真正做到跨通路的數據即時整合,讓 OMO 經營不再只是口號。

過去一年,beBit TECH 更成功將觸角延伸至同樣擁有龐大數據的金融業,包括國際保險集團及指標金控,皆已導入 OmniSegment CDP,由系統依據客戶在不同通路的行為,即時判定其意圖並推薦最合適的金融產品。這意味著金融業也能運用電商「千人千面、即時觸及」的行銷模式,一改過去亂槍打鳥、只能照著名單一一撥電話的傳統做法。

「金融業的 AI 個人化行銷現在才剛開始,beBit TECH 能與多家指標性金融客戶合作,代表我們的數據安全和隱私合規性,已經通過了市場上最嚴格的標準,這對於未來跨足其他產業有非常大的幫助。」陳鼎文強調。

海外布局:立足台灣,加速拓展日本與東南亞市場

第三,在海外發展上,則是加速拓展日本與東南亞市場。陳鼎文表示,相較於多數台灣新創進軍日本市場,往往需要一、兩年才能站穩腳步,beBit TECH 憑藉與日本 beBit 集團的緊密合作,已經成功「逆向」打回日本市場,短短兩年多便累積超過 30 家大型企業客戶,涵蓋航空、餐飲集團等不同產業,未來日本仍將是 beBit TECH 拓展海外營收的核心關鍵。

除了日本之外,beBit TECH 也將東南亞視為下一階段的戰略要地。一方面,看好當地人口結構年輕與數位應用快速成長所帶來的商機;另一方面,隨著全球 AI 人才競爭白熱化,東南亞更是重要的人才庫,有助於 beBit TECH 持續推動產品全球化與技術迭代。

「我們希望將 beBit TECH 打造為『亞太區企業級 AI 的領導品牌』。」陳鼎文感性表示,這也是團隊確立將全球總部設在台灣的初衷。未來,beBit TECH 將持續以台灣為核心,向外輻射至日本、東南亞、甚至更廣泛的國際市場,讓世界看見來自台灣的 AI 技術實力與商業價值。

從台灣品牌電商起家,一路跨足實體、金融、日本與東南亞市場,beBit TECH 想做的不只是一套好用的 AI 工具,而是一個能讓企業把數據轉化為營收的企業級 AI 平台。當全球 AI 競爭開始從模型能力,轉向商業化與規模化,這家台灣新創正用清晰的策略布局,寫下屬於自己的下一個成長故事。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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