1.【QQ】發(fā)送圖片的交互方式

產(chǎn)品體驗(yàn)：

一般產(chǎn)品的發(fā)送圖片，常規(guī)做法是：用戶(hù)點(diǎn)選圖片-然后點(diǎn)擊“發(fā)送”。而QQ的做法直接是把想要發(fā)送的圖片滑到對(duì)話框中，并且在上滑的過(guò)程中在圖片頂端提示“松手發(fā)送”，松開(kāi)即發(fā)送成功。

設(shè)計(jì)思考：

QQ作為一款國(guó)民級(jí)產(chǎn)品，并且現(xiàn)在用戶(hù)大多是00后，必然要在交互上有所創(chuàng)新。發(fā)送圖片的交互方式的改變，提升了操作的便捷性，也使的產(chǎn)品更加的有趣味性，迎合現(xiàn)在的年輕人。

2.【航旅縱橫】輸入航班號(hào)時(shí)出現(xiàn)數(shù)字鍵盤(pán)

產(chǎn)品體驗(yàn)：

在手機(jī)端填寫(xiě)驗(yàn)證碼、航班號(hào)等信息時(shí)，由于可能同時(shí)存在字母和數(shù)字，需要多次切換鍵盤(pán)，非常麻煩。在航旅縱橫中輸入航班時(shí)，在手機(jī)鍵盤(pán)上方會(huì)有一排數(shù)字。字母和數(shù)字同時(shí)出現(xiàn)，在輸入航班時(shí)，用戶(hù)無(wú)需在數(shù)字和字母之間來(lái)回切換，提高操作效率。

設(shè)計(jì)思考：

數(shù)字和字母之間的切換在航旅縱橫產(chǎn)品中是個(gè)非常高頻的操作，航旅縱橫非常巧妙把這兩者之間的切換結(jié)合了起來(lái)。在字母的上方出現(xiàn)一排數(shù)字，方便了用戶(hù)不用來(lái)回切換。

3.【微信】轉(zhuǎn)賬規(guī)避風(fēng)險(xiǎn)

產(chǎn)品體驗(yàn)：

在使用微信進(jìn)行轉(zhuǎn)賬時(shí)，當(dāng)用戶(hù)的金額超過(guò)千位后，會(huì)直接在最大位數(shù)下標(biāo)明是哪個(gè)位數(shù)。

設(shè)計(jì)思考：

微信轉(zhuǎn)賬時(shí)顯示位數(shù)的做法，表述明確。極大有效地防止了用戶(hù)因看錯(cuò)位數(shù)而裝錯(cuò)金額，不用用戶(hù)再去數(shù)數(shù)。一般應(yīng)用常規(guī)的做法是用“，”來(lái)隔開(kāi)，但這樣還是還是沒(méi)有文字表述來(lái)的直接，并且其實(shí)只要知道了最大的是哪位數(shù)，后面的位數(shù)就算沒(méi)有區(qū)分地那么清楚，也不影響用戶(hù)對(duì)金額的判斷。

4.【飛豬】機(jī)票往返信息展示

產(chǎn)品體驗(yàn)：

飛豬在選擇往返機(jī)票時(shí)，會(huì)講界面分為左右兩邊分別進(jìn)行滾動(dòng)操作。

設(shè)計(jì)思考：

往返信息左右顯示的方式，結(jié)合了用戶(hù)的使用場(chǎng)景，為用戶(hù)多想了一步，提供了最短的操作路徑完成了需求。方便了用戶(hù)對(duì)價(jià)格和時(shí)間的對(duì)比，比常規(guī)的單一頁(yè)面滾動(dòng)操作方便狠多。

5.【釘釘】消息撤回重新編輯

產(chǎn)品體驗(yàn)：

釘釘消息打錯(cuò)了撤回時(shí)，會(huì)出現(xiàn)重新編輯的入口，點(diǎn)擊后在輸入框會(huì)顯示撤回前的內(nèi)容，可直接針對(duì)原有消息進(jìn)行重新修改編輯，重新發(fā)送。

設(shè)計(jì)思考：

在操作行為中，往往隱藏著需要不斷重復(fù)性操作的情況。用戶(hù)在撤回消息有可能只是局部的信息錯(cuò)誤需要修改，輸入框顯示撤回前的內(nèi)容，這樣可以縮短重新輸入的時(shí)間。

6.【愛(ài)奇藝】視頻長(zhǎng)按播放預(yù)覽

產(chǎn)品體驗(yàn)：

首頁(yè)推薦的視頻，可通過(guò)長(zhǎng)按進(jìn)行視頻的快速播放預(yù)覽，還貼心的默認(rèn)靜音播放視頻內(nèi)容的精選片段，如果喜歡還可以直接點(diǎn)擊“觀看完整版”或者選擇“靜音開(kāi)播”。

設(shè)計(jì)思考：

愛(ài)奇藝的預(yù)覽行為帶來(lái)的操作可預(yù)覽行，可讓用戶(hù)快速get視頻精髓，決定是否看全片，有利于用精彩片段為視頻引流。也減短了用戶(hù)點(diǎn)擊視頻進(jìn)入詳情頁(yè)進(jìn)行觀看的路徑，降低了用戶(hù)的操作成本。

7.【QQ郵箱】小紅點(diǎn)消息提示

產(chǎn)品體驗(yàn)：

QQ郵箱采用2種消息提示顏色，在首頁(yè)一級(jí)頁(yè)面用紅色作為消息提示，在二級(jí)頁(yè)面用藍(lán)色作為消息提示。

設(shè)計(jì)思考：

“小紅點(diǎn)”作為一個(gè)產(chǎn)品的消息提示的視覺(jué)體現(xiàn)，是否全部需要用“紅色”作為強(qiáng)提醒，怎么做出差異化?！癚Q郵箱”給了我們一個(gè)啟示，1級(jí)頁(yè)面強(qiáng)提醒，2級(jí)頁(yè)面用弱級(jí)色彩，降低消息的打擾度，增加用戶(hù)可控感。左圖類(lèi)似“每日悅讀”，采用小紅點(diǎn)通知，能夠滿(mǎn)足平臺(tái)的可控權(quán)，進(jìn)行流量的分配。右圖，二級(jí)頁(yè)采用的也是藍(lán)色點(diǎn)，將閱讀的選擇權(quán)交給用戶(hù)，節(jié)省用戶(hù)有限的注意力，不過(guò)多打擾。

8.【拼多多】修改收貨地址

產(chǎn)品體驗(yàn)：

當(dāng)在拼多多修改地址的時(shí)候，有一個(gè)按鈕“支付后邀請(qǐng)好友填寫(xiě)地址”。如果收貨人不是本人，你在付完款后分享給對(duì)方，那對(duì)方可以直接選擇填寫(xiě)地址，簡(jiǎn)單又方便。

設(shè)計(jì)思考：

“拼多多”這個(gè)按鈕可以大大減少購(gòu)買(mǎi)者和收貨人雙方之間的操作。我們?cè)囅胍幌?，首先，如果由?gòu)買(mǎi)者來(lái)填寫(xiě)新地址，那么對(duì)方發(fā)來(lái)的地址可能比較復(fù)雜，購(gòu)買(mǎi)者可能由于對(duì)地址不熟悉而出現(xiàn)反復(fù)查看、反復(fù)粘貼的情況。那么由對(duì)方來(lái)填寫(xiě)則可以減少購(gòu)買(mǎi)者的操作。最重要的一點(diǎn)就是，如果對(duì)方?jīng)]有拼多多，那么通過(guò)這次分享還可以把拼多多的品牌給暴露出來(lái)，然后形成一定轉(zhuǎn)化，把用戶(hù)體驗(yàn)和提升轉(zhuǎn)化完美結(jié)合了。

9.【懂車(chē)帝】精彩視頻內(nèi)容

產(chǎn)品體驗(yàn)：

在“懂車(chē)帝”里看視頻的時(shí)候，點(diǎn)擊屏幕會(huì)出現(xiàn)視頻的精彩時(shí)間段和標(biāo)題內(nèi)容?？焖龠M(jìn)行選擇視頻的重點(diǎn)內(nèi)容進(jìn)行觀看。

設(shè)計(jì)思考：

人在看一段視頻的時(shí)候肯定是關(guān)心視頻的重點(diǎn)內(nèi)容，尤其是“懂車(chē)帝”這種解說(shuō)的視頻。想跳過(guò)一些無(wú)關(guān)緊要的內(nèi)容，節(jié)省時(shí)間。可在拉動(dòng)快進(jìn)條時(shí)會(huì)錯(cuò)過(guò)重點(diǎn)內(nèi)容，需要反復(fù)調(diào)整?！岸?chē)帝”這個(gè)做法，將重點(diǎn)內(nèi)容的標(biāo)題展現(xiàn)出現(xiàn)，吸引用戶(hù)進(jìn)行快速選擇，操作快捷方便。

10.【去哪兒】機(jī)票目的地選擇

產(chǎn)品體驗(yàn)：

在“去哪兒”低價(jià)機(jī)票頁(yè)面，選擇目的地時(shí)，可支持同時(shí)選擇多個(gè)目的地，還可以選擇“國(guó)內(nèi)熱門(mén)”、“擁抱自然”等熱門(mén)主題，非常智能

設(shè)計(jì)思考：

這個(gè)功能充分考慮到了平臺(tái)特點(diǎn)和用戶(hù)使用場(chǎng)景，首先去哪兒是一個(gè)旅行相關(guān)的APP,用戶(hù)有相當(dāng)一部分是喜歡出去旅行的人，在搜索低價(jià)機(jī)票時(shí)，不一定有明確的目的地，而是抱著一個(gè)哪兒便宜去哪兒的心態(tài)。“目的地選擇”這個(gè)功能為用戶(hù)提供了方便，提升了業(yè)務(wù)的轉(zhuǎn)化率。

11.【QQ】多窗口切換

產(chǎn)品體驗(yàn)：

點(diǎn)擊QQ消息列表進(jìn)入聊天框，長(zhǎng)按聊天窗口空白處，可以切換多窗口，左右滑動(dòng)可切換好友/群聊天窗口，上下滑動(dòng)可查看當(dāng)前窗口的聊天記錄。

設(shè)計(jì)思考：

QQ作為一個(gè)用戶(hù)群體年輕、多樣的社交產(chǎn)品。多窗口切換的功能，看起來(lái)有點(diǎn)酷炫，符合年輕人追求新穎的特性，也減少了操作路徑，不用返回消息列表再重新進(jìn)入到窗口的多步操作。

12.【淘寶】快速切換商品

產(chǎn)品體驗(yàn)：

在淘寶詳情頁(yè)里，從頂部向下拖到時(shí)。就能夠直接顯示用戶(hù)最近查看的一些商品，點(diǎn)擊之后可以快速切換過(guò)去，省去了之前點(diǎn)擊返回，然后在重新找到之前瀏覽商品的流程。

設(shè)計(jì)思考：

這種設(shè)計(jì)能幫助用戶(hù)快速的對(duì)比多個(gè)待選擇商品的信息，我們知道當(dāng)一個(gè)用戶(hù)查看了十幾個(gè)商品，那他最終可能購(gòu)買(mǎi)的概率就會(huì)比較低，就是說(shuō)選擇的閱讀，決策就越困難，購(gòu)買(mǎi)率就越低。淘寶的這種做法就快速的幫助用戶(hù)去找多個(gè)商品，這樣用戶(hù)就可以提高對(duì)比信息時(shí)的效率，清楚知道每種商品的優(yōu)勢(shì)劣勢(shì)，那購(gòu)買(mǎi)率自然就提升了。

13.【網(wǎng)易云音樂(lè)】簽到獎(jiǎng)勵(lì)

產(chǎn)品體驗(yàn)：

在簽到頁(yè)面進(jìn)行簽到后，除了有積分獎(jiǎng)勵(lì)外。還會(huì)推薦一首歌以及一些歌曲評(píng)論。

設(shè)計(jì)思考：

現(xiàn)在大部分產(chǎn)品只要用戶(hù)簽到，就給用戶(hù)物資獎(jiǎng)勵(lì)，獎(jiǎng)勵(lì)可以是優(yōu)惠券、現(xiàn)金抵現(xiàn)、抽獎(jiǎng)、兌換商品，但這種簽到激勵(lì)往往耗時(shí)較長(zhǎng)，且有一定的運(yùn)營(yíng)成本，獎(jiǎng)勵(lì)的價(jià)值往往都比較低。同時(shí)過(guò)程中缺乏新意.【網(wǎng)易云】推薦歌曲及評(píng)論的行為，可以形成和用戶(hù)之間的互動(dòng)，讓用戶(hù)剛到新穎感，增強(qiáng)用戶(hù)的粘度。

14.【淘寶】買(mǎi)家秀模板

產(chǎn)品體驗(yàn)：

在拍買(mǎi)家秀時(shí)，會(huì)提供一些拍照的模板供選擇。

設(shè)計(jì)思考：

用戶(hù)在發(fā)表評(píng)論時(shí)由于羞澀或者自己拍的不怎么樣?！局Ц秾殹抠I(mǎi)家秀模板的行為，積極有效地引導(dǎo)了用戶(hù)拍買(mǎi)家秀，同時(shí)也降低拍攝的難度。

15.【網(wǎng)易嚴(yán)選】分類(lèi)切換

產(chǎn)品體驗(yàn)：

在商品分類(lèi)頁(yè)面進(jìn)行切換時(shí)，除了可以左右切換，向上滑到，滑到底部時(shí)，會(huì)出現(xiàn)下一個(gè)分類(lèi)的按鈕。

設(shè)計(jì)思考：

用戶(hù)往往在瀏覽某一品類(lèi)商品，當(dāng)滑到最底部時(shí)，要進(jìn)行切換類(lèi)目時(shí)。要么點(diǎn)擊底部類(lèi)目或者左右滑動(dòng)切換。但【網(wǎng)易嚴(yán)選】這種做法，既避免了用戶(hù)在單手操作時(shí)，無(wú)法點(diǎn)擊屏幕上方。又相比于左右滑動(dòng)，這種交互方式可以增加后面模塊的曝光率。

16.【鏈家】獲取權(quán)限

產(chǎn)品體驗(yàn)：

當(dāng)新用戶(hù)初次使用，【鏈家】把所有需要申請(qǐng)的權(quán)限在新用戶(hù)第一次打開(kāi)app時(shí)，全部集中在一起申請(qǐng)。

設(shè)計(jì)思考：

當(dāng)我們初次使用app時(shí)一定遇到過(guò)，一些權(quán)限以彈窗的形式一個(gè)一個(gè)來(lái)詢(xún)問(wèn)。你肯定被這個(gè)弄煩過(guò)。但【鏈家】的做法是所有需要申請(qǐng)的權(quán)限聚集在一起。這不僅減輕了用戶(hù)的煩惱，也借這個(gè)頁(yè)面吧開(kāi)通各個(gè)權(quán)限的意義更清新地傳達(dá)給了用戶(hù)，增加了權(quán)限被開(kāi)通的幾率，獲得了用戶(hù)的信任感。

17.【虎嗅】推薦文章卡片滾動(dòng)

產(chǎn)品體驗(yàn)：

在【虎嗅】app中瀏覽文章看到結(jié)尾，向下滑動(dòng)時(shí)，推薦的文章卡片會(huì)隨著向下滑動(dòng)而向左滾動(dòng)。

設(shè)計(jì)思考：

【虎嗅】作為一款資訊類(lèi)產(chǎn)品，那怎樣提升用戶(hù)的停留時(shí)間，使用戶(hù)花費(fèi)更多的精力在這上面呢。【虎嗅】在推薦文章的交互上做了改變，向下滑動(dòng)頁(yè)面時(shí)推薦文章卡片向左滾動(dòng)，盡可能多的曝光更多的文章，吸引用戶(hù)的興趣。使用戶(hù)點(diǎn)擊瀏覽，提升用戶(hù)停留率。

18.【美團(tuán)】手機(jī)號(hào)碼統(tǒng)一更換

產(chǎn)品體驗(yàn)：

在【美團(tuán)】旗下產(chǎn)品中更換手機(jī)號(hào)碼，會(huì)自動(dòng)同步到所有的產(chǎn)品中。

設(shè)計(jì)思考：

現(xiàn)在的產(chǎn)品越來(lái)越多的將手機(jī)號(hào)碼作為賬號(hào)，美團(tuán)旗下那么多的產(chǎn)品，如果只在其中一個(gè)產(chǎn)品換手機(jī)號(hào)碼后，那在登錄其他產(chǎn)品時(shí)勢(shì)必會(huì)遇到困難。【美團(tuán)】的這一做法就很好的解決了這一問(wèn)題，有利于統(tǒng)一用戶(hù)對(duì)品牌的認(rèn)知感，我認(rèn)為還有一個(gè)好處就是，統(tǒng)一更換手機(jī)號(hào)碼，用戶(hù)在使用美團(tuán)旗下未注冊(cè)的產(chǎn)品時(shí)，無(wú)須再注冊(cè)，直接手機(jī)號(hào)登陸。

19.【支付寶】大盤(pán)晴雨表設(shè)計(jì)

產(chǎn)品體驗(yàn)：

在大盤(pán)晴雨模塊里，用天氣預(yù)報(bào)的形式來(lái)呈現(xiàn)股票市場(chǎng)大盤(pán)的走勢(shì)。

設(shè)計(jì)思考：

股票市場(chǎng)的走勢(shì)對(duì)于大多數(shù)新手理財(cái)來(lái)說(shuō)，十分的抽象且枯燥乏味。而【支付寶】大盤(pán)晴雨表的設(shè)計(jì)通過(guò)結(jié)合人們?nèi)粘Ｉ钪惺煜さ奶鞖忸A(yù)報(bào)的形式來(lái)呈現(xiàn)，簡(jiǎn)單易懂，提升了用戶(hù)的認(rèn)知。降低了學(xué)習(xí)成本。

20.【皮皮蝦】不文明用語(yǔ)改成“笨蛋”

產(chǎn)品體驗(yàn)：

當(dāng)我們輸入含有辱罵、不雅等的評(píng)論內(nèi)容時(shí)，系統(tǒng)會(huì)提示我們含有不文明的字眼，如果我們執(zhí)意要發(fā)表不文明評(píng)論，系統(tǒng)就會(huì)將不文明字段統(tǒng)一改成“笨蛋”。

設(shè)計(jì)思考：

【皮皮蝦】作為一款主打輕幽默神評(píng)論的社區(qū)產(chǎn)品，是決不允許出現(xiàn)不和諧的語(yǔ)言，讓人感到這個(gè)平臺(tái)戾氣很足。用這種俏皮的口吻，既表達(dá)了用戶(hù)的情緒，又規(guī)范了平臺(tái)用戶(hù)的言論。