看看大廠是如何做設(shè)計(jì)的!
發(fā)布時(shí)間:2022-01-14 10:43 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3444


前言


設(shè)計(jì)的思考不僅要注重表象層面,也需要圍繞信息傳達(dá)這一設(shè)計(jì)的本質(zhì)功能,以充滿(mǎn)自省的精神深化和反思自己的設(shè)計(jì)意識(shí),即做到“好看、好用”。在設(shè)計(jì)過(guò)程中,要站在公司的利益上,懂用戶(hù)所想,在每一個(gè)關(guān)鍵點(diǎn)都要帶給用戶(hù)意想不到的驚喜,這些往往都是通過(guò)細(xì)節(jié)體現(xiàn)出來(lái)的。

  1. 「夸克瀏覽器」首個(gè)頁(yè)面:我的地盤(pán)我做主
  2. 「百度」為什么把返回按鈕放在了左下角?
  3. 「優(yōu)酷」彈幕中毫不違和感的廣告推送
  4. 「QQ」發(fā)送圖片:便捷的交互路徑
  5. 「美團(tuán)」減少一步操作、提升一級(jí)體驗(yàn)
  6. 「京東」搜索框:觸發(fā)用戶(hù)轉(zhuǎn)化動(dòng)機(jī)的占位符
  7. 「騰訊視頻」付費(fèi)片:試看 6 分鐘的激進(jìn)小心思
  8. 「高德地圖」模擬現(xiàn)實(shí)事物運(yùn)行規(guī)律的微交互
  9. 「網(wǎng)易云音樂(lè)」定制您的專(zhuān)屬首頁(yè)
  10. 「夸克瀏覽器」關(guān)鍵詞-提前預(yù)知用戶(hù)的需求
  11. 「快手」剛剛看多:貼心的用戶(hù)提醒
  12. 「騰訊視頻」VIP 欄目:免費(fèi)營(yíng)銷(xiāo)策略轉(zhuǎn)化用戶(hù)
  13. 「支付寶」城市天氣:不僅僅是天氣預(yù)報(bào)
  14. 「躺平」趣味化的下拉刷新樣式
  15. 「滴滴打車(chē)」添加途經(jīng)點(diǎn):解決位置不統(tǒng)一的情況


「夸克瀏覽器」首個(gè)頁(yè)面:我的地盤(pán)我做主


1. 產(chǎn)品體驗(yàn):

進(jìn)入夸克瀏覽器的首個(gè)頁(yè)面,除此必要的元素之外,看到的是一片純凈之美。長(zhǎng)按搜索框下方的空白區(qū)域,點(diǎn)擊“+”號(hào),可根據(jù)用戶(hù)自己的喜好從彈窗中將想要的站點(diǎn)入口添加到搜索頁(yè),便于快捷訪問(wèn)。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

UC 瀏覽器可能不是每個(gè)移動(dòng)端用戶(hù)都知道,但絕對(duì)是一方霸主,夸克與 UC 本是一家。昨天在網(wǎng)上看到一個(gè)帖子說(shuō)“自從用了夸克之后就把別的瀏覽器全部刪掉了,沒(méi)有天氣掛件、沒(méi)有新聞推送、沒(méi)有購(gòu)物頻道、沒(méi)有游戲插件、沒(méi)有精準(zhǔn)廣告、就是最原始的上網(wǎng)工具,仿佛在這看到了當(dāng)年的塞班時(shí)代一心一意做用戶(hù)體驗(yàn)的影子”。迄今為止,沒(méi)有任何一個(gè)應(yīng)用可以滿(mǎn)足所有用戶(hù)的需求,UC 瀏覽器也是如此,夸克可以將那些視 UC 為糞土的用戶(hù)給攬過(guò)來(lái),表面上看似搶奪用戶(hù),實(shí)則是風(fēng)險(xiǎn)對(duì)沖,當(dāng)一個(gè)出了問(wèn)題不是還有另一個(gè)么?用戶(hù)不管是在夸克還是 UC,其實(shí)都在自家,一個(gè)獨(dú)善其身,一個(gè)兼濟(jì)天下。

用過(guò)手機(jī)瀏覽器的人都知道,在資訊爆炸的今天,夸克的畫(huà)面干凈得令人難以置信。在干凈的同時(shí),并非是缺少這些站點(diǎn)模塊,而是放在了暗處,用戶(hù)可以根據(jù)自己的喜好將站點(diǎn)咨詢(xún)模塊調(diào)用出來(lái),自定義空白區(qū)域,寓意用戶(hù)“自己的地盤(pán)自己做主”。眾所周知,大多數(shù)瀏覽器都有站點(diǎn)推薦的功能,不過(guò)該功能都是給相應(yīng)網(wǎng)站打廣告的,內(nèi)容沉雜,尤其是一些強(qiáng)制性的內(nèi)容讓用戶(hù)產(chǎn)生了逆反心理,而夸克精選中的網(wǎng)站,則是一些價(jià)值很高的優(yōu)秀站點(diǎn),并非廣告業(yè)務(wù),這點(diǎn)可以從致用戶(hù)的一封信和網(wǎng)站類(lèi)型得出。這也是夸克被譽(yù)為最純凈瀏覽器的原因之一,不管是 APP 內(nèi)容還是用戶(hù)體驗(yàn)、易用性方面都能提升用戶(hù)的忠誠(chéng)度,深得廣大用戶(hù)喜愛(ài)。


「百度」為什么把返回按鈕放在了左下角?


1. 產(chǎn)品體驗(yàn):

進(jìn)入百度 APP,頁(yè)面中 80%以上的返回操作入口都放置在左下角,單手操作手機(jī)的用戶(hù)觸手可及。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

Android 智能設(shè)備的返回入口其實(shí)一直都在屏幕下方,只不過(guò)是根據(jù)品牌的不同,左右位置不同而已。根據(jù)后來(lái)大屏手機(jī)的普及,為了節(jié)約空間資源,使屏幕最大化的被使用,把原先硬件上的部分操作入口給隱藏了,但一直都存在。設(shè)計(jì)師都知道,iOS 與 Android 的設(shè)計(jì)規(guī)范存在著差異化,比如返回入口就一直在左上角,雖然也有右滑返回的交互手勢(shì),但畢竟是隱藏的,而且對(duì)于部分頁(yè)面的左右滑動(dòng),只能對(duì) tab 導(dǎo)航起到作用,基于目前的趨勢(shì),手機(jī)的屏幕越來(lái)越大,單手操作的靈活性就成了難點(diǎn)。

百度 APP 的大部分頁(yè)面則是把返回按鈕直接從左上角搬到了左下角,被較為激進(jìn)的用戶(hù)稱(chēng)為反人類(lèi)的設(shè)計(jì),其實(shí)并非如此。大屏幕尺寸已經(jīng)是趨勢(shì),屏幕大意味著內(nèi)容可以更大限度地得到展示,將返回按鈕放在左下角能有效的解決的用戶(hù)單手操作大屏幕手機(jī)的難點(diǎn),更易于操作,提升便捷性。更有效的防止用戶(hù)因操作困難而導(dǎo)致手機(jī)滑落(碎屏),增加安全系數(shù)。


「優(yōu)酷」彈幕中毫不違和感的廣告推送


1. 產(chǎn)品體驗(yàn):

在優(yōu)酷觀看視頻打開(kāi)彈幕后,每隔幾分鐘,系統(tǒng)會(huì)推送一條廣告穿插在彈幕的內(nèi)容中,點(diǎn)擊可進(jìn)入對(duì)應(yīng)的頁(yè)面。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

在互聯(lián)網(wǎng)產(chǎn)品中,花樣廣告的出場(chǎng)方式屢見(jiàn)不鮮,比如在看視頻、看書(shū)之前/過(guò)程中,總是被突如其來(lái)的的廣告打斷,用戶(hù)雖然很煩但別無(wú)選擇,畢竟沒(méi)有一款真正的既免費(fèi)又免廣告還很牛的產(chǎn)品無(wú)償提供給用戶(hù)使用,即便用戶(hù)覺(jué)得自己沒(méi)有認(rèn)真看過(guò)這些廣告,但是只要它們?cè)谟脩?hù)面前完成了播放,哪怕只是聽(tīng)到了,那就完成了品牌意識(shí)輸出這個(gè)過(guò)程,可能會(huì)無(wú)形中就知道了這個(gè)品牌的存在和定位,在未來(lái)的某個(gè)場(chǎng)景中,用戶(hù)會(huì)默許和遵從這個(gè)品牌的輸出方式,乃至消費(fèi)。廣告作為企業(yè)盈利的一種方式,不可避免,只會(huì)在盡可能減少用戶(hù)反感或抗拒的情況下自然出現(xiàn)。

優(yōu)酷 APP 用了一種較為新奇的方式植入廣告,基于很多用戶(hù)在看視頻時(shí)都有開(kāi)彈幕的習(xí)慣,直接將廣告穿插在了彈幕區(qū)域,每間隔幾分鐘就會(huì)推送一條,跟隨彈幕一起流動(dòng),毫無(wú)違和感。雖然廣告植入會(huì)引起用戶(hù)的反感,但以彈幕的方式出現(xiàn),并未占用額外空間及打擾用戶(hù)觀看視頻,很大程度上降低了對(duì)用戶(hù)的打擾及觀看視頻的沉浸體驗(yàn),增加了用戶(hù)對(duì)廣告的接受程度,如果對(duì)某個(gè)廣告感興趣,點(diǎn)擊后面的入口即可直接跳轉(zhuǎn)對(duì)應(yīng)的內(nèi)容頁(yè)面。


「QQ」發(fā)送圖片:便捷的交互路徑


1. 產(chǎn)品體驗(yàn):

在 QQ 聊天對(duì)話框,點(diǎn)擊工具欄的圖片入口調(diào)出相冊(cè),按住想要發(fā)送的圖片并往上拖動(dòng),松手即可發(fā)送。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

我們下載到手機(jī)的 APP,大部分在首次打開(kāi)時(shí)都會(huì)彈出一系列的系統(tǒng)權(quán)限,比如相冊(cè)、相機(jī)、位置、網(wǎng)絡(luò)…等,社交類(lèi)型的更是不必多說(shuō),基于應(yīng)用本身的性質(zhì),相冊(cè)、相機(jī)及通訊錄類(lèi)型的權(quán)限都是必備開(kāi)啟狀態(tài),以便于在使用過(guò)程中的圖片、視頻交流。

QQ 開(kāi)啟相冊(cè)權(quán)限后在用戶(hù)體驗(yàn)上更是舉一反三,用戶(hù)在聊天過(guò)程中如果有使用圖片的需求,點(diǎn)擊后,系統(tǒng)會(huì)將手機(jī)最近保存的 50 張圖片,按照時(shí)間的先后順序以完整縮略圖的方式直接顯示在聊天界面的工具欄下方,用戶(hù)只需按住想要選擇的圖片并往上拖動(dòng),松手即可發(fā)送,非常方便,免去了常規(guī)的觸發(fā)跳轉(zhuǎn)頁(yè)面調(diào)取相冊(cè)的多步驟操作,且有效降低聊天過(guò)程中因頁(yè)面跳轉(zhuǎn)帶來(lái)的沉浸式的視覺(jué)思路阻斷,優(yōu)化了操作路徑,提升產(chǎn)品的易用性。


「美團(tuán)」減少一步操作、提升一級(jí)體驗(yàn)


1. 產(chǎn)品體驗(yàn):

在美團(tuán)訂單列表頁(yè)面,單擊其中一個(gè)訂單從右側(cè)向最左側(cè)滑動(dòng),即可彈出提示,點(diǎn)擊刪除完成操作。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

刪除操作,我們一點(diǎn)也不陌生,大部分出現(xiàn)在列表類(lèi)型的頁(yè)面。早期智能設(shè)備的刪除入口基本都是通過(guò)右上角編輯或單個(gè)內(nèi)容區(qū)域明顯的刪除圖標(biāo)入口以完成對(duì)應(yīng)的刪除需求。后來(lái),也不乏一些應(yīng)用為了節(jié)省頁(yè)面空間,去掉了明面上的刪除入口,通過(guò)長(zhǎng)按交互操作來(lái)完成刪除流程,但時(shí)至今日,并不廣為人知。

美團(tuán) APP 的訂單列表,只需將單個(gè)內(nèi)容從右滑至最左側(cè),從自動(dòng)出現(xiàn)的彈窗中完成刪除操作。其實(shí)這種交互方式在目前看來(lái)并不新鮮,基本普及了,但關(guān)注細(xì)節(jié)的用戶(hù)會(huì)發(fā)現(xiàn),大部分 APP 內(nèi)容的刪除,都是在左滑之后調(diào)出刪除入口,需點(diǎn)擊之后才彈出確認(rèn)框,繼而完成刪除。美團(tuán) APP 則是在用戶(hù)有明確刪除需求的情況,從右至左區(qū)域滑動(dòng)并自動(dòng)觸發(fā)刪除入口,省去點(diǎn)擊觸發(fā)彈窗的操作步驟,正所謂移動(dòng)界面、體驗(yàn)至上,減少一步操作,就能提升一級(jí)體驗(yàn)。

(除了需要對(duì)用戶(hù)的刪除操作做出挽留、有營(yíng)銷(xiāo)的多功能隱藏入口外,如無(wú)明確需求,建議省略左滑后需要再次點(diǎn)擊觸發(fā)彈窗的這一步操作)


「京東」搜索框:觸發(fā)用戶(hù)轉(zhuǎn)化動(dòng)機(jī)的占位符


1. 產(chǎn)品體驗(yàn):

京東搜索框的占位符,會(huì)根據(jù)用戶(hù)曾經(jīng)搜索或查看過(guò)的商品關(guān)鍵詞進(jìn)行提示,每 2 秒鐘切換一次,以便提醒用戶(hù)再次查找之前可能想購(gòu)買(mǎi)的商品。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

占位符就是在輸入框中占住一個(gè)固定的位置,然后用戶(hù)可以根據(jù)文案描述或提示語(yǔ)來(lái)明確每個(gè)表單輸入框應(yīng)當(dāng)填什么內(nèi)容,并且能夠促進(jìn)表單輸入完成和提高轉(zhuǎn)化率所存在的一個(gè)元素。最為常見(jiàn)的就是“請(qǐng)輸入 xxx”一段提示性質(zhì)的文案,但如果把占位符的作用僅限于此,那就太浪費(fèi)資源了。

京東 APP 搜索框的占位符開(kāi)啟了自動(dòng)搜索建議機(jī)制,不僅展示了平臺(tái)主推、熱門(mén)等部分商品的關(guān)鍵詞,還通過(guò)動(dòng)態(tài)預(yù)測(cè)用戶(hù)查詢(xún)方向,曾經(jīng)搜索或?yàn)g覽過(guò)的商品關(guān)鍵詞會(huì)替代占位符給予用戶(hù)提示。比如用戶(hù)搜索或購(gòu)買(mǎi)過(guò)狗糧,后續(xù)進(jìn)入 APP,系統(tǒng)就以占位符的方式推薦跟小狗相關(guān)的商品,比如狗窩、驅(qū)蟲(chóng)藥、罐頭等,雖然不能直接進(jìn)行搜索,但足以喚醒無(wú)目標(biāo)用戶(hù)的購(gòu)物記憶,幫助用戶(hù)明確購(gòu)物需求,以便用于迅速作出決策、執(zhí)行操作,起到提升下單轉(zhuǎn)化的推動(dòng)作用。


「騰訊視頻」付費(fèi)片:試看 6 分鐘的激進(jìn)小心思


1. 產(chǎn)品體驗(yàn):

觀看騰訊視頻付費(fèi)影片,可免費(fèi)試看 6 分鐘,時(shí)間到了會(huì)自動(dòng)暫停并彈出付費(fèi)渠道彈窗,付費(fèi)/放棄觀看二選一。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

廣告和影片付費(fèi)對(duì)視頻類(lèi)型的應(yīng)用來(lái)說(shuō),是兩個(gè)非常重要的盈利渠道。平臺(tái)除了日常的維護(hù)費(fèi)用外,且不說(shuō)影片的質(zhì)量怎么樣,單是購(gòu)買(mǎi)版權(quán)就是很大一筆費(fèi)用,所以收費(fèi)也是合情合理,用戶(hù)通?梢酝ㄟ^(guò)購(gòu)買(mǎi)單片或開(kāi)通平臺(tái) VIP 觀看付費(fèi)影片。使用過(guò)騰訊視頻的用戶(hù)都知道,付費(fèi)影片可以免費(fèi)試看 6 分鐘,那么為什么不是直接放在付費(fèi)區(qū)域,只對(duì)付費(fèi)用戶(hù)開(kāi)放呢?

騰訊視頻的試看其實(shí)相當(dāng)于打開(kāi)用戶(hù)的潘多拉魔盒,大部分影片 6 分鐘基本已初入劇情,能吊足胃口,激發(fā)用戶(hù)看下去的興趣,如果用戶(hù)不喜歡,也有自己選擇的權(quán)利。通過(guò)一小段的試看把付費(fèi)片的部分價(jià)值明確告知用戶(hù),用細(xì)節(jié)不斷觸達(dá)用戶(hù)心智,達(dá)到吸引用戶(hù)、引導(dǎo)用戶(hù)轉(zhuǎn)化目的。另外,很多用戶(hù)都傾向于回報(bào)別人的好意,投之以木桃,報(bào)之以瓊瑤,通過(guò)免費(fèi)時(shí)間段的觀看,礙于面子心理,也有可能觸發(fā)用戶(hù)的付費(fèi)動(dòng)機(jī)(這個(gè)不難理解,比如我們路過(guò)某個(gè)熟人的水果攤,每次都會(huì)叫我們?nèi)L一下,久而久之,即使沒(méi)有購(gòu)買(mǎi)需求,礙于面子,多少也會(huì)買(mǎi)一點(diǎn)),從而形成轉(zhuǎn)化,為平臺(tái)帶來(lái)收益。


「高德地圖」模擬現(xiàn)實(shí)事物運(yùn)行規(guī)律的微交互


1. 產(chǎn)品體驗(yàn):

高德地圖規(guī)劃路線后,選擇出行方式時(shí),用模擬現(xiàn)實(shí)事務(wù)的微動(dòng)效圖標(biāo)+文案提示對(duì)應(yīng)的出行方式,直觀且趣味的表現(xiàn)方式更有代入感。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

我們經(jīng)常在網(wǎng)上看到這樣的問(wèn)題“高德地圖與百度地圖到底哪個(gè)好用”,準(zhǔn)確的說(shuō)是各有千秋,高德地圖用戶(hù)略多于百度地圖,若論起用戶(hù)使用體驗(yàn),兩家的應(yīng)用一點(diǎn)都不含糊。在導(dǎo)航軟件作為用戶(hù)出行必備軟件之一的今天,不僅僅是認(rèn)路,更是用戶(hù)在外吃、喝、玩、樂(lè)的一款高效綜合體,其用戶(hù)體驗(yàn)一直都是企業(yè)研究的重點(diǎn)。

使用高德地圖選擇出行時(shí),出行方式圖標(biāo)以模擬現(xiàn)實(shí)事物的運(yùn)行規(guī)律, 利用現(xiàn)有認(rèn)知,幫助用戶(hù)輕松掌握界面的使用方式,縮短對(duì)出行方式的理解時(shí)間, 最大程度的降低用戶(hù)的學(xué)習(xí)成本。同時(shí)圖標(biāo)動(dòng)效的展現(xiàn)方式,能增加趣味性、以及用戶(hù)對(duì)于界面功能直接操縱的感知,降低操作難度,用情感化方式的表現(xiàn),提升用戶(hù)粘性。


「網(wǎng)易云音樂(lè)」定制您的專(zhuān)屬首頁(yè)


1. 產(chǎn)品體驗(yàn):

在網(wǎng)易云音樂(lè)首頁(yè),將頁(yè)面向上滑至底部,進(jìn)入自定義排序功能,即可定制用戶(hù)自己喜歡的專(zhuān)屬首頁(yè)樣式以及功能模塊的先后順序。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

很多設(shè)計(jì)團(tuán)隊(duì)都深知用戶(hù)體驗(yàn)至上的道理,但一個(gè)應(yīng)用界面的交互及展現(xiàn)樣式不管以何種方式呈現(xiàn),都不可能滿(mǎn)足所有用戶(hù)的需求,只能在不斷追求細(xì)節(jié)的基礎(chǔ)上來(lái)滿(mǎn)足更多用戶(hù)。首頁(yè)自定義在一些部分較為個(gè)性化的 APP 上已經(jīng)不足為奇了,即根據(jù)用戶(hù)自身的需求,去修改系統(tǒng)、官方提供的頁(yè)面內(nèi)容及先后順序。不過(guò)在眾多 APP 的首頁(yè)自定義功能的認(rèn)知里,都是對(duì)頁(yè)面的原有功能進(jìn)行增減及自定義排序。

在網(wǎng)易云音樂(lè) APP 最新版本的首頁(yè)底部也增加了自定義排序功能入口,不同于其他 APP 頁(yè)面自定義的是除了能對(duì)現(xiàn)有功能進(jìn)行增減及排序外,還特別定制了三種不同設(shè)計(jì)樣式的呈現(xiàn)以供用戶(hù)選擇,相當(dāng)于用戶(hù)隨時(shí)都可以對(duì)首頁(yè)進(jìn)行改版。不同的用戶(hù)都有不同的視覺(jué)瀏覽及操作喜好,比如大卡片、九宮格、操作熱區(qū)的范圍等,網(wǎng)易云音樂(lè)通過(guò)提供不同的首頁(yè)樣式可以滿(mǎn)足更多用戶(hù)的需求,提供更愉快的使用體驗(yàn),增強(qiáng)用戶(hù)的信任感,即多滿(mǎn)足一個(gè)用戶(hù)就可能多留住一群用戶(hù),降低了用戶(hù)流失概率。


「夸克瀏覽器」關(guān)鍵詞:提前預(yù)知用戶(hù)的需求


1. 產(chǎn)品體驗(yàn):

使用夸克瀏覽器搜索相關(guān)內(nèi)容時(shí),系統(tǒng)會(huì)自動(dòng)檢索關(guān)鍵詞,并將關(guān)鍵詞對(duì)應(yīng)的常見(jiàn)內(nèi)容結(jié)果以卡片樣式展示給用戶(hù),隨著關(guān)鍵詞的變化,匹配的內(nèi)容也隨之改變。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

說(shuō)到瀏覽器的作用,想必大家腦海里的第一印象就是搜索,將自己不明白的東西通過(guò)搜索引擎從互聯(lián)網(wǎng)大數(shù)據(jù)中自動(dòng)匹配出海量的相關(guān)數(shù)據(jù)鏈接,提供的信息量非常龐大,包含各色各樣的新聞、問(wèn)答、文章,可以說(shuō)一應(yīng)俱全,涵蓋一切,其各種瀏覽器的搜索操作方式大同小異,基本都是通過(guò)輸入關(guān)鍵詞,然后點(diǎn)擊搜索出結(jié)果。

夸克瀏覽器在用戶(hù)搜索的操作(點(diǎn)擊搜索之前)過(guò)程中,增加了一個(gè)細(xì)節(jié),即“行為預(yù)判”,通過(guò)用戶(hù)輸入的關(guān)鍵詞,提前預(yù)知用戶(hù)可能想要查找的內(nèi)容,以簡(jiǎn)介的方式呈現(xiàn),給用戶(hù)提供一個(gè)快捷通道,加深用戶(hù)對(duì)此關(guān)鍵詞條的認(rèn)知,快速判斷出是否滿(mǎn)足自己的需求。系統(tǒng)所匹配的卡片式內(nèi)容簡(jiǎn)介是通過(guò)數(shù)據(jù)庫(kù)長(zhǎng)時(shí)間的數(shù)據(jù)分析,提取其中較為共性、常見(jiàn)的內(nèi)容來(lái)反映用戶(hù)可能出現(xiàn)的興趣與需求,并合理挖掘使用,通過(guò)引導(dǎo)便于用戶(hù)快速識(shí)別并點(diǎn)擊,縮短輸入時(shí)間,還能對(duì)關(guān)鍵詞組織不清晰、邏輯不清的用戶(hù)給與指導(dǎo),提升產(chǎn)品的易用性。


「快手」剛剛看過(guò):貼心的用戶(hù)提醒


1. 產(chǎn)品體驗(yàn):

從快手“精選”欄目進(jìn)入用戶(hù)主頁(yè),在作品列表將所瀏覽過(guò)的視頻上標(biāo)記剛剛看過(guò),避免重復(fù)點(diǎn)擊觀看。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

身處移動(dòng)互聯(lián)網(wǎng)浪潮之中,我們不難發(fā)現(xiàn),如今的短視頻把用戶(hù)的卷入和參與推向了一個(gè)新高度,尤其是生活在大城市高度壓力下的年輕用戶(hù)群。學(xué)累了,就想刷個(gè)小視頻放松下,真以為然后就能集中精力再去學(xué)習(xí)?其實(shí)都是在扯淡,總覺(jué)得接下來(lái)的某個(gè)視頻會(huì)有種奇異的魔力,一刷就停不下來(lái),就好比在無(wú)邊無(wú)際的海洋中,越喝越渴,別說(shuō)自身難以碎片化學(xué)習(xí),就連老人和小孩都帶進(jìn)來(lái)了。抖音和快手作為目前短視頻的代表,都有著龐大的用戶(hù)群,在用戶(hù)需求基本都能滿(mǎn)足的條件下,其戰(zhàn)略方向準(zhǔn)確的基礎(chǔ)上,誰(shuí)的用戶(hù)體驗(yàn)最好,誰(shuí)就是最后的贏家。

快手 APP 雖然被后來(lái)者抖音趕超,但在用戶(hù)體驗(yàn)上從未含糊過(guò)。細(xì)心的用戶(hù)可能會(huì)發(fā)現(xiàn),在用戶(hù)主頁(yè)的作品列表中,剛剛看過(guò)的短視頻做了提醒標(biāo)記,告知用戶(hù)少走冤路,避開(kāi)已看過(guò)的短視頻,可以避免用戶(hù)因重復(fù)點(diǎn)擊觀看而浪費(fèi)時(shí)間,且在非 WiFi 環(huán)境下,還能節(jié)約用戶(hù)的數(shù)據(jù)流量,這個(gè)提示算是很貼心了。


「騰訊視頻」VIP 欄目:免費(fèi)營(yíng)銷(xiāo)策略轉(zhuǎn)化用戶(hù)


1. 產(chǎn)品體驗(yàn):

騰訊視頻 VIP 欄目中的電視劇,基本都可以免費(fèi)看前面的幾集,然后根據(jù)劇情的發(fā)展程度,從免費(fèi)變成付費(fèi),未完結(jié)的電視劇還可以通過(guò)二次付費(fèi)進(jìn)行超前點(diǎn)播。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

免費(fèi)的東西人人都喜歡,古今中外大都如此,免費(fèi)策略營(yíng)銷(xiāo)也因此有強(qiáng)大的生命力。但互聯(lián)網(wǎng)應(yīng)用如若完全免費(fèi),不具商業(yè)性,可能連基本的日常生活都難以維持。大家都知道,會(huì)員付費(fèi)是影視類(lèi)應(yīng)用盈利的一大來(lái)源,但用戶(hù)對(duì)付費(fèi)造成自己財(cái)產(chǎn)損失有種天然的抗拒,通常電視劇都提供幾集免費(fèi)觀看,然后才硬性要求開(kāi)通 VIP。

視頻類(lèi)應(yīng)用大都如此,這里以騰訊視頻為例。不難發(fā)現(xiàn),付費(fèi)區(qū)不同的電視劇,其免費(fèi)觀看的集數(shù)不同,這并不是隨意設(shè)定,而是根據(jù)劇情的發(fā)展程度,在某個(gè)“高潮”即將迭起的那一集開(kāi)始收費(fèi),通過(guò)免費(fèi)階段的觀看,對(duì)用戶(hù)產(chǎn)生一定的吸引,勾起想要看下去的欲望,從而出現(xiàn)付費(fèi)動(dòng)機(jī)以促成用戶(hù)開(kāi)通 VIP。這其中還有一部分互惠原則存在,即給用戶(hù)免費(fèi)一部分之后,降低用戶(hù)付費(fèi)的心理負(fù)擔(dān),提高對(duì)費(fèi)用的接受程度,來(lái)而不往非禮也。針對(duì)未完結(jié)的電視劇,如果熱度較高,在用戶(hù)的觀看欲望高漲之際抓住機(jī)會(huì)點(diǎn),通過(guò)二次付費(fèi)提供超前點(diǎn)播,用戶(hù)也隨之接受。不管是強(qiáng)制 VIP 還是二次付費(fèi)點(diǎn)播,其都需要在合適的時(shí)間、合適的地點(diǎn)予以合理的出現(xiàn),才有利于最大程度的轉(zhuǎn)化用戶(hù)。


「支付寶」城市天氣:不僅僅是天氣預(yù)報(bào)


1. 產(chǎn)品體驗(yàn):

支付寶首頁(yè)左上角城市下方提供了天氣狀況,進(jìn)入切換地區(qū)頁(yè)面,會(huì)展示當(dāng)前城市最近幾天的天氣情況。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

隨著支付功能的普及,幾乎也成了每天都會(huì)打開(kāi)的引用,它集合了我們的衣食住行,以前出門(mén)不能忘了帶錢(qián)包,而現(xiàn)在只需要一部手機(jī)就能搞定一切。雖然功能眾多,但對(duì)大部分用戶(hù)來(lái)說(shuō),最主要還是歸結(jié)于支付功能,除了部分線上支付外,就是線下支付了,顧名思義,線下即涉及用戶(hù)的出行。

支付寶首頁(yè)城市下方的天氣預(yù)報(bào),為用戶(hù)提供了貼心的提醒,便于有出行需求的用戶(hù)根據(jù)天氣狀況的程度決定是否必須出行或準(zhǔn)備出行的必備物品。同時(shí)支付寶集合人們的生活服務(wù),即使用戶(hù)放棄出行,部分事情也可以通過(guò)支付寶線上解決,比如外賣(mài)、購(gòu)物等。


「躺平」趣味化的下拉刷新樣式


1. 產(chǎn)品體驗(yàn):

躺平 APP 在頁(yè)面下拉刷新時(shí),會(huì)出現(xiàn)一個(gè)倒掛俯沖的“小人兒”動(dòng)效結(jié)合情感化設(shè)計(jì),趣味且引人注目。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

下拉刷新是 APP 不可缺少的功能,十分常見(jiàn),主要從品牌、功能、驚喜、運(yùn)營(yíng)、反饋五個(gè)維度結(jié)合情感化設(shè)計(jì)。在頁(yè)面下拉刷新的時(shí)候,整個(gè)頁(yè)面也會(huì)跟著下移,待頁(yè)面數(shù)據(jù)加載完成,頁(yè)面會(huì)恢復(fù)到初始狀態(tài),在這中間就存在一個(gè)時(shí)間差,一個(gè)好的下拉刷新樣式,能讓用戶(hù)通過(guò)時(shí)間差享受到趣味化的視覺(jué)體驗(yàn)及減少等待過(guò)程中的焦慮感。

躺平 APP 下拉刷新使用了品牌 IP 插圖,從外觀視覺(jué)上是給用戶(hù)打造品牌印象,倒掛俯沖的“小人兒”動(dòng)效結(jié)合情感化設(shè)計(jì),趣味化的用戶(hù)體驗(yàn),能在產(chǎn)品特性上帶給用戶(hù)驚喜,勾起回憶,通過(guò)視覺(jué)跟用戶(hù)進(jìn)行情感互動(dòng)。


「滴滴打車(chē)」添加途經(jīng)點(diǎn):解決位置不統(tǒng)一的情況


1. 產(chǎn)品體驗(yàn):

使用滴滴出行叫車(chē),用戶(hù)在行程前輸入目的地時(shí),點(diǎn)擊右側(cè)“+”符號(hào)添加最多不超過(guò)三個(gè)途經(jīng)點(diǎn)。司機(jī)將按照乘客預(yù)先設(shè)定多個(gè)“途經(jīng)點(diǎn)”,把多個(gè)乘客送達(dá)預(yù)定位置,每個(gè)途經(jīng)點(diǎn)的停留時(shí)間不超過(guò) 3 分鐘。

15個(gè)產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的!

2. 設(shè)計(jì)思考:

打車(chē)模式從之前的線下出租車(chē)轉(zhuǎn)戰(zhàn)到線上,誕生了很多叫車(chē)平臺(tái),其用的最多、知名度最高的當(dāng)屬滴滴出行,線上叫車(chē)服務(wù)給我們的出行帶來(lái)極大的便利。不知道大家有沒(méi)有碰到過(guò)這種情況,幾個(gè)人一起叫車(chē)但下車(chē)點(diǎn)不同,可能會(huì)跟司機(jī)發(fā)生不必要的糾紛或不愉快的出行。多個(gè)人的上車(chē)點(diǎn)不同,但終點(diǎn)一樣,也會(huì)被迫每人都要叫車(chē),因此需要付出更多的金錢(qián)成本。

滴滴出行 APP 的添加途經(jīng)點(diǎn)功能,完美的解決的多個(gè)用戶(hù)出行的這種煩惱。途經(jīng)點(diǎn)旨在滿(mǎn)足多人共同乘車(chē)、個(gè)人多點(diǎn)出行等場(chǎng)景下多目的地經(jīng)停的需求,減少口頭溝通帶來(lái)的誤解與不便。途經(jīng)點(diǎn)可以為乘客停車(chē) 3 分鐘,不用額外收費(fèi),如乘客需要在某個(gè)地點(diǎn)長(zhǎng)時(shí)等待,則需與司機(jī)溝通達(dá)成一致即可,隨著此功能的上線,滴滴出行為用戶(hù)提供了更為便捷的打車(chē)體驗(yàn)。


結(jié)語(yǔ)


設(shè)計(jì)師需要養(yǎng)成體驗(yàn)產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來(lái),加強(qiáng)自己的記憶,不僅能提升自己的語(yǔ)言組織和總結(jié)能力,也為日后輸出優(yōu)秀的作品當(dāng)鋪墊,對(duì)自己的能力提升以及未來(lái)的職業(yè)發(fā)展帶來(lái)便利。

PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC