亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

月活超10億的微信,是如何做好用戶(hù)體驗(yàn)的

2020-4-13    資深UI設(shè)計(jì)者

微信是一種生活方式。作為月活超 10 億的國(guó)民級(jí)產(chǎn)品,它有著獨(dú)特的設(shè)計(jì)之道。

同時(shí),微信也是互聯(lián)網(wǎng)界的一個(gè)異類(lèi),張小龍?jiān)谖⑿殴_(kāi)課上回應(yīng)道:「我們只是守住了做一個(gè)好產(chǎn)品的底線(xiàn),居然就與眾不同了」。

好產(chǎn)品自然是體驗(yàn)和價(jià)值至上。下面,我就為大家解讀微信的用戶(hù)體驗(yàn)設(shè)計(jì)。

二次確認(rèn)的微創(chuàng)新

先從最簡(jiǎn)單的二次確認(rèn)講起。

微信針對(duì)首頁(yè)消息和收藏列表的刪除操作,做了二次確認(rèn)的微創(chuàng)新。像同類(lèi) IM 聊天工具,如 iOS 短信、Facebook Messenger、飛聊等等,二次確認(rèn)都是采用底部系統(tǒng)彈窗。這樣做,從程序架構(gòu)的角度來(lái)看兼容性和通用性更強(qiáng)。

而從體驗(yàn)設(shè)計(jì)的角度來(lái)看,則剛好相反,因?yàn)閺牡谝淮蝿h除操作,到第二次確認(rèn)系統(tǒng)彈窗。之間的目標(biāo)距離太長(zhǎng),耗時(shí)也就變長(zhǎng)了。根據(jù)菲茨定律(Fitts’ Law),獲取目標(biāo)的時(shí)間取決于目標(biāo)的距離和大小。這意味著提升交互的效率,不僅需要減少距離,同時(shí)還要增加目標(biāo)大小。

△ 收藏列表

回過(guò)頭看來(lái)微信,就是這樣設(shè)計(jì)的。二次確認(rèn)是在第一次的基礎(chǔ)上延展,距離幾乎為 0,同時(shí),目標(biāo)按鈕的寬度也增加了幾倍,大大地提升了交互效率。

互動(dòng)體驗(yàn)廣告

其實(shí),商業(yè)和用戶(hù)體驗(yàn)往往是有沖突的。而微信廣告很好的平衡了這一點(diǎn)。

通過(guò)豐富有趣的互動(dòng)體驗(yàn)式創(chuàng)意,或畫(huà)圓、或畫(huà)方、或畫(huà)愛(ài)心,吸引大家主動(dòng)參與互動(dòng)。

1. 開(kāi)放首條評(píng)論

另外,首條評(píng)論功能讓品牌像朋友一樣與大家對(duì)話(huà),利用明星效應(yīng),從而帶動(dòng)更多人參與評(píng)論,有效提升評(píng)論區(qū)活躍度和廣告點(diǎn)擊率。

△ 朋友圈劉雯廣告

以劉雯發(fā)布的朋友圈廣告為例,大表姐把款的 vivo X30 系列手機(jī)交到你手中,并在首條評(píng)論中邀請(qǐng)你幫她拍照。數(shù)十萬(wàn)用戶(hù)積極回復(fù)劉雯,評(píng)論率高于歷史均值 40 倍+,「你這么漂亮怎么拍都好看」、「天天給你拍」,大表姐的魅力折服了眾多用戶(hù),有效提升了品牌的親和力與好感度。

2. 打開(kāi)儀式 · 最強(qiáng)震動(dòng)級(jí)別

在交互方面,如果你是 iPhone 用戶(hù),可以體驗(yàn)到 Taptic Engine 線(xiàn)性震動(dòng)馬達(dá),通常力度由輕到重分別是 Light、Medium、Heavy。在打開(kāi)廣告的那一刻,它給你的是最強(qiáng)震動(dòng)級(jí)別,滿(mǎn)滿(mǎn)的儀式感!整個(gè)微信應(yīng)該找不到第二個(gè)這樣級(jí)別的震動(dòng)了。

提供反饋信息

再舉一個(gè)震動(dòng)的例子,當(dāng)你的好友拍攝了時(shí)刻視頻后,可以看到 TA 的頭像右上角多了一個(gè)藍(lán)色的小圈圈,雙擊它就能看到好友的時(shí)刻視頻了。

當(dāng)然,你雙擊沒(méi)有拍攝時(shí)刻視頻的好友,TA 的頭像會(huì)左右晃動(dòng),并且會(huì)有 Failure 的震動(dòng)反饋,動(dòng)畫(huà)和震動(dòng)節(jié)奏完美匹配,這個(gè)體驗(yàn)就像你解鎖 iPhone 輸錯(cuò)密碼時(shí)的震動(dòng)是一樣的。

△ 沒(méi)有時(shí)刻視頻時(shí)的反饋

我們做產(chǎn)品設(shè)計(jì)時(shí)也一樣,對(duì)于用戶(hù)的操作,應(yīng)當(dāng)給予清晰明了的反饋,幫助用戶(hù)更好地理解信息。

跨平臺(tái)能力

微信的起步階段是基于手機(jī)來(lái)做 App,不基于 PC 來(lái)做,PC 端只是輔助,而現(xiàn)在,它的跨平臺(tái)能力也逐漸增強(qiáng)。

一周前,微信 PC 版「微信測(cè)試版 for Windows」發(fā)布了 2.9.0 的內(nèi)測(cè),同步了移動(dòng)端的新功能,主要有兩點(diǎn):

支持打開(kāi)小程序,也可以玩「貪吃蛇」「跳一跳」等小游戲了。

△ Windows 微信客戶(hù)端

另外,此前的微信 PC 端只支持引用文字消息,也沒(méi)有達(dá)到手機(jī)上引用消息的視覺(jué)效果。此次更新中,還新增了很多支持的應(yīng)用類(lèi)型,包括但不限于圖片/視頻、表情包、公眾號(hào)鏈接、小程序、文件等。

如此看來(lái),Mac 端的更新也不遠(yuǎn)了,可以期待一下。

語(yǔ)音實(shí)時(shí)翻譯

最近的微信更新了,除了引入深色模式之外。值得一提的是,語(yǔ)音消息的交互體驗(yàn)得到了優(yōu)化,上滑轉(zhuǎn)文字更方便了。

此前的方式是按住說(shuō)話(huà),滑到轉(zhuǎn)文字按鈕,說(shuō)完松開(kāi)手指后,才把語(yǔ)音解析成文字。

現(xiàn)在交互則少了一步操作,達(dá)到了實(shí)時(shí)邊說(shuō)邊轉(zhuǎn)文字的功能。別小看這一步界面上的優(yōu)化,它背后代表的是微信語(yǔ)音識(shí)別能力上的技術(shù)突破。

△ 語(yǔ)音實(shí)時(shí)轉(zhuǎn)文字

錨點(diǎn)定位

微信有很多隱性和顯性的錨點(diǎn),隱性錨點(diǎn)就比如你打開(kāi)的這篇文章,關(guān)閉后,再重新點(diǎn)進(jìn)來(lái),還是顯示上次閱讀的位置。

△ 訂閱號(hào)列表

顯性的錨點(diǎn)就比如上面這個(gè):當(dāng)你刷公眾號(hào)列表時(shí)候,如果有新文章更新,標(biāo)題欄會(huì)出現(xiàn)一個(gè)錨點(diǎn)按鈕,點(diǎn)擊它讓你快速回到頂部,方便查看文章。

△ 朋友圈「跳到還沒(méi)看的位置」

基于此,在新版微信朋友圈中,增加了一個(gè)「跳到還沒(méi)看的位置」。很多信息流產(chǎn)品是往下刷內(nèi)容,直到給你一個(gè)分界線(xiàn)提示:下面內(nèi)容已經(jīng)看過(guò)了。而微信這是一個(gè)逆向操作,我認(rèn)為這個(gè)功能還是很有必要的,因?yàn)榻?jīng)常會(huì)有刷朋友圈刷到一半聊天退出去,當(dāng)回來(lái)查看朋友圈時(shí),需要重新拉到底部,費(fèi)時(shí)費(fèi)力。

自然的語(yǔ)音聽(tīng)筒播放

《在你身邊,為你設(shè)計(jì)》一書(shū)中有提到語(yǔ)音聽(tīng)筒播放的優(yōu)化。大家都知道,手機(jī)帶有距離感應(yīng)器,在感應(yīng)到耳邊貼近時(shí),屏幕會(huì)關(guān)閉以節(jié)省電力,并且避免由于耳朵與屏幕的觸碰導(dǎo)致的誤操作。

微信在聊天界面中,也啟用了距離感應(yīng),以實(shí)現(xiàn)手機(jī)貼近耳邊時(shí),自動(dòng)將語(yǔ)音從揚(yáng)聲器切換到聽(tīng)筒進(jìn)行播放,這樣你可以用最自然的姿勢(shì)來(lái)聽(tīng)語(yǔ)音,這是一個(gè)很好的體驗(yàn)。

但要完美地實(shí)現(xiàn)這個(gè)體驗(yàn),就需要解決距離感應(yīng)器的時(shí)延問(wèn)題。播放語(yǔ)音時(shí),如果你非常迅速地將手機(jī)移至耳邊,這時(shí)候距離感應(yīng)器并不會(huì)同樣迅速地對(duì)這個(gè)動(dòng)作產(chǎn)生反饋。大約在延遲了 300 毫秒后,感應(yīng)器發(fā)出信號(hào),微信將 iPhone 的屏幕關(guān)閉。而在這個(gè)時(shí)間內(nèi),你的耳廓極有可能已經(jīng)觸碰到了 iPhone 的屏幕上。觸碰的位置大部分時(shí)候是左上角的返回按鈕區(qū)域。于是很容易出現(xiàn)手機(jī)移至耳邊,語(yǔ)音戛然而止。

△ 延時(shí)響應(yīng)判斷流程圖

為了解決這個(gè)問(wèn)題,微信設(shè)計(jì)了一個(gè)解決辦法:在響應(yīng)返回操作時(shí),先等待 500 毫秒,這時(shí)候如果偵聽(tīng)到距離感應(yīng)器有發(fā)出信號(hào),則認(rèn)為是貼耳的動(dòng)作,此情況下不執(zhí)行返回操作,如上圖所示。而 500 毫秒的延時(shí)大部分時(shí)候你是不會(huì)感知到的。這一解決辦法極大降低了貼耳時(shí)候的誤操作。

總結(jié)

在微信的產(chǎn)品設(shè)計(jì)中,我們看到了交互的細(xì)微迭代和背后的技術(shù)突破,我們看到了商業(yè)創(chuàng)意與用戶(hù)體驗(yàn)的平衡。給用戶(hù)帶來(lái)希望,讓創(chuàng)造者體現(xiàn)價(jià)值,這就是微信的設(shè)計(jì)之道。

文章來(lái)源:優(yōu)設(shè)    作者:洋爺

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com

存檔

国产精品无码久久久久| 国产av无码专区亚洲精品| 狠狠色综合7777久夜色撩人,| 女人高潮叫床污话| 国产农村熟妇videos| 日韩欧美在线综合网| 亚洲综合国产成人丁香五月激情| 精品一区二区三区无码免费视频| 寡妇两腿间黑黑的毛毛是什么| 主人在调教室性调教女仆游戏| 亚洲欧美日韩综合久久久| 粉嫩AV久久一区二区三区| 国产精品第一区揄拍无码| 丝瓜视频在线观看| 大地资源电影中文在线观看| 啊灬啊灬啊灬快灬深视频无遮掩 | 永久免费不卡在线观看黄网站| aaa级久久久精品无码片| 国产精品久久久久AAAA| 无码熟妇人妻AV影音先锋 | 丰满少妇在线观看网站| 国产18禁黄网站免费观看| sm抽打调教女人光屁股的作文| 夜夜嗨av一区二区三区| 99999久久久久久亚洲| 无码av天堂一区二区三区| 武则天肉体大战野史dvd| 扒开她的乳罩狂摸她的胸亲吻| 国产无套白浆一区二区| 一本久久a久久精品亚洲| 无码AV中文字幕久久专区| 免费不卡在线观看av| 老熟妇高潮一区二区三区无码| 亚洲熟女综合色一区二区三区| 国产麻传媒精品国产av| 67194熟妇在线永久免费观看| 韩国三级大全久久网站| 人妻 日韩 欧美 综合 制服| 亚洲一区二区三区偷拍女厕| 夜夜爽夜夜叫夜夜高潮漏水| 国产激情无码一区二区三区 |