UI設(shè)計(jì)師的產(chǎn)品體驗(yàn)

2022-7-29    純純

01、騰訊視頻,色覺障礙優(yōu)化

騰訊視頻在播放視頻時(shí)可以通過輔助功能調(diào)節(jié)色覺障礙優(yōu)化,針對(duì)色覺障礙的用戶提供了相應(yīng)色彩畫面的選擇。通過優(yōu)化視頻色彩來提高畫面辨識(shí)度,更加人性化的照顧更多用戶群體。

代代 摘錄





02、騰訊視頻,重回后繼續(xù)播放的小細(xì)節(jié)

當(dāng)用戶觀影過程中需要暫停退出當(dāng)前窗口,當(dāng)重新切換回來時(shí),視頻播放進(jìn)度會(huì)自動(dòng)調(diào)節(jié)到暫停前 3-5 秒。這樣的處理可以讓用戶可以更好的對(duì)劇情進(jìn)行重新銜接,延續(xù)離開時(shí)的記憶,非常人性化的細(xì)節(jié)處理。

代代 摘錄





03、高德地圖十一期間不一樣

高德地圖節(jié)日期間在左上角新增了“景區(qū)隨身聽”服務(wù),打造千人千面的全新語(yǔ)音導(dǎo)覽體驗(yàn),首批覆蓋全國(guó)逾500個(gè)熱門景區(qū),為高德用戶帶來不一樣的十一假期體驗(yàn)。

黑馬青年 摘錄





04、剪映,拖動(dòng)試聽音樂有助于選擇

剪映在添加音樂時(shí),可以通過拖動(dòng)音頻來快速試聽該音樂,快速跳過緩慢的前奏部分,直接試聽音樂高潮部分。根據(jù)當(dāng)前素材選擇最適合的高潮部分配音,可以節(jié)省用戶選擇配音的時(shí)間。

Liaju 摘錄





05、高德地圖,截圖生成長(zhǎng)圖

搜索好目的地之后如果選擇公交地鐵出行,為了防止可能由于網(wǎng)絡(luò)不佳等因素不能及時(shí)查看交通信息,可通過截圖功能,保存完整的路線指引圖。保存圖片后可在相冊(cè)中查看長(zhǎng)圖,也方便分享給好友,非常人性化。

疏晶晶 摘錄





06、企鵝 FM,左滑到底直接刪除收聽記錄

企鵝 FM 最近收聽記錄中,不僅可以左滑配合點(diǎn)擊刪除,還可以左滑到底直接刪除當(dāng)前操作內(nèi)容。

許文娟 摘錄





07、攜程旅行語(yǔ)音導(dǎo)覽

在攜程旅行 APP 中,針對(duì)部分景點(diǎn)介紹有設(shè)置語(yǔ)音導(dǎo)覽的功能,初次體驗(yàn)?zāi)憧梢赃x擇該旅游景區(qū)的三個(gè)景點(diǎn)進(jìn)行試聽。對(duì)于很多游客來說只是看風(fēng)景,如果不了解景點(diǎn)背后的故事,是很難有代入感的,這個(gè)功能可以讓你對(duì)景點(diǎn)有個(gè)初步認(rèn)知。

黑馬青年 摘錄





08、微信讀書,想看啥搖一搖

微信讀書,搖一搖!它會(huì)根據(jù)用戶的閱讀記錄推薦類似的書籍。當(dāng)用戶不知道看什么書的時(shí)候就搖一搖,以有趣的交互解決用戶選擇困難癥。

代代 摘錄





09、bilibili 漫畫跨頁(yè)拼貼閱讀

一般的漫畫都是在一頁(yè)之中進(jìn)行分鏡,在手機(jī)上閱讀時(shí)不會(huì)有什么障礙,但是當(dāng)出現(xiàn)一些比較大的跨頁(yè)插畫時(shí),手機(jī)上的觀看體驗(yàn)就不是那么友好。而當(dāng)出現(xiàn)跨頁(yè)時(shí),bilibili 漫畫可以通過向下滑動(dòng)來進(jìn)行拼頁(yè),將跨頁(yè)拼成一頁(yè)來進(jìn)行觀看,優(yōu)化了閱讀體驗(yàn)。

住住 摘錄





10、叮咚買菜購(gòu)物車領(lǐng)券激活用戶購(gòu)買欲

隨著生活方式的不斷變化,現(xiàn)在買菜這樣的家常小事都可以服務(wù)到家。


最近在體驗(yàn)叮咚買菜 App 的時(shí)候,發(fā)現(xiàn)購(gòu)物車頂部會(huì)有領(lǐng)券提示,通過滿減、優(yōu)惠券等形式可以更快的激活用戶購(gòu)買欲??諣顟B(tài)的購(gòu)物車可以激活用戶進(jìn)行商品添加,已選擇商品后會(huì)看到滿減提示,激活用戶選擇更多的商品達(dá)到滿減權(quán)限,一舉多得。

黑馬青年 摘錄





11、微博動(dòng)漫,不一樣的性別設(shè)置

點(diǎn)擊右上角的男生/女生頭像便可直接替換角色,區(qū)別于常見的輸入形式,簡(jiǎn)化用戶操作步驟,并且推送內(nèi)容會(huì)根據(jù)用戶性別進(jìn)行差異化推送。

Cherry 摘錄





12、記賬城市,游戲化記賬玩法

對(duì)于我們這一代的年輕人來說能堅(jiān)持記賬的估計(jì)相對(duì)較少,一些互聯(lián)產(chǎn)品的引入相對(duì)可以激活這一部分人群。最近體驗(yàn)的記賬城市讓我影響深刻,將游戲化的場(chǎng)景引入產(chǎn)品設(shè)計(jì)中,你記錄一次就相當(dāng)于為自己的虛擬城市進(jìn)行一次基建,帶入了幾分趣味性。


也可以點(diǎn)擊拍攝圖標(biāo)進(jìn)行照片記錄,調(diào)整好需要展示的城市場(chǎng)景,點(diǎn)擊拍攝時(shí)模擬了類似拍立得形式的照片打印。整個(gè)體驗(yàn)不僅年輕化、游戲化,也結(jié)合了趣味性,在細(xì)節(jié)的處理上面也非常到位。

黑馬青年 摘錄





13、美圖秀秀以營(yíng)銷思路引導(dǎo)登錄

通常訪問個(gè)人中心都需要用戶登錄賬戶,如何引導(dǎo)用戶創(chuàng)建賬戶是產(chǎn)品不斷思考的問題。美圖秀秀以紅包微動(dòng)效替換默認(rèn)頭像,以登錄領(lǐng)紅包引導(dǎo)用戶創(chuàng)建賬戶,也算是一種不錯(cuò)的以營(yíng)銷思路作為引導(dǎo)的方式。

黑馬青年 摘錄





14、骨骼,繪畫人的熱愛

很喜歡這款解析人體結(jié)構(gòu)的 App,設(shè)計(jì)很大膽,有個(gè)性。點(diǎn)擊右上角“顯示插針”會(huì)顯示插針在某個(gè)部位,點(diǎn)擊插針還能出現(xiàn)對(duì)這個(gè)部位的解釋。還能對(duì)骨骼進(jìn)行360旋轉(zhuǎn),深入解剖每個(gè)部位。


功能操作控件放在上下左右四個(gè)角,內(nèi)容的布局打破常規(guī)設(shè)計(jì),左下角的“滑輪”操作,當(dāng)你滑動(dòng)時(shí)就會(huì)在“顯示界面”跟“隱藏界面”之間切換。

Liaju 摘錄





15、Keep 不一樣的任務(wù)設(shè)置

Keep 的任務(wù)設(shè)置采用 H5 的形式,區(qū)別于其他大眾的常規(guī)任務(wù)形式。沒人喜歡做任務(wù),用講故事的方式去設(shè)置任務(wù)關(guān)卡,會(huì)增加用戶的參與度。


“卡路里工廠”在取名上就增加了不少趣味性與點(diǎn)擊欲望,進(jìn)入“卡路里工廠”界面用星球、星空等元素設(shè)計(jì),畫面具有神秘感,讓用戶覺得是在探索星球中完成任務(wù)。結(jié)合游戲化的形式更有趣味性,因而提升用戶參與度。

Liaju 摘錄





16、音兔,音樂智能推薦

音兔 App 在進(jìn)行圖片和視頻編輯時(shí),音樂的類型會(huì)根據(jù)圖片和視頻的內(nèi)容進(jìn)行推薦,如發(fā)的風(fēng)景照就會(huì)推薦旅行相關(guān)的音樂,發(fā)的貓咪照片就會(huì)推薦貓奴的音樂,方便用戶在進(jìn)行圖片和視頻編輯時(shí)更快捷的選到適合的音樂。

Xindy 摘錄





17、微信讀書滑到頭還能無限場(chǎng)

卡片式滑動(dòng)翻頁(yè)現(xiàn)在非常普及,起點(diǎn)通常是無法滑動(dòng)的,但是微信讀書打破了你的思維局限。在開始時(shí)允許你向右滑動(dòng),此時(shí)便可進(jìn)入無限場(chǎng),帶給你不一樣的互動(dòng)體驗(yàn)。

黑馬青年 摘錄





18、招商銀行雙重刷新相結(jié)合

招商銀行 App 進(jìn)入社區(qū)狀態(tài)下 icon 變?yōu)樗⑿聵邮?,可以手?shì)下拉進(jìn)行刷新,也可以點(diǎn)擊 icon 進(jìn)行刷新,操作更加便捷。

Cherry 摘錄





19、網(wǎng)易云音樂,生日祝福

生日那天,網(wǎng)易云音樂的每日推薦圖標(biāo)會(huì)變成一個(gè)蛋糕圖形,每日推薦的第一首歌是「祝你生日快樂」。這些小細(xì)節(jié)是不是很暖心呢,反正我是被俘獲了。(Android Version 6.3.2)

無休 摘錄





20、Space FM 通過音樂交友

Space FM 模擬宇宙太空,把每個(gè)用戶比作一個(gè)宇航員,宇航員添加喜歡的歌曲,形成自己的音樂星球;宇航員可以帶著自己的星球在太空漫游,每隔30秒匹配新的宇航員,如果雙方都停留下來,可以聽對(duì)方的歌曲,還可以打招呼、聊天,聊得來可以收聽對(duì)方的音樂,即可私聊。


以太空星辰為動(dòng)態(tài)背景,播放著自己喜歡的歌,營(yíng)造了一個(gè)輕松的氛圍。在與陌生人打招呼,有了音樂為話題引子,不會(huì)顯得唐突尷尬。

無休 摘錄





21、貓耳 FM 的閃屏啟動(dòng)音

貓耳 FM 增加啟動(dòng)音的設(shè)置,區(qū)別于傳統(tǒng) App 閃屏啟動(dòng),加入聲音的閃屏啟動(dòng)音更增趣味性。推薦的啟動(dòng)音也非常符合產(chǎn)品二次元的調(diào)性,讓用戶在進(jìn)入 App 時(shí)有聲優(yōu)體驗(yàn)的沉浸感受,每一次的打開都是一次驚喜的體驗(yàn)。


“歡迎回來,主人”、“早安,大小姐”…等聲音錄制來自不同動(dòng)漫的經(jīng)典重現(xiàn),能抓住一部分特定用戶人群的喜愛,也是非常棒的運(yùn)營(yíng)策略。

老白 摘錄





22、京東商城添加活動(dòng)日歷功能

京東商城在首頁(yè)添加了活動(dòng)日歷的功能,用戶可以了解到未來一周的優(yōu)惠促銷活動(dòng)??商砑踊顒?dòng)提醒,這樣用戶就不會(huì)錯(cuò)過好的優(yōu)惠活動(dòng),同時(shí)也提高了平臺(tái)的轉(zhuǎn)化率。

逆光 摘錄





23、騰訊視頻,播放短視頻中推薦正片

觀看短視頻的時(shí)候,播放大概 5 秒左右,視頻下方標(biāo)題欄會(huì)變成正片內(nèi)容導(dǎo)航,避免用戶找影視名字的繁瑣,既能滿足用戶需要,又能增加產(chǎn)品需求。

皓月長(zhǎng)歌 摘錄





24、酷狗音樂,透視立體翻頁(yè)設(shè)計(jì)

酷狗音樂歌單頁(yè),頭部推薦歌單采用透視立體翻頁(yè)效果呈現(xiàn),增強(qiáng)視覺畫面感,主體內(nèi)容更突出,也區(qū)別于平鋪卡片形式。頭部的背景顏色也融合當(dāng)前卡片的色調(diào),整體更協(xié)調(diào)。類似這種呈現(xiàn)簡(jiǎn)單立體翻頁(yè)效果的表現(xiàn)手法,在 UI 應(yīng)用場(chǎng)景中也越來越常見。

Liaju 摘錄





25、途家民宿,未完成訂單的設(shè)計(jì)呈現(xiàn)

當(dāng)用戶有未完成的任務(wù)訂單,在“首頁(yè)”和“我的”以顯著位置提示用戶完成訂單。多個(gè)訂單“首頁(yè)”以輪播形式進(jìn)行展示,“我的”以上下滑動(dòng)形式展示并提示用戶。

皓月長(zhǎng)歌 摘錄





26、QQ 夜間模式下的 icon 設(shè)計(jì)

切換 QQ 夜間模式,底部標(biāo)簽欄消息選中模式下的 icon 結(jié)合睡覺打呼的情景設(shè)計(jì),符合夜間場(chǎng)景。貼合場(chǎng)景的細(xì)節(jié)設(shè)計(jì),帶給用戶更好的體驗(yàn)。

Liaju 摘錄





27、馬蜂窩旅游,詳情頁(yè)照片展示處理

馬蜂窩旅游在文章詳情頁(yè)展示作者拍攝的景點(diǎn)照片時(shí),不會(huì)對(duì)照片進(jìn)行裁切等處理,而是以寬度固定高度自定義的方式進(jìn)行呈現(xiàn)。展示出照片本身的原始狀態(tài),不僅方便作者拍攝不同比例的照片,也方便用戶從不同的視角觀看景點(diǎn)。

黑馬青年 摘錄





28、毒湯日歷,點(diǎn)贊也要扎心

一款毒雞湯產(chǎn)品,覺得很喪就打開看看,說不定喪喪就好了。點(diǎn)贊 icon 設(shè)計(jì)也是帶“扎”的,恰好符合產(chǎn)品屬性;當(dāng)你想翻過明天的時(shí)候,會(huì)提示“明天,怎么翻也翻不過去”。

Liaju 摘錄





29、百度翻譯,通過引導(dǎo)互動(dòng)完成信息采集

引導(dǎo)頁(yè)在產(chǎn)品中比較常見,從靜態(tài)、動(dòng)態(tài)、視頻等不斷演變到互動(dòng)式新形式引導(dǎo)設(shè)計(jì)。


在百度翻譯 APP 中,通過引導(dǎo)頁(yè)和用戶進(jìn)行互動(dòng),來了解用戶群信息。通過這樣的互動(dòng)形式可以更好的被用戶所接受,并進(jìn)行相應(yīng)信息的選擇。

疏晶晶 摘錄





30、抖音,背景圖編輯預(yù)覽更人性化

在抖音設(shè)置個(gè)人主頁(yè)背景圖,更換圖片來自個(gè)人相冊(cè),在進(jìn)行圖片編輯時(shí),可以預(yù)覽基于布局結(jié)構(gòu)上的呈現(xiàn)效果,便于用戶截取需要的圖片顯示區(qū)域。

疏晶晶 摘錄





31、編輯微信朋友圈動(dòng)態(tài)試試長(zhǎng)按照片

編輯微信朋友圈動(dòng)態(tài)過程中,如果選錯(cuò)圖片通常大家都是點(diǎn)擊圖片預(yù)覽時(shí)刪除。還有一種長(zhǎng)按拖拽刪除可能容易被你忽略,不妨試試看,通過長(zhǎng)按拖拽刪除照片更能方便用戶操作。

疏晶晶 摘錄





32、酷狗音樂,30 秒副歌播放

通過 30 秒的副歌播放,為你快速篩選是否喜歡這首歌,30 秒縮短了用戶試聽歌曲的時(shí)間成本。也會(huì)提示用戶下一步操作,如果 30 秒不夠可以增加 30 秒。 

Matilda 摘錄





33、QQ 音樂制作視頻歌詞海報(bào)

喜歡的歌詞可以制作成動(dòng)態(tài)海報(bào),還可以自定義拍攝視頻,符合當(dāng)下流行的小視頻。將喜歡的歌詞歌曲同時(shí)賦予視頻的記憶,聽覺+視覺體驗(yàn)結(jié)合,給人更加豐富的情感體驗(yàn)。

Matilda 摘錄


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系

作者:黑馬青年  來源:站酷

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

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔