建議使用瀏覽器為IE7以上或Firefox !!

TS.Taiwan: 新聞中心 >> 一個美國人到中國微信當 PM 的心得:中國 App 設計真好!
一個美國人到中國微信當 PM 的心得:中國 App 設計真好!
來源:互聯網    發佈日:2014-12-16    瀏覽次數:0    

TO 導讀:應用程式層出不窮,各個國家的人為自己生活的便利設計出各款的應用。然而,同樣的應用,是否會因為中西方文化的差異,或者是生活方式的不同,導致相同應用的設計有所不同嗎?是的,有的!Dan Grover 現在是騰訊微信的產品經理。半年前,他從舊金山搬到廣州。在這段時間,他試用過微信微博等中國主流的行動 App 後,總結出對中美 App 之間設計理念上的差異,到底有什麼呢?(本文以原文作者 Dan Grover 為第一人稱編譯)

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

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

我的數字生活也經歷了這樣一個過程。我卸掉了所有我曾在舊金山用過的應用,換上了這兒的人們常用的,首先我作為科技人士本來就好奇心強嘛,再說我來到這生活,當然越「本土化」越好。

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

  • 只需打入拉丁字母,漢字就自動跑出來,快狠準!

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

但在中國的網站和 App 上,不管是什麼操作系統,你只需輸入拉丁字母,不用打出漢字,就能得到大量的中文搜索結果,通過智慧糾錯和模糊音功能,即使有錯別字也無傷大雅。一旦適應了這種模式,就會不由得感慨:為什麼其他國家的 App 沒有這麼人性化呢?

雖說這些應用處理各種漢字輸入已經沒什麼問題,但很少支持英文的模糊輸入,比如使用詞幹提取和探測法等,便能處理標點符號和大寫等問題,當然,對於這一現狀也情有可原。

  • 中國應用:能用講的用打得幹嘛?錄音最快了

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

不過,在中國,人們似乎很習慣在公共場合發送語音信息。一邊用拇指案著「錄音鍵」一邊微微低頭對手機說話的人群隨處可見。除此之外,很多應用也支持語音搜索。

於今年 5 月加盟百度的人工智慧科學家 Andrew Ng 博士在最近一次訪談中便表示:現在語音搜索已佔百度搜索的 10%。

  • 美國女大生:二維碼是什麼神奇的東西啊?

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

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

中國人對二維碼就完全不陌生了。實際上,二維碼幾乎無處不在--廣告、宣傳冊、菜單、名片、優惠券、列車的椅子靠背甚至廁所門後邊。絕大部分 App 都有二維碼掃描功能。打印在廣告、宣傳冊上的二維碼也許只適用於某個特定的 App,中國的微信、微博以及其他 App 上都有與特定鏈接捆綁的二維碼。

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

  • 哪兒都能見!中國無所不在的紅色小圓點

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

這些小紅點的意思是:

1. 該處又有了新內容:在社交媒體新聞、電影、音樂或購物 App 中很常見,實際上並不需要用戶執行特別的操作,也不必顯示具體的數字,只是提醒他們有新的內容出現了而已。

2. 新功能上線:在 App 中常伴著醒目的紅色「New」或「新」的字樣。

3. 在應用程式的通知被其他程式擋住時出現。舉個例子,微信聊天的消息被其他應用程式擋住的時候,新消息以紅色圓點而不是數字的形式顯示。

很多 App 同時使用紅色圓點和數字兩種通知模式。這算是排列優先級的新發明,因為越複雜的選單結構就需要越精細的方法去引導用戶。一般來說,在同時顯示兩種元素的情況下,數字會被優先點開。不過,這也加劇了人們玩 App 上癮的情況。

  • 美國應用講求簡約,中國應用講求:越多功能越好!

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,相當一部分都非常受歡迎。

  • 除了「More」選項,中國還多了「發現」選項來整合有趣的內容

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

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

  • 中國五花八門的應用商店,什麼都能玩,什麼都不奇怪!

很多 App 能夠跳轉到其他遊戲或者 App 的下載界面,比如說鏈接到 iOS 的 App Store,或者乾脆直接下載安裝(OTA Install)。這種與流行 App 合作的模式為很多第三方應用商店增添了不少人氣。

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

  • 登!登!登!登!隨心所欲,要用什麼登就用什麼登

1. 手機號碼和驗證碼登陸

美國網站和 App 通常採用兩種登陸模式,一是傳統的 E-Mail 作為用戶名,輸入密碼登陸;二是採取 Facebook 或 Google 等第三方帳戶授權登陸。最近常見美國一些 Facebook 類的社交 App 讓用戶輸入電話號碼,通過短信(SMS)獲取驗證碼來登陸。

而在中國,幾乎所有 App 都支持手機號碼登陸/註冊(還有其他選項)的方式,包括沒有開發移動 App 的網站也支持這種登陸方式。

2. 二維碼登陸

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

3. 第三方登錄

許多應用還提供微信、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 流行起來之前,大部分西方 App 可用的表情符號都是從傳統的文字表情直接轉化成的,常用的有大概 15 個。但在中國,QQ 很早之前就有了一套標準化的表情,這 80 多個表現力豐富且豐富多彩的表情與 emojis 相比毫不遜色。除了一些基本表情,還有一些有各自適用情境和場合的誇張表情。

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

  • 線上購買東西太複雜,交給第三方的 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 從來都不羞於索要用戶的地理位置,不論是自動填寫「你所在的城市」、顯示本地天氣還是打開「本地服務」頁面,這些應用總是能找到辦法拿到信息。

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

  • 在中國生活一個人寂寞嗎?結交附近好友的 App 讓你不孤單

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

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

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

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

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

  • 電影、音樂、遊戲等,下載範圍無限量!

幾乎每個圍繞媒體內容的 App 都支持離線使用,像是音樂 App(QQ 音樂、多米、百度音樂等),還有視頻 App(愛奇藝、騰訊視頻、百度視頻等)。你肯定能在地鐵上看見一些人拿著手機看視頻、聽音樂。這樣的風景在美國卻​​是少見,主要是因為在美國,人們無法享有中國用戶那樣的下載權限。

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

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

  • 和 Facebook 才不相同,微信的「朋友圈」獨樹一幟

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

1. 無過濾和重新排序

朋友圈裡的好友狀態不會被過濾或者重新排序。當然,如果你的朋友太煩人,你可以將他們加入黑名單。

2. 更多私密空間

當你給好友評論或按讚時,只有你倆和你們共有的好友才能看到這些評論和讚,這跟 Facebook 很像。這一設定意味著只有發狀態的人才清楚到底有多少人為他們的狀態按讚或評論,從而提供了更多私密空間。

3. 不顯示公眾帳號的新聞推送

當你關注某個公眾號時,他們推送的內容會進入單獨的「訂閱號」區域,並不會出現在朋友圈裡。當然,通訊錄好友也可以有意在朋友圈裡轉發這些推送的鏈接。

4. 第三方 App 發送狀態需經過用戶許可

第三方 App 可以向朋友圈發送狀態,但必須要經過用戶的許可。通常手機會自動跳轉到微信的界面,得到用戶許可後,狀態才會顯示在朋友圈裡。

5. 沒有遊戲

Zynga(美國社交遊戲公司)式的社交媒體遊戲讓騰訊賺了個盆滿缽盈。但在微信上,他們明智地選擇了將所有遊戲都收錄在「遊戲中心(Game Center)」中,照顧到了非玩家用戶的感受。

6. 沒有照片濾鏡

儘管朋友圈可以發送各式各樣的狀態,但唯獨沒有 Instagram 那種照片濾鏡--這是為了讓用戶能夠快速、即時地發送最原創的照片。

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

  • 一手控制,Assistive Touch 充當虛擬 Home 鍵

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

但是,為什麼那些四肢健全、大腦正常的人也會選擇啟用 Assistive Touch 這種模棱兩可的設定呢?有人害怕用壞了手機下方的 Home 鍵,有人就是出於好玩。

  • 雖然加載很討厭,但可愛的卡通形象讓你心情好

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

  • 污染係數小工具,連你的健康都顧到!

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

  • 第一時間報你知,廣告閃屏讓你知道中國最新活動和促銷

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

  • 自我風格自己選,App 主題任君挑選

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

  • Google 不能用沒關係,Android 的替代產品給你相同的價值

Google 在中國被擋了,為了彌補這樣的空缺,一些基於 Android 原生系統的替代產品出現了,比如小米的 MIUI、阿里的 YunOS 以及錘子科技的 Smartisan 等。它們做工都頗為精良,也有自己對 UI 的獨到見解,但我對這邊 Android 設備的了解還不夠深入,因此還不能給出客觀的評論,或許未來能再開個帖子討論這件事兒。

 
 
地址:新北市中和區連城路268號6樓之1 電話:886-2-77291399