產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的(2021-11)
編輯導(dǎo)語(yǔ):產(chǎn)品體驗(yàn),就是用戶(hù)在使用產(chǎn)品的過(guò)程中,對(duì)其建立起來(lái)的一種純主觀感受。好的產(chǎn)品,會(huì)在使用中帶給用戶(hù)愉悅和快樂(lè),而不好的產(chǎn)品,則會(huì)給用戶(hù)帶來(lái)抱怨和煩躁,體驗(yàn)感很糟糕。因此,用戶(hù)體驗(yàn)已經(jīng)成為用戶(hù)選擇產(chǎn)品或服務(wù)的重要判斷標(biāo)準(zhǔn)之一。
不管你是一個(gè)什么類(lèi)型的設(shè)計(jì)師,想要做出優(yōu)秀的作品都離不開(kāi)長(zhǎng)期經(jīng)驗(yàn)的累積,那么去體驗(yàn)優(yōu)秀的作品并找到優(yōu)秀的點(diǎn),挖掘背后的設(shè)計(jì)原因以及帶來(lái)的商業(yè)價(jià)值是必經(jīng)之路。靈感有時(shí)候來(lái)源于靈光一現(xiàn),但更多時(shí)候來(lái)于自己設(shè)計(jì)信息的腦存量。
在體驗(yàn)優(yōu)秀的作品時(shí),我們需要站在用戶(hù)的角度去發(fā)現(xiàn)好設(shè)計(jì)細(xì)節(jié)及交互解決方案,思考能給企業(yè)或用戶(hù)帶來(lái)價(jià)值并記錄下來(lái),久而久之,就能提高自己的語(yǔ)言組織以及總結(jié)能力,再通過(guò)不斷的練習(xí),以達(dá)到質(zhì)變效果。
151.「keep」設(shè)置身高/體重-模擬現(xiàn)實(shí)生活中的固有認(rèn)知
1. 產(chǎn)品體驗(yàn)
在keep設(shè)置身高/體重時(shí),頁(yè)面效果采用了現(xiàn)實(shí)生活中的尺子/稱(chēng)的刻度,通過(guò)左右滑動(dòng),跟隨刻度變化調(diào)整出準(zhǔn)確的身高/體重?cái)?shù)值。
2. 設(shè)計(jì)思考
早期的互聯(lián)網(wǎng)產(chǎn)品界面,很多都通過(guò)擬物化的設(shè)計(jì)來(lái)描繪現(xiàn)實(shí)世界中的產(chǎn)品,其便于用戶(hù)對(duì)功能進(jìn)行感知,模擬物理世界中的交互,幫助輕松掌握界面的使用方式,最大程度的降低用戶(hù)學(xué)習(xí)成本。
雖然后來(lái)逐漸過(guò)渡到扁平設(shè)計(jì)風(fēng)格,但很多方面,依然保留了擬物的特征。擬物化風(fēng)格會(huì)不會(huì)再次來(lái)臨也不得而知,但從設(shè)計(jì)趨勢(shì)的不但變化可以看出,如2020年火爆的新擬態(tài)設(shè)計(jì)(基本撲街)、C4D、2.5D設(shè)計(jì)等表現(xiàn)手法,都是在朝著貼近現(xiàn)實(shí)世界的認(rèn)知方向延展。
在keep設(shè)置身高/體重時(shí),通過(guò)模擬現(xiàn)實(shí)世界用戶(hù)對(duì)生活中事物的認(rèn)知,將頁(yè)面設(shè)計(jì)成尺子/稱(chēng)的刻度樣式,左右滑動(dòng)即可設(shè)置完成,很符合用戶(hù)的直覺(jué)。
模擬現(xiàn)實(shí)的設(shè)計(jì)可以幫助用戶(hù)輕松掌握界面的使用方式,更快的跟產(chǎn)品之間建立連接,根據(jù)模仿學(xué)習(xí)的基礎(chǔ),有利于初次接觸的用戶(hù),降低學(xué)習(xí)成本、提高效率以及出錯(cuò)概率。
152.「網(wǎng)易蝸牛讀書(shū)」找人共讀-堅(jiān)持讀書(shū)的動(dòng)力
1. 產(chǎn)品體驗(yàn)
進(jìn)入網(wǎng)易蝸牛讀書(shū)的介紹頁(yè)面,通過(guò)“找人共讀”邀請(qǐng)喜歡讀書(shū)的伙伴加入,為堅(jiān)持下去提供動(dòng)力。
2. 設(shè)計(jì)思考
說(shuō)起線(xiàn)上讀書(shū),一開(kāi)始必定給自己定下各種計(jì)劃,還會(huì)下定決心,從明天開(kāi)始就……??捎?jì)劃很豐滿(mǎn)、現(xiàn)實(shí)很骨感,當(dāng)你不想再看書(shū)時(shí),可以找到上百個(gè)說(shuō)法來(lái)掩蓋自己堅(jiān)持不下去的理由,且聽(tīng)上去合情合理。
很多內(nèi)/外因素的存在,當(dāng)正在看書(shū)時(shí)收到朋友的吃燒烤邀請(qǐng)、網(wǎng)友的開(kāi)黑4缺一、前男/女朋友的微信等都是放棄計(jì)劃的開(kāi)始,即便可以抵擋這些誘惑,但面對(duì)看到的精彩無(wú)處表達(dá)喜悅、疑惑之處無(wú)地訴說(shuō)等,無(wú)法交流的痛可能是壓倒你堅(jiān)持的最后一根稻草。
網(wǎng)易蝸牛讀書(shū)可以邀請(qǐng)喜歡看書(shū)的網(wǎng)友一起學(xué)習(xí),通過(guò)交流互動(dòng)、相互鼓勵(lì)提升學(xué)習(xí)氛圍,雖然在虛擬的網(wǎng)絡(luò)世界,但相比一個(gè)人讀書(shū)更有看書(shū)的儀式感,精彩之處相互分享、不懂之處相互交流,擺脫一個(gè)人的孤獨(dú),為堅(jiān)持讀書(shū)提供源源不斷的動(dòng)力。
另外,第一次共讀的用戶(hù),還可以免費(fèi)得書(shū),且后面能獲得翻倍的蝸牛殼用于換書(shū),正所謂免費(fèi)東西不要白不要,以此增加用戶(hù)的使用粘性,提升用戶(hù)在此平臺(tái)讀書(shū)的頻率,為后面的轉(zhuǎn)化提供條件。
(一個(gè)人在電影院就算看著喜劇也可能睡著,但一群人在場(chǎng)很可能讓你笑的岔氣;一個(gè)人靜悄悄的在手機(jī)追劇跟開(kāi)著彈幕相比,也是兩種不同的心情。)
153.「keep」隱私模式-一鍵隱藏跑步軌跡
1. 產(chǎn)品體驗(yàn)
在keep跑步完成后,進(jìn)入跑步記錄頁(yè)面,開(kāi)啟隱私模式,系統(tǒng)會(huì)屏蔽跑步軌跡地圖上的部分文字信息,避免用戶(hù)在分享后暴露自己的位置隱私。
2. 設(shè)計(jì)思考
跑步是受大家喜歡的運(yùn)動(dòng)之一,沒(méi)有健身房里的復(fù)雜訓(xùn)練和費(fèi)用成本,且時(shí)間靈活自由,經(jīng)常跑步可以減肥、改善視力、改善失眠狀況、釋放壓力/舒緩情緒等諸多好處。
堅(jiān)持跑步需要極強(qiáng)的自制力,如果光靠自律來(lái)讓自己堅(jiān)持,很少人能做到,其外在條件不可或缺,比如多人約定一起跑,相互鼓勵(lì);給自己制造必須跑步的條件和理由;打卡朋友圈,獲得他人認(rèn)可和鼓勵(lì)等。
打卡朋友圈是很多人使用的一種方法,一方面礙于面子心理,通過(guò)營(yíng)造努力的人設(shè),在他人那里博得面子和形象,給自己帶來(lái)心理上的滿(mǎn)足感;另一方面,可以通過(guò)其他人的點(diǎn)贊、評(píng)論獲得對(duì)自己的肯定,增強(qiáng)自己對(duì)跑步的興趣,以提供堅(jiān)持下去的動(dòng)力。
keep為了讓用戶(hù)更安心分享自己的跑步記錄,在跑步軌跡地圖設(shè)置了隱私模式,點(diǎn)擊“小眼睛”開(kāi)啟后,軌跡地圖上去掉了位置及信息標(biāo)記,只能看到大概的輪廓。
隱私模式能有效避免用戶(hù)的位置信息泄露,以最安全的方式使用產(chǎn)品帶來(lái)的服務(wù),給用戶(hù)更容易掌控的感覺(jué),帶去安全保障的同事,還能提升用戶(hù)對(duì)產(chǎn)品的信任度。
154.「京東」刪除搜索記錄-決策思考
1. 產(chǎn)品體驗(yàn)
在京東搜索頁(yè)面刪除歷史記錄時(shí),會(huì)自動(dòng)展開(kāi)所有搜索記錄,不打斷用戶(hù)瀏覽的情況下再次提醒是否全部刪除。
2. 設(shè)計(jì)思考
應(yīng)用將用戶(hù)的搜索行為記錄下來(lái),其主要目的是方便用戶(hù)下次使用時(shí)再次展現(xiàn),可直接點(diǎn)擊快速找到自己所需的商品。雖然保存搜索記錄是在給用戶(hù)提供方便,但也可能將用戶(hù)較為私密的關(guān)鍵詞暴露給其他人,如果被自己的朋友或親人看到,就有些尷尬了,刪除歷史搜索記錄無(wú)疑是最有效的方法。
在用戶(hù)刪除歷史記錄的過(guò)程中,其不同的交互方式給用戶(hù)不一樣的體驗(yàn),且還能提醒用戶(hù)思考、是否需要放棄這一操作行為。
在京東APP刪除搜索記錄的過(guò)程中,系統(tǒng)將所有記錄展開(kāi)供用戶(hù)瀏覽,且右上角出現(xiàn)“全部刪除”的弱提示。通過(guò)展示的歷史記錄給用戶(hù)足夠的時(shí)間,以延長(zhǎng)用戶(hù)下一步操作決策的思考,降低刪除成功的可能。
眾所周知,用戶(hù)在操作刪除時(shí),其主行動(dòng)目標(biāo)就是刪除成功,雖然在中途不太可能改變用戶(hù)的想法,但每給用戶(hù)多一份思考(所有歷史記錄),用戶(hù)改變想法的可能性就會(huì)增加。
每增加一定的難度(弱化刪除操作,降低視覺(jué)傳播速度),用戶(hù)放棄下一步操作的可能性也會(huì)增加,而且應(yīng)用需要通過(guò)用戶(hù)多次重復(fù)的搜索記錄來(lái)計(jì)算,確定是否增加該關(guān)鍵詞對(duì)應(yīng)產(chǎn)品的曝光頻率,以達(dá)到更多的轉(zhuǎn)化,用戶(hù)的歷史記錄一旦刪除成功,就會(huì)增大二次搜索關(guān)鍵變化的范圍及不穩(wěn)定性,不利于系統(tǒng)更精確的定向推薦產(chǎn)品及服務(wù)內(nèi)容。
常見(jiàn)刪除歷史搜索記錄的交互方式無(wú)非三種,雖然不敢說(shuō)哪一種最好,但可以根據(jù)應(yīng)用的實(shí)際需求酌情利用:
- 無(wú)提示:操作刪除即刪除成功,路徑最短、效率最高,但極容易造成不可挽回的誤操作(如:美團(tuán));
- 弱提示:操作刪除,再次提示是否刪除,弱化主操作,不影響頁(yè)面瀏覽,給予足夠的思考空間,但容易混淆原本的想法并通過(guò)信息錯(cuò)覺(jué)給用戶(hù)“洗腦”,促使用戶(hù)放棄下一步操作或引導(dǎo)其誤操作(如:京東);
- 強(qiáng)提示:操作刪除,通過(guò)彈窗提示用戶(hù)快速做出決策,效率較高,但用戶(hù)無(wú)法瀏覽頁(yè)面內(nèi)容,沒(méi)有太大的思考空間,只停留在“是/否”的層面上(如:淘寶、餓了么)。
155.「嗶哩嗶哩」動(dòng)效IP結(jié)合操作特性-提升品牌曝光度
1. 產(chǎn)品體驗(yàn)
在嗶哩嗶哩視頻下方點(diǎn)贊時(shí),或出現(xiàn)IP豎起大拇指的動(dòng)效,生動(dòng)有趣,點(diǎn)贊成功的同時(shí),還傳播了品牌形象。
2. 設(shè)計(jì)思考
大拇指點(diǎn)贊是出現(xiàn)過(guò)最多的一種圖形表現(xiàn)方式,其誕生于2000年后,逐漸在全球各種應(yīng)用中出現(xiàn)并被人們接受且成為一種潛在的點(diǎn)贊認(rèn)知,通過(guò)自己對(duì)產(chǎn)品/內(nèi)容的態(tài)度和認(rèn)知傾向,用支持、贊同、偏愛(ài)等表達(dá)主觀情緒感受。知名產(chǎn)品對(duì)點(diǎn)贊的視覺(jué)表現(xiàn)、交互效果都非常嚴(yán)格,因?yàn)樗鼤?huì)影響所有用戶(hù)的使用體驗(yàn)及品牌價(jià)值。
嗶哩嗶哩的點(diǎn)贊除了常規(guī)的大拇指圖標(biāo)交替出現(xiàn)外,還融入了動(dòng)效品牌基因及激勵(lì)性質(zhì)的文案。
點(diǎn)贊成功時(shí),圖標(biāo)上方會(huì)出現(xiàn)一個(gè)豎起大拇指的動(dòng)效IP形象,2秒后消失,利用點(diǎn)贊的特性結(jié)合IP強(qiáng)化品牌,為用戶(hù)在操作過(guò)程中增強(qiáng)記憶,提高品牌的曝光度,且動(dòng)效IP樣式更具產(chǎn)品靈魂和趣味性。
156.「高德地圖」返回-貼心的交互手勢(shì)反饋
1. 產(chǎn)品體驗(yàn)
在高德地圖頁(yè)面返回時(shí),使用右滑交互手勢(shì),所接觸的位置會(huì)出現(xiàn)水滴狀的返回圖標(biāo),對(duì)用戶(hù)做出交互反饋。
2. 設(shè)計(jì)思考
針對(duì)移動(dòng)端界面的返回,第一印象是左上角的返回圖標(biāo),但在全面屏手機(jī)普及后,大屏幕尺寸也又開(kāi)始占據(jù)市場(chǎng),屏幕大意味著內(nèi)容可以更大限度地得到展示,但也會(huì)增加單手操作的難度,尤其是頂部,幾乎成為單手操作的盲區(qū)。
于是,很多應(yīng)用開(kāi)始將重要的功能往下方移動(dòng)以及增加了很多隱藏的交互手勢(shì),如上/下/左/右滑動(dòng)、雙擊、長(zhǎng)按、多指并行等一系列便捷的操作。
其實(shí)很多交互手勢(shì),用戶(hù)已經(jīng)見(jiàn)怪不怪,基本都有接觸,但是在地圖類(lèi)型的應(yīng)用中,80%以上的用戶(hù)操作各方向滑動(dòng)時(shí),思維還停留在移動(dòng)地圖的認(rèn)知上,很少有右滑返回的概念。
高德地圖增加了右滑返的交互,且在人機(jī)交互的接觸位置出現(xiàn)水滴狀的返回圖標(biāo),給予用戶(hù)明確的反饋,便于用戶(hù)快速區(qū)分對(duì)應(yīng)的下一步變化是返回還是滑動(dòng)地圖,極大方便用戶(hù)使用,簡(jiǎn)單的設(shè)計(jì)細(xì)節(jié)十分友好貼心,不知道的童鞋趕緊試試吧!
157.「騰訊視頻」只看TA-滿(mǎn)足“追星”用戶(hù)沉浸式體驗(yàn)
1. 產(chǎn)品體驗(yàn)
在騰訊視頻橫屏觀看影片時(shí),點(diǎn)擊“只看TA”,選擇只想看到的明星片段,后續(xù)在看片過(guò)程中,系統(tǒng)會(huì)自動(dòng)屏蔽與該明星無(wú)關(guān)的片段。
2. 設(shè)計(jì)思考
所謂“蘿卜青菜、各有所愛(ài)”,針對(duì)喜歡追劇/看片的人群,其目的是各不相同,比如喜歡歷史的,所關(guān)注的是故事的情節(jié)、改編程度及連貫性;喜歡科幻的,關(guān)注的是動(dòng)感和特效。
但說(shuō)起青春偶像劇,喜歡看的,大部分用戶(hù)都是片中某些明星鐵粉,因“鮮肉”云集,打開(kāi)彈幕就不難看出,鋪天蓋地的都是“好帥啊”、“老公”、“摸了女孩的手、我好傷心……愛(ài)死了”等一系列的花癡語(yǔ)錄,什么演技、劇情都不重要,重要的是“TA”別消失,不然的話(huà)就算是通過(guò)快進(jìn)、跳集也要找到(抱歉、曝光了那一類(lèi)人看劇的“貓病”)。
騰訊視頻APP的“只看TA”功能,解決了看片專(zhuān)為偶像而來(lái)用戶(hù)的需求,選中“只看xxx片段”,后續(xù)會(huì)自動(dòng)屏蔽與該明星無(wú)關(guān)的內(nèi)容。
因?yàn)楦行缘某煞州^多,“只看TA”功能對(duì)于單純追星的用戶(hù)來(lái)說(shuō),再也不用通過(guò)快進(jìn)、跳集的方式去尋找相關(guān)片段,可無(wú)需任何操作沉浸式看片,給用戶(hù)帶來(lái)較強(qiáng)愉悅感和滿(mǎn)足感。
158.「京東讀書(shū)」你用過(guò)橫屏?xí)r分欄閱讀嗎?
1. 產(chǎn)品體驗(yàn)
在京東讀書(shū)的高級(jí)設(shè)置中,打開(kāi)“橫屏?xí)r雙頁(yè)”開(kāi)關(guān),在橫屏閱讀時(shí)會(huì)變成左右雙頁(yè)的樣式,給用戶(hù)多一個(gè)選擇。
2. 設(shè)計(jì)思考
在報(bào)紙、刊物、出版物中,我們經(jīng)常看到將大量的文字進(jìn)行了分欄展示,其目的主要是便于快速閱讀。
人們?cè)陂喿x大量的文字時(shí)基本都是不斷地從左到右-返回-從左到右……如此循環(huán)下去,當(dāng)一行文字較長(zhǎng)時(shí),頭部和視線(xiàn)需要跟隨文字大幅度的移動(dòng),看完一行后,再用相反的動(dòng)作返回下一行的開(kāi)頭,費(fèi)時(shí)費(fèi)力費(fèi)精神。
而較小的行寬能讓一行文字在大部分情況下始終保持在目光范圍內(nèi),保證閱讀的完整性,提升閱讀速度。
使用京東閱讀APP,在高級(jí)設(shè)置中開(kāi)啟橫屏?xí)r雙頁(yè)(分欄),其實(shí)在用戶(hù)看書(shū)時(shí)并沒(méi)有多大作用,但根據(jù)少數(shù)用戶(hù)的視覺(jué)瀏覽喜好多提供了一種選擇。針對(duì)習(xí)慣、感觸各異的互聯(lián)網(wǎng)用戶(hù),在不影響功能、視覺(jué)體驗(yàn)的情況下,讓他們?nèi)ミx擇最適合自己方式,是滿(mǎn)足用戶(hù)需求的最佳之舉。
159.「ETC車(chē)寶」如何在較少的空間展示更多的內(nèi)容?
1. 產(chǎn)品體驗(yàn)
進(jìn)入ETC車(chē)寶“我的”頁(yè)面,會(huì)員版塊會(huì)出現(xiàn)抖動(dòng)的效果,下滑可展開(kāi)會(huì)員權(quán)益,上滑即再次隱藏還原。
2. 設(shè)計(jì)思考
用戶(hù)開(kāi)通會(huì)員/購(gòu)買(mǎi)增值服務(wù)是企業(yè)盈利非常重要的一大版塊,其固定入口大部分在“我的”頁(yè)面,為了引導(dǎo)用戶(hù)轉(zhuǎn)化的需要,也會(huì)合適的穿插在其他頁(yè)面、狀態(tài)、功能之中。
因“我的”頁(yè)面需要給用戶(hù)提供常用的跟個(gè)人相關(guān)的功能,固會(huì)員版塊展示區(qū)域,基本上不能超出自己的那“一畝三分地”,也間接導(dǎo)致了因展示內(nèi)容較少、吸引力不夠、轉(zhuǎn)換率較低的情況。
ETC車(chē)寶的會(huì)員版塊展示區(qū)域同樣較小,但卻合理利用不同的交互方式在不占用太多頁(yè)面資源的情況下,展示了更多會(huì)員權(quán)益。
進(jìn)入“我的”頁(yè)面,會(huì)員版塊會(huì)出現(xiàn)抖動(dòng)的動(dòng)畫(huà)效果,其最主要作用在于動(dòng)態(tài)比靜態(tài)更加吸引眼球,增加視覺(jué)關(guān)注度,利用輕交互動(dòng)效來(lái)吸引用戶(hù)視覺(jué)焦點(diǎn),增加點(diǎn)擊欲望。
一般來(lái)說(shuō),除非用戶(hù)在目標(biāo)非常明確的情況下,才會(huì)主動(dòng)進(jìn)入會(huì)員頁(yè)面,因?yàn)檫@關(guān)系著用戶(hù)的經(jīng)濟(jì)成本。
ETC車(chē)寶“我的”的下滑可展開(kāi)會(huì)員權(quán)益,上滑即隱藏,既做到了不占用頁(yè)面空間,又額外給用戶(hù)展示了比較有誘惑力的會(huì)員權(quán)益,吸引用戶(hù)參與,勾起開(kāi)通會(huì)員的欲望,同時(shí)也能在減少用戶(hù)操作的情況下,了解更多會(huì)員內(nèi)容,最終達(dá)到增加轉(zhuǎn)化率的目的。
160.「盒馬」金剛區(qū)-引導(dǎo)用戶(hù)直達(dá)目標(biāo)、快速轉(zhuǎn)化
1. 產(chǎn)品體驗(yàn)
盒馬APP將金剛區(qū)的入口直接做成了產(chǎn)品一級(jí)分類(lèi),用戶(hù)進(jìn)入首頁(yè),即可根據(jù)對(duì)應(yīng)的需求快速到達(dá)指定位置,少了各種常規(guī)功能的彎彎繞繞。
2. 設(shè)計(jì)思考
常見(jiàn)的電商應(yīng)用,大部分都是直接在底部標(biāo)簽欄設(shè)計(jì)一個(gè)分類(lèi)入口,而金剛區(qū)是一個(gè)頁(yè)面中頭部的重要位置,也是核心功能區(qū)域,其聚合了各類(lèi)子板塊的入口,為各個(gè)子版塊分發(fā)內(nèi)容引導(dǎo)流量,所以其重要性不言而喻。
盒馬APP直接將金剛區(qū)設(shè)計(jì)成產(chǎn)品類(lèi)型入口,其最主要的目的是引導(dǎo)用戶(hù)在最短的時(shí)間內(nèi)找到目標(biāo),快速解決用戶(hù)需求,少了常規(guī)的套路和彎彎繞繞,多了一份效率。相比tab上的分類(lèi)入口,更能促進(jìn)用戶(hù)快速?zèng)Q策,避免用戶(hù)被其他內(nèi)容吸引而產(chǎn)生新的想法,影響轉(zhuǎn)化。
161.「美團(tuán)」酒店住宿-評(píng)價(jià)功能的重要性
1. 產(chǎn)品體驗(yàn)
美團(tuán)酒店住宿詳情頁(yè)主圖的右下角,會(huì)特別突出該酒店的綜合評(píng)分和其中一條好評(píng),點(diǎn)擊后可進(jìn)入評(píng)論頁(yè)面,依然突出酒店評(píng)分,以及大數(shù)據(jù)下的住客偏好。
2. 設(shè)計(jì)思考
評(píng)價(jià)的目的更多是為了表達(dá)個(gè)人對(duì)于某問(wèn)題或現(xiàn)象的看法以及思考,也會(huì)作為后來(lái)者是否購(gòu)買(mǎi)該產(chǎn)品的重要依據(jù),直接關(guān)系著店鋪的綜合評(píng)分。
不難看出,用戶(hù)在購(gòu)買(mǎi)某個(gè)產(chǎn)品時(shí),除了價(jià)格之外,買(mǎi)家秀就是決定用戶(hù)是否轉(zhuǎn)化的關(guān)鍵因素(不是唯一),商家也會(huì)使用各種方法來(lái)提高好評(píng)率,其中就包括收到快遞后好評(píng)返現(xiàn)券、商家電話(huà)提示等。
縱然如此,評(píng)論功能也都只是提供一個(gè)的簡(jiǎn)單入口或介紹完產(chǎn)品后象征性的展示最近兩條最新評(píng)論,還沒(méi)有上升到超級(jí)重要的程度。
美團(tuán)APP酒店住宿版塊則把評(píng)論(綜合評(píng)分)的重要程度提升了一個(gè)等級(jí),將綜合評(píng)分和其中一條好評(píng)顯示在詳情頁(yè)主圖的右下角,用戶(hù)進(jìn)入即可被快速吸引。
住客都是以自身位置為中心,因距離的因素限制了諸多選擇條件,相比其他電商產(chǎn)品,評(píng)價(jià)似乎成了除價(jià)格之外的唯一決策條件,提高評(píng)價(jià)功能的等級(jí),也是為了將對(duì)應(yīng)的信息快速傳達(dá)給用戶(hù),減少其思考時(shí)間,提升決策效率。
162.「今日頭條」內(nèi)容與評(píng)論區(qū)-高速直達(dá)
1. 產(chǎn)品體驗(yàn)
在今日頭條的新聞詳情頁(yè),點(diǎn)擊小氣泡圖標(biāo),頁(yè)面會(huì)自動(dòng)跳到底部評(píng)論區(qū),以供隨時(shí)查看、參與評(píng)論,再次點(diǎn)擊圖標(biāo),可回到之前未看的位置。
2. 設(shè)計(jì)思考
在擁擠的公交/地鐵上、忙里偷閑的上班時(shí)間里,我們偶爾會(huì)打開(kāi)新聞APP來(lái)了解一些社會(huì)熱點(diǎn)資訊,增加知識(shí)視野及“吹水”能力,偶爾還會(huì)跟隨大流調(diào)侃一番。
當(dāng)被新聞中某個(gè)有趣的點(diǎn)刺激著自己的腦細(xì)胞時(shí),會(huì)不自覺(jué)的進(jìn)入評(píng)論區(qū)表達(dá)自己的想法或看看別人見(jiàn)解,很簡(jiǎn)單,點(diǎn)一下底部(大部分底部懸?。┑臍馀輬D標(biāo)就能直達(dá)。
一番操作之后,要再次回到頁(yè)面剛才沒(méi)有看的位置就難搞了,因大部分新聞內(nèi)容較長(zhǎng),靠下拉去查找基本不現(xiàn)實(shí),且查找的時(shí)間越長(zhǎng),記憶力就會(huì)逐漸減弱,浪費(fèi)更多的時(shí)間成本。
今日頭條APP的新聞詳情頁(yè)面,在點(diǎn)擊圖標(biāo)去到底部后,若想回到文中原來(lái)的位置,只需再次點(diǎn)擊圖標(biāo)即可,避免通過(guò)調(diào)取大腦記憶滑動(dòng)頁(yè)面查找而浪費(fèi)大量的時(shí)間,還能防止用時(shí)過(guò)長(zhǎng)而“斷片”,為用戶(hù)提供了便捷的路徑,減少不必要的誤操作,增加產(chǎn)品的易用性。
163.「MONO」TAB欄圖標(biāo)-植入品牌記憶
1. 產(chǎn)品體驗(yàn)
MONO(貓弄)APP,底部tab欄圖標(biāo)直接用名稱(chēng)中的四個(gè)字母替代,以達(dá)到最大化品牌傳播的目的。
2. 設(shè)計(jì)思考
一個(gè)應(yīng)用是否好用,其視覺(jué)(交互效果/任務(wù)流程/操作方式)占據(jù)很大的作用。tab欄作為整個(gè)應(yīng)用結(jié)構(gòu)的入口,也不例外,不管是精致的圖標(biāo)、趣味的動(dòng)效還是優(yōu)秀的交互方式,其目的都是為了通過(guò)美觀的視覺(jué),將產(chǎn)品想表達(dá)的內(nèi)容清晰發(fā)反饋給用戶(hù)。
MONO打破了以往其他應(yīng)用tab欄的常規(guī)表現(xiàn)方式,將名稱(chēng)拆解,即M、O、N、O以圖標(biāo)的方式至于tab欄,用最直接的方式進(jìn)行品牌傳播,讓用戶(hù)記住的并非APP里的某個(gè)功能,而是品牌記憶。
雖然跟用戶(hù)所需要的美觀、親和力、趣味性等,似乎是反其道而行,但存在即為合理,通過(guò)品牌基因的融入,能讓產(chǎn)品帶有靈魂,?延伸品牌價(jià)值觀以及突出圖標(biāo)特征來(lái)提高品牌曝光度,讓用戶(hù)看到產(chǎn)品的第一印象,就知道當(dāng)前使用的是什么,當(dāng)品牌元素在產(chǎn)品的各個(gè)層面合理復(fù)用時(shí),也能增強(qiáng)用戶(hù)記憶,變相提升用戶(hù)粘性。
164.「高德地圖」屏幕常亮-減少不必要的操作
1. 產(chǎn)品體驗(yàn)
在高德的地圖設(shè)置中,開(kāi)啟“開(kāi)啟屏幕常亮”功能,即可在導(dǎo)航過(guò)程中保持設(shè)備屏幕常亮,避免猝不及防的息屏帶來(lái)安全不必要的麻煩和安全隱患。
2. 設(shè)計(jì)思考
平時(shí)我們?cè)趯?dǎo)航的過(guò)程中,如果長(zhǎng)時(shí)間沒(méi)有觸碰手機(jī)會(huì)出現(xiàn)自動(dòng)鎖屏的情況,因事發(fā)突然,若行駛在交通復(fù)雜且不熟悉的道路口,慌忙之中選擇解鎖手機(jī)查看、剎車(chē)減速靠邊或隨便駛?cè)肫渲幸粋€(gè)路口,不管何種選擇,都可能來(lái)不必要的麻煩及安全隱患。
使用高德導(dǎo)航時(shí),在設(shè)置中開(kāi)啟屏幕常亮后,導(dǎo)航過(guò)程中能有效防止設(shè)備自動(dòng)變暗或鎖屏,避免用戶(hù)在駕駛過(guò)程中手動(dòng)調(diào)整設(shè)備或考慮突發(fā)事件造成大腦“開(kāi)小差”,影響駕駛安全。屏幕常亮可以幫助用戶(hù)將更多的注意力放在安全駕駛方面,不會(huì)因出現(xiàn)息屏受到影響,從而提升安全系數(shù)。
165.「嗶哩嗶哩」生日-通過(guò)閃屏給自己一個(gè)暖心的祝福
1. 產(chǎn)品體驗(yàn)
在生日當(dāng)天進(jìn)入嗶哩嗶哩,啟動(dòng)頁(yè)之后會(huì)出現(xiàn)一個(gè)暖心生日祝福+溫馨的閃屏,利用情感化的表現(xiàn)方式讓用戶(hù)在進(jìn)入應(yīng)用之前就能感受到友好的祝福,幾秒鐘后,自動(dòng)進(jìn)入首頁(yè)。
2. 設(shè)計(jì)思考
“生”是來(lái)到這個(gè)美好世界的一種方式,“日”是紀(jì)念降臨人間的日子。
很多人都想在自己生日這天得到好友的祝福,只有在這一天才感覺(jué)到自己是真正的主角,聽(tīng)到一聲“生日快樂(lè)”是對(duì)自己最好的期盼,被習(xí)慣性地祝福,即使這一天自己天犯了什么錯(cuò),也會(huì)被不同程度地原諒,因?yàn)槲覀冎?,還有人記著、愛(ài)著自己。
在智能設(shè)備普及的今天,我們身邊少了很多的朋友,但卻多了一個(gè)鐵友-智能手機(jī),最初給我印象最深的就是在生日這一天,從早上開(kāi)始,QQ的生日祝福消息就沒(méi)有斷過(guò),雖然都是虛擬的禮物,但至少是自己的朋友(Q友)親手送出,還是無(wú)比的開(kāi)心。
而如今的微信、抖音、視頻等平臺(tái)成了手機(jī)必備,履行著我們可以沒(méi)有朋友,但不能沒(méi)有手機(jī)的原則。表面上看,我們似乎在和冷冰冰的機(jī)器交流,實(shí)則應(yīng)用早已通過(guò)親和、情感、趣味化的方式成為了自己最忠實(shí)的朋友。
在生日當(dāng)天進(jìn)入B站,系統(tǒng)會(huì)通過(guò)閃屏的方式給我們送上最真摯的祝福,溫馨的畫(huà)面+暖心的祝福語(yǔ),再結(jié)合產(chǎn)品的特性融入情感化的設(shè)計(jì),為用戶(hù)打造了一個(gè)有歸屬感且溫暖的“家”,為產(chǎn)品設(shè)計(jì)增添了人情味,并通過(guò)祝福的方式拉近用戶(hù)與產(chǎn)品間的距離感。
如果自己的生日被所有人遺忘,多少會(huì)有些失落感,而B(niǎo)站用溫暖的方式傳遞愛(ài)與力量,也能撫慰每一個(gè)被情緒傷害過(guò)的靈魂,這也是鞏固用戶(hù)粘性與忠誠(chéng)度十分巧妙的方式,一個(gè)小小的細(xì)節(jié),就能感受到產(chǎn)品的溫度與團(tuán)隊(duì)的用心,很大程度上提升了用戶(hù)對(duì)產(chǎ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)便利。
本期產(chǎn)品設(shè)計(jì)細(xì)節(jié)分享結(jié)束,我們下期再見(jiàn)!
#專(zhuān)欄作家#
大漠飛鷹;公眾號(hào):能量眼球,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。致力于產(chǎn)品需求的驅(qū)動(dòng)、產(chǎn)品體驗(yàn)的挖掘,利用設(shè)計(jì)的手段為受眾用戶(hù)帶來(lái)更好的體驗(yàn),即好看、好用。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自?Unsplash,基于 CC0 協(xié)議
真棒
感謝支持