2014-12-10 藍(lán)藍(lán)設(shè)計的小編
藍(lán)藍(lán)設(shè)計( m.820esy.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://yidianzixun.com/home?page=article&id=07B1UWRA&up=
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
今年夏天，由于工作的原因，我從美國舊金山搬到了中國的南部城市廣州，陰差陽錯地當(dāng)上了微信（WeChat）的產(chǎn)品經(jīng)理。眾所周知，微信可以說是中國最風(fēng)靡 的IM應(yīng)用之一。到一個新的國家就意味著新的生活——習(xí)慣新的語言、飲食、消費和出行方式。然而沒想到的是，短短幾個月的時間，我就融入了這樣一個起初讓 我無所適從的陌生國度！
同樣習(xí)慣的還有中國的數(shù)字生活。學(xué)著使用中國用戶常用的移動App， 不僅僅是出于職業(yè)習(xí)慣的好奇心，也是為了盡可能地融入本地的氛圍。習(xí)慣之后，甚至對這些 改變都熟視無睹了。一天，閑來無事，我列出了一份長長的清單，來記錄我在美國使用和開發(fā)過的App，以及在中國使用的應(yīng)用，并將兩者進(jìn)行對比。清單的長度 遠(yuǎn)遠(yuǎn)超出我的預(yù)想，于是我決定專門寫一篇文章，進(jìn)行一個系統(tǒng)的分析。
中文的輸入法千差萬別，從拼音、手寫、部首到頗具懷舊風(fēng)的九宮格輸入等，花樣百出，盡管不同年代、不同成長環(huán)境的用戶會選擇不同的輸入法，拼音輸入?yún)s還是最為常用的一種。
但 在中國的網(wǎng)站和App上，并不需要以上任意一種的輸入方式。打開任何操作系統(tǒng)的搜索界面，只需輸入拉丁字母，就能得到海量的中文搜索結(jié)果，通過智能糾錯和 模糊音功能，即使有錯別字也無傷大雅。一旦適應(yīng)了這種模式，就會不由得感慨：為什么其他國家的App沒有這么人性化呢？
中國的App甚至強(qiáng)大到能處理各種各樣的中文輸入，真是蠻拼的。但很少支持英文的模糊輸入，比如使用詞干提取和探測法等便能處理變音符、標(biāo)點符號和大寫等問題，當(dāng)然，對于這一現(xiàn)狀也情有可原。
如 果語音能夠簡單粗暴地解決問題，那還要打字干嘛？在微信一類的IM應(yīng)用中，語音信息的使用隨處可見，在撇除打字的麻煩之余，也為那些對電腦一竅不通的老一 輩人帶去了便利，給他們省下了不少力氣。其實我個人并不熱衷這種交流模式，總覺得停下手頭的活兒來聽取語音信息遠(yuǎn)沒有瀏覽文字來得方便，向別人回復(fù)語音信 息也很不自在，尤其是在公眾場合，看起來頗有裝腔作勢的嫌疑。
不過，在中國，人們似乎很習(xí)慣在公共場合發(fā)送語音信息。一邊用拇指摁著“錄音鍵”一邊微微低頭對手機(jī)說話的人群隨處可見。除此之外，很多應(yīng)用也支持語音搜 索。于今年5月加盟百度的人工智能科學(xué)家Andrew Ng博士在最近一次訪談中便表示：百度搜索的10%均來自語音輸入。
在動身前往中國前，我曾在舊金山做過關(guān)于美國用戶習(xí)慣及喜好的調(diào)查，并不失時機(jī)地亮出二維碼，看他們是否知道那是干什么用的。一個女大學(xué)生笑道：“這玩意兒是不是那種，用相機(jī)照一下就能打開什么神秘網(wǎng)站之類的？”
還有人說他們曾嘗試用相機(jī)App拍了張二維碼的照片，但什么都沒有發(fā)生，之后就再也沒用過?！按蟾攀琴徫飪?yōu)惠券之類的吧”有人猜，甚至擔(dān)心手機(jī)會因此中病毒什么的。我把這些不同回應(yīng)的錄像拿給我的同事看，大家都更加堅信美國對二維碼來說恐怕永遠(yuǎn)無法成為一片沃土。
中 國人絕對不會對二維碼感到陌生。實際上，二維碼幾乎無處不在——廣告、宣傳冊、菜單、名片還有再熟悉不過的優(yōu)惠券上，甚至?xí)霈F(xiàn)在列車的椅子靠背以及洗手 間隔間的門后。絕大部分App都有二維碼掃描功能。打印在廣告、宣傳冊上的二維碼也許只適用于某個特定的App，中國的微信、微博以及其他App上都有與 特定鏈接捆綁的二維碼，但如果用外部掃描器的話，很可能無法鏈接到某個App上。
而二維碼的下方往往會出現(xiàn)“掃一掃”三個漢字，也就是掃描的意思。每次看到這幾個漢字，我都會聯(lián)想到三錄儀和醫(yī)療設(shè)備什么的。在這里，二維碼不僅僅是一種營銷渠道，還可以用于添加好友，支付商品或登陸網(wǎng)站，非常方便。
在中國，眾多App的UI往往獨樹一幟地共用同一種元素——一個代表未讀內(nèi)容的紅色小圓點?？雌饋砀?a id="yui_3_5_0_1_1418222191774_211" >iOS系統(tǒng)UI上那種紅色圓點相似，很眼熟，只是沒有數(shù) 字標(biāo)識。實際上，美國App的UI從未用過這個元素。這些紅色的小圓點在App的菜單上隨處可見，從左到右、從上至下排列成一道獨特的風(fēng)景。通常，如果用 戶過一段時間再打開某個App，就會每個頁面上都有它們的身影。
紅色的小圓點往往意味著：
很多App同時使用紅色圓點和數(shù)字兩種通知模式。App菜單上排列的選項讓人目不暇接，用戶正需要這樣方便的設(shè)計來引導(dǎo)他們。實際上，多數(shù)開發(fā)者都認(rèn)為數(shù)字 提醒過于扎眼，因此這種驚喜的絕佳創(chuàng)意也成為了多數(shù)App的必備元素。有趣的是，在QQ上，如果拖拽數(shù)字標(biāo)識（而非紅色小圓點），它們就會從一小股煙霧中 消失不見。
Richard Gbariel的經(jīng)典論文《“差點的更好”設(shè)計理念的興起》（The Rise Of “Worse is Better”）第一次將軟件設(shè)計中兩種截然相反的觀點進(jìn)行了對比。來自貝爾實驗室（Bell Labs）的UNIX操作系統(tǒng)和C語言例證了“Worse is Better”的觀點，傾向于簡單小巧、原汁原味并能彼此協(xié)調(diào)的工具。而由麻省理工學(xué)院開發(fā)的Common Lisp、Scheme和Emacs則例證了相對立的觀點——“The Right Thing/Better is Better”，后者更傾向于龐大而全面的綜合解決方案。
在美 國，App傾向于高度集中和極度精簡化，深度詮釋了“差點的更好”的觀點，但 中國的應(yīng)用卻顯然是與之背道而馳的。幾乎所有的App都集成了越來越多與其本質(zhì)看似毫無干系的功能，有時候可以作為功能的補(bǔ)充，而“八竿子打不著”的情況 也并不稀奇——我想這可能是開發(fā)者們想要吸引眼球或擴(kuò)大目標(biāo)用戶群才出此策。
舉幾個例子：
微信之于WhatsApp，簡直就是Emacs和VIM的差距。除 了信息編輯之外，還有視頻通話、新聞訂閱、在線支付、游戲中心（內(nèi)置游戲）、搜索附近的人、Shazaam式的歌曲匹配以及類似于“印象筆記”的收藏功能 等。美國著名軟件工程師Jamie Zawinski認(rèn)為，郵件是所有程序必備功能之一，否則就會被其他帶有此功能的產(chǎn)品所替代，而微信中恰恰有內(nèi)置的郵件客戶端。此外，微信的公眾號甚至能 實現(xiàn)用戶跟服務(wù)供應(yīng)商的對話，而無需另外下載官方App。
百度地圖有查詢天氣、搜索好友、旅行向?qū)б约案魇礁鳂拥闹Ц斗?wù)；騰訊地圖則可以發(fā)送音頻明信片。兩個App均有二維碼掃描功能，提供類似“高朋團(tuán)購”的便捷服務(wù)。
中國版的“Twitter”——微博則更為強(qiáng)大，可“發(fā)布”長微博，擁有音樂、文件、餐廳美食點評等多達(dá)10種不同的內(nèi)容，當(dāng)然也支持支付功能。
Yahoo式的門戶網(wǎng)站盡管包羅萬象，但終究在2000年“命喪美國”。類似的新浪、網(wǎng)易、hao123以及騰訊新聞等同類網(wǎng)站卻在中國發(fā)展得火熱。雖然“常規(guī)”App已具備了門戶網(wǎng)站的所用功能，但很多門戶網(wǎng)站也推出了自己的App，相當(dāng)一部分都非常受歡迎。
美 國App中一些難以分類的條目往往放在同一個類別中（比如“設(shè)定”和“幫助”選項等等），形式大同小異。有時候點開右上角的Elipsis圖標(biāo)“更多 （More）”，就能找到它們，有時候歸類到側(cè)邊欄（Hamburger Menu）里，有時候像Facebook一樣藏在側(cè)邊欄的“更多”標(biāo)簽下。
有 些中國App跟美國App相似，將小條目歸類到“更多（Even More）”下面，但更常見的是歸類至倒數(shù)第二、三個選項，以“發(fā)現(xiàn)（Discover）”的形式出現(xiàn)?！鞍l(fā)現(xiàn)”的圖標(biāo)通常是圓規(guī)或指南針的造型，包含更 多有趣的內(nèi)容，盡管沒有非得存在的理由，但可以作為App核心功能的有益補(bǔ)充。
很多App能夠跳轉(zhuǎn)到其他游戲或者App的下載界面，比如說鏈接到iOS的App Store，或者干脆直接下載安裝（OTA Install）。這種與流行App合作的模式為很多第三方應(yīng)用商店增添了不少人氣。
Android 有超過10家大型應(yīng)用商店。一款A(yù)pp的上線和升級在每個應(yīng)用商店里都會顯示。甚至在iOS上也有其他選擇，比如我曾看到過所謂“蘋果助手（Apple Helper）”的廣告，下載時得使用自定義配置文件。Cydia也因為越獄iPhone的而得到廣泛應(yīng)用。
美國網(wǎng)站和App通常采用兩種登陸模式，一是傳統(tǒng)的E-Mail作為用戶名，輸入密碼登陸；二是采取Facebook或Google等第三方賬戶授權(quán)登陸。最近常見美國一些Facebook類的社交App讓用戶輸入電話號碼，通過短信（SMS）獲取驗證碼來登陸。
而在中國，幾乎所有App都支持手機(jī)號碼登陸/注冊（還有其他選項）的方式，包括沒有開發(fā)移動App的網(wǎng)站也支持這種登陸方式。
許多網(wǎng)站還支持二維碼掃描來登陸相應(yīng)的App。二維碼的標(biāo)示符經(jīng)過移動App的掃描后，就能自動登陸到賬戶上。聽說過去很多人都是在網(wǎng)吧一類的場所使用公用電腦，遭遇鍵盤記錄器或者間諜軟件的風(fēng)險大大增加，而二維碼登陸相比鍵盤輸入密碼顯然更便捷和安全。
很多App也支持第三方帳號授權(quán)登陸，比如使用微信、QQ、新浪微博和人人網(wǎng)帳號等。手機(jī)界面通常會自動跳轉(zhuǎn)至第三方App，經(jīng)授權(quán)之后就可以登陸了。在網(wǎng)站上，傳統(tǒng)登陸，第三方賬戶授權(quán)和移動App掃描二維碼均可使用。
一般的銀行網(wǎng)站和支付寶（Alipay）一類的第三方支付平臺需要安裝一個特別的瀏覽器插件，從而為密碼輸入提供保護(hù)。很多銀行會發(fā)給客戶一個帶秘鑰的USB閃存盤，不過我實在琢磨不透這玩意兒到底怎么用，只能將其束之高閣。
美國的App和網(wǎng)站只有在注冊時才會要求用戶輸入驗證碼，而在中國，通常注冊和登陸界面都要求輸入驗證碼，對安全性的要求相對統(tǒng)一，還有一些移動應(yīng)用甚至本身就含有驗證碼的輸入選項。
“公 眾號”跟IRC實時聊天（Internet Relay Chat）、AIM聊天軟件以及SmarterChild聊天機(jī)器人有些相似，為品牌推廣和公眾人物提供了與大眾交流的平臺。它能在中國遍地開花，還得歸 功于微信。銀行、移動運(yùn)營商、博客、醫(yī)院、購物中心和政府機(jī)構(gòu)都有公眾賬號，而很多機(jī)構(gòu)甚至放棄了開發(fā)獨立App或移動網(wǎng)站，專心經(jīng)營自己的公眾號。
用戶可以向公眾號發(fā)送文字、圖片、語音等任何形式的信息，且一定會收到自動或者人工回復(fù)。雖然跟普通聊天時的用戶界面相似，但有頁面底部的菜單有所不同，那里不但簡單明了地列出了該賬戶所提供的諸多功能，還可以切換到普通的聊天模式。
除此之外，公眾號具備所有普通聊天模式下的功能。微信甚至能在公眾賬號的第三方服務(wù)器接受到信息之前自動將語音轉(zhuǎn)化為文字。而媒體借用公眾號定期向訂閱者推送新鮮內(nèi)容，對很多用戶來說，界面看起來跟RSS閱讀器差不多。
公眾號的聊天式UI如此成功，引起了新浪微博和QQ的官方賬號以及眾多App的競相模仿，只是形式略有不同。不僅如此，很多App里的“用戶中心”也能發(fā)現(xiàn)它的身影。一家名為Grata的創(chuàng)業(yè)公司還開發(fā)出白色標(biāo)簽版的UI，可為任何App所用。
App開發(fā)者們不但明白，順?biāo)浦鄣夭捎糜脩羰煜さ腢I無疑是明智的選擇，他們更是將概念付諸實踐，一股腦兒地復(fù)制了UI的所有元素——頁面下的三個菜單選項和定期推送的“多元媒體”新聞的布局都一模一樣。
在
emojis廣泛使用之前，大部分西方App可用的表情符號都是直接從傳統(tǒng)的文字表情轉(zhuǎn)化過來的，常用的有15個左右。但為中國用戶所熟知的QQ在很久之
前就已經(jīng)有了一套標(biāo)準(zhǔn)化的表情，數(shù)量達(dá)80個之多，豐富多彩且極具表現(xiàn)力，足以跟emojis相媲美。除了一些基礎(chǔ)表情外，還有一些像、和這樣甚至有各自
適用的時間和場所的表情。
在中國，任何具有聊天功能的App都會有相似的表情包。QQ創(chuàng)造的經(jīng)典表情集為后來出現(xiàn)的微信所沿襲，且被無數(shù)App所“借鑒”。后來一些大號的動態(tài)表情也早就了一道別致的風(fēng)景，只是亞洲用戶跟美國用戶比起來，對動態(tài)表情沒有我所預(yù)想的那么癡迷罷了。
中 國的在線支付在發(fā)展最初由于銀行所設(shè)定的種種繁文縟節(jié)而寸步難行。若要綁定銀行卡和某個網(wǎng)站，單單一個信用卡賬號是遠(yuǎn)遠(yuǎn)不夠的——用戶得從30多家銀行中 勾選自己的銀行，還得填完紛繁復(fù)雜的表格。每家銀行明擺著都有自己的一套流程，網(wǎng)站除了被動接受別無他法。而正因如此，財付通（Tenpay）和支付寶 （Alipay）等第三方支付平臺才如此深得人心。
如今很多移動App在銀行和其他App之間充當(dāng)著橋梁的作用，所以用戶就不必為繁雜的綁定流程而煩惱不堪了。
談到這種支付模式，我在美國只有過一次體驗。當(dāng)時在機(jī)場，我正為晚上無處安身而發(fā)愁，幸好能用Venmo（美國的移動支付App）在HotelTonight（酒店預(yù)訂服務(wù)App）上預(yù)付房費，省去了繁雜的信用卡信息輸入和綁定程序。
但在中國，第三方支付卻再常見不過了。關(guān)鍵在于，眾多App已經(jīng)有內(nèi)置的支付功能，所以用戶不用費盡周折去下載第三方支付軟件。
App中的“錢包”頁面包攬了所有支付形式，頁面上還有其他選項可供選擇：
大多數(shù)附帶支付功能的App都有相似的三列繽紛多彩的圖標(biāo)，代表不同功能的服務(wù)。實際上，很多銀行的App也有著類似的布局，用戶可以直接為商品支付貨款。
任 何涉及支付功能的App都在交易安全上緊繃著一根弦。App中通常會有一個標(biāo)志性的大盾牌圖標(biāo)，赫然立于“安全中心”的頁面之上。美國的在線購物網(wǎng)站也曾 采用類似的模式，但2000年之后（還記得“Hacker Safe（黑客安全技術(shù)）”嗎？）就改用了更加隱蔽的方式。
其實有相當(dāng)一部分專門給手機(jī)加速、清理緩存、提高安全性，甚至能抵抗惡意攻擊的App……多多少少讓人聯(lián)想起Window XP曾經(jīng)為反抗惡意軟件攻擊所開發(fā)的那些玩意兒。當(dāng)然了，由于“盾牌”無處不在，此類App便少了些用武之地。
不論是自動填寫“你所在的城市”，顯示本地天氣或打開本地服務(wù)頁面時，很多App從來都是“面不改色心不跳”地索要用戶的地理位置，幾乎到了無孔不入的地步。
在 中國，聯(lián)系附近的陌生人是諸多App常用的功能之一。實際上，Highlight和Skout等美國本土的App曾推出過這個功能，但并不像在中國一樣大 獲成功——文化態(tài)度、人口密度和城市化水平等都可能是印象因素。不管如何，此功能在中國如此廣泛地使用，這已經(jīng)是不爭的事實。
陌陌就是一個專門結(jié)實陌生人的App，月活躍用戶超過6000萬人，該公司即將上市。陌陌上不但能聯(lián)系附近的陌生人，還可以發(fā)現(xiàn)有趣的活動、討論、游戲等等。類似的App還包括微聚和比鄰。
此類獨立App風(fēng)靡當(dāng)下，但最值得一提的還是每一個中國人日常使用的App都包含這個功能。
微信和QQ是中國使用最廣泛的兩種社交App，且都能搜索“附近的人”。用戶會看到一個附近陌生人的名單，還能瀏覽他們發(fā)送到新鮮事里的照片。當(dāng)然了，你也可以選擇或者不選擇出現(xiàn)在他人的清單上。用戶只要還在瀏覽陌生人清單，就能接受好友請求。
微博跟Twitter的不同點在于，它可以看到附近的用戶發(fā)送的內(nèi)容，流行的音樂、電影和TV App，還可以找到很多熱門賬號和群組。
百度地圖里的“云圖”也很贊——實時更新，能顯示不同街區(qū)的人口密度，由用戶向服務(wù)器發(fā)送的實時地理位置信息繪制而成。
直覺告訴我，如果美國的主流App全部或者僅僅是部分添加上述功能的話，肯定會為一些利益集團(tuán)利用，成為晚間新聞廣播上恐怖故事和發(fā)泄不滿情緒的借口罷了。
很 多公司的App都支持離線使用，像是音樂App（QQ音樂、多米、百度音樂等），還有視頻App（愛奇藝、騰訊視頻、百度視頻等）。隨時在地鐵上都能看見 一些人拿著手機(jī)看視頻、聽音樂……這樣的風(fēng)景在美國卻是少見，主要是因為在美國，人們無法享有中國用戶那樣的下載權(quán)限。
主流的新聞App同樣能提前下載多達(dá)幾百篇文章，用戶可以挑有空的時候看；主流的地圖App也能下載用戶所在城市，甚至整個國家的離線地圖；百度翻譯、有道詞典之類的中英翻譯App也可以下載離線詞典和資料，讓查詢變得更加快速便捷，只是翻譯質(zhì)量略微遜色些。
離線下載功能成為諸多App的賣點之一。在中國，下載一部電影或一首歌時，用戶可以對畫質(zhì)和音質(zhì)進(jìn)行設(shè)置，可以看到下載占用的流量和內(nèi)存，數(shù)字到以KB計算，還可以了解設(shè)備內(nèi)存剩余的空間；相比之下，美國的App就最多顯示一個模糊的進(jìn)度條，或者干脆什么都看不到。
探討App UI在中國發(fā)展的大趨勢之際，不得不提一下微信的“朋友圈”或者“新鮮事”板塊。當(dāng)我第一次看到它的時候，感覺就像是Facebook的動態(tài)消息被生搬硬套進(jìn)了畢加索式的怪異圖標(biāo)。但使用之后我驚喜地發(fā)現(xiàn)，朋友圈堪稱是絕佳的創(chuàng)意，跟Facebook的動態(tài)消息相比頗有獨樹一幟的風(fēng)范。
這些獨具創(chuàng)意的設(shè)計元素與微信的完美融合讓大眾對朋友圈情有獨鐘了。查看消息和刷新朋友圈，評論點贊和發(fā)狀態(tài)……這就是中國微信用戶的日常。
差 不多一半的iPhone用戶都開啟了Assistive Touch。雖然這漂浮在屏幕上的小方塊有時候挺煩人的，但是也很有用——比如充當(dāng)虛擬的Home鍵以及實現(xiàn)多點觸控功能等，后者讓原本需要多個手指完成 的操作只需一根手指就能完成，讓傷殘人士也能做到無障礙操作。
但是，為什么那些四肢健全、大腦正常的人也會選擇啟用Assistive Touch這種模棱兩可的設(shè)定呢？沒人能果斷給出一個答案來，也許人們的想法各不相同吧……有人害怕用壞了手機(jī)下方的Home鍵，有人也許僅僅是閑得沒事做而已。
在不同App的加載和錯誤提示界面上，都會出現(xiàn)各式各樣可愛的卡通造型。
一些App還包含了快速查詢和更新當(dāng)?shù)丨h(huán)境污染指數(shù)的功能。
相當(dāng)一部分的App在打開之前會出現(xiàn)無需提前加載的全屏廣告，它們在應(yīng)用打開之前就在后臺自動加載好了，甚至內(nèi)置在了App中。有時候是程序內(nèi)購買的廣告，有時候則是推廣或宣傳特別的活動等等，還有就是一些在公告板或者地鐵站隨處可見的普通廣告。
主流App為用戶提供多種多樣的主題/皮膚選擇已經(jīng)成為一種趨勢。實在不能想象美國的iOS應(yīng)用也會走這樣的套路。
雖 然Google在中國被屏蔽了，但是對于中國用戶來說，搞一臺Nexus設(shè)備，享受什么純白無暇Google體驗實在是多此一舉。但在中國，官方原版 ROM和其他地方一樣匱乏，為了彌補(bǔ)這樣的空缺，一些基于Android原生系統(tǒng)的替代產(chǎn)品出現(xiàn)了，比如小米的MIUI、阿里的YunOS以及錘子科技的 Smartisan等。
掃一掃，案例分享帶回家（藍(lán)藍(lán)設(shè)計微信公眾平臺）
藍(lán)藍(lán)設(shè)計的小編 http://m.820esy.cn