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

0 評論 6405 瀏覽 29 收藏 10 分鐘

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

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

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

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

二、高效的團(tuán)購到點服務(wù)設(shè)計

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

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

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

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

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

四、3D場景化提高解鎖設(shè)計亮點

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

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

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

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

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

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

六、商品實時比價功能設(shè)計

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

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

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

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

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

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

寫在最后

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

作者:康盼盼

來源公眾號:58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗設(shè)計中心。

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

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

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

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