大廠是如何做設(shè)計(jì)的
發(fā)布時(shí)間:2022-01-07 09:00 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3054

設(shè)計(jì)不是拼圖,深入下去,有很多細(xì)節(jié)需要推敲,而這些細(xì)節(jié)的背后的邏輯與意義更值得關(guān)注。產(chǎn)品主要強(qiáng)調(diào)的是與人的交互,用戶通過(guò)對(duì)產(chǎn)品的操作來(lái)實(shí)現(xiàn)自身的目的,比如雙擊,滑動(dòng),常按等,而操作一般建立在產(chǎn)品的功能基礎(chǔ)上,產(chǎn)品的功能細(xì)節(jié)體現(xiàn)在產(chǎn)品的業(yè)務(wù)邏輯中,產(chǎn)品所提供的功能是否更好的滿足用戶的需求,操作細(xì)節(jié)與功能細(xì)節(jié)密不可分,功能影響著用戶的操作,而操作細(xì)節(jié)更多體現(xiàn)在用戶的感受。

「淘寶」缺貨:主操作按鈕并未置灰


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

在淘寶挑選到自己喜歡的商品時(shí),如果該商品缺貨,主操作按鈕文字會(huì)變成“缺貨中,提醒掌柜發(fā)貨”的提示。

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

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

除了吃飯最重要之外,接下來(lái)應(yīng)該就是網(wǎng)購(gòu)了,當(dāng)然,這也是建立在自身經(jīng)濟(jì)條件或“信用”良好的情況下。當(dāng)我們?cè)谫?gòu)物應(yīng)用上看到心儀的商品時(shí),滿懷期待的去下單,結(jié)果看到一個(gè)灰色的按鈕不能操作,部分APP只顯示了庫(kù)存0,其他什么提示也沒,滿滿的挫敗感有木有?

淘寶APP則是用了友好的方式提醒用戶。當(dāng)我們需要下單發(fā)現(xiàn)缺貨時(shí),淘寶并沒有用一個(gè)灰色不能點(diǎn)擊的按鈕呈現(xiàn),相反,按鈕做的更加醒目,通過(guò)提示“缺貨中,提醒掌柜發(fā)貨”文案提示,同樣能激起用戶點(diǎn)擊的欲望,讓整個(gè)流程能夠繼續(xù),而不是在此終結(jié),導(dǎo)致用戶不知多措。有一點(diǎn)我們心里都知道,根本不需要用戶提醒,商家肯定更清楚商品是否缺貨,這樣做的目的是便于用戶繼續(xù)完成主流程的操作,也留用戶一絲希望,后期有再次光臨的可能性,同時(shí)讓用戶暫時(shí)忘記無(wú)法達(dá)到目標(biāo)的挫敗感,安撫負(fù)面情緒,又有體諒的情懷。


「使命鬧鐘」治療懶床癌:不辱使命


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

使命鬧鐘是治療懶床癌“患者”的專用藥,只需設(shè)定一種關(guān)閉鬧鐘的方式,在鬧鐘響起后,要想成功關(guān)閉,則需要完成設(shè)定的方式(要?jiǎng)幽X筋),待鬧鐘成功關(guān)閉,頭腦已經(jīng)清醒。

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

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

明天早上我要早點(diǎn)起床,先設(shè)定兩個(gè)鬧鐘,好好學(xué)點(diǎn)東西,Emm……。清晨,鬧鐘一個(gè)接一個(gè)的響起,瞇著眼睛無(wú)限延時(shí),N分鐘過(guò)去之后…天啦,要遲到了。這種情況80%人都經(jīng)歷過(guò)吧,我們總是無(wú)限的把希望寄托在明天,殊不知想的比做得多,到了第二天睡到太陽(yáng)曬屁股了依然是平凡的一天。不管我們是為了利用早上的珍貴時(shí)間還是為了早睡早起,但是早上起床困難卻成了我們最大的障礙。

使命鬧鐘可以幫助我們解決這個(gè)問題。在設(shè)定鬧鐘時(shí),選擇一個(gè)關(guān)閉鬧鐘的方式,比如:搖一搖、吹一吹、數(shù)學(xué)題等,可用讓我們通過(guò)動(dòng)腦筋的方式完成關(guān)閉鬧鐘的條件方可,這真算是神仙操作了,狠起來(lái)連自己都不放過(guò)的趕腳,待鬧鐘成功關(guān)閉,睡意已去、大腦清醒,可以準(zhǔn)備起床了。

(PS:本人親身經(jīng)歷,曾經(jīng)設(shè)置過(guò)數(shù)學(xué)題,出題的太狠了:162×46+1149=?,這時(shí)如果還迷迷糊糊,可能連手機(jī)里的計(jì)算器都找不到,更不要說(shuō)把每個(gè)數(shù)字精準(zhǔn)的輸入完成計(jì)算了)


「網(wǎng)易云音樂」截圖預(yù)判分享行為


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

在網(wǎng)易云音樂的任何界面,只要系統(tǒng)判斷有截圖行為,就會(huì)彈出最常用的分享渠道,便于用戶傳播分享。

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

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

分享功能是每個(gè)互聯(lián)網(wǎng)產(chǎn)品不可或缺的功能,它可以滿足不同人的傳播需求。比如用戶認(rèn)同一個(gè)東西的價(jià)值、希望得到某種虛榮、利用稀奇古怪的事情博取關(guān)注和點(diǎn)贊等。曬悲傷,博人同情,或者是排解壓抑情緒,表面上看雖然只是用戶的一種表達(dá)方式,但還有一個(gè)最重要的就是企業(yè)自身產(chǎn)品的推廣和傳播。想要用戶更高頻率的觸發(fā)分享行為,就需要在用戶行動(dòng)之前花點(diǎn)小心思了。

網(wǎng)易云音樂在任何頁(yè)面,只要系統(tǒng)判斷用戶有截圖行為,就會(huì)主動(dòng)彈出分享渠道,便于用戶直接進(jìn)行傳播,跟其他大部分APP需要在特定也頁(yè)面才能分享或者通過(guò)打開社交軟件傳播相比,縮短了操作路徑,提高了用戶對(duì)截圖頁(yè)面的分享幾率,方便用戶的同時(shí)也可以對(duì)產(chǎn)品的推廣起到一定作用。

那么,問題來(lái)了,截圖自動(dòng)彈窗對(duì)于不需要分享的用戶來(lái)說(shuō)并不友好,還要手動(dòng)關(guān)閉,是不是增加了用戶的操作成本呢?其實(shí)不然,根據(jù)Facebook調(diào)研數(shù)據(jù)表明,在娛樂、多媒體類型的應(yīng)用里,高達(dá)69%的用戶截圖都是為了分享,占據(jù)大部分用戶群體,其截圖自動(dòng)彈出分享正是為迎合這三分之二的用戶提供便利,一個(gè)產(chǎn)品的呈現(xiàn)不管用哪種方式表達(dá),都無(wú)法讓所有用戶滿意,只需滿足大部分用戶即可,這也是設(shè)計(jì)團(tuán)隊(duì)即使發(fā)現(xiàn)了這方面的不友好,也沒有對(duì)這個(gè)功能痛下殺手的原因。另外,分享功能雖然重要,但并不屬于高頻操作,所以即對(duì)部分用戶不友好,但如果其他方面能做到盡善盡美,并不會(huì)給用戶帶來(lái)多大的影響,最終也會(huì)在微弱的負(fù)面情緒下坦然接受。


「全民K歌」練唱:利用加載進(jìn)度普及使用技巧


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

全民K歌的練唱功能,首次進(jìn)入在加載進(jìn)度時(shí),除了加載動(dòng)畫和進(jìn)度條之外,還會(huì)出現(xiàn)各種功能使用技巧的小提示,避免用戶在等待的過(guò)程中出現(xiàn)焦慮的情況。

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

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

用戶與界面的每一次互動(dòng)都是一次加載過(guò)程,因操作引起的頁(yè)面跳轉(zhuǎn)、刷新或彈窗等行為,頁(yè)面都需要向服務(wù)器發(fā)送請(qǐng)求信息。在此過(guò)程中,由于網(wǎng)絡(luò)及頁(yè)面自身處理信息的原因,導(dǎo)致加載過(guò)程可能發(fā)生延長(zhǎng),從而需要一個(gè)“反饋”即加載來(lái)緩和用戶的等待。有時(shí)加載時(shí)間過(guò)長(zhǎng)會(huì)讓用戶感到崩潰,如何緩解用戶在等待過(guò)程中可能會(huì)出現(xiàn)的焦慮感,是一個(gè)非常重要設(shè)計(jì)要素,否則就會(huì)造成用戶的流失。

在使用全名K歌的練唱功能時(shí),由于首次進(jìn)入的加載時(shí)間(6~10秒)較長(zhǎng),除了應(yīng)有的加載動(dòng)畫之外,還使用了進(jìn)度條百分比提示,向用戶生動(dòng)的展示著當(dāng)前頁(yè)面的加載的進(jìn)度,從而通過(guò)進(jìn)度條設(shè)計(jì)喚起用戶情感,以實(shí)現(xiàn)與用戶情感層次的交流。另外還會(huì)出現(xiàn)各種功能場(chǎng)景使用技巧的小提示,弱化用戶正在等待加載頁(yè)面的心理感知,將用戶的思維引導(dǎo)至其他方面,緩解因等待可能出現(xiàn)的焦慮,通過(guò)教育用戶來(lái)達(dá)到由被動(dòng)變主動(dòng)的目的。


「農(nóng)業(yè)銀行」銀行卡設(shè)置別名


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

在農(nóng)業(yè)銀行的卡片詳情頁(yè)面,可以分別對(duì)不同卡片設(shè)置別名,比如工資卡、房貸卡、生活卡等。

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

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

進(jìn)入互聯(lián)網(wǎng)時(shí)間,人均著手多張銀行卡。手機(jī)銀行APP也可以綁定多張卡片,因賬戶是同一個(gè)人開設(shè)的,所以顯示的名稱是一樣的,并且還有部分用戶在同一家銀行根據(jù)不同卡種的優(yōu)惠程度辦理了多張信用卡。因個(gè)人需要,不同的卡片可能用于不同的用途,比如工資卡、炒股賬戶、房貸卡等,如果卡片資金混用,整體收支可能會(huì)一團(tuán)糟。

在農(nóng)業(yè)銀行APP的卡片詳情頁(yè)面,可根據(jù)自己不同用途的需求,對(duì)卡片設(shè)置一個(gè)便于記憶、個(gè)性化的名稱,并不會(huì)影響到在銀行賬戶中的名字,設(shè)置好之后,便于用戶更好的對(duì)自身理財(cái)賬戶進(jìn)行區(qū)分,方便記憶和使用。另外還可以避免銀行卡部分信息被(他人瞟竊)泄露,登錄時(shí)無(wú)需銀行卡號(hào)或身份證號(hào),憑借設(shè)置的別名加密碼登錄即可。


「高德地圖」導(dǎo)航-不一樣的超速預(yù)警


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

使用高德地圖導(dǎo)航時(shí),如果超速駕駛,系統(tǒng)除了語(yǔ)音播報(bào)和左上角時(shí)速變紅之外,屏幕兩側(cè)還會(huì)出現(xiàn)紅色的光芒閃動(dòng),用視覺強(qiáng)調(diào)超速預(yù)警。

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

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

我們?cè)谑褂脤?dǎo)航自駕時(shí),經(jīng)常會(huì)聽到語(yǔ)音播報(bào)“前方限速xxx,你已超速”,因?yàn)槌偬嵝褧?huì)提前500米播報(bào),這時(shí)如果及時(shí)把速度降下來(lái),基本不會(huì)有事,但如果沒有聽到語(yǔ)音播報(bào),一如既往向前沖,那么就要悲劇了,首先,別人都在減速,而自己還在超速,就會(huì)給自己或其他人帶來(lái)很大的安全隱患;其次如果被電子警察拍到,罰款不說(shuō)還得扣駕照分。

高德導(dǎo)航在超速的情況下,除了應(yīng)有的語(yǔ)音播報(bào)和左上角時(shí)速標(biāo)識(shí)變紅外,在屏幕兩側(cè)還會(huì)出現(xiàn)紅光閃動(dòng),用強(qiáng)烈的視覺提醒告知用戶已超速,非常顯眼,可以在用戶沒有聽到語(yǔ)音播報(bào)的情況下,再次通過(guò)視覺預(yù)警,降低超速發(fā)生的概率,避免給自己或他人帶來(lái)安全隱患以及經(jīng)濟(jì)損失。

(PS:當(dāng)我們開著車超速的時(shí)候,突然出現(xiàn)的紅光閃動(dòng),有沒有感覺到,就像玩吃雞、王者時(shí),血條快沒有了突然出現(xiàn)的紅光閃動(dòng),如果還無(wú)腦向前沖,就算有十條命也不夠你造的,總之后果很嚴(yán)重)


「搜狗輸入法」一秒發(fā)送一屏表情


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

使用搜狗輸入法長(zhǎng)按表情emoji時(shí),屏幕會(huì)出現(xiàn)一連串的表情輸入,并伴隨數(shù)字提示清晰顯示表情的數(shù)量。

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

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

在社交聊天中,表情是我們必用的功能,表情往往比文字更能表達(dá)我們的真實(shí)感受,它能表達(dá)出我們的喜怒哀樂,相比冷冰冰的文字更生動(dòng)、貼切。每個(gè)用戶都有那個(gè)幾個(gè)常用具有代表性的表情符號(hào),但不同的應(yīng)用,表情符號(hào)的樣式也有明顯的不同,這時(shí)候我們就可以通過(guò)搜狗輸入法,在任何應(yīng)用都能使用同一套表情系列,能滿足用戶在所有(部分不支持顯示表情的除外)應(yīng)用的表情需求,其他的功能也是一應(yīng)俱全。

搜狗手機(jī)輸入法emoji表情的魅力還不止于此。在與好友溝通的時(shí)候,會(huì)看到它每間隔一小段時(shí)間,就能發(fā)來(lái)一屏幕的表情,很驚訝也很好奇,這是怎么辦到的呢?其實(shí)很簡(jiǎn)單,只需要在鍵入狀態(tài)下長(zhǎng)按emoji,屏幕上會(huì)連續(xù)出現(xiàn)此表情,一直按著會(huì)一直增加,而且還伴隨著數(shù)字提示,可以清楚知道已輸入表情的數(shù)量。用emoji發(fā)多個(gè)表情能表達(dá)出豐富情感,既方便又好玩,動(dòng)效的表情和數(shù)字變化讓顯示更加直觀,同時(shí)又略帶趣味性。


「悅跑圈」數(shù)值變化的動(dòng)效設(shè)計(jì)思考


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

進(jìn)入悅跑圈首頁(yè),累計(jì)跑量的總數(shù)據(jù)通過(guò)動(dòng)效在1500毫秒內(nèi)從0不斷增加、直至累計(jì)的實(shí)時(shí)數(shù)據(jù)為止,非常顯眼。

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

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

數(shù)據(jù)是每個(gè)APP里面非常重要的板塊,有很多時(shí)候,用戶頻繁的進(jìn)入應(yīng)用,而目標(biāo)則是直擊數(shù)據(jù)累計(jì)。數(shù)據(jù)雖然是最真實(shí)的寫照,但如果表現(xiàn)的不夠合理,反而會(huì)帶來(lái)負(fù)面影響,影響信息的傳播,誤導(dǎo)用戶的認(rèn)知。

悅跑圈APP則是在短時(shí)間內(nèi),將用戶累計(jì)跑量從0至總數(shù)據(jù)以動(dòng)效的方式逐步增減展現(xiàn),將抽象的數(shù)據(jù)通過(guò)可視化的手段表達(dá)出其內(nèi)里的信息和規(guī)律,更加直觀地傳達(dá)數(shù)據(jù)信息,便于用戶的大腦能夠更好地抓取和理解有效信息,增加信息的印象。這種逐步增加的動(dòng)效變化方式,讓數(shù)據(jù)更容易被接受、內(nèi)容更容易被理解、信息更容易被記憶。當(dāng)累計(jì)數(shù)據(jù)很低時(shí),從另一方面也起到的安撫用戶心理的作用,暗示著任何東西和事務(wù)都是從0開始不但的積累,只要不放棄,數(shù)值就會(huì)不斷增加,更是對(duì)用戶的一種鼓勵(lì)。


「百度網(wǎng)盤」會(huì)員即將到期巧妙的提醒


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

百度網(wǎng)盤的會(huì)員即將到期時(shí),進(jìn)入我的頁(yè)面,會(huì)從設(shè)備右側(cè)緩緩彈出挽留的文案提示,5秒后自動(dòng)消失,再次進(jìn)入后會(huì)看到新的文案,點(diǎn)擊可直接進(jìn)入續(xù)費(fèi)頁(yè)面。

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

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

會(huì)員是互聯(lián)網(wǎng)產(chǎn)品中最穩(wěn)定的一個(gè)用戶群體,也是企業(yè)在盈利需求上非常重要的支柱,隨著會(huì)員對(duì)產(chǎn)品的認(rèn)同不斷增加,企業(yè)也會(huì)鉆研更多能滿足會(huì)員的服務(wù)和特權(quán)(我說(shuō)的會(huì)員不是注冊(cè)用戶,而是開通增值服務(wù)購(gòu)買虛擬產(chǎn)品的客戶群)。在如今基本全面小康生活的條件下,開通會(huì)員的用戶有很多并不是有硬性需求,或許只是一時(shí)興起短暫的需要,那么在會(huì)員到期時(shí),如何留住會(huì)員繼續(xù)使用增值服務(wù)則成了企業(yè)關(guān)鍵問題點(diǎn)。產(chǎn)品對(duì)于這種情況的處理,常見的無(wú)非三種:

  • 無(wú)任何提示:用戶會(huì)員到期后,在不知情的狀況下自動(dòng)失去增值類的服務(wù)特權(quán);
  • 強(qiáng)提示:通過(guò)彈窗或新頁(yè)面告知用戶會(huì)員即將到期,提醒用戶續(xù)費(fèi),雖然有一定的作用,但如果設(shè)計(jì)不當(dāng),可能會(huì)造成用戶的反感;
  • 弱提示:合適的時(shí)間、合適的地點(diǎn)給予用戶弱提示會(huì)員即將到期,能輕微吸引用戶注意力但不影響其他功能的使用,屬于友好的提醒。

百度網(wǎng)盤則是用了第三種弱提示。進(jìn)入我的頁(yè)面,在個(gè)人信息及部分功能區(qū)域給予簡(jiǎn)單的文案,不影響其他功能的使用。友好的文案提示,絲毫不提續(xù)費(fèi)會(huì)員的字眼,而是告知用戶即將失去什么,會(huì)有什么樣的后果,給用戶造成一種心理負(fù)擔(dān),強(qiáng)調(diào)之前所獲得的增值服務(wù)內(nèi)容即將過(guò)期、無(wú)法繼續(xù)使用,體現(xiàn)出服務(wù)或內(nèi)容的「稀缺性」,從而讓用戶產(chǎn)生恐懼心理,強(qiáng)調(diào)事情的后果之后,促使用戶行動(dòng),能喚醒用戶的「警惕意識(shí)」,且能帶來(lái)一定的驅(qū)動(dòng)力,在不是特別理性的情況繼續(xù)續(xù)費(fèi)該服務(wù),從而形成轉(zhuǎn)化。


「微信」長(zhǎng)按信息:搜一搜的妙用


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

在微信對(duì)話框長(zhǎng)按消息,點(diǎn)擊搜一搜,即可查到跟詞條相關(guān)百科、視頻號(hào)、朋友圈、其他文章等。

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

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

微信搜一搜功能上線快3年時(shí)間,可真正在用的用戶卻不多。在自己的印象中,有沒有出現(xiàn)過(guò)這種情況,當(dāng)朋友發(fā)來(lái)一個(gè)自己不熟悉的網(wǎng)絡(luò)名詞時(shí),為了避免尷尬,趕緊復(fù)制到瀏覽器看看是什么梗,等了解清楚之后再回到微信,“臥槽”應(yīng)用都結(jié)束進(jìn)程了,需要重新進(jìn)入,emmm…..

使用微信的搜一搜,長(zhǎng)按需要搜索的信息調(diào)出菜單,選擇搜一搜,即可在微信內(nèi)搜索跟所選消息相關(guān)的內(nèi)容。搜一搜會(huì)自動(dòng)提取消息的關(guān)鍵詞,如果對(duì)自動(dòng)提取的關(guān)鍵詞不滿意,點(diǎn)擊頂部標(biāo)題的箭頭,在彈出的頁(yè)面中,滑動(dòng)選擇新的關(guān)鍵詞即可,省時(shí)又省力,減少對(duì)用戶搜索需求流程的打斷以及不必要的重復(fù)操作,提升用戶體驗(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)便利。

文章評(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下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC