7個(gè)優(yōu)秀的大廠設(shè)計(jì)細(xì)節(jié),你見(jiàn)過(guò)幾個(gè)?

0 評(píng)論 6436 瀏覽 29 收藏 10 分鐘

在日常使用一些APP時(shí),各種優(yōu)秀的產(chǎn)品設(shè)計(jì)能夠讓我們打開一些新的思路和靈感,需要我們?cè)谌粘V卸嗉矣^察、記錄與思考。本文總結(jié)了7個(gè)優(yōu)秀的大廠設(shè)計(jì)細(xì)節(jié),希望對(duì)你有所啟發(fā)。

一、微動(dòng)效輪播金剛區(qū)圖標(biāo)設(shè)計(jì)

微動(dòng)效在頁(yè)面中適當(dāng)運(yùn)用,可以提升整個(gè)產(chǎn)品的使用體驗(yàn),抓住用戶眼球,營(yíng)造每個(gè)業(yè)務(wù)特有的一些場(chǎng)景氛圍。

打開「飛豬旅行」App ,首頁(yè)金剛區(qū)圖標(biāo)在每次進(jìn)入時(shí),會(huì)根據(jù)業(yè)務(wù)場(chǎng)景以微動(dòng)效形式逐個(gè)演變,以此來(lái)增強(qiáng)用戶對(duì)每個(gè)業(yè)務(wù)的了解。逐個(gè)演變后以靜態(tài)形式展示,降低動(dòng)效過(guò)度形成的干擾,也提升了圖標(biāo)的趣味性。

二、高效的團(tuán)購(gòu)到點(diǎn)服務(wù)設(shè)計(jì)

在「美團(tuán)」APP中我們團(tuán)購(gòu)了一些到店消費(fèi)的商品后,我們不再必須到店排隊(duì)核銷券碼消費(fèi),我們可以隨時(shí)隨地選擇最近的商家,線上核銷免排隊(duì)更高效,同時(shí)展示多久可以取餐,針對(duì)用戶主要使用訴求定制化功能導(dǎo)向,降低用戶等待的時(shí)間成本,對(duì)于忙碌時(shí)段也減少了商家在券碼核銷上的人力資源浪費(fèi)。??

三、彈幕式評(píng)論提高參與度與關(guān)注度

在一些固定的結(jié)構(gòu)布局中如何提高局部?jī)?nèi)容的關(guān)注度,在不改變大的結(jié)構(gòu)的前提下進(jìn)行創(chuàng)意融入。比如動(dòng)態(tài)效果、突出視覺(jué)感、內(nèi)容差異化等等,而最近看到一些彈幕式標(biāo)簽也是一個(gè)不錯(cuò)的想法。

打開「大眾點(diǎn)評(píng)」App 時(shí),點(diǎn)擊帖子內(nèi)容滑動(dòng)到評(píng)論區(qū)后,會(huì)展示一些結(jié)合內(nèi)容的彈幕式評(píng)論詞,幫助用戶進(jìn)行快捷互動(dòng)評(píng)論,有評(píng)論的會(huì)展示一行評(píng)論詞,當(dāng)前沒(méi)有評(píng)論的會(huì)展示兩行,給產(chǎn)品注入新活力和吸引點(diǎn),來(lái)引導(dǎo)用戶參與互動(dòng),激勵(lì)發(fā)帖人的積極性同時(shí)也有利于打造更多的優(yōu)質(zhì)信息帖。

動(dòng)態(tài)彈幕的形式,打開「京東」 App 時(shí),在新品業(yè)務(wù)模塊,針對(duì)feed中想要突出的新品帖內(nèi)結(jié)合了彈幕式評(píng)論標(biāo)簽進(jìn)行強(qiáng)化。動(dòng)態(tài)的節(jié)奏效果會(huì)吸引用戶的眼球,提高帖子的關(guān)注度。

四、3D場(chǎng)景化提高解鎖設(shè)計(jì)亮點(diǎn)

隨著 3D 設(shè)計(jì)的流行,3D場(chǎng)景化設(shè)計(jì)在產(chǎn)品中的運(yùn)用越來(lái)越多,通過(guò)動(dòng)態(tài)的場(chǎng)景化呈現(xiàn),幫助用戶了解產(chǎn)品的內(nèi)容或服務(wù),讓用戶發(fā)現(xiàn)更多有趣的場(chǎng)景。

在「攜程旅行」APP中,火車超能量的活動(dòng)頁(yè)面設(shè)計(jì)中,巧妙地運(yùn)用了 3D 場(chǎng)景增強(qiáng)畫面視覺(jué)感。在解鎖的超能量模塊中,3D 場(chǎng)景的呈現(xiàn)讓每個(gè)模塊的內(nèi)容表達(dá)變得更直觀,動(dòng)態(tài)的場(chǎng)景化內(nèi)容呈現(xiàn)較具情感張力,視覺(jué)上也更有吸引力和美觀度,并且對(duì)內(nèi)容的展現(xiàn)有加乘效果,提高了用戶了解參與的意愿度。

五、情感化的彈窗設(shè)計(jì)

彈窗設(shè)計(jì)是傳播信息(活動(dòng)/廣告/推送)最直觀的形式,但是彈出窗口的突然出現(xiàn),用戶會(huì)被迫停止當(dāng)前操作,所以體驗(yàn)多了用戶便會(huì)開始排斥,對(duì)彈窗進(jìn)行差異化設(shè)計(jì)和情感化設(shè)計(jì)變得尤為重要,降低用戶的排斥感才能提高彈窗的作用。

打開「今日頭條」APP在尋求用戶開啟通知權(quán)限時(shí),可選擇推動(dòng)通知的類型,并動(dòng)態(tài)呈現(xiàn)推動(dòng)的內(nèi)容信息,相較于生硬的表達(dá)方式用戶更能接受可設(shè)置的資訊通知次數(shù)和內(nèi)容范圍。給予用戶更多的自主選擇權(quán)限,更好的提高了用戶使用體驗(yàn)。

打開「抖音」APP會(huì)彈出青少年模式彈窗提示,抖音將冰冷的彈窗用視覺(jué)表達(dá)融入了精美的國(guó)風(fēng)插畫,并有針對(duì)性地對(duì)中國(guó)傳統(tǒng)節(jié)日和文化傳承的內(nèi)容結(jié)合作為設(shè)置的引導(dǎo),提高了用戶對(duì)“青少年模式”的深入理解,發(fā)揮了彈窗的價(jià)值,增強(qiáng)了體驗(yàn)的積極性。

六、商品實(shí)時(shí)比價(jià)功能設(shè)計(jì)

在電商平臺(tái)上購(gòu)物時(shí),站在消費(fèi)者/客戶的角度,探索他們關(guān)心的價(jià)值維度,將以往模糊感知的價(jià)格對(duì)比方式進(jìn)行量化和可視化,從而方便進(jìn)一步對(duì)比不同商品之間的價(jià)值差別。

打開「淘寶」APP,在搜索框或者淘寶二樓中搜索「有好價(jià)」,在「有好價(jià)」頁(yè)面中會(huì)顯示你最近瀏覽的商品,并且會(huì)顯示相關(guān)商品的實(shí)時(shí)價(jià)格對(duì)比。

還可以點(diǎn)擊「比價(jià)查詢」,對(duì)“我的收藏”、“我的購(gòu)物車”、“我瀏覽過(guò)的”商品進(jìn)行差價(jià)比較。我們還可以在這里設(shè)置「商品降價(jià)提醒」,讓其在商品降價(jià)時(shí)進(jìn)行提醒,這種比價(jià)形式是真的方便用戶對(duì)比價(jià)格還是引導(dǎo)下單的手段呢?這個(gè)可能要用時(shí)間去驗(yàn)證了。但為產(chǎn)品設(shè)計(jì)師提供了一個(gè)新的思路,將以往模糊感知的價(jià)格對(duì)比方式進(jìn)行量化和可視化,這也是一個(gè)啟發(fā)性的想法。

七、動(dòng)態(tài)化情感表達(dá)設(shè)計(jì)

「美團(tuán)」 APP在一些惡劣天氣點(diǎn)餐之后,首頁(yè)會(huì)顯示當(dāng)前的天氣情況和溫度,而在配送頁(yè)面地圖的背景會(huì)展示動(dòng)態(tài)的天氣情況場(chǎng)景和有趣的配送員努力送餐的插畫畫面增強(qiáng)情感化感知表達(dá)。安撫用戶等待的心情,同時(shí)也希望用戶可以根據(jù)天氣情況對(duì)外賣員多一份理解,加強(qiáng)人與人之間的寬容心,在產(chǎn)品中顯示天氣情況也是一種情感化的升級(jí),可以帶給用戶更有溫度的體驗(yàn)。

同時(shí)還會(huì)在快遞員送餐界面營(yíng)造一些有趣的節(jié)日氛圍感,帶給用戶更好的場(chǎng)景感,結(jié)合節(jié)日主題元素,將外賣員的小圖標(biāo)由小電車變成劃龍舟,一個(gè)小小的細(xì)節(jié)強(qiáng)化了用戶對(duì)產(chǎn)品的記憶度,提高了產(chǎn)品的感官體驗(yàn),增強(qiáng)用戶對(duì)產(chǎn)品的情感化認(rèn)知。

寫在最后

在日常使用一些APP時(shí),也盡量多觀察、記錄和思考一些優(yōu)秀的產(chǎn)品設(shè)計(jì)解決方案好創(chuàng)意,希望能在日常的設(shè)計(jì)中打開一些新的思路和靈感,這里只是我的一些簡(jiǎn)單整理,希望對(duì)大家可以有所幫助。

作者:康盼盼

來(lái)源公眾號(hào):58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗(yàn)設(shè)計(jì)中心。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!