優(yōu)設(shè)主編出品!盤點(diǎn)9個詩意浪漫的產(chǎn)品設(shè)計(jì)細(xì)節(jié)
大家好,我是優(yōu)設(shè)獨(dú)家欄目「細(xì)節(jié)獵人」的主編小白@-AmberDu白-。時光如白皙過隙,轉(zhuǎn)眼間,「細(xì)節(jié)獵人」 已陪伴大家走過第 7 個年頭。其間,我們精心打磨了超過 3400 篇細(xì)節(jié)案例文章,涉獵了無數(shù)產(chǎn)品與網(wǎng)站的精髓,內(nèi)容涵蓋 900 多產(chǎn)品應(yīng)用。更有「產(chǎn)品知識索引」 的細(xì)致構(gòu)建,如同一個寶庫,讓讀者們能夠高效查閱、精準(zhǔn)搜索,深入探索產(chǎn)品的每一個細(xì)節(jié)與奧秘。
無論是熱衷于產(chǎn)品設(shè)計(jì)、交互體驗(yàn)的業(yè)內(nèi)同仁,還是對產(chǎn)品的獨(dú)特功能、隱藏彩蛋、冷知識懷有濃厚興趣的讀者,都能在「細(xì)節(jié)獵人」的海洋中暢游,尋找靈感,品味趣味,從而加深對產(chǎn)品和 UE 設(shè)計(jì)的理解與思考。我們堅(jiān)信,細(xì)節(jié)決定成敗,而「細(xì)節(jié)獵人」正是您探索產(chǎn)品細(xì)節(jié)、提升設(shè)計(jì)思維的得力助手。
當(dāng)初創(chuàng)立「細(xì)節(jié)獵人」欄目的初心,是希望構(gòu)建一個獨(dú)特的產(chǎn)品細(xì)節(jié)設(shè)計(jì)寶庫。將那些設(shè)計(jì)師們花費(fèi)心思創(chuàng)造的藏在產(chǎn)品設(shè)計(jì)里的美好與用心,一一挖掘,收集存檔,讓它們不會像流星劃過天空就消散一般,消失在產(chǎn)品的一次次高速迭代中。
很多時候,真正的好設(shè)計(jì)能給到用戶的是用戶心中對它所期待的樣子,所以「設(shè)計(jì)」會符合常理到讓人無從察覺。但其實(shí),這其中的每一個體驗(yàn)流程、觸點(diǎn)安排抑或是設(shè)計(jì)細(xì)節(jié),都是設(shè)計(jì)師們的精心策劃與用心。
一、如何保證用戶的操作行為,始終位于手部舒適區(qū)之內(nèi)?
多數(shù)產(chǎn)品在設(shè)計(jì)頁面模態(tài)彈窗引導(dǎo)用戶操作行為時,都會將操作控件放在固定的頁面位置(一般居中或者處于頁面底部)。但「抖音」的設(shè)計(jì)卻讓人眼前一亮:系統(tǒng)會自動檢測用戶進(jìn)行操作時手指與屏幕的接觸位置,并將模態(tài)彈窗的操控按鈕顯示在離用戶手指最近的地方。隨用戶手部活動區(qū)域變化而靈活變更位置的模態(tài)彈窗設(shè)計(jì),使用戶在進(jìn)行手勢交互的過程中,操作動作能始終在手部的舒適區(qū)域內(nèi)進(jìn)行,是應(yīng)對大屏?xí)r代十分友好的體驗(yàn)設(shè)計(jì)。
二、如何打消用戶對隱私的顧慮,引導(dǎo)進(jìn)行權(quán)限設(shè)置?
在保護(hù)隱私的考慮下,許多用戶不愿授權(quán) App 獲取地理位置等信息。為此,「offScreen」在請求地理位置權(quán)限時,會細(xì)致說明未授權(quán)可能導(dǎo)致的功能受限,確保用戶了解其中的影響。同時,官方鄭重承諾用戶數(shù)據(jù)將安全存儲于本地,且日常耗電量極低,不超過 1%。這些貼心的明確說明旨在消除用戶的顧慮,引導(dǎo)用戶進(jìn)行放心的權(quán)限設(shè)置,享受更流暢的使用體驗(yàn)。
三、B 站是如何營造陪伴感,讓用戶看劇不孤單的?
bilibili 不僅會在主頁顯示在線總用戶人數(shù),還會在每個視頻的播放頁面顯示當(dāng)前正在觀看此視頻的人數(shù)。將原本后臺統(tǒng)計(jì)的數(shù)據(jù)顯性化呈現(xiàn)在用戶可見的頁面,一方面利用訪問數(shù)據(jù)吸引用戶的好奇心進(jìn)行觀看,另一方面也會給予用戶陪伴感與歸屬感。當(dāng)看到有這么多小伙伴與你同時在線觀看同一部影片,雖然看不見彼此,但心理上會有陪伴感。一個人在家看劇仿佛也沒那么孤單了。
優(yōu)秀的產(chǎn)品設(shè)計(jì),是功能性與情感性的完美結(jié)合,也是實(shí)用與浪漫的交融共生。會通過實(shí)用又貼心的功能直擊用戶痛點(diǎn),解決使用需求;也會以情感化設(shè)計(jì)觸及人心,創(chuàng)造愉悅體驗(yàn)。
四、當(dāng)彈幕變成流星雨
bilibili 專門上線「流星雨直播間」,在有流星雨的日子,供大家線上觀星,開啟許愿活動。特別讓人驚喜的是,「流星雨直播間」的彈幕會變成帶著星星圖標(biāo),從頁面頂部 45 度方向下墜的樣子,每條許愿的彈幕發(fā)出都如同一顆流星劃過天空(屏幕),十分具有詩情畫意。
五、當(dāng)前音樂累計(jì)播放 23 次 71 分鐘,如同櫻花綻放 568 次
「回憶坐標(biāo)」是「網(wǎng)易云音樂」上線的一個很有意思的數(shù)據(jù)統(tǒng)計(jì)功能,幫用戶記錄每首歌首次聽到的時間以及累計(jì)收聽的次數(shù),讓這些能夠幫助大家回憶起聽歌當(dāng)時心境與人生狀態(tài)的信息得以被保存,記錄下珍貴時刻。關(guān)于數(shù)據(jù)描述的文案也十分用心,比如「累計(jì)播放 23 次,如同晚風(fēng)掠過 426 人」「累計(jì)播放 16 次 68 分鐘,如同雪花飄落 204 米」,這大概就是「網(wǎng)易云音樂」獨(dú)有的浪漫與溫柔吧。
六、在 Pexels,為你下一場雪
在免費(fèi)圖片素材網(wǎng)站「Pexels」搜索關(guān)鍵詞「snow」的時候,不僅會搜出很多美麗的雪景圖片,還會觸發(fā)網(wǎng)站飄雪的動畫隱藏彩蛋。有趣又讓人印象深刻的情感化設(shè)計(jì)小驚喜。
有情懷與格局的公司,甚至?xí)敢飧冻龈嘣O(shè)計(jì)與開發(fā)成本,為關(guān)照特殊人群能獲得平等的使用體驗(yàn)而買單。
七、優(yōu)酷全方位守護(hù)用戶用眼健康,多項(xiàng)護(hù)眼功能讓觀影更安心!
「優(yōu)酷」在護(hù)眼功能方面下足了功夫,不僅升級了夜間模式,推出了「藍(lán)光護(hù)眼」功能,有效過濾藍(lán)光,減輕用戶長時間觀劇帶來的眼部疲勞。同時,還加入了「距離提醒」功能,智能測算用戶與屏幕的健康距離,并在用戶離屏幕過近時及時提醒,保護(hù)視力健康。此外,優(yōu)酷還特地為色覺障礙用戶推出了「色覺優(yōu)化」功能,通過優(yōu)化視頻色彩,提高畫面辨識度,讓每一位用戶都能享受到清晰舒適的觀影體驗(yàn)。這些細(xì)致入微的護(hù)眼功能,無疑為用戶的眼睛健康提供了堅(jiān)實(shí)的保障。
八、協(xié)助視障人士聽懂照片的 Instagram
在「Instagram」上發(fā)照片時,你可能并沒有注意到「分享頁面」下方有個高級設(shè)置選項(xiàng)。在這個頁面里,其實(shí)藏著一個特別暖心的輔助功能「輸入替代文字」。色覺有障礙的用戶如果開啟 iPhone 的 VoiceOver 旁白功能,在查看 Instagram 的時候會得到 Ins 自帶的 AI 對圖片內(nèi)容分析解讀生成的文字內(nèi)容,同時播放給視障人士聽。
而高級設(shè)置里「輸入替代文字」的功能,就是方便照片發(fā)布者自行添加圖片的解讀內(nèi)容。那么當(dāng)視障人士用 VoiceOver 瀏覽圖片內(nèi)容時,播放的音頻就是圖片發(fā)布用戶自己對圖片的文字解讀內(nèi)容了。Ins 不僅為視覺不便的弱勢用戶群體提供了更方便的使用體驗(yàn),也讓普通的用戶參與其中,讓每個人都能為完善特殊人群的產(chǎn)品體驗(yàn)貢獻(xiàn)力所能及的力量。
九、生活沒有那么奇妙,但有你才會變得美好
在「知乎」與「百度」等搜索平臺搜索關(guān)鍵字「自殺」,都會出現(xiàn)暖心的開導(dǎo)用戶的文案與心理援助熱線提示。在「網(wǎng)易云」的搜索欄檢索「自殺」,會跳轉(zhuǎn)至由「云村治愈所」官方發(fā)布的一篇名為《生活沒有那么奇妙,但有你才會變得美好》的文章。不僅有治愈性的文字與配圖,還有撫慰心靈的音樂推薦。更加具有治愈效果的,是溫情滿滿的評論區(qū)文字。就像一位用戶在評論里說的:專欄的文字與歌單看了七七八八依舊漠然,但這些鮮活的評論,大家懷揣希望或憂郁寫下的一字一句卻讓我出神了許久。云村治愈所收留每個想要傾訴的靈魂,保護(hù)每一位村民柔軟的心。
每一次,無論是邂逅了浪漫的設(shè)計(jì)彩蛋、趣味盎然的產(chǎn)品冷知識,還是發(fā)現(xiàn)了令人眼前一亮的寶藏 App 和實(shí)用新功能,都迫不及待記錄下這些美好與大家共享。七年如一日的筆耕不輟、精心打磨欄目內(nèi)容,其間的艱辛與不易不言而喻。也曾有過迷茫與疲憊,甚至想過放棄。所幸,還有一些始終給予我們無盡支持的讀者朋友們,以及那些愿與我們攜手同行、成為「細(xì)節(jié)獵人」作者的伙伴們的辛勤付出,我們才得以堅(jiān)持下來,并繼續(xù)前行。在此,衷心感謝每一位讀者的關(guān)注與支持,感謝每一位作者的辛勤付出。
近年來,隨著 AIGC 技術(shù)的蓬勃發(fā)展,「細(xì)節(jié)獵人」欄目也緊跟時代步伐,深度剖析 AI 產(chǎn)品的精妙細(xì)節(jié),并精心推薦前沿的 AI 工具。同時,我們亦不忘初心,持續(xù)挖掘傳統(tǒng)產(chǎn)品的設(shè)計(jì)細(xì)節(jié)和 AI 應(yīng)用的獨(dú)特之處。我們期望通過這些努力,為讀者帶來更加有趣、實(shí)用的內(nèi)容,拓寬視野,啟迪思維。
若您對「細(xì)節(jié)獵人」欄目充滿熱情,愿與我們一同追尋產(chǎn)品的獨(dú)特魅力,我們誠摯地邀請您加入我們的行列,成為「細(xì)節(jié)獵人」作者的一員。讓我們一同捕捉產(chǎn)品中那些打動人心的瞬間,用文字記錄美好,展現(xiàn)您的獨(dú)到見解與卓越才華。
此外,我們非常珍視每一位讀者的寶貴建議。期待您與我們分享看法,共同推動「細(xì)節(jié)獵人」欄目不斷進(jìn)步。同時,也歡迎隨時與我交流,一起探討更多有趣的話題。期待您的加入與參與:)
主編聯(lián)系方式
微博:@-AmberDu白-
「細(xì)節(jié)獵人」主頁: https://www.uisdc.com/hunters
「產(chǎn)品知識索引」: https://www.uisdc.com/alltopics#app
「細(xì)節(jié)獵人」:投稿通道 https://www.uisdc.com/contribution?type=hunter
AmberDu小白
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請?jiān)L問:網(wǎng)站技術(shù)