產(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)易有道

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

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

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

二、小紅書(shū)

小紅書(shū)如何通過(guò)表情來(lái)做快捷回復(fù)

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

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

三、西西語(yǔ)音

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

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

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

四、boss 直聘

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

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

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

五、貝殼找房

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

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

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

六、飛書(shū)

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

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

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

七、斗魚(yú)

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

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

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

八、貝殼 app

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

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

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

九、高德地圖

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

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

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

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

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

大眾點(diǎn)評(píng)與快手 app 產(chǎn)品中瀑布流圖片未加載時(shí)會(huì)根據(jù)圖片內(nèi)容展示對(duì)于顏色卡片,這種方式會(huì)在用戶(hù)網(wǎng)絡(luò)緩慢時(shí)很好的緩解等待情緒,期待圖片內(nèi)容,同時(shí)增加圖片出現(xiàn)緩動(dòng)動(dòng)畫(huà),讓顏色卡片與圖片進(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 站過(guò)程中發(fā)現(xiàn)在首頁(yè)左上角有一個(gè)自己的頭像,在頭像的左下角有一個(gè)視頻圖標(biāo),一開(kāi)始我以為是自己的相關(guān)視頻或者相關(guān)視頻設(shè)置功能,但點(diǎn)擊進(jìn)去是沉浸式視頻(類(lèi)似于抖音),跟入口的信息沒(méi)有任何關(guān)系,那此功能入口為什么要展示自己的頭像呢?這樣設(shè)計(jì)真的是合適的嗎?不會(huì)引發(fā)用戶(hù)反感嗎?

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

十二、全民 k 歌

終于支持自定義編輯了!

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

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

十三、騰訊視頻

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

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

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

十四、斗魚(yú)

無(wú)畏契約「瓦」攻略站來(lái)了!

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

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

十五、看理想

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

經(jīng)常會(huì)瀏覽一些書(shū)籍 app 或者播客 app,發(fā)現(xiàn)封面質(zhì)量非常的影響產(chǎn)品的設(shè)計(jì)風(fēng)格與調(diào)性,大部分產(chǎn)品的封面都是由第三方上傳,導(dǎo)致的封面質(zhì)量無(wú)法控制,看理想采用統(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ì)師與用戶(hù)的角度,可能觀點(diǎn)有些片面,敬請(qǐng)諒解。

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔