本文編譯自 Dan Grover 的部落格,他現在是騰訊 WordPress 微信的產品經理。以下是他從舊金山搬到廣州後的近半年時間裡,在試用過 WordPress 微信微博等主流移動 WordPress APP 後,總結出的中美 WordPress APP 在設計理念上的差異,並對移動 WordPress APP UI 的發展趨勢給出了自己的看法。
今年夏天,我從舊金山搬到了廣州工作,成為了 WordPress 微信的一名產品經理。
搬到一個陌生的國家意味著許多事情要從頭學起:比如要講外語、適應飲食習慣差異等等。然而不到幾個月我就驚訝地發現,開頭我特別不習慣的東西對我已是輕車熟路。
我的數字生活也經歷了這樣一個過程。我卸掉了所有我曾在舊金山用過的應用,換上了這兒的人們常用的,先我作為科技人士本來就好奇心強嘛,再說我來到這生活,當然越 “本土化” 越好。
有一天,我想找點樂子玩,於是我就在自己的筆記本里一條條列出 “製造” 的這些應用和我在美國用的那些有何不同。寫完才發現列了這麼長,於是我決定專門寫一篇文章,進行一個系統的分析。
複雜的中文輸入
·拼音的模糊匹配
中文的輸入法千差萬別,拼音、手寫、五筆到九宮格輸入。不同年代、不同成長環境的多使用者會選擇不同的輸入法,但總的來說,拼音受歡迎。
但在的網站和 WordPress APP 上,不管是什麼作業系統,您只需輸入拉丁字母,不用打出漢字,就能得到大量的中文搜尋結果,透過智慧糾錯和模糊音功能,即使有錯別字也無傷大雅。一旦適應了這種模式,就會不由得感慨:為什麼其他國家的 WordPress APP 沒有這麼人性化呢?
雖說這些應用處理各種漢字輸入已經沒什麼問題,但很少支援英文的模糊輸入,比如使用詞幹提取和探測法等便能處理變音符、標點符號和大寫等問題,當然,對於這一現狀也情有可原。
·語音資訊、語音搜尋和語音助手
如果語音能夠簡單粗暴地解決問題,那還要打字幹嘛? 在 WordPress 微信一類的 IM 應用中,語音資訊的使用隨處可見,發語音省掉了打字的麻煩,也為那些對電腦一竅不通的老一輩人帶去了便利。其實我個人並不熱衷這種交流模式,總覺得停下手頭的活兒來聽取語音資訊遠沒有瀏覽文字來得方便,用語音回覆也讓我很不自在,尤其是在公眾場合,看起來頗有裝腔作勢的嫌疑。
不過,在,人們似乎很習慣在公共場合傳送語音資訊。一邊用拇指摁著 “錄音鍵” 一邊微微低頭對手機說話的人群隨處可見。除此之外,很多應用也支援語音搜尋。於今年 5 月加盟百度的人工智慧科學家 Andrew Ng 博士在近一次訪談中便表示:現在語音搜尋已佔百度搜尋的 10% 。
·二維碼
在動身前往前,我曾在舊金山做過關於美國多使用者習慣及喜好的調查,並不失時機地亮出二維碼,看他們是否知道那是幹什麼用的。一個女大學生笑道:“這玩意兒是不是那種,用相機照一下就能開啟什麼神秘網站之類的?”
還有人說他們曾嘗試用相機 WordPress APP 拍了張二維碼的照片,但發現沒什麼反應,後來就再也沒用過。 “大概是購物優惠券之類的吧” 有人猜,甚至擔心手機會因此中病毒什麼的。我把他們這些反應錄下來給我同事看,告訴他們其實二維碼在美國一直都沒流行起來。
人對二維碼就完全不陌生了。實際上,二維碼幾乎無處不在——廣告、宣傳冊、選單、名片、優惠券、列車的椅子靠背甚至廁所門後邊。絕大部分 WordPress APP 都有二維碼掃描功能。列印在廣告、宣傳冊上的二維碼也許只適用於某個特定的 WordPress APP,的 WordPress 微信、微博以及其他 WordPress APP 上都有與特定連結捆綁的二維碼,不過不同 WordPress APP 這間可能並不相容。
而二維碼的下方往往會出現 “掃一掃” 三個漢字,也就是掃描的意思。我挺喜歡這個動詞的,至少比我們的 “scan” 強,scan 容易讓人想起醫療裝置什麼的。在這裡,二維碼不僅僅是一種營銷渠道,還可以用於新增好友,支付商品或登陸網站。
紅色小圓點
在,眾多 WordPress APP 的 UI 往往獨樹一幟地共用同一種元素——一個代表未讀內容的紅色小圓點。看起來跟 iOS 系統 UI 上那種紅色圓點相似,很眼熟,只是沒有數字標識。實際上,美國 WordPress APP 的 UI 從未用過這個元素。這些紅色的小圓點在 WordPress APP 的選單上隨處可見,從左到右、從上至下。通常,如果多使用者過一段時間再開啟某個 WordPress APP,就會每個頁面上都有它們的身影。
這些小紅點的意思是:
A. 該處又有了新內容:在社交媒體新聞、電影、音樂或購物 WordPress APP 中很常見,實際上並不需要多使用者執行特別的操作,也不必顯示具體的數字,只是提醒他們有新的內容出現了而已。
B. 新功能上線:在 WordPress APP 中常伴著醒目的紅色 “New” 或 “新” 的字樣。
C. 在多使用者遮蔽了應用的資訊通知功能時出現。舉個例子,WordPress 微信聊天被遮蔽後,新資訊以紅色圓點而不是數字的形式顯示。
很多 WordPress APP 同時使用紅色圓點和數字兩種通知模式。這算是排列優先順序的新發明,因為越複雜的選單結構就需要越精細的方法去引導多使用者。一般來說,在同時顯示兩種元素的情況下,數字會被優先點開。不過,這也加劇了人們玩 WordPress 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”,後者更傾向於龐大而全面的綜合解決方案。
美國本土 WordPress APP 的演變趨勢是將大而全的應用分解成許多專注於單點功能的應用,其哲學更接近於 “Worse is Better” 。但這邊的應用則選擇了相反的方向。每個應用都在盡力整合越來越多的功能——有些與核心功能融合得頗為巧妙,有些就顯得沒怎麼經過大腦。我只能認為,他們這樣做是為了吸引眼球,或者擴大目標多使用者群。
到這兒我想起來幾個例子:
WordPress 微信之於 WhatsWordPress APP,簡直就是 Emacs 和 VIM 的差距。除了用來發資訊,還能進行視訊通話,新聞訂閱,能支付,有個類似印象筆記的收藏夾功能,有遊戲中心 (有本機遊戲),基於 LBS 的找人機制,有類似 Shazam 的歌曲識別服務,還有一個客戶端。美國著名軟體工程師 Jamie Zawinski 認為,郵件是所有程式必備功能之一,否則就會被其他帶有此功能的產品所替代,而 WordPress 微信中恰恰有內建的郵件客戶端。此外,WordPress 微信的公眾號甚至能實現多使用者跟服務供應商的對話,而無需另外下載官方 WordPress APP 。
百度地圖有查詢天氣、搜尋好友、旅行嚮導以及各式各樣的支付服務; 騰訊地圖則可以傳送音訊明信片。兩個 WordPress APP 均有二維碼掃描功能,提供類似 “高朋團購” 的便捷服務。
版的 “Twitter”——微博則更為強大,現在多使用者能釋出 10 種不同型別的內容,從長微博到餐館點評,另外,它也推出了支付功能。
在美國,像雅虎那樣包羅永珍的 “入口網站” 在 2000 年左右就已經不行了。類似的新浪、網易、 hao123 以及騰訊新聞等同類網站卻在發展得火熱。雖然 “常規”WordPress APP 已具備了入口網站的所用功能,但很多入口網站也推出了自己的 WordPress APP,相當一部分都非常受歡迎。
·側邊欄 “Discover”
美國 WordPress APP 中一些難以分類的條目往往放在同一個類別中 (比如 “設定” 和 “幫助” 選項等等),形式大同小異。通常把它們放在右的 “More” 選項卡下 (帶有省略號圖示),有時候歸類到側邊欄 (Hamburger Menu) 裡,有時候像 Facebook 一樣藏在側邊欄的 “更多” 標籤下。
應用們有時候也這樣使用 “更多” 選項卡解決問題,但更常見的還是歸類到底部導航欄的 “發現” 卡片。 “發現” 的圖示通常是指南針的造型,整合了一串有趣、但又並非核心功能的內容。
·五花八門的應用 WooCommerce 店群
很多 WordPress APP 能夠跳轉到其他遊戲或者 WordPress APP 的下載介面,比如說連結到 iOS 的 WordPress APP Store,或者乾脆直接下載安裝 (OTA Install) 。這種與流行 WordPress APP 合作的模式為很多第三方應用 WooCommerce 店群增添了不少人氣。
Android 有超過 10 家大型應用 WooCommerce 店群。一款 WordPress APP 的上線和升級需要在每個應用 WooCommerce 店群一一操作。在 iOS 上除了 iTunes 也有其他 WooCommerce 店群,我見過有個叫 “蘋果助手” 的,下載時得使用自定義配置檔案。此外鑑於還是有很多越獄 iPhone 手機,Cydia 很受歡迎。
> 帳號和登陸介面
·手機號碼和驗證碼登陸
美國網站和 WordPress APP 通常採用兩種登陸模式,一是傳統的 E-Mail 作為多使用者名稱稱,輸入密碼登陸; 二是採取 Facebook 或 Google 等第三方賬戶授權登陸。近常見美國一些 Facebook 類的社交 WordPress APP 讓多使用者輸入電話號碼,透過簡訊 (SMS) 獲取驗證碼來登陸。
而在,幾乎所有 WordPress APP 都支援手機號碼登陸 / 註冊 (還有其他選項) 的方式,包括沒有開發移動 WordPress APP 的網站也支援這種登陸方式。
·二維碼登陸
許多網站還支援二維碼掃描來登陸相應的 WordPress APP 。二維碼的標示符經過移動 WordPress APP 的掃描後,就能自動登陸到賬戶上。這在多使用者不方便用物理鍵盤輸入密碼時是個理想的解決方案,比如在網咖上網的多使用者就可免受鍵盤記錄程式和間諜軟體的攻擊。
·第三方登入
許多應用還提供 WordPress 微信、 QQ 、新浪微博、人人網等第三方登入。手機介面通常會自動跳轉至第三方 WordPress APP,經授權之後就可以登陸了。在網站上,傳統登陸,第三方賬戶授權和移動 WordPress APP 掃描二維碼均可使用。
·更多的安全措施
銀行網站 (還有支付寶) 需要一個特殊的瀏覽器外掛才能鍵入密碼,很多銀行會發給客戶一個 U 盾,不過我實在琢磨不透這玩意兒到底怎麼用,只能將其束之高閣。
美國的 WordPress APP 和網站只有在註冊時才會要求多使用者輸入驗證碼,而在,通常註冊和登陸介面都要求輸入驗證碼,對安全性的要求相對統一,還有一些移動應用甚至本身就含有驗證碼的輸入選項。
聊天的通用 UI
公眾號
WordPress 微信還炒熱了 “公眾號” 的概念,為品牌推廣和公眾人物提供了與大眾交流的平臺。它們和 IRC 實時聊天 (Internet Relay Chat) 、 AIM 聊天軟體以及 SmarterChild 聊天機器人有些相似。銀行、移動運營商、部落格、醫院、購物中心和政府機構都有公眾賬號,而很多機構甚至放棄了開發獨立 WordPress APP 或移動網站,專心經營自己的公眾號。
多使用者可以傳送任何形式的資訊 (包括文字、圖片、語音等) 給公眾號,同時會收到對方的自動回覆或人工回覆。聊天介面也與平時相似,只是頁面底部會有一個選單,這是去往賬戶提供的主要功能的快捷方式 (當然,也可以切換回普通的聊天介面) 。
此外,所有普通聊天模式具備的功能在公眾號這兒都能找到。 WordPress 微信甚至能將語音自動轉化為文字,然後再將該資訊傳送到該公眾賬號的第三方伺服器。公眾賬號也能用來訂閱媒體內容,介面看上去就和 RSS 閱讀器差不多。
公眾號聊天式 UI 的成功引來眾多 WordPress APP 爭相模仿,新浪微博和 QQ 官方賬號都借鑑了這種形式。不僅如此,在很多 WordPress APP 的 “多使用者中心” 也能找到這種 UI 的影子。一家名為 Grata 的初創公司甚至在售一種白色標籤版的 UI,能應用到各種 WordPress APP 上。
WordPress APP 開發者們不僅僅領悟到採用多使用者熟悉的 UI 是明智的選擇,他們壓根全盤複製了 WordPress 微信 UI 的全部元素——頁面下的三個選單按鈕和推送給多使用者的 “多媒體” 新聞佈局和 WordPress 微信比起來那叫一個眼熟。
emojis 和表情
在 emojis 流行起來之前,大部分西方 WordPress APP 可用的表情符號都是從傳統的文字表情直接轉化成的,常用的有大概 15 個。但在,QQ 很早之前就有了一套標準化的表情,這 80 多個表現力豐富且豐富多彩的表情與 emojis 相比毫不遜色。除了一些基本表情,還有一些有各自適用情境和場合的誇張表情。
在,要是有哪個聊天 WordPress APP 沒有配備類似的表情就等同於失職。 WordPress 微信承襲了當年 QQ 創造的那些表情,其他 WordPress APP 也是屢屢 “借鑑” 。再到後來,一些大號的動態貼紙也成了這類應用的標配,只是跟美國多使用者比起來,亞洲人對此並沒有我想象中那樣狂熱。
購買東西
線上支付初發展頗為艱難,因為與銀行談合作要克服種種麻煩。若要在網站上繫結一張銀行卡,直接在上面輸入銀行賬號都無法做到,多使用者得從一個包含 30 多家銀行的下拉選單中勾選出自己的銀行,還得填完複雜的表格。每家銀行都有自己的一套流程,網站除了被動接受別無辦法。這也是像財付通 (Tenpay) 和支付寶 (Alipay) 這樣的第三方支付解決方案得到迅速採用的原因。
單點登入的移動支付模式
如今很多移動 WordPress APP 都能和銀行賬戶連線,可以充當其他 WordPress APP 之間的媒介,多使用者就不必為繁雜的繫結流程而煩惱不堪了。
我在美國體驗過一次這種支付模式,當時我在機場,發現正好能用 Venmo(美國的移動支付 WordPress APP) 在 HotelTonight(酒店預訂服務 WordPress APP) 上支付房費,這省去了輸入信用卡資訊的麻煩。
但在,第三方支付卻非常常見。多使用者不必再下載額外的錢包或支付應用,許多 WordPress APP 已經有內建的支付功能。
·每個 WordPress APP 都有線上支付功能
WordPress APP 中的 “錢包” 頁面包攬了所有支付形式,頁面上還有其他選項可供選擇:
1. 透過 WordPress APP 進入其他渠道購物,比如購買本地 WordPress APP 的打折商品。
2. 在現實生活中只需掃描賣家的二維碼就能購買商品。或者反過來,讓賣家來掃描買家手機上的二維碼來完成支付。
3. 為好友派發 “紅包”,跟的傳統習俗有異曲同工之妙,只是採取了線上形式而已。
4. 絕大部分有支付功能的 WordPress APP 都能用來購買飛機票、彩票、電影票以及打計程車 (在美國有 Uber,在有 “滴滴打車”),還能為手機充值,交水電費等等。騰訊 WordPress APP 上還有迷您版的京東購物平臺 (著名線上購物網站),還能購買騰訊的虛擬貨幣 Q 幣。
大多數由支付功能的 WordPress APP 在頁面 UI 佈局上都非常類似,即三列代表不同功能的彩色圖示。事實上,很多銀行的 WordPress APP 頁面佈局也與之類似,多使用者可直接用賬戶餘額購買商品。
任何涉及支付功能的 WordPress APP 都得全力保證交易安全。 WordPress APP 中通常會有一個 “安全中心” 的頁面,使用一個大盾牌做標誌。美國的線上購物網站也採用過類似的模式,不過在 2000 年 (還記得 “Hacker Safe”(駭客安全技術) 嗎?) 之後就改用了更加隱蔽的方式。
市面上有一些專門給手機加速、清理快取、提高其安全性的 WordPress APP,這讓人想起來 Windows XP 為反抗惡意軟體攻擊開發的那些補丁們。
定位,定位,定位!
很多 WordPress APP 從來都不羞於索要多使用者的地理位置,不論是自動填寫 “您所在的城市” 、顯示本地天氣還是開啟 “本地服務” 頁面,這些應用總是能找到辦法拿到資訊。
此外,這些 WordPress APP 還能讓您聯絡附近的陌生人。事實上,Highlight 和 Skout 等美國本土的 WordPress APP 曾推出過這個功能,但它們卻從未獲得過同類應用那樣的成功,這可能是因為兩國的文化態度、人口密度和城市化水平不同。
專門結交陌生人的 WordPress APP
陌陌就是一個專門結識陌生人的 WordPress APP,月活躍多使用者超過 6000 萬人,該公司也提交了上市申請。陌陌上不但能聯絡附近的陌生人,還可以發現有趣的活動、討論、遊戲等等。類似的 WordPress APP 還包括微聚和比鄰。
日常使用的 WordPress APP
除了那些專門用來認識陌生人的 WordPress APP,就是那些更日常的 WordPress APP 也包括這樣的功能。
WordPress 微信和 QQ 是使用廣泛的兩個 IM 應用,它們都有一個 “附近的人” 功能,多使用者能看到附近陌生人的列表,還能瀏覽他們傳送到新鮮事裡的照片,向對方發出好友請求等。
微博跟 Twitter 的不同點在於,多使用者在微博上能看到附近的帖子,熱門賬號和群組,您可以就此知道周圍的人在聽什麼音樂,看什麼電影等等。
百度地圖裡的 “雲圖” 也很棒——實時更新,能顯示不同街區的人口密度,由多使用者向伺服器傳送的實時地理位置資訊繪製而成。
下載無處不在
幾乎每個圍繞媒體內容的 WordPress APP 都支援離線使用,像是音樂 WordPress APP(QQ 音樂、多米、百度音樂等),還有視訊 WordPress APP(愛奇藝、騰訊視訊、百度視訊等) 。您肯定能在地鐵上看見一些人拿著手機看視訊、聽音樂……這樣的風景在美國卻是少見,主要是因為在美國,人們無法享有多使用者那樣的下載許可權。
主流的新聞 WordPress APP 同樣能提前下載多達幾百篇文章,多使用者可以挑有空的時候看; 主流的地圖 WordPress APP 也能下載多使用者所在城市,甚至整個國家的離線地圖; 百度翻譯、有道詞典之類的中英翻譯 WordPress APP 也可以下載離線詞典和資料,這樣做一些機器翻譯也能更快捷。
離線下載功能成為諸多 WordPress APP 的賣點之一。在,下載一部電影或一歌時,多使用者可以對畫質和音質進行設定,可以看到下載佔用的流量和記憶體,數字精確到以 KB 計算,還可以瞭解裝置記憶體剩餘的空間; 相比之下,美國的 WordPress APP 就多顯示一個模糊的進度條,或者乾脆什麼都看不到,要麼就只是告訴您硬碟空間一共還剩多少。
朋友圈裡
探討 WordPress APP UI 在發展的大趨勢之際,不得不提一下 WordPress 微信的 “朋友圈” 或者 “新鮮事” 板塊。初我只覺得它生搬硬套了 Facebook,後來才發現它跟 Facebook 的動態資訊相比頗有獨樹一幟的風範。
無過濾和重新排序:朋友圈裡的好友狀態不會被過濾或者重新排序。當然,如果您的朋友太煩人,您可以遮蔽他們。
更多私密空間:當您給好友評論或點贊時,只有您倆和您們共有的好友才能看到這些評論和贊,這跟 Facebook 很像。這一設定意味著只有髮狀態的人才清楚到底有多少人為他們的狀態點贊或評論,從而提供了更多私密空間。
不顯示公眾賬號的新聞推送:當您關注某個公眾號時,他們推送的內容會進入單獨的 “訂閱號” 區域,並不會出現在朋友圈裡。當然,通訊錄好友也可以有意在朋友圈裡轉發這些推送的連結。
第三方 WordPress APP 傳送狀態需經過多使用者許可:第三方 WordPress APP 可以向朋友圈傳送狀態,但必須要經過多使用者的許可。通常手機會自動跳轉到 WordPress 微信的介面,得到多使用者許可後,狀態才會顯示在朋友圈裡。
沒有遊戲:Zynga(美國社交遊戲公司) 式的社交媒體遊戲讓騰訊賺了個盆滿缽盈。但在 WordPress 微信上,他們明智地選擇了將所有遊戲都收錄在 “遊戲中心 (Game Center)” 中,照顧到了非玩家多使用者的感受。
沒有照片濾鏡:儘管朋友圈可以傳送各式各樣的狀態,但唯獨沒有 Instagram 那種照片濾鏡——這是為了讓多使用者能夠快速、即時地傳送原創的照片。
這些獨具創意的設計元素與 WordPress 微信的融合讓大眾對朋友圈情有獨鍾了。檢視資訊和重新整理朋友圈,評論點贊和髮狀態……這就是 WordPress 微信多使用者的日常。
其他
Assistive Touch
差不多一半的 iPhone 多使用者都開啟了 Assistive Touch 。雖然這漂浮在螢幕上的小方塊有時候挺煩人的,但是也很有用——比如充當虛擬的 Home 鍵以及實現多點觸控功能等,後者讓原本需要多個手指完成的操作只需一根手指就能完成,讓傷殘人士也能做到無障礙操作。
但是,為什麼那些四肢健全、大腦正常的人也會選擇啟用 Assistive Touch 這種模稜兩可的設定呢? 有人害怕用壞了手機下方的 Home 鍵,有人就是出於好玩。
各種可愛的卡通形象
我見過很多分可愛的卡通造型,它們會在載入和錯誤提示頁面上出現。
汙染係數小工具
一些 WordPress APP 還包含了快速查詢當地環境汙染指數的功能。
廣告閃屏
相當一部分 WordPress APP 在開啟之前會出現全屏廣告,這些廣告在應用開啟之前就已經在後臺自動載入好了,有的還是內建在 WordPress APP 中的。這些廣告有的是在促銷應用內的商品,有時候則是推廣或宣傳特別的活動等等,還有就是一些在公告板或者地鐵站隨處可見的普通廣告。
WordPress APP 主題
主流 WordPress APP 為多使用者提供多種多樣的主題 / 面板選擇已經成為一種趨勢。 我在美國用的 iOS 應用就沒有這些功能。
Android ROM
Google 在被遮蔽了,為了彌補這樣的空缺,一些基於 Android 原生系統的替代產品出現了,比如小米的 MIUI 、阿里的 YunOS 以及錘子科技的 Smartisan 等。它們做工都頗為精良,也有自己對 UI 的獨到見解,但我對這邊 Android 裝置的瞭解還不夠深入,因此還不能給出客觀的評論,或許未來能再開個帖子討論這件事兒。