連Instagram和Uber都被痛宰的一役——icon設計的小方格大學問
連Instagram和Uber都被痛宰的一役——icon設計的小方格大學問
2016.07.29 | 3C生活

大家都說人要衣裝。而一款程式寫得漂亮、UI設計優秀的App,更需要一個好的icon設計來吸引使用者目光。不過,當App不得不改變使用已久的icon時,怎麼做才能讓使用者心悅誠服地接受呢?

5月11日,用戶評價向來都是優等生的照片分享社群Instagram意外踢到鐵板。這一天,Instagram發布了最新版本,將icon設計從懷舊復古風轉為扁平簡化,配色也變得多彩繽紛。但是沒想到,這個據說花了九個月設計出來的新版本,發表之後卻被使用者嫌得一塌糊塗。「把原本的設計還給我!」、「我討厭這個設計!」才一瞬間,Instagram就從人見人愛的寵兒變成討厭鬼,負面評價一直到了兩周後才平息。

圖說明

小方格傳達了品牌精神

也許你會說,一個App的下載量多寡,最終還是跟App服務本身是否能滿足使用者的需求有關,icon只是入口,設計哪有那麼重要?關於這個問題,或許我們可以先從數字來看。

截至去年7月,Google Play上已有160萬個App,而App Store上也有150萬個App。現今App多如繁星,功能也不斷推陳出新。以叫車來說,Uber有的服務Lyft也有,使用者為何非得留在這裡?尤其在這個手機不離身的時代,使用者每天和手機相處的時間,很可能比自己的家人或親密伴侶還長,在手機容量有限的狀況下,當然要選擇看得順眼、舒服的App。更重要的是,icon設計雖然很小,但是卻具體而微地展現了品牌精神。因此,如何在有限的空間裡和使用者有效溝通,是每一個App開發商都必須認真思考的事。

icon設計的三大趨勢

圖說明圖說明圖說明

改變設計比行銷更直接

2004年成立的KKBOX,十幾年來其實也經歷好幾次改版。從剛開始的半透明立體icon,一路演進到目前的扁平化版本,KKBOX的改變不脫原本的設計脈絡,盡量壓低使用者面對轉換的心理門檻,不讓驚喜變驚嚇。另外,KKBOX亞太區行銷副總簡怡萍也強調,每次改版,除了因應當下的設計趨勢,其實還對應了公司的業務發展。比方說2012年全面翻新企業識別時,主要為了新推出的社群功能「一起聽」,而2013年的小改版,則是因為新的票券服務KKTIX問世。

「我們不會因為覺得原本的設計不好看或是設計趨勢而改,而是因為新的紀元來臨,公司要從裡到外改變。」簡怡萍表示,一般做品牌可能會拍一支廣告,讓幾十萬人看到,但是當會員每天打開App,看到顏色和排版,等於親自體驗產品的改變,「這些比我們在外面做行銷活動更直接。」

不過,使用者不喜歡新設計,真的是因為它們長得不好看嗎?倒也未必。更多時候,是因為品牌和消費者之間的溝通做得不夠,沒辦法讓使用者充分理解品牌更換icon的用意。

讓使用者理解為何而改

對於Instagram和Uber引起的反彈,UNFOLD技術與創意總監吳逸文就認為,與其說使用者是不喜歡新設計,不如說是因為他們「無法理解為什麼要改,所以才反彈。」他指出,Instagram和Uber發表icon更新時,也附上許多必須改變的理由。因此,他建議,開發者或設計師可以多吸收這些資源較多的開發商為什麼會做出這些決定,為什麼跨了這麼大膽的一步的原因,而不是單純靠自己的感受去評斷優缺點。

此外,iCook愛料理產品設計Anderson也指出,企業更換icon設計,就像是認識一個人很久,而對方突然想要改造自己的形象一樣。改造之後,可能你還認得出對方,但是他多了一些新東西可以吸引你的注意力。另外一種可能是,你一下子認不出對方,但是會比以前更喜歡新的形象。「前者也許比較無痛,但也相對保守。可是如果是整個品牌識別需要大改,通常會希望是後者,而這種狀況下就不太可能完全無痛接軌。所以,你需要足夠的論述,去說服和轉移使用者的注意力。」畢竟,icon設計本來就是一種溝通的工具。誠意做足了,使用者才可能繼續對你愛不釋手、不棄不離。

這些服務可以幫你的設計加分

Moburst

圖說明
行動應用行銷機構,專門提供App開發者如何提升留存率、變現方法以及遊戲化等諮詢。

Tune

圖說明
行動應用諮詢機構,提供App Store排行分析與優化建議、App內行銷測試和使用者分析等服務。

Dragonfly

圖說明
軟體數據開發商Black Swan和倫敦瑪莉皇后學院共同開發,用視覺追蹤熱圖分析icon。

PickFu

圖說明
提供A/B Testing服務,開發者上傳icon設計後,可以得到來自其他使用者的回饋,幫助決策。

關於icon,專家這麼說

Localytics前資深行銷經理

黛安娜.厄本Diana Urban

你的App永遠都在和其他人的App競爭,所以最好要創造出使用者馬上就可以辨識出來的icon。另外,記得選擇鮮豔活潑的顏色,並且確保在不同顏色的桌布上都很好看。

KKBOX設計部資深經理

林郁哲

判定一個設計好壞,要看它想傳達的是什麼。你可能會覺得清心福全的招牌很醜,但也許是要告訴你,這個東西隨手可得、便宜,品質又不錯,這樣就成功了。另外不要一次在icon上說太多事,只要產品好,後面都有機會修改。

UNFOLD技術與創意總監

吳逸文

好的icon就跟好的logo一樣,沒有標準條件。但外觀風格與圖形必須能夠凸顯這個App製作者想傳達的意圖。以Instagram來說,它從原本的風格平面化、簡單化,試圖在融入OS風格與凸顯自己之間取得平衡。

蘋果用戶體驗工程師

麥克.史特恩Mike Stern

最好使用簡單且獨特的圖形,並確保你的圖示不論在各種尺寸縮放時都能保持清楚的識別度。另外不要濫用顏色,只要一到兩種就夠了,放上太多顏色很難成為優秀的icon。

iCook愛料理產品設計

Anderson

icon要符合你的品牌識別guideline。但如果還沒有明確的規範,可以作一些小調整,讓logo在icon的空間內獲得比較好的呈現效果。另外,icon和UI如果可以符合平台的慣例,會讓你的App更像是為該平台量身訂做。

網頁及icon設計公司Creative Freedom創意總監

亞當.派瑞許Adam Parrish

如果你的App是屬於社交服務,那麼你必須在icon上表現出自己的品牌或產品精神。如果你的App功能性很強,例如通訊服務、拍照軟體等,icon就必須要能展現出產品的功能。

軟體開發商Realmac Software創辦人暨設計師

丹.康賽爾Dan Counsell

可以試著將icon的主色和UI的顏色相互搭配,提供視覺上的連續性。使用者可能不會特別注意到,但是這會帶給他們更完整的體驗,覺得你的App設計經過精心打造並且很專業。

攝影/郭涵羚
本文出自:@@BOOKID:126800@@

延伸閱讀:

關鍵字: #app
往下滑看下一篇文章
看見「電話」的數位轉型契機:有河科技3大優勢,打造AHOY雲端總機服務
看見「電話」的數位轉型契機:有河科技3大優勢,打造AHOY雲端總機服務

數位轉型人人都在談,但你有想過,辦公室裡那支「電話」,升級了嗎?

隨著數位轉型成為企業生存的基本功,中小企業紛紛導入各式雲端服務,包括 ERP、CRM 到協作平台等,卻常常忽略最基本、卻最高頻的工具——通訊系統。事實上,當行動、遠距與多據點辦公成為常態,傳統總機不僅建置與維護成本高、佈線不易,更無法滿足企業靈活運作的需求,成為數位轉型中最容易「卡關」的一環。

也因此,雲端總機迅速崛起,成為企業溝通的新基礎設施。它不只是把「打電話」這件事搬上雲,更讓企業擁有隨時、隨地、跨裝置的溝通能力,真正落實以效率為核心的數位轉型。

很早便洞察此一趨勢的有河科技,以自行研發的 AHOY 雲端總機服務切入市場,短短幾年內便累積近 3,000 家企業用戶,其中高達六到七成來自客戶主動推薦——顯示其服務品質與系統穩定性深受用戶肯定。2025 年上半年,營收更較去年同期成長 16%,在競爭激烈的 B2B SaaS 市場中穩步擴張,展現出強勁的產品實力與市場潛力。

從底層架構開始,打造真正為中小企業而生的雲端總機

提及當初切入雲端總機市場的原因,其實是有河科技創業團隊從實務觀察出發,轉化為產品創新的成果。

「父親本來就在電信領域,而我們一家都有宅男基因,兄弟三人從小就對寫程式很有興趣。」有河科技創辦人 Hank 開玩笑的說,也因此創業初期便以異業合作開發模式,雖能發揮電信系統專長、案件金額相對高,卻也受限於合作方技術本身的瓶頸,或是發展方向的不一致。

為此,有河科技開始思考下一步發展,「我們想跳脫客製化電信系統開發的框架,打造能直接面對市場與客戶的產品。」Hank 坦言,這樣的想法促使他們決定結合父親多年來在電信領域累積的經驗,切入雲端總機領域,發展可長期經營的 SaaS 服務。

有河科技02.JPG
有河科技 Hank
圖/ 有河科技

有河科技另一位共同創辦人 Henry 進一步說明,當時市場上雖已有部分業者推出雲端總機服務,但多半是傳統電話總機的延伸應用。這些業者將國外第三方開源軟體整合至自家的電話交換機產品中,讓客戶可以透過手機接聽公司電話。

「但這些廠商本身擅長的是硬體,不具備軟體開發能力,無法提供完整、穩定的雲端解決方案。」Henry 說,更關鍵的是,企業仍需購買硬體交換機與佈線,才能使用行動分機、內外線錄音等雲端總機功能。「這對新創公司或小微型企業其實很不友善。」Henry 坦言,許多中小企業其實只是希望客戶來電時,可以有一段簡單的語音歡迎詞,建立專業形象,但傳統總機高昂的設備與維運成本,卻讓這些簡易需求難以實現。

有河科技03.JPG
有河科技 Henry
圖/ 有河科技

正因如此,有河科技決定從底層架構開始出發,打造一套高品質、易上手且低成本的雲端總機服務,企業不必添購任何硬體設備,也無需佈線,透過 app 或瀏覽器就能即時接聽與撥打公司電話,實現真正的雲端通訊轉型。

為了實現此一理念,有河科技從底層架構到前端應用,皆選擇自行研發,並在過程中建立起三大關鍵優勢,成為其在市場中脫穎而出的基礎。

優勢1》從硬體到軟體的一條龍架構,確保通訊品質

「建構一套語音系統並不難,難的是讓它穩定、清晰、不中斷,」有河科技共同創辦人 Ian 舉例指出,通話中偶爾出現的海浪聲、波浪聲等,不是單靠軟體就能解決,必須有足夠的電信產業 Know-how 和技術,才知道如何排除問題。

有河科技植基於一代在電信領域的技術、經驗與人脈,結合新一代的軟體開發工程概念,不僅奠定自身在雲端通訊系統的穩固基礎,更能打造從伺服器、後台到前端 app 的一條龍架構,確保每一個環節都能做到最佳化整合。

這種從基礎建設到應用層的全面掌控,不只是技術整合能力的展現,更讓有河科技在眾多雲端總機服務中,建立起一道高品質、高彈性的競爭壁壘。

優勢2》從零打造前端 app,用戶需求即產品動力

在前端 app 上,有河科技選擇從底層開始重新構建 app,而非像多數同業僅使用既有開源軟體或代理第三方軟體,確保未來在功能擴充與版本更新上的自主性與彈性。

「我們很多功能其實都是客戶給的建議,」 Ian 分享,只要客戶提出功能需求,內部就會評估是否具有普遍性,若評估後發現可以滿足八成以上客戶的使用需求,就會主動投入開發並進行系統更新,提供給所有客戶使用。

這種用戶驅動的產品設計思維,不僅讓功能更貼近實務需求,也讓有河科技可以將開發資源集中在最具價值的地方,持續強化系統的共用性與延展性,打造出真正能隨企業成長而調整的雲端通訊平台。

優勢3》彈性 API 整合,支援多元通訊情境

有河科技的軟體研發能力,不只能夠與時俱進的更新產品,還能根據企業需求彈性整合 CRM 等各種系統或客製化開發特殊服務,打造多元化通訊場景。

舉例來說,外送或代駕媒合平台希望提供號碼遮罩(Number Masking)機制,保障司機與用戶的個資安全,有河科技便為此進行開發,當司機在與客戶聯繫時,客戶手機上只會顯示公司的代表號,之後若客戶回撥,AHOY 也能將來電導至接單司機,達到保護隱私又不中斷溝通的雙重目標。

又或是與 LINE API 整合,可以將既有官方帳號商家的通話,直接升級成專業雲端總機系統等級、甚至可以一併介接各家不同特色的 AI 文字客服以及 AI 語音客服,即時產生逐字稿並進行服務品質情緒分析。

在許多企業還將總機視為「基礎設施」時,有河科技早就運用 AHOY 雲端總機服務,重新定義企業與客戶、內部團隊之間的溝通方式。

隨著企業通訊越來越重視彈性與效率,有河科技運用 SaaS 模式與與技術實力,悄悄搶下這波通訊革新的先機。未來,有河科技將聚焦在 WebCall 網頁電話整合介接與 AI 客服兩大應用場景,不僅讓用戶能在 LINE 官方帳號或網站上直接使用 AHOY 通話,也希望藉由異業合作導入更多元 AI 應用,提升服務效率與回應品質,打造更聰明、更好用的智慧通訊平台。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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