在一個老外微信PM的眼中，中國移動App UI那些事兒

本文編譯自Dan Grover的博客，他如今是騰訊微信的產品經理。如下是他從舊金山搬到廣州後的近半年時間裏，在試用過微信微博等中國主流移動App後，總結出的中美App在設計理念上的差別，並對中國移動App UI的發展趨勢給出了本身的見解。

今年夏天，我從舊金山搬到了廣州工做，成爲了微信的一名產品經理。

搬到一個陌生的國家意味着許多事情要從頭學起：好比要講外語、適應飲食習慣差別等等。然而不到幾個月我就驚訝地發現，開頭我特別不習慣的東西對我已經是輕車熟路。

個人數字生活也經歷了這樣一個過程。我卸掉了全部我曾在舊金山用過的應用，換上了這兒的人們經常使用的，首先我做爲科技人士原本就好奇心強嘛，再說我來到這生活，固然越「本土化」越好。

有一天，我想找點樂子玩，因而我就在本身的筆記本里一條條列出「中國製造」的這些應用和我在美國用的那些有何不一樣。寫完才發現列了這麼長，因而我決定專門寫一篇文章，進行一個系統的分析。

複雜的中文輸入

·拼音的模糊匹配

中文的輸入法千差萬別，拼音、手寫、五筆到九宮格輸入。不一樣年代、不一樣成長環境的用戶會選擇不一樣的輸入法，但總的來講，拼音最受歡迎。

但在中國的網站和 App 上，無論是什麼操做系統，你只需輸入拉丁字母，不用打出漢字，就能獲得大量的中文搜索結果，經過智能糾錯和模糊音功能，即便有錯別字也無傷大雅。一旦適應了這種模式，就會不禁得感慨：爲何其餘國家的 App 沒有這麼人性化呢？

雖然說這些應用處理各類漢字輸入已經沒什麼問題，但不多支持英文的模糊輸入，好比使用詞幹提取和探測法等便能處理變音符、標點符號和大寫等問題，固然，對於這一現狀也情有可原。

·語音信息、語音搜索和語音助手

若是語音可以簡單粗暴地解決問題，那還要打字幹嗎？在微信一類的 IM 應用中，語音信息的使用隨處可見，發語音省掉了打字的麻煩，也爲那些對電腦一竅不通的老一輩人帶去了便利。其實我我的並不熱衷這種交流模式，總以爲停下手 頭的活兒來聽取語音信息遠沒有瀏覽文字來得方便，用語音回覆也讓我很不自在，尤爲是在公衆場合，看起來很有裝腔做勢的嫌疑。

不過，在中國，人們彷佛很習慣在公共場合發送語音信息。一邊用拇指摁着「錄音鍵」一邊微微低頭對手機說話的人羣隨處可見。除此以外，不少應用也支持語音搜索。於今年 5 月加盟百度的人工智能科學家Andrew Ng博士在最近一次訪談中便表示：如今語音搜索已佔百度搜索的 10%。

·二維碼

在動身前往中國前，我曾在舊金山作過關於美國用戶習慣及喜愛的調查，並不失時機地亮出二維碼，看他們是否知道那是幹什麼用的。一個女大學生笑道：「這玩意兒是否是那種，用相機照一下就能打開什麼神祕網站之類的？」

還有人說他們曾嘗試用相機 App 拍了張二維碼的照片，但發現沒什麼反應，後來就再也沒用過。「大概是購物優惠券之類的吧」有人猜，甚至擔憂手機會所以中病毒什麼的。我把他們這些反應錄下來給我同事看，告訴他們其實二維碼在美國一直都沒流行起來。

中國人對二維碼就徹底不陌生了。實際上，二維碼幾乎無處不在——廣告、宣傳冊、菜單、名片、優惠券、列車的椅子靠背甚至廁所門後邊。絕大部分 App 都有二維碼掃描功能。打印在廣告、宣傳冊上的二維碼也許只適用於某個特定的 App，中國的微信、微博以及其餘 App 上都有與特定連接捆綁的二維碼，不過不一樣 App 這間可能並不兼容。

而二維碼的下方每每會出現「掃一掃」三個漢字，也就是掃描的意思。我挺喜歡這個動詞的，至少比咱們的「scan」強，scan 容易讓人想起醫療設備什麼的。在這裏，二維碼不只僅是一種營銷渠道，還能夠用於添加好友，支付商品或登錄網站。

紅色小圓點

在中國，衆多 App 的 UI 每每獨樹一幟地共用同一種元素——一個表明未讀內容的紅色小圓點。看起來跟 iOS 系統 UI 上那種紅色圓點類似，很眼熟，只是沒有數字標識。實際上，美國 App 的 UI 從未用過這個元素。這些紅色的小圓點在 App 的菜單上隨處可見，從左到右、從上至下。一般，若是用戶過一段時間再打開某個 App，就會每一個頁面上都有它們的身影。

這些小紅點的意思是：

A. 該處又有了新內容：在社交媒體新聞、電影、音樂或購物 App 中很常見，實際上並不須要用戶執行特別的操做，也沒必要顯示具體的數字，只是提醒他們有新的內容出現了而已。
B. 新功能上線：在 App 中常伴着醒目的紅色「New」或「新」的字樣。
C. 在用戶屏蔽了應用的消息通知功能時出現。舉個例子，微信聊天被屏蔽後，新消息以紅色圓點而不是數字的形式顯示。

不少 App 同時使用紅色圓點和數字兩種通知模式。這算是排列優先級的新發明，由於越複雜的菜單結構就須要越精細的方法去引導用戶。通常來講，在同時顯示兩種元素的狀況下，數字會被優先點開。不過，這也加重了人們玩 App 上癮的狀況。

3. 簡約美、門戶網站、平臺

Richard Gbariel 的經典論文《The Rise Of 「Worse is Better」》第一次將軟件設計中兩種截然相反的觀點進行了對比。來自貝爾實驗室（Bell Labs）的 UNIX 操做系統和 C 語言例證了「Worse is Better」的觀點，傾向於簡單小巧、原汁原味並能彼此協調的工具。而由麻省理工學院開發的 Common Lisp、Scheme 和 Emacs 則例證了相對立的觀點——「The Right Thing/Better is Better」，後者更傾向於龐大而全面的綜合解決方案。

美國本土 App 的演變趨勢是將大而全的應用分解成許多專一於單點功能的應用，其哲學更接近於「Worse is Better」。但中國這邊的應用則選擇了相反的方向。每一個應用都在盡力集成愈來愈多的功能——有些與核心功能融合得頗爲巧妙，有些就顯得沒怎麼通過大 腦。我只能認爲，他們這樣作是爲了吸引眼球，或者擴大目標用戶羣。

到這兒我想起來幾個例子：

微信之於WhatsApp，簡直就是Emacs和VIM的差距。除了用來發消息，還能進行視頻通話，新聞訂閱， 能支付，有個相似印象筆記的收藏夾功能，有遊戲中心（有本機遊戲），基於 LBS 的找人機制，有相似 Shazam 的歌曲識別服務，還有一個客戶端。美國著名軟件工程師 Jamie Zawinski 認爲，郵件是全部程序必備功能之一，不然就會被其餘帶有此功能的產品所替代，而微信中偏偏有內置的郵件客戶端。此外，微信的公衆號甚至能實現用戶跟服務供 應商的對話，而無需另外下載官方 App。

百度地圖有查詢天氣、搜索好友、旅行嚮導以及各式各樣的支付服務；騰訊地圖則能夠發送音頻明信片。兩個 App 均有二維碼掃描功能，提供相似「高朋團購」的便捷服務。

中國版的「Twitter」——微博則更爲強大，如今用戶能發佈 10 種不一樣類型的內容，從長微博到餐館點評，另外，它也推出了支付功能。

在美國，像雅虎那樣一應俱全的「門戶網站」在 2000 年左右就已經不行了。相似的新浪、網易、hao123 以及騰訊新聞等同類網站卻在中國發展得火熱。雖然「常規」App 已具有了門戶網站的所用功能，但不少門戶網站也推出了本身的 App，至關一部分都很是受歡迎。

·側邊欄「Discover」

美國 App 中一些難以分類的條目每每放在同一個類別中（好比「設定」和「幫助」選項等等），形式大同小異。一般把它們放在最右的「More」選項卡下（帶有省略號圖 標），有時候歸類到側邊欄（Hamburger Menu）裏，有時候像 Facebook 同樣藏在側邊欄的「更多」標籤下。

中國應用們有時候也這樣使用「更多」選項卡解決問題，但更常見的仍是歸類到底部導航欄的「發現」卡片。「發現」的圖標一般是指南針的造型，整合了一串有趣、但又並不是核心功能的內容。

·五花八門的應用商店

不少 App 可以跳轉到其餘遊戲或者 App 的下載界面，好比說連接到 iOS 的 App Store，或者乾脆直接下載安裝（OTA Install）。這種與流行 App 合做的模式爲不少第三方應用商店增添了很多人氣。

Android 有超過 10 家大型應用商店。一款 App 的上線和升級須要在每一個應用商店一一操做。在 iOS 上除了 iTunes 也有其餘商店，我見過有個叫「蘋果助手」的，下載時得使用自定義配置文件。此外鑑於仍是有不少越獄 iPhone 手機，Cydia 很受歡迎。

> 賬號和登錄界面

·手機號碼和驗證碼登錄

美國網站和 App 一般採用兩種登錄模式，一是傳統的 E-Mail 做爲用戶名，輸入密碼登錄；二是採起 Facebook 或 Google 等第三方帳戶受權登錄。最近常見美國一些 Facebook 類的社交 App 讓用戶輸入電話號碼，經過短信（SMS）獲取驗證碼來登錄。

而在中國，幾乎全部 App 都支持手機號碼登錄 / 註冊（還有其餘選項）的方式，包括沒有開發移動 App 的網站也支持這種登錄方式。

·二維碼登錄

許多網站還支持二維碼掃描來登錄相應的 App。二維碼的標示符通過移動 App 的掃描後，就能自動登錄到帳戶上。這在用戶不方便用物理鍵盤輸入密碼時是個理想的解決方案，好比在網吧上網的用戶就可免受鍵盤記錄程序和間諜軟件的攻擊。

·第三方登陸

許多應用還提供微信、QQ、新浪微博、人人網等第三方登陸。手機界面一般會自動跳轉至第三方 App，經受權以後就能夠登錄了。在網站上，傳統登錄，第三方帳戶受權和移動 App 掃描二維碼都可使用。

·更多的安全措施

銀行網站（還有支付寶）須要一個特殊的瀏覽器插件才能鍵入密碼，不少銀行會發給客戶一個 U 盾，不過我實在琢磨不透這玩意兒到底怎麼用，只能將其束之高閣。

美國的 App 和網站只有在註冊時纔會要求用戶輸入驗證碼，而在中國，一般註冊和登錄界面都要求輸入驗證碼，對安全性的要求相對統一，還有一些移動應用甚至自己就含有驗證碼的輸入選項。

聊天的通用UI

公衆號

微信還炒熱了「公衆號」的概念，爲品牌推廣和公衆人物提供了與大衆交流的平臺。它們和 IRC 實時聊天（Internet Relay Chat）、AIM 聊天軟件以及 SmarterChild 聊天機器人有些類似。銀行、移動運營商、博客、醫院、購物中心和政府機構都有公衆帳號，而不少機構甚至放棄了開發獨立 App 或移動網站，專心經營本身的公衆號。

用戶能夠發送任何形式的信息（包括文字、圖片、語音等）給公衆號，同時會收到對方的自動回覆或人工回覆。聊天界面也與平時類似，只是頁面底部會有一個菜單，這是去往帳戶提供的主要功能的快捷方式（固然，也能夠切換回普通的聊天界面）。

此外，全部普通聊天模式具有的功能在公衆號這兒都能找到。微信甚至能將語音自動轉化爲文本，而後再將該信息發送到該公衆帳號的第三方服務器。公衆帳號也能用來訂閱媒體內容，界面看上去就和 RSS 閱讀器差很少。

公衆號聊天式 UI 的成功引來衆多 App 爭相模仿，新浪微博和 QQ 官方帳號都借鑑了這種形式。不只如此，在不少 App 的「用戶中心」也能找到這種 UI 的影子。一家名爲 Grata 的初創公司甚至在售一種白色標籤版的 UI，能應用到各類 App 上。

App 開發者們不只僅領悟到採用用戶熟悉的 UI 是明智的選擇，他們壓根全盤複製了微信 UI 的所有元素——頁面下的三個菜單按鈕和推送給用戶的「多媒體」新聞佈局和微信比起來那叫一個眼熟。

emojis和表情

在 emojis 流行起來以前，大部分西方 App 可用的表情符號都是從傳統的文字表情直接轉化成的，經常使用的有大概 15 個。但在中國，QQ 很早以前就有了一套標準化的表情，這 80 多個表現力豐富且豐富多彩的表情與 emojis 相比絕不遜色。除了一些基本表情，還有一些有各自適用情境和場合的誇張表情。

在中國，要是有哪一個聊天 App 沒有配備相似的表情就等同於失職。微信承襲了當年 QQ 創造的那些表情，其餘 App 也是屢屢「借鑑」。再到後來，一些大號的動態貼紙也成了這類應用的標配，只是跟美國用戶比起來，亞洲人對此並無我想象中那樣狂熱。

購買東西

中國在線支付最初發展頗爲艱難，由於與銀行談合做要克服種種麻煩。若要在網站上綁定一張銀行卡，直接在上面輸入銀行帳號都沒法作到，用戶得從一個包 含 30 多家銀行的下拉列表中勾選出本身的銀行，還得填完複雜的表格。每家銀行都有本身的一套流程，網站除了被動接受別無辦法。這也是像財付通（Tenpay）和 支付寶（Alipay）這樣的第三方支付解決方案獲得迅速採用的緣由。

單點登陸的移動支付模式

現在不少移動 App 都能和銀行帳戶鏈接，能夠充當其餘 App 之間的媒介，用戶就沒必要爲繁雜的綁定流程而煩惱不堪了。

我在美國體驗過一次這種支付模式，當時我在機場，發現正好能用 Venmo（美國的移動支付 App）在 HotelTonight（酒店預訂服務 App）上支付房費，這省去了輸入信用卡信息的麻煩。

但在中國，第三方支付卻很是常見。用戶沒必要再下載額外的錢包或支付應用，許多 App 已經有內置的支付功能。

·每一個App都有在線支付功能

App 中的「錢包」頁面包攬了全部支付形式，頁面上還有其餘選項可供選擇：

1. 經過 App 進入其餘渠道購物，好比購買本地 App 的打折商品。
2. 在現實生活中只需掃描賣家的二維碼就能購買商品。或者反過來，讓賣家來掃描買家手機上的二維碼來完成支付。
3. 爲好友派發「紅包」，跟中國的傳統習俗有殊途同歸之妙，只是採起了在線形式而已。
4. 絕大部分有支付功能的 App 都能用來購買飛機票、彩票、電影票以及打出租車（在美國有 Uber，在中國有「滴滴打車」），還能爲手機充值，交水電費等等。騰訊 App 上還有迷你版的京東購物平臺（中國著名在線購物網站），還能購買騰訊的虛擬貨幣 Q 幣。

大多數由支付功能的 App 在頁面 UI 佈局上都很是相似，即三列表明不一樣功能的彩色圖標。事實上，不少銀行的 App 頁面佈局也與之相似，用戶可直接用帳戶餘額購買商品。

任何涉及支付功能的 App 都得全力保證交易安全。App 中一般會有一個「安全中心」的頁面，使用一個大盾牌作標誌。美國的在線購物網站也採用過相似的模式，不過在 2000 年（還記得「Hacker Safe」（黑客安全技術）嗎？）以後就改用了更加隱蔽的方式。

市面上有一些專門給手機加速、清理緩存、提升其安全性的 App，這讓人想起來 Windows XP 爲反抗惡意軟件攻擊開發的那些補丁們。

定位，定位，定位！

不少 App 歷來都不羞於索要用戶的地理位置，不管是自動填寫「你所在的城市」、顯示本地天氣仍是打開「本地服務」頁面，這些應用老是能找到辦法拿到信息。

此外，這些 App 還能讓你聯繫附近的陌生人。事實上，Highlight 和 Skout 等美國本土的 App 曾推出過這個功能，但它們卻從未得到過中國同類應用那樣的成功，這多是由於兩國的文化態度、人口密度和城市化水平不一樣。

專門結交陌生人的App

陌陌就是一個專門結識陌生人的 App，月活躍用戶超過 6000 萬人，該公司也提交了上市申請。陌陌上不但能聯繫附近的陌生人，還能夠發現有趣的活動、討論、遊戲等等。相似的 App 還包括微聚和比鄰。

平常使用的App

除了那些專門用來認識陌生人的 App，就是那些更平常的 App 也包括這樣的功能。

微信和 QQ 是中國使用最普遍的兩個 IM 應用，它們都有一個「附近的人」功能，用戶能看到附近陌生人的列表，還能瀏覽他們發送到新鮮事裏的照片，向對方發出好友請求等。

微博跟 Twitter 的不一樣點在於，用戶在微博上能看到附近的帖子，熱門帳號和羣組，你能夠就此知道周圍的人在聽什麼音樂，看什麼電影等等。

百度地圖裏的「雲圖」也很棒——實時更新，能顯示不一樣街區的人口密度，由用戶向服務器發送的實時地理位置信息繪製而成。

下載無處不在

幾乎每一個圍繞媒體內容的 App 都支持離線使用，像是音樂 App（QQ 音樂、多米、百度音樂等），還有視頻 App（愛奇藝、騰訊視頻、百度視頻等）。你確定能在地鐵上看見一些人拿着手機看視頻、聽音樂……這樣的風景在美國倒是少見，主要是由於在美國，人們沒法 享有中國用戶那樣的下載權限。

主流的新聞 App 一樣能提早下載多達幾百篇文章，用戶能夠挑有空的時候看；主流的地圖 App 也能下載用戶所在城市，甚至整個國家的離線地圖；百度翻譯、有道詞典之類的中英翻譯 App 也能夠下載離線詞典和資料，這樣作一些機器翻譯也能更快捷。

離線下載功能成爲諸多 App 的賣點之一。在中國，下載一部電影或一首歌時，用戶能夠對畫質和音質進行設置，能夠看到下載佔用的流量和內存，數字精確到以 KB 計算，還能夠了解設備內存剩餘的空間；相比之下，美國的 App 就最多顯示一個模糊的進度條，或者乾脆什麼都看不到，要麼就只是告訴你硬盤空間一共還剩多少。

朋友圈裏

探討 App UI 在中國發展的大趨勢之際，不得不提一下微信的「朋友圈」或者「新鮮事」板塊。最初我只以爲它生搬硬套了 Facebook，後來才發現它跟 Facebook 的動態消息相比很有獨樹一幟的風範。

無過濾和從新排序：朋友圈裏的好友狀態不會被過濾或者從新排序。固然，若是你的朋友太煩人，你能夠屏蔽他們。
更多私密空間：當你給好友評論或點贊時，只有你倆和大家共有的好友才能看到這些評論和贊，這跟 Facebook 很像。這一設定意味着只有髮狀態的人才清楚到底有多少人爲他們的狀態點贊或評論，從而提供了更多私密空間。
不顯示公衆帳號的新聞推送：當你關注某個公衆號時，他們推送的內容會進入單獨的「訂閱號」區域，並不會出如今朋友圈裏。固然，通信錄好友也能夠有意在朋友圈裏轉發這些推送的連接。
第三方 App 發送狀態需通過用戶許可：第三方 App 能夠向朋友圈發送狀態，但必需要通過用戶的許可。一般手機會自動跳轉到微信的界面，獲得用戶許可後，狀態纔會顯示在朋友圈裏。
沒有遊戲：Zynga（美國社交遊戲公司）式的社交媒體遊戲讓騰訊賺了個盆滿鉢盈。但在微信上，他們明智地選擇了將全部遊戲都收錄在「遊戲中心（Game Center）」中，照顧到了非玩家用戶的感覺。
沒有照片濾鏡：儘管朋友圈能夠發送各式各樣的狀態，但惟獨沒有 Instagram 那種照片濾鏡——這是爲了讓用戶可以快速、即時地發送最原創的照片。

這些獨具創意的設計元素與微信的完美融合讓大衆對朋友圈情有獨鍾了。查看消息和刷新朋友圈，評論點贊和髮狀態……這就是中國微信用戶的平常。

其餘

Assistive Touch

差很少一半的 iPhone 用戶都開啓了 Assistive Touch。雖然這漂浮在屏幕上的小方塊有時候挺煩人的，可是也頗有用——好比充當虛擬的 Home 鍵以及實現多點觸控功能等，後者讓本來須要多個手指完成的操做只需一根手指就能完成，讓傷殘人士也能作到無障礙操做。

可是，爲何那些四肢健全、大腦正常的人也會選擇啓用 Assistive Touch 這種模棱兩可的設定呢？有人懼怕用壞了手機下方的 Home 鍵，有人就是出於好玩。

各類可愛的卡通形象

我見過不少分可愛的卡通造型，它們會在加載和錯誤提示頁面上出現。

污染係數小工具

一些 App 還包含了快速查詢當地環境污染指數的功能。

廣告閃屏

至關一部分 App 在打開以前會出現全屏廣告，這些廣告在應用打開以前就已經在後臺自動加載好了，有的仍是內置在 App 中的。這些廣告有的是在促銷應用內的商品，有時候則是推廣或宣傳特別的活動等等，還有就是一些在公告板或者地鐵站隨處可見的普通廣告。

App主題

主流 App 爲用戶提供多種多樣的主題 / 皮膚選擇已經成爲一種趨勢。 我在美國用的 iOS 應用就沒有這些功能。

Android ROM

Google 在中國被屏蔽了，爲了彌補這樣的空缺，一些基於 Android 原生系統的替代產品出現了，好比小米的 MIUI、阿里的 YunOS 以及錘子科技的 Smartisan 等。它們作工都頗爲精良，也有本身對 UI 的獨到看法，但我對這邊 Android 設備的瞭解還不夠深刻，所以還不能給出客觀的評論，或許將來能再開個帖子討論這件事兒。