7個大廠產(chǎn)品細節(jié)剖析,看看高手是如何做設(shè)計的!
本文總結(jié)了7個大廠的產(chǎn)品設(shè)計細節(jié),幫你一窺資深設(shè)計師的洞察與細思。
一、微動效輪播金剛區(qū)圖標設(shè)計
微動效在頁面中適當(dāng)運用,可以提升整個產(chǎn)品的使用體驗,抓住用戶眼球,營造每個業(yè)務(wù)特有的一些場景氛圍。
打開「飛豬旅行」App,首頁金剛區(qū)圖標在每次進入時,會根據(jù)業(yè)務(wù)場景以微動效形式逐個演變,以此來增強用戶對每個業(yè)務(wù)的了解。逐個演變后以靜態(tài)形式展示,降低動效過度形成的干擾,也提升了圖標的趣味性。
二、高效的團購到店服務(wù)設(shè)計
在「美團」APP 中我們團購了一些到店消費的商品后,我們不再必須到店排隊核銷券碼消費,我們可以隨時隨地選擇最近的商家,線上核銷免排隊更高效,同時展示多久可以取餐,針對用戶主要使用訴求定制化功能導(dǎo)向,降低用戶等待的時間成本,對于忙碌時段也減少了商家在券碼核銷上的人力資源浪費。??
三、彈幕式評論提高參與度與關(guān)注度
在一些固定的結(jié)構(gòu)布局中如何提高局部內(nèi)容的關(guān)注度,在不改變大的結(jié)構(gòu)的前提下進行創(chuàng)意融入。比如動態(tài)效果、突出視覺感、內(nèi)容差異化等等,而最近看到一些彈幕式標簽也是一個不錯的想法。
打開「大眾點評」App 時,點擊帖子內(nèi)容滑動到評論區(qū)后,會展示一些結(jié)合內(nèi)容的彈幕式評論詞,幫助用戶進行快捷互動評論,有評論的會展示一行評論詞,當(dāng)前沒有評論的會展示兩行,給產(chǎn)品注入新活力和吸引點,來引導(dǎo)用戶參與互動,激勵發(fā)帖人的積極性同時也有利于打造更多的優(yōu)質(zhì)信息帖。
動態(tài)彈幕的形式,打開「京東」App 時,在新品業(yè)務(wù)模塊,針對 feed 中想要突出的新品帖內(nèi)結(jié)合了彈幕式評論標簽進行強化。動態(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 場景增強畫面視覺感。在解鎖的超能量模塊中,3D 場景的呈現(xiàn)讓每個模塊的內(nèi)容表達變得更直觀,動態(tài)的場景化內(nèi)容呈現(xiàn)較具情感張力,視覺上也更有吸引力和美觀度,并且對內(nèi)容的展現(xiàn)有加乘效果,提高了用戶了解參與的意愿度。
五、情感化的彈窗設(shè)計
彈窗設(shè)計是傳播信息(活動/廣告/推送)最直觀的形式,但是彈出窗口的突然出現(xiàn),用戶會被迫停止當(dāng)前操作,所以體驗多了用戶便會開始排斥,對彈窗進行差異化設(shè)計和情感化設(shè)計變得尤為重要,降低用戶的排斥感才能提高彈窗的作用。
打開「今日頭條」APP 在尋求用戶開啟通知權(quán)限時,可選擇推動通知的類型,并動態(tài)呈現(xiàn)推動的內(nèi)容信息,相較于生硬的表達方式用戶更能接受可設(shè)置的資訊通知次數(shù)和內(nèi)容范圍。給予用戶更多的自主選擇權(quán)限,更好的提高了用戶使用體驗。
打開「抖音」APP 會彈出青少年模式彈窗提示,抖音將冰冷的彈窗用視覺表達融入了精美的國風(fēng)插畫,并有針對性地對中國傳統(tǒng)節(jié)日和文化傳承的內(nèi)容結(jié)合作為設(shè)置的引導(dǎo),提高了用戶對"青少年模式"的深入理解,發(fā)揮了彈窗的價值,增強了體驗的積極性。
六、商品實時比價功能設(shè)計
在電商平臺上購物時,站在消費者/客戶的角度,探索他們關(guān)心的價值維度,將以往模糊感知的價格對比方式進行量化和可視化,從而方便進一步對比不同商品之間的價值差別。
打開「淘寶」APP,在搜索框或者淘寶二樓中搜索「有好價」,在「有好價」頁面中會顯示你最近瀏覽的商品,并且會顯示相關(guān)商品的實時價格對比。
還可以點擊「比價查詢」,對"我的收藏"、"我的購物車"、"我瀏覽過的"商品進行差價比較。我們還可以在這里設(shè)置「商品降價提醒」,讓其在商品降價時進行提醒,這種比價形式是真的方便用戶對比價格還是引導(dǎo)下單的手段呢?這個可能要用時間去驗證了。但為產(chǎn)品設(shè)計師提供了一個新的思路,將以往模糊感知的價格對比方式進行量化和可視化,這也是一個啟發(fā)性的想法。
七、動態(tài)化情感表達設(shè)計
「美團」APP 在一些惡劣天氣點餐之后,首頁會顯示當(dāng)前的天氣情況和溫度,而在配送頁面地圖的背景會展示動態(tài)的天氣情況場景和有趣的配送員努力送餐的插畫畫面增強情感化感知表達。安撫用戶等待的心情,同時也希望用戶可以根據(jù)天氣情況對外賣員多一份理解,加強人與人之間的寬容心,在產(chǎn)品中顯示天氣情況也是一種情感化的升級,可以帶給用戶更有溫度的體驗。
同時還會在快遞員送餐界面營造一些有趣的節(jié)日氛圍感,帶給用戶更好的場景感,結(jié)合節(jié)日主題元素,將外賣員的小圖標由小電車變成劃龍舟,一個小小的細節(jié)強化了用戶對產(chǎn)品的記憶度,提高了產(chǎn)品的感官體驗,增強用戶對產(chǎn)品的情感化認知。
寫在最后
在日常使用一些 APP 時,也盡量多觀察、記錄和思考一些優(yōu)秀的產(chǎn)品設(shè)計解決方案好創(chuàng)意,希望能在日常的設(shè)計中打開一些新的思路和靈感,這里只是我的一些簡單整理,希望對大家可以有所幫助。
作者:58UXD
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)