產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

2023-12-18    周周

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

本系列會(huì)挖掘與探索產(chǎn)品中的功能細(xì)節(jié)和體驗(yàn)亮點(diǎn),讓大家發(fā)現(xiàn)各種產(chǎn)品的另一面,同時(shí)也希望大家一起探討這些體驗(yàn)細(xì)節(jié),提高我們對(duì)產(chǎn)品的認(rèn)知與設(shè)計(jì)思考能力。

一、網(wǎng)易有道

如何通過輕提示來引導(dǎo)用戶勾選服務(wù)協(xié)議?

服務(wù)條款是用戶在登錄時(shí)經(jīng)常遺忘點(diǎn)擊的功能,當(dāng)用戶忘記點(diǎn)擊時(shí)很多產(chǎn)品都會(huì)采用強(qiáng)彈窗的形式來提示用戶進(jìn)行選擇,這種強(qiáng)彈窗形式會(huì)中斷用戶的當(dāng)前行為操作,增加用戶心理負(fù)擔(dān)。但我們發(fā)現(xiàn)網(wǎng)易有道通過 toast 輕提示的樣式來提示用戶勾選,這樣不僅可以教育用戶如何操作,還不會(huì)阻礙用戶操作,提升用戶的操作信心與體驗(yàn)流暢性。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

二、小紅書

小紅書如何通過表情來做快捷回復(fù)

小紅書與好友分享作品后,會(huì)在作品下方出現(xiàn)三個(gè)快捷回復(fù)表情,表情可以通過內(nèi)容來匹配最為符合的三個(gè)表情,這樣不僅提高回復(fù)率,激勵(lì)分享者來分享更多的作品,還可以增加用戶使用聊天功能,提高 IM 互動(dòng)量與產(chǎn)品趣味性。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

三、西西語音

用元宇宙玩法來提升語音直播體驗(yàn)

西西交友上線了一個(gè)元宇宙直播功能,把語音直播間變?yōu)榱颂摂M世界的形式來展現(xiàn),提高直播的玩法,用戶不僅可以聽到主播小姐姐們的美麗嗓音,還可以在虛擬世界中進(jìn)行換裝與打招呼,提升直播間的可玩性與互動(dòng)性,拉近主播與聽眾間的距離,從而增加用戶停留在直播間的時(shí)長(zhǎng)。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

四、boss 直聘

薪資體驗(yàn)細(xì)節(jié)

大多的招聘平臺(tái)薪資處理方式大多是以“K”或“萬”為薪資單位,從用戶角度分析“萬”是中國(guó)的通用單位,對(duì)國(guó)內(nèi)用戶的理解成本更低,“K”是英文單詞前面都有“kilo”的前綴,在國(guó)外為數(shù)字的通用單位,而且外國(guó)是不用“萬”來做單位的,通常用“K”來表達(dá)薪資 10K=1 萬,隨著“K”這個(gè)單位逐漸在國(guó)內(nèi)普及,和招聘市場(chǎng)逐漸走向海外,單位也由“萬”變成了"K",不過“K”對(duì)于很多三線以下城市的人可能不理解什么意思,所以 boss 直聘為了解決此問題,讓用戶可以通過設(shè)置自定義展示用戶需要的數(shù)字單位,從而降低用戶的理解成本。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

五、貝殼找房

如何通過設(shè)計(jì)給你安全感

房屋交易平臺(tái)最重要的就是給用戶帶來安全與可靠的品牌感,貝殼無疑是房屋交易產(chǎn)品中可靠性最高的產(chǎn)品,這里不僅體現(xiàn)在房屋質(zhì)量上,在界面 UI 設(shè)計(jì)中也充分的體現(xiàn)專業(yè)與可靠,如“首頁”和“我的”頁面都融入了安心承諾,功能整體 UI 也采用盾牌為主元素給用戶帶來穩(wěn)定可靠的感覺。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

六、飛書

IM 頁的聊天氣泡用的還習(xí)慣嗎?

飛書的聊天氣泡與其他聊天平臺(tái)邏輯有些許差異,大多數(shù) IM 聊天工具的聊天都為左右結(jié)構(gòu),左側(cè)為對(duì)方的消息,右側(cè)為自己的消息,這樣可以很好的進(jìn)行消息區(qū)分。但在體驗(yàn)飛書時(shí)都為左側(cè),這樣會(huì)使用戶的使用成本大大提升。在最新版的飛書設(shè)置中增加了選擇顯示聊天布局的功能,讓用戶可以自定義的選擇回話布局,從而降低用戶的使用成本。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

七、斗魚

新版直播間帶來更好的觀看體驗(yàn)

斗魚上線了沉浸式新版直播間,相比舊版界面更干凈,布局更合理,把功能集合到頂部/底部操作區(qū),讓重要信息更直觀的展示。給用戶帶來沉浸式的直播觀感。同時(shí)支持上下滑動(dòng)切換直播間,提高直播間之間的用戶流動(dòng)性。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

八、貝殼 app

通過設(shè)計(jì)提高 banner 體驗(yàn)

貝殼 app 首頁滑動(dòng)界面時(shí) banner 會(huì)進(jìn)行展開,展示更多相關(guān)信息,banner 采用固定的視覺樣式。這樣不僅可以降低 banner 的制作成本同時(shí)還可以規(guī)范風(fēng)格與內(nèi)容組件化,同時(shí)切換 banner 時(shí)增加流暢的動(dòng)效來提高用戶驚喜感。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

九、高德地圖

對(duì)路線的體驗(yàn)細(xì)節(jié)

高德地圖在導(dǎo)航路線時(shí)會(huì)出現(xiàn)一段動(dòng)畫效果,給用戶帶來很好的視覺體驗(yàn),動(dòng)畫結(jié)束后,會(huì)根據(jù)路線特點(diǎn)進(jìn)行提示,分為:陰涼/下坡/夜燈等提示來告知用戶路線特點(diǎn),用戶可以根據(jù)自身需求進(jìn)行選擇,提升用戶體驗(yàn)。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十、大眾點(diǎn)評(píng)

來看瀑布流圖片預(yù)加載的價(jià)值

大眾點(diǎn)評(píng)與快手 app 產(chǎn)品中瀑布流圖片未加載時(shí)會(huì)根據(jù)圖片內(nèi)容展示對(duì)于顏色卡片,這種方式會(huì)在用戶網(wǎng)絡(luò)緩慢時(shí)很好的緩解等待情緒,期待圖片內(nèi)容,同時(shí)增加圖片出現(xiàn)緩動(dòng)動(dòng)畫,讓顏色卡片與圖片進(jìn)行很好的銜接,相比其他產(chǎn)品的圖片直接出現(xiàn)方案,有非常明顯的體驗(yàn)提升,同時(shí)展現(xiàn)設(shè)計(jì)細(xì)節(jié)。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十一、B 站

此功能的入口這樣展示合理嗎?

在體驗(yàn) b 站過程中發(fā)現(xiàn)在首頁左上角有一個(gè)自己的頭像,在頭像的左下角有一個(gè)視頻圖標(biāo),一開始我以為是自己的相關(guān)視頻或者相關(guān)視頻設(shè)置功能,但點(diǎn)擊進(jìn)去是沉浸式視頻(類似于抖音),跟入口的信息沒有任何關(guān)系,那此功能入口為什么要展示自己的頭像呢?這樣設(shè)計(jì)真的是合適的嗎?不會(huì)引發(fā)用戶反感嗎?

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十二、全民 k 歌

終于支持自定義編輯了!

全民 k 歌編輯錄音終于支持自定義功能了,此前使用全民 k 歌時(shí)一直都覺得那些固定的風(fēng)格太過局限,缺少一些自定義功能,這次新版本的全面 k 歌終于上線了自定義功能,不過前期可自定義的功能偏少,如可以添加更多可選項(xiàng),會(huì)更加好用。此次自定義功能僅支持 VIP 可用,我相信會(huì)有不少用戶會(huì)因?yàn)榇斯δ芏_始 VIP 吧~

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十三、騰訊視頻

屏幕頂部操作區(qū)的隱藏與出現(xiàn)交互

當(dāng)用戶滑動(dòng)屏幕時(shí),「騰訊視頻」頂部的操作區(qū)會(huì)跟隨手勢(shì)進(jìn)行向上隱藏,這樣可以在用戶向上滑動(dòng)瀏覽信息時(shí)給界面帶來更多的展示空間。當(dāng)用戶向下滑動(dòng)一定距離時(shí)頂導(dǎo)出現(xiàn),方便用戶對(duì)頂導(dǎo)進(jìn)行相關(guān)操作。這里的交互細(xì)節(jié)很舒適,大家可以多多學(xué)習(xí)。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十四、斗魚

無畏契約「瓦」攻略站來了!

斗魚作為直播平臺(tái),是基于游戲直播與游戲玩家形成的鏈接,而此次斗魚對(duì)于無畏契約進(jìn)行了全新的突破,搭建無畏契約攻略站(戰(zhàn)術(shù)攻略,視頻攻略,游戲攻略等),尤其是戰(zhàn)術(shù)攻略,讓用戶可以在地圖上查看對(duì)應(yīng)的定位攻略,還可以進(jìn)行收藏、分享等操作。這樣不僅可以吸引喜歡無畏契約直播的用戶使用,還可以因此吸引一波游戲玩家前來使用攻略站,讓更多的人使用斗魚,分享斗魚提升分區(qū)活躍,喜歡玩“瓦”的用戶快來體驗(yàn)吧!

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

十五、看理想

十分用心的封面設(shè)計(jì)

經(jīng)常會(huì)瀏覽一些書籍 app 或者播客 app,發(fā)現(xiàn)封面質(zhì)量非常的影響產(chǎn)品的設(shè)計(jì)風(fēng)格與調(diào)性,大部分產(chǎn)品的封面都是由第三方上傳,導(dǎo)致的封面質(zhì)量無法控制,看理想采用統(tǒng)一的封面設(shè)計(jì)封面讓封面的設(shè)計(jì)質(zhì)量得到保證,同時(shí)也讓看理想形成了一套特有的設(shè)計(jì)風(fēng)格與調(diào)性。

產(chǎn)品獵人上線!15個(gè)值得一看的產(chǎn)品設(shè)計(jì)細(xì)節(jié)

以上就是本期產(chǎn)品獵人的全部?jī)?nèi)容,希望對(duì)大家有所幫助,當(dāng)然也希望大家積極討論,分析僅站在設(shè)計(jì)師與用戶的角度,可能觀點(diǎn)有些片面,敬請(qǐng)諒解。

文章來源:優(yōu)設(shè)網(wǎng)    作者:不是作家

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)(yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)。

日歷

鏈接

個(gè)人資料

存檔