微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì)

2022-07-14    分類: 網(wǎng)站建設(shè)

本文編譯自Dan Grover的博客,他現(xiàn)在是騰訊微信的產(chǎn)品經(jīng)理。以下是他從舊金山搬到廣州后的近半年時(shí)間里,在試用過(guò)微信微博等主流移動(dòng)App后,總結(jié)出的中美App在設(shè)計(jì)理念上的差異,并對(duì)移動(dòng)App UI的發(fā)展趨勢(shì)給出了自己的看法。

今年夏天,我從舊金山搬到了廣州工作,成為了微信的一名產(chǎn)品經(jīng)理。

搬到一個(gè)陌生的國(guó)家意味著許多事情要從頭學(xué)起:比如要講外語(yǔ)、適應(yīng)飲食習(xí)慣差異等等。然而不到幾個(gè)月我就驚訝地發(fā)現(xiàn),開(kāi)頭我特別不習(xí)慣的東西對(duì)我已是輕車熟路。

我的數(shù)字生活也經(jīng)歷了這樣一個(gè)過(guò)程。我卸掉了所有我曾在舊金山用過(guò)的應(yīng)用,換上了這兒的人們常用的,先我作為科技人士本來(lái)就好奇心強(qiáng)嘛,再說(shuō)我來(lái)到這生活,當(dāng)然越“本土化”越好。

有一天,我想找點(diǎn)樂(lè)子玩,于是我就在自己的筆記本里一條條列出“制造”的這些應(yīng)用和我在美國(guó)用的那些有何不同。寫(xiě)完才發(fā)現(xiàn)列了這么長(zhǎng),于是我決定專門(mén)寫(xiě)一篇文章,進(jìn)行一個(gè)系統(tǒng)的分析。

復(fù)雜的中文輸入

拼音的模糊匹配

中文的輸入法千差萬(wàn)別,拼音、手寫(xiě)、五筆到九宮格輸入。不同年代、不同成長(zhǎng)環(huán)境的用戶會(huì)選擇不同的輸入法,但總的來(lái)說(shuō),拼音受歡迎。

但在的網(wǎng)站和 App 上,不管是什么操作系統(tǒng),你只需輸入拉丁字母,不用打出漢字,就能得到大量的中文搜索結(jié)果,通過(guò)智能糾錯(cuò)和模糊音功能,即使有錯(cuò)別字也無(wú)傷大雅。一旦適應(yīng)了這種模式,就會(huì)不由得感慨:為什么其他國(guó)家的 App 沒(méi)有這么人性化呢?

雖說(shuō)這些應(yīng)用處理各種漢字輸入已經(jīng)沒(méi)什么問(wèn)題,但很少支持英文的模糊輸入,比如使用詞干提取和探測(cè)法等便能處理變音符、標(biāo)點(diǎn)符號(hào)和大寫(xiě)等問(wèn)題,當(dāng)然,對(duì)于這一現(xiàn)狀也情有可原。

語(yǔ)音信息、語(yǔ)音搜索和語(yǔ)音助手

如果語(yǔ)音能夠簡(jiǎn)單粗暴地解決問(wèn)題,那還要打字干嘛?在微信一類的 IM 應(yīng)用中,語(yǔ)音信息的使用隨處可見(jiàn),發(fā)語(yǔ)音省掉了打字的麻煩,也為那些對(duì)電腦一竅不通的老一輩人帶去了便利。其實(shí)我個(gè)人并不熱衷這種交流模式,總覺(jué)得停下手頭的活兒來(lái)聽(tīng)取語(yǔ)音信息遠(yuǎn)沒(méi)有瀏覽文字來(lái)得方便,用語(yǔ)音回復(fù)也讓我很不自在,尤其是在公眾場(chǎng)合,看起來(lái)頗有裝腔作勢(shì)的嫌疑。

不過(guò),在,人們似乎很習(xí)慣在公共場(chǎng)合發(fā)送語(yǔ)音信息。一邊用拇指摁著“錄音鍵”一邊微微低頭對(duì)手機(jī)說(shuō)話的人群隨處可見(jiàn)。除此之外,很多應(yīng)用也支持語(yǔ)音搜索。于今年 5 月加盟百度的人工智能科學(xué)家Andrew Ng博士在近一次訪談中便表示:現(xiàn)在語(yǔ)音搜索已占百度搜索的 10%。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

二維碼

在動(dòng)身前往前,我曾在舊金山做過(guò)關(guān)于美國(guó)用戶習(xí)慣及喜好的調(diào)查,并不失時(shí)機(jī)地亮出二維碼,看他們是否知道那是干什么用的。一個(gè)女大學(xué)生笑道:“這玩意兒是不是那種,用相機(jī)照一下就能打開(kāi)什么神秘網(wǎng)站之類的?”

還有人說(shuō)他們?cè)鴩L試用相機(jī) App 拍了張二維碼的照片,但發(fā)現(xiàn)沒(méi)什么反應(yīng),后來(lái)就再也沒(méi)用過(guò)?!按蟾攀琴?gòu)物優(yōu)惠券之類的吧”有人猜,甚至擔(dān)心手機(jī)會(huì)因此中病毒什么的。我把他們這些反應(yīng)錄下來(lái)給我同事看,告訴他們其實(shí)二維碼在美國(guó)一直都沒(méi)流行起來(lái)。

人對(duì)二維碼就完全不陌生了。實(shí)際上,二維碼幾乎無(wú)處不在——廣告、宣傳冊(cè)、菜單、名片、優(yōu)惠券、列車的椅子靠背甚至廁所門(mén)后邊。絕大部分 App 都有二維碼掃描功能。打印在廣告、宣傳冊(cè)上的二維碼也許只適用于某個(gè)特定的 App,的微信、微博以及其他 App 上都有與特定鏈接捆綁的二維碼,不過(guò)不同 App 這間可能并不兼容。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

而二維碼的下方往往會(huì)出現(xiàn)“掃一掃”三個(gè)漢字,也就是掃描的意思。我挺喜歡這個(gè)動(dòng)詞的,至少比我們的“scan”強(qiáng),scan 容易讓人想起醫(yī)療設(shè)備什么的。在這里,二維碼不僅僅是一種營(yíng)銷渠道,還可以用于添加好友,支付商品或登陸網(wǎng)站。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

紅色小圓點(diǎn)

在,眾多 App 的 UI 往往獨(dú)樹(shù)一幟地共用同一種元素——一個(gè)代表未讀內(nèi)容的紅色小圓點(diǎn)??雌饋?lái)跟 iOS 系統(tǒng) UI 上那種紅色圓點(diǎn)相似,很眼熟,只是沒(méi)有數(shù)字標(biāo)識(shí)。實(shí)際上,美國(guó) App 的 UI 從未用過(guò)這個(gè)元素。這些紅色的小圓點(diǎn)在 App 的菜單上隨處可見(jiàn),從左到右、從上至下。通常,如果用戶過(guò)一段時(shí)間再打開(kāi)某個(gè) App,就會(huì)每個(gè)頁(yè)面上都有它們的身影。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

這些小紅點(diǎn)的意思是:

A. 該處又有了新內(nèi)容:在社交媒體新聞、電影、音樂(lè)或購(gòu)物 App 中很常見(jiàn),實(shí)際上并不需要用戶執(zhí)行特別的操作,也不必顯示具體的數(shù)字,只是提醒他們有新的內(nèi)容出現(xiàn)了而已。

B. 新功能上線:在 App 中常伴著醒目的紅色“New”或“新”的字樣。

C. 在用戶屏蔽了應(yīng)用的消息通知功能時(shí)出現(xiàn)。舉個(gè)例子,微信聊天被屏蔽后,新消息以紅色圓點(diǎn)而不是數(shù)字的形式顯示。

很多 App 同時(shí)使用紅色圓點(diǎn)和數(shù)字兩種通知模式。這算是排列優(yōu)先級(jí)的新發(fā)明,因?yàn)樵綇?fù)雜的菜單結(jié)構(gòu)就需要越精細(xì)的方法去引導(dǎo)用戶。一般來(lái)說(shuō),在同時(shí)顯示兩種元素的情況下,數(shù)字會(huì)被優(yōu)先點(diǎn)開(kāi)。不過(guò),這也加劇了人們玩 App 上癮的情況。

3. 簡(jiǎn)約美、門(mén)戶網(wǎng)站、平臺(tái)

Richard Gbariel 的經(jīng)典論文《The Rise Of “Worse is Better”》次將軟件設(shè)計(jì)中兩種截然相反的觀點(diǎn)進(jìn)行了對(duì)比。來(lái)自貝爾實(shí)驗(yàn)室(Bell Labs)的 UNIX 操作系統(tǒng)和 C 語(yǔ)言例證了“Worse is Better”的觀點(diǎn),傾向于簡(jiǎn)單小巧、原汁原味并能彼此協(xié)調(diào)的工具。而由麻省理工學(xué)院開(kāi)發(fā)的 Common Lisp、Scheme 和 Emacs 則例證了相對(duì)立的觀點(diǎn)——“The Right Thing/Better is Better”,后者更傾向于龐大而全面的綜合解決方案。

美國(guó)本土 App 的演變趨勢(shì)是將大而全的應(yīng)用分解成許多專注于單點(diǎn)功能的應(yīng)用,其哲學(xué)更接近于“Worse is Better”。但這邊的應(yīng)用則選擇了相反的方向。每個(gè)應(yīng)用都在盡力集成越來(lái)越多的功能——有些與核心功能融合得頗為巧妙,有些就顯得沒(méi)怎么經(jīng)過(guò)大腦。我只能認(rèn)為,他們這樣做是為了吸引眼球,或者擴(kuò)大目標(biāo)用戶群。

到這兒我想起來(lái)幾個(gè)例子:

微信之于WhatsApp,簡(jiǎn)直就是Emacs和VIM的差距。除了用來(lái)發(fā)消息,還能進(jìn)行視頻通話,新聞?dòng)嗛?,能支付,有個(gè)類似印象筆記的收藏夾功能,有游戲中心(有本機(jī)游戲),基于 LBS 的找人機(jī)制,有類似 Shazam 的歌曲識(shí)別服務(wù),還有一個(gè)客戶端。美國(guó)著名軟件工程師 Jamie Zawinski 認(rèn)為,郵件是所有程序必備功能之一,否則就會(huì)被其他帶有此功能的產(chǎn)品所替代,而微信中恰恰有內(nèi)置的郵件客戶端。此外,微信的公眾號(hào)甚至能實(shí)現(xiàn)用戶跟服務(wù)供應(yīng)商的對(duì)話,而無(wú)需另外下載官方 App。

百度地圖有查詢天氣、搜索好友、旅行向?qū)б约案魇礁鳂拥闹Ц斗?wù);騰訊地圖則可以發(fā)送音頻明信片。兩個(gè) App 均有二維碼掃描功能,提供類似“高朋團(tuán)購(gòu)”的便捷服務(wù)。

版的“Twitter”——微博則更為強(qiáng)大,現(xiàn)在用戶能發(fā)布 10 種不同類型的內(nèi)容,從長(zhǎng)微博到餐館點(diǎn)評(píng),另外,它也推出了支付功能。

在美國(guó),像雅虎那樣包羅萬(wàn)象的“門(mén)戶網(wǎng)站”在 2000 年左右就已經(jīng)不行了。類似的新浪、網(wǎng)易、hao123 以及騰訊新聞等同類網(wǎng)站卻在發(fā)展得火熱。雖然“常規(guī)”App 已具備了門(mén)戶網(wǎng)站的所用功能,但很多門(mén)戶網(wǎng)站也推出了自己的 App,相當(dāng)一部分都非常受歡迎。

側(cè)邊欄“Discover”

美國(guó) App 中一些難以分類的條目往往放在同一個(gè)類別中(比如“設(shè)定”和“幫助”選項(xiàng)等等),形式大同小異。通常把它們放在右的“More”選項(xiàng)卡下(帶有省略號(hào)圖標(biāo)),有時(shí)候歸類到側(cè)邊欄(Hamburger Menu)里,有時(shí)候像 Facebook 一樣藏在側(cè)邊欄的“更多”標(biāo)簽下。

應(yīng)用們有時(shí)候也這樣使用“更多”選項(xiàng)卡解決問(wèn)題,但更常見(jiàn)的還是歸類到底部導(dǎo)航欄的“發(fā)現(xiàn)”卡片?!鞍l(fā)現(xiàn)”的圖標(biāo)通常是指南針的造型,整合了一串有趣、但又并非核心功能的內(nèi)容。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

五花八門(mén)的應(yīng)用商店

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

Android 有超過(guò) 10 家大型應(yīng)用商店。一款 App 的上線和升級(jí)需要在每個(gè)應(yīng)用商店一一操作。在 iOS 上除了 iTunes 也有其他商店,我見(jiàn)過(guò)有個(gè)叫“蘋(píng)果助手”的,下載時(shí)得使用自定義配置文件。此外鑒于還是有很多越獄 iphone 手機(jī),Cydia 很受歡迎。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

> 帳號(hào)和登陸界面

手機(jī)號(hào)碼和驗(yàn)證碼登陸

美國(guó)網(wǎng)站和 App 通常采用兩種登陸模式,一是傳統(tǒng)的 E-Mail 作為用戶名,輸入密碼登陸;二是采取 Facebook 或 Google 等第三方賬戶授權(quán)登陸。近常見(jiàn)美國(guó)一些 Facebook 類的社交 App 讓用戶輸入電話號(hào)碼,通過(guò)短信(SMS)獲取驗(yàn)證碼來(lái)登陸。

而在,幾乎所有 App 都支持手機(jī)號(hào)碼登陸 / 注冊(cè)(還有其他選項(xiàng))的方式,包括沒(méi)有開(kāi)發(fā)移動(dòng) App 的網(wǎng)站也支持這種登陸方式。

二維碼登陸

許多網(wǎng)站還支持二維碼掃描來(lái)登陸相應(yīng)的 App。二維碼的標(biāo)示符經(jīng)過(guò)移動(dòng) App 的掃描后,就能自動(dòng)登陸到賬戶上。這在用戶不方便用物理鍵盤(pán)輸入密碼時(shí)是個(gè)理想的解決方案,比如在網(wǎng)吧上網(wǎng)的用戶就可免受鍵盤(pán)記錄程序和間諜軟件的攻擊。

第三方登錄

許多應(yīng)用還提供微信、QQ、新浪微博、人人網(wǎng)等第三方登錄。手機(jī)界面通常會(huì)自動(dòng)跳轉(zhuǎn)至第三方 App,經(jīng)授權(quán)之后就可以登陸了。在網(wǎng)站上,傳統(tǒng)登陸,第三方賬戶授權(quán)和移動(dòng) App 掃描二維碼均可使用。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

更多的安全措施

銀行網(wǎng)站(還有支付寶)需要一個(gè)特殊的瀏覽器插件才能鍵入密碼,很多銀行會(huì)發(fā)給客戶一個(gè) U 盾,不過(guò)我實(shí)在琢磨不透這玩意兒到底怎么用,只能將其束之高閣。

美國(guó)的 App 和網(wǎng)站只有在注冊(cè)時(shí)才會(huì)要求用戶輸入驗(yàn)證碼,而在,通常注冊(cè)和登陸界面都要求輸入驗(yàn)證碼,對(duì)安全性的要求相對(duì)統(tǒng)一,還有一些移動(dòng)應(yīng)用甚至本身就含有驗(yàn)證碼的輸入選項(xiàng)。

聊天的通用UI

公眾號(hào)

微信還炒熱了“公眾號(hào)”的概念,為品牌推廣和公眾人物提供了與大眾交流的平臺(tái)。它們和 IRC 實(shí)時(shí)聊天(Internet Relay Chat)、AIM 聊天軟件以及 SmarterChild 聊天機(jī)器人有些相似。銀行、移動(dòng)運(yùn)營(yíng)商、博客、醫(yī)院、購(gòu)物中心和政府機(jī)構(gòu)都有公眾賬號(hào),而很多機(jī)構(gòu)甚至放棄了開(kāi)發(fā)獨(dú)立 App 或移動(dòng)網(wǎng)站,專心經(jīng)營(yíng)自己的公眾號(hào)。

用戶可以發(fā)送任何形式的信息(包括文字、圖片、語(yǔ)音等)給公眾號(hào),同時(shí)會(huì)收到對(duì)方的自動(dòng)回復(fù)或人工回復(fù)。聊天界面也與平時(shí)相似,只是頁(yè)面底部會(huì)有一個(gè)菜單,這是去往賬戶提供的主要功能的快捷方式(當(dāng)然,也可以切換回普通的聊天界面)。

此外,所有普通聊天模式具備的功能在公眾號(hào)這兒都能找到。微信甚至能將語(yǔ)音自動(dòng)轉(zhuǎn)化為文本,然后再將該信息發(fā)送到該公眾賬號(hào)的第三方服務(wù)器。公眾賬號(hào)也能用來(lái)訂閱媒體內(nèi)容,界面看上去就和 RSS 閱讀器差不多。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

公眾號(hào)聊天式 UI 的成功引來(lái)眾多 App 爭(zhēng)相模仿,新浪微博和 QQ 官方賬號(hào)都借鑒了這種形式。不僅如此,在很多 App 的“用戶中心”也能找到這種 UI 的影子。一家名為 Grata 的初創(chuàng)公司甚至在售一種白色標(biāo)簽版的 UI,能應(yīng)用到各種 App 上。

App 開(kāi)發(fā)者們不僅僅領(lǐng)悟到采用用戶熟悉的 UI 是明智的選擇,他們壓根全盤(pán)復(fù)制了微信 UI 的全部元素——頁(yè)面下的三個(gè)菜單按鈕和推送給用戶的“多媒體”新聞布局和微信比起來(lái)那叫一個(gè)眼熟。

emojis和表情

在 emojis 流行起來(lái)之前,大部分西方 App 可用的表情符號(hào)都是從傳統(tǒng)的文字表情直接轉(zhuǎn)化成的,常用的有大概 15 個(gè)。但在,QQ 很早之前就有了一套標(biāo)準(zhǔn)化的表情,這 80 多個(gè)表現(xiàn)力豐富且豐富多彩的表情與 emojis 相比毫不遜色。除了一些基本表情,還有一些有各自適用情境和場(chǎng)合的夸張表情。

在,要是有哪個(gè)聊天 App 沒(méi)有配備類似的表情就等同于失職。微信承襲了當(dāng)年 QQ 創(chuàng)造的那些表情,其他 App 也是屢屢“借鑒”。再到后來(lái),一些大號(hào)的動(dòng)態(tài)貼紙也成了這類應(yīng)用的標(biāo)配,只是跟美國(guó)用戶比起來(lái),亞洲人對(duì)此并沒(méi)有我想象中那樣狂熱。

購(gòu)買(mǎi)東西

在線支付初發(fā)展頗為艱難,因?yàn)榕c銀行談合作要克服種種麻煩。若要在網(wǎng)站上綁定一張銀行卡,直接在上面輸入銀行賬號(hào)都無(wú)法做到,用戶得從一個(gè)包含 30 多家銀行的下拉列表中勾選出自己的銀行,還得填完復(fù)雜的表格。每家銀行都有自己的一套流程,網(wǎng)站除了被動(dòng)接受別無(wú)辦法。這也是像財(cái)付通(Tenpay)和支付寶(Alipay)這樣的第三方支付解決方案得到迅速采用的原因。

單點(diǎn)登錄的移動(dòng)支付模式

如今很多移動(dòng) App 都能和銀行賬戶連接,可以充當(dāng)其他 App 之間的媒介,用戶就不必為繁雜的綁定流程而煩惱不堪了。

我在美國(guó)體驗(yàn)過(guò)一次這種支付模式,當(dāng)時(shí)我在機(jī)場(chǎng),發(fā)現(xiàn)正好能用 Venmo(美國(guó)的移動(dòng)支付 App)在 HotelTonight(酒店預(yù)訂服務(wù) App)上支付房費(fèi),這省去了輸入信用卡信息的麻煩。

但在,第三方支付卻非常常見(jiàn)。用戶不必再下載額外的錢(qián)包或支付應(yīng)用,許多 App 已經(jīng)有內(nèi)置的支付功能。

每個(gè)App都有在線支付功能

App 中的“錢(qián)包”頁(yè)面包攬了所有支付形式,頁(yè)面上還有其他選項(xiàng)可供選擇:

1. 通過(guò) App 進(jìn)入其他渠道購(gòu)物,比如購(gòu)買(mǎi)本地 App 的打折商品。

2. 在現(xiàn)實(shí)生活中只需掃描賣家的二維碼就能購(gòu)買(mǎi)商品?;蛘叻催^(guò)來(lái),讓賣家來(lái)掃描買(mǎi)家手機(jī)上的二維碼來(lái)完成支付。

3. 為好友派發(fā)“紅包”,跟的傳統(tǒng)習(xí)俗有異曲同工之妙,只是采取了在線形式而已。

4. 絕大部分有支付功能的 App 都能用來(lái)購(gòu)買(mǎi)飛機(jī)票、彩票、電影票以及打出租車(在美國(guó)有 Uber,在有“滴滴打車”),還能為手機(jī)充值,交水電費(fèi)等等。騰訊 App 上還有迷你版的京東購(gòu)物平臺(tái)(著名在線購(gòu)物網(wǎng)站),還能購(gòu)買(mǎi)騰訊的虛擬貨幣 Q 幣。

大多數(shù)由支付功能的 App 在頁(yè)面 UI 布局上都非常類似,即三列代表不同功能的彩色圖標(biāo)。事實(shí)上,很多銀行的 App 頁(yè)面布局也與之類似,用戶可直接用賬戶余額購(gòu)買(mǎi)商品。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

任何涉及支付功能的 App 都得全力保證交易安全。App 中通常會(huì)有一個(gè)“安全中心”的頁(yè)面,使用一個(gè)大盾牌做標(biāo)志。美國(guó)的在線購(gòu)物網(wǎng)站也采用過(guò)類似的模式,不過(guò)在 2000 年(還記得“Hacker Safe”(黑客安全技術(shù))嗎?)之后就改用了更加隱蔽的方式。

市面上有一些專門(mén)給手機(jī)加速、清理緩存、提高其安全性的 App,這讓人想起來(lái) Windows Xp 為反抗惡意軟件攻擊開(kāi)發(fā)的那些補(bǔ)丁們。

定位,定位,定位!

很多 App 從來(lái)都不羞于索要用戶的地理位置,不論是自動(dòng)填寫(xiě)“你所在的城市”、顯示本地天氣還是打開(kāi)“本地服務(wù)”頁(yè)面,這些應(yīng)用總是能找到辦法拿到信息。

此外,這些 App 還能讓你聯(lián)系附近的陌生人。事實(shí)上,Highlight 和 Skout 等美國(guó)本土的 App 曾推出過(guò)這個(gè)功能,但它們卻從未獲得過(guò)同類應(yīng)用那樣的成功,這可能是因?yàn)閮蓢?guó)的文化態(tài)度、人口密度和城市化水平不同。

專門(mén)結(jié)交陌生人的App

陌陌就是一個(gè)專門(mén)結(jié)識(shí)陌生人的 App,月活躍用戶超過(guò) 6000 萬(wàn)人,該公司也提交了上市申請(qǐng)。陌陌上不但能聯(lián)系附近的陌生人,還可以發(fā)現(xiàn)有趣的活動(dòng)、討論、游戲等等。類似的 App 還包括微聚和比鄰。

日常使用的App

除了那些專門(mén)用來(lái)認(rèn)識(shí)陌生人的 App,就是那些更日常的 App 也包括這樣的功能。

微信和 QQ 是使用廣泛的兩個(gè) IM 應(yīng)用,它們都有一個(gè)“附近的人”功能,用戶能看到附近陌生人的列表,還能瀏覽他們發(fā)送到新鮮事里的照片,向?qū)Ψ桨l(fā)出好友請(qǐng)求等。

微博跟 Twitter 的不同點(diǎn)在于,用戶在微博上能看到附近的帖子,熱門(mén)賬號(hào)和群組,你可以就此知道周圍的人在聽(tīng)什么音樂(lè),看什么電影等等。

百度地圖里的“云圖”也很棒——實(shí)時(shí)更新,能顯示不同街區(qū)的人口密度,由用戶向服務(wù)器發(fā)送的實(shí)時(shí)地理位置信息繪制而成。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

下載無(wú)處不在

幾乎每個(gè)圍繞媒體內(nèi)容的 App 都支持離線使用,像是音樂(lè) App(QQ 音樂(lè)、多米、百度音樂(lè)等),還有視頻 App(愛(ài)奇藝、騰訊視頻、百度視頻等)。你肯定能在地鐵上看見(jiàn)一些人拿著手機(jī)看視頻、聽(tīng)音樂(lè)……這樣的風(fēng)景在美國(guó)卻是少見(jiàn),主要是因?yàn)樵诿绹?guó),人們無(wú)法享有用戶那樣的下載權(quán)限。

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

離線下載功能成為諸多 App 的賣點(diǎn)之一。在,下載一部電影或一歌時(shí),用戶可以對(duì)畫(huà)質(zhì)和音質(zhì)進(jìn)行設(shè)置,可以看到下載占用的流量和內(nèi)存,數(shù)字精確到以 KB 計(jì)算,還可以了解設(shè)備內(nèi)存剩余的空間;相比之下,美國(guó)的 App 就多顯示一個(gè)模糊的進(jìn)度條,或者干脆什么都看不到,要么就只是告訴你硬盤(pán)空間一共還剩多少。

朋友圈里

探討 App UI 在發(fā)展的大趨勢(shì)之際,不得不提一下微信的“朋友圈”或者“新鮮事”板塊。初我只覺(jué)得它生搬硬套了 Facebook,后來(lái)才發(fā)現(xiàn)它跟 Facebook 的動(dòng)態(tài)消息相比頗有獨(dú)樹(shù)一幟的風(fēng)范。

無(wú)過(guò)濾和重新排序:朋友圈里的好友狀態(tài)不會(huì)被過(guò)濾或者重新排序。當(dāng)然,如果你的朋友太煩人,你可以屏蔽他們。

更多私密空間:當(dāng)你給好友評(píng)論或點(diǎn)贊時(shí),只有你倆和你們共有的好友才能看到這些評(píng)論和贊,這跟 Facebook 很像。這一設(shè)定意味著只有發(fā)狀態(tài)的人才清楚到底有多少人為他們的狀態(tài)點(diǎn)贊或評(píng)論,從而提供了更多私密空間。

不顯示公眾賬號(hào)的新聞推送:當(dāng)你關(guān)注某個(gè)公眾號(hào)時(shí),他們推送的內(nèi)容會(huì)進(jìn)入單獨(dú)的“訂閱號(hào)”區(qū)域,并不會(huì)出現(xiàn)在朋友圈里。當(dāng)然,通訊錄好友也可以有意在朋友圈里轉(zhuǎn)發(fā)這些推送的鏈接。

第三方 App 發(fā)送狀態(tài)需經(jīng)過(guò)用戶許可:第三方 App 可以向朋友圈發(fā)送狀態(tài),但必須要經(jīng)過(guò)用戶的許可。通常手機(jī)會(huì)自動(dòng)跳轉(zhuǎn)到微信的界面,得到用戶許可后,狀態(tài)才會(huì)顯示在朋友圈里。

沒(méi)有游戲:Zynga(美國(guó)社交游戲公司)式的社交媒體游戲讓騰訊賺了個(gè)盆滿缽盈。但在微信上,他們明智地選擇了將所有游戲都收錄在“游戲中心(Game Center)”中,照顧到了非玩家用戶的感受。

沒(méi)有照片濾鏡:盡管朋友圈可以發(fā)送各式各樣的狀態(tài),但唯獨(dú)沒(méi)有 Instagram 那種照片濾鏡——這是為了讓用戶能夠快速、即時(shí)地發(fā)送原創(chuàng)的照片。

這些獨(dú)具創(chuàng)意的設(shè)計(jì)元素與微信的融合讓大眾對(duì)朋友圈情有獨(dú)鐘了。查看消息和刷新朋友圈,評(píng)論點(diǎn)贊和發(fā)狀態(tài)……這就是微信用戶的日常。

其他

Assistive Touch

差不多一半的 iphone 用戶都開(kāi)啟了 Assistive Touch。雖然這漂浮在屏幕上的小方塊有時(shí)候挺煩人的,但是也很有用——比如充當(dāng)虛擬的 Home 鍵以及實(shí)現(xiàn)多點(diǎn)觸控功能等,后者讓原本需要多個(gè)手指完成的操作只需一根手指就能完成,讓傷殘人士也能做到無(wú)障礙操作。

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

各種可愛(ài)的卡通形象

我見(jiàn)過(guò)很多分可愛(ài)的卡通造型,它們會(huì)在加載和錯(cuò)誤提示頁(yè)面上出現(xiàn)。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

污染系數(shù)小工具

一些 App 還包含了快速查詢當(dāng)?shù)丨h(huán)境污染指數(shù)的功能。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

廣告閃屏

相當(dāng)一部分 App 在打開(kāi)之前會(huì)出現(xiàn)全屏廣告,這些廣告在應(yīng)用打開(kāi)之前就已經(jīng)在后臺(tái)自動(dòng)加載好了,有的還是內(nèi)置在 App 中的。這些廣告有的是在促銷應(yīng)用內(nèi)的商品,有時(shí)候則是推廣或宣傳特別的活動(dòng)等等,還有就是一些在公告板或者地鐵站隨處可見(jiàn)的普通廣告。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

App主題

主流 App 為用戶提供多種多樣的主題 / 皮膚選擇已經(jīng)成為一種趨勢(shì)。 我在美國(guó)用的 iOS 應(yīng)用就沒(méi)有這些功能。

微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì) 如何全網(wǎng)推廣

Android ROM

Google 在被屏蔽了,為了彌補(bǔ)這樣的空缺,一些基于 Android 原生系統(tǒng)的替代產(chǎn)品出現(xiàn)了,比如小米的 MIUI、阿里的 YunOS 以及錘子科技的 Smartisan 等。它們做工都頗為精良,也有自己對(duì) UI 的獨(dú)到見(jiàn)解,但我對(duì)這邊 Android 設(shè)備的了解還不夠深入,因此還不能給出客觀的評(píng)論,或許未來(lái)能再開(kāi)個(gè)帖子討論這件事兒。

本文標(biāo)題:微信UI設(shè)計(jì)的特點(diǎn),老外眼中的微信UI設(shè)計(jì)
本文地址:http://www.bm7419.com/news/178005.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)ChatGPT、網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站、企業(yè)建站、網(wǎng)站營(yíng)銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)