哈嘍小夥伴們~今天給大家推薦一篇實用乾貨文章，作者研究了25種流行的iOS應用程序的主界面，為我們闡述了文本量對UI設計的重要性，更為我們揭露了一個神奇的數字：36%，為什麼大多數app的主界面文本量都是36%？文本量和用戶體驗之間有何聯繫？如何站在設計原則的角度決定我們UI中的文本數量？相信一定會對大家有所幫助哦~

原文內容

移動應用主宰了我們的數字體驗。2019年，人們從谷歌和蘋果應用商店下載了2040億次，平均每個人就有25個移動應用程序。

而我在手機上安裝的APP比這多得多:最新統計有161個。我嘗試過各種應用程序，從電影、音樂到天氣和地圖，社交、銀行、旅遊、地方服務、健身、烹飪，還有很多遊戲，甚至政府開發的應用。除了代碼、視覺效果和交互之外，它們還有什麼共同之處呢?

文本。每個APP至少包含一些文本。文本包括界面控件、導航標籤、搜索提示等等。文本向我們介紹了每一個應用的名字、如何工作、以及它們提供了什麼服務和免責聲明等等。總的來說，文本在幫助我們從APP中獲取價值方面做了大量的工作——如果沒有文本，你將很難使用它們。

那麼，既然文本對於我們使用APP的體驗如此重要，為什麼我們對它在界面設計中的作用卻視而不見呢?我認為，之所以文字太常見了,所以我們已經習慣性的忘記了它為我們所做的一切。

一、分析方法

我創建了一種方法來確定APP中顯示文本的空間大小，首先使用200個單元格的網格，並計算有多少單元格包含字母、數字、單詞或其他語言位。其次我分析了25個流行的iOS應用程序中的首界面文本量，這些APP跨越各種不同的用例(如社交媒體、零售、服務、個人理財等)。

下面是 Apple Music的文本佔比:

Apple Music的iOS應用程序的主界面上約有36%的內容是文本。

但是除了這些APP使用了多少文本之外，我還想知道更重要的一點：一個界面最佳的文本量應該是多少?

二、計算結果

結果顯示，iOS應用程序主界面的平均文本量為36％。從Snapchat的3.5%到Ticketmaster的57.5%，大部分APP的文本量都聚集在30％到40％之間。也有一部分特殊應用的文本量高於平均值如：谷歌地圖(44%)、Paypal(47%)和Uber(50.5%)。

並且從下圖來看，當拋掉樣本中不夠典型的最高和最低值後，大部分應用界面的文本空間佔比都非常相似。一半以上的應用程序都使用了其界面面積的30％至40％之間的文字量：

三、不同類型APP平均文本量

但也並非所有APP都是平等創建或具有相同目的。因此，它們顯示的文本量因用例而異。

例如，諸如PayPal（47％）和Revolut（35％）之類的個人理財應用程序在其主界面中使用大量文本來顯示有關帳戶，近期交易和活動的信息。同樣，專注於零售的應用（例如亞馬遜（31.5％）和eBay（33％））以及服務（例如Deliveroo（33.5％）和Uber（50.5％））通常需要顯示更多文本，才能為用戶提供更即時和詳細的信息。其中谷歌地圖（44％），斯特拉瓦（41％）和優步（50.5％）等專注於地圖的應用顯示的文字最多，因為所有元數據都以標籤的形式出現，這有助於人們進行自我定位。

另一方面，社交媒體應用（尤其是Snapchat（3.5％），TikTok（16.5％）和Instagram（20％））保留了大多數界面，以共享個人視頻或圖像而不是文本為主。即使該媒體包含文本，它通常也會在體驗中扮演次要角色，例如導航或上下文。Fitbit（29.5％）和Strava（41％）等活動跟蹤應用更傾向於顯示活動數據的可視化，而不是用文本或語言表示該數據。

以下是不同類型應用文本量測試的平均結果：

• 社交媒體：（Facebook，Instagram，Snapchat，TikTok，Twitter，YouTube）26.4％
• 健身：（Fitbit，Strava）35.3％
• 旅行:(愛彼迎，瑞安航空）35.5％
• 音樂和音頻：（Apple Music，Spotify，Stitcher）36.3％
• 流媒體：（Apple Music，Netflix，Prime Video，Spotify，Stitcher，YouTube）38.8％

• 服務：（Airbnb，Deliveroo，Uber）40.5％
• 零售：（亞馬遜，eBay，Ticketmaster）40.7％
• 個人理財：
  （PayPal，Revolut）41.0％
• 地圖和交通工具：（斯特拉瓦，谷歌地圖，優步）45.2％

四、如何選擇最佳文本量？

對於在APP界面中使用的最佳文本量問題，其實並沒有一個千篇一律的答案，因為它始終與APP提供的服務相關。

但是為了檢驗這個假設，我還是根據這些APP的下載量、流行度和評分做出了一些分析。

應用下載量和文本佔比分析：

應用程序商店評級和文本佔比分析：

從上圖中可以發現，雖然文本佔比對應用下載量和商店評級都沒有非常直接的聯繫，但總的來說，我最大的發現是，

我需要研究更多的應用才能證明這一點，但是我的理論是，應用程序開發人員不應將首頁文字的佔比率降低到30％或40％以上，除非他們將注意力集中在特定用途上例如低端的社交圖片/視頻或高端的新聞/財經。

任何公司在開發一款新應用程序時，如果使用的文本不是界面空間的30-40%，都應該仔細權衡這一決定，並通過研究和測試加以驗證。那麼，我們應該如何根據這些結果決定應用中顯示的最佳文本量呢？

五、從原則出發分析

你可能已經注意到，在我研究的所有應用程序中，Snapchat是一個明顯的例外，它的主界面只使用3.5%的空間來顯示文本:

這種文字佔比較少的界面需要更多的審查，比如我最近研究的應用程序TikTok，它的主界面使用了16.5%的空間來顯示文本。這就引出了一個問題:應用程序開發人員應該如何決定顯示文本的數量和質量?

我們應該從原則出發做出這些決定，以便我們可以避免已知的問題。例如，我們的內容設計原則是

Snapchat則遵循了類似的原則，它會以相機視圖打開，因此用戶可以儘快創建快照。看到別人的快照是創建自己的行為的第二要務。

與此同時Ticketmaster的文本量最高，佔主界面的57.5%。這不僅因為該應用主要用於零售服務，還特別因為Ticketmaster使用了帶有大字體的海報式圖片來銷售賽事門票。因此與 Medium（51.5％）相比，它使用了更多的空間來顯示文本。

另一個內容設計原則來自Simon Sinek：“從為什麼開始。” 該原則提醒我們，在對內容進行詳細說明之前，我們應該首先提供給人們的價值（以及提供價值的動力）。

我們會在eBay的APP中看到這一原理的作用，其中用於消息傳遞（而不是搜索或導航）的第一個文本是一個高對比度的banner，這使人們可以放心地出售他們的物品並每月獲得100個免費物品。

我想這解決了eBay在研究中發現的兩個問題：賣方不願列出商品，原因是：1）對買方缺乏信任；2）創建列表的費用。這些因素可能會使banner廣告在新用戶打開應用程序時成為最有價值的信息。

最終內容設計原則受到史蒂夫·克魯格（Steve Krug）的啟發：“不要讓我思考！” 這意味著我們要儘量消除歧義，要清楚，並避免思考。我們要使用通俗易懂的文案，以便讓用戶一眼看到最重要的信息。

Netflix應用是一個很好的例子，如下圖所示，該程序的主要關注點是Derry Girls的標題。該標題是Netflix除導航之外顯示的第一條消息，並以超大的文本顯示，該文本佔整個屏幕的8％。為了進行比較，請回憶一下Snapchat的所有UI文本僅佔據屏幕的3.5％。Netflix打算用這些大字吸引用戶的注意力，這是正確的。

六、文字對設計至關重要

因此，APP主界面中36％的文本量雖然僅佔總空間的三分之一。但考慮到移動應用界面的空間很小，因此佔據界面三分之一的任何東西都必須足夠有價值。

並且，文本不僅是傳達消息的一種手段，它還充當界面本身。因此如果你需要從移動應用程序中刪除界面文本，那麼就很容易讓體驗變得混亂。Mig Reyes於6年前在臺式機網站上進行了這項實驗，他分享的教訓如今仍然適用於當今的移動應用程序：“ 文字對設計至關重要。”

這是帶有和不帶有界面文本的Revolut應用程序。你認為哪個更好？

如果UI中沒有文本，大多數應用程序的價值就會大大降低……或者完全無法使用!唯一的例外似乎是Snapchat和TikTok等以相機為先的應用，它們的首界面只有少量的界面文字。但是“相機優先”並不意味著“相機唯一”——這兩個應用程序都有更深層的界面(如個人資料、好友列表、設置等)，這些界面的文本內容非常多。即使表面上沒有太多的文本，它仍然在整個系統中佔據主導地位。

因此，當大多數應用程序設計團隊將大量時間花在格式塔原則、圖標、調色板、排版和“好看”等事情上時，他們應該記住，語言也是設計材料。它是指導我們的應用的基礎設施——不僅在諸如啟動或錯誤狀態之類的信息流程，還包括整個用戶旅程。

為了建立有意義的體驗，產品團隊應該與界面的其他部分一樣，甚至更多地關注文本。畢竟，語言並不能分散你的注意力。

這是經驗。

閱讀更多 每天學點視覺YX 的文章

關鍵字: 億次 Paypal iOS