提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
UI設(shè)計(jì)師的產(chǎn)品體驗(yàn)日記,通過(guò)不斷的發(fā)現(xiàn),思考,記錄,慢慢提升個(gè)人的分析總結(jié)和語(yǔ)言表達(dá)能力,也希望能給大家?guī)?lái)靈感。文章如有不同見(jiàn)解,歡迎大家指正交流~
1.抖音的進(jìn)度條
產(chǎn)品體驗(yàn)點(diǎn)
抖音的進(jìn)度條在正常播放的樣式是弱化的白色線條,用戶在調(diào)整進(jìn)度條的時(shí)候,進(jìn)度條會(huì)出現(xiàn)滑塊并且進(jìn)度條寬度加寬。
設(shè)計(jì)亮點(diǎn)分析
用戶在瀏覽視頻的時(shí)候,專注點(diǎn)是在視頻內(nèi)容上,弱化進(jìn)度條的設(shè)計(jì)能幫助用戶更加沉浸在短視頻的內(nèi)容上,讓用戶聚焦在視頻中,不知不覺(jué)便刷完了一個(gè)視頻,以此形成循環(huán)。但是當(dāng)用戶需要調(diào)整進(jìn)度條的時(shí)候,當(dāng)前的進(jìn)度條過(guò)細(xì),用戶不易調(diào)整。因此用戶調(diào)整時(shí),進(jìn)度條會(huì)加粗并且出現(xiàn)滑塊,方便用戶的操作。因此對(duì)同一個(gè)控件,針對(duì)用戶的不同使用場(chǎng)景去做出差異化的設(shè)計(jì)去滿足用戶的需求。
2.淘寶的關(guān)注折疊
產(chǎn)品體驗(yàn)點(diǎn)
淘寶的關(guān)注動(dòng)態(tài),會(huì)自動(dòng)將店鋪相同時(shí)間段的動(dòng)態(tài)內(nèi)容進(jìn)行折疊,只露出一條動(dòng)態(tài),用戶可點(diǎn)擊展開(kāi)查看發(fā)布的折疊動(dòng)態(tài)。
設(shè)計(jì)思考點(diǎn)
用戶日常刷動(dòng)態(tài)的時(shí)候,最害怕的就是被某些代購(gòu)或者商家刷屏的情況。有些商家一發(fā)就是幾十條的動(dòng)態(tài),占據(jù)了大幅的空間,用戶要略過(guò)該商家發(fā)的動(dòng)態(tài),往往要滑動(dòng)好幾屏。商家的信息轟炸對(duì)于當(dāng)前缺乏興趣的用戶來(lái)說(shuō)是非常困擾的。淘寶將店鋪相同時(shí)間段發(fā)布的內(nèi)容折疊,將同一商家的動(dòng)態(tài)做了一個(gè)歸整,限制商家動(dòng)態(tài)的顯示空間,提升了屏幕的利用率,杜絕商家刷屏的情況,也留給用戶更多自主選擇的權(quán)利,讓用戶真正掌握自己的淘寶動(dòng)態(tài)。
3.寶寶樹(shù)的提問(wèn)滾屏
產(chǎn)品體驗(yàn)點(diǎn)
寶寶樹(shù)有個(gè)大家都在問(wèn)的模塊,亮點(diǎn)在于區(qū)別其他普通模塊的靜態(tài)展示,采用了滾屏的形式展示用戶的提問(wèn)。
設(shè)計(jì)思考點(diǎn)
一方面,寶寶樹(shù)的提問(wèn)滾屏解決了在有限空間如何更多的展示提問(wèn)數(shù)量的問(wèn)題。滾屏的使用使得問(wèn)題的露出達(dá)到最大化,靜態(tài)的模塊展示只能讓用戶看到三個(gè)問(wèn)題,動(dòng)態(tài)的展示用戶能看到的問(wèn)題遠(yuǎn)遠(yuǎn)不止三個(gè)。更多問(wèn)題的露出也能吸引用戶瀏覽,促進(jìn)轉(zhuǎn)化。另一方面,提問(wèn)滾屏展示了用戶的實(shí)時(shí)提問(wèn)和回答情況,渲染了社區(qū)活躍的氛圍,營(yíng)造了用戶積極提問(wèn)的盛況。大部分用戶都有個(gè)從眾心理,越多人參與就越想湊熱鬧。問(wèn)題的高參與度也會(huì)提升其他用戶提問(wèn)的意愿,用戶也會(huì)更加主動(dòng)的參與到問(wèn)題的提問(wèn)和回答上。
4.小紅書(shū)的發(fā)帖模板產(chǎn)品體驗(yàn)點(diǎn)
小紅書(shū)用戶在發(fā)帖時(shí)可選擇喜歡的視頻模板,進(jìn)行簡(jiǎn)單的添加圖片便可制作出一個(gè)精美的短視頻。
設(shè)計(jì)思考點(diǎn)
如今短視頻風(fēng)靡的互聯(lián)網(wǎng)時(shí)代,刷短視頻已成為許多用戶消遣時(shí)光的主流方式。奈何不是每個(gè)用戶都會(huì)精通短視頻的制作,短視頻的拍攝剪輯都具有一定門(mén)檻,普通人要想短時(shí)間學(xué)會(huì)這項(xiàng)技能還是有點(diǎn)難度的。因?yàn)樾〖t書(shū)的發(fā)帖模板為想要?jiǎng)?chuàng)作短視頻卻無(wú)從下手的用戶提供了一種便捷的途徑,用戶挑選了中意的模板,再進(jìn)行二次編輯,比如添加圖片,換音樂(lè)等就可以制作一份獨(dú)一無(wú)二的視頻。對(duì)于用戶來(lái)說(shuō),不僅操作學(xué)習(xí)成本低,上手迅速,而且制作出來(lái)的短視頻精美實(shí)用,能夠最大提升用戶的成就感。用戶也更愿意分享自己制作的視頻,從而提升小紅書(shū)社區(qū)的活躍度。
5.寶寶樹(shù)的發(fā)帖按鈕
產(chǎn)品體驗(yàn)點(diǎn)
寶寶樹(shù)的發(fā)帖按鈕位于界面左下角,當(dāng)用戶手指在界面滑動(dòng)的時(shí)候發(fā)帖按鈕會(huì)變透明,降低存在感。
設(shè)計(jì)思考點(diǎn)
發(fā)帖按鈕固定在右下角這是一個(gè)常見(jiàn)的做法,右下角這個(gè)位置可以方便用戶隨時(shí)調(diào)取,發(fā)布帖子。但是在用戶瀏覽帖子時(shí),發(fā)帖按鈕的固定顯示會(huì)擋住部分帖子內(nèi)容,且紅色的按鈕過(guò)于醒目,會(huì)分散用戶的注意力。因此當(dāng)用戶瀏覽帖子時(shí),通過(guò)判斷用戶手指的滑動(dòng)動(dòng)作去降低發(fā)帖按鈕的透明度,讓發(fā)帖按鈕在用戶瀏覽時(shí)暫時(shí)隱身,使得用戶更聚焦內(nèi)容,更具沉浸感。
6.順豐速運(yùn)的地址輸入支持圖片識(shí)別和語(yǔ)音識(shí)別產(chǎn)品體驗(yàn)點(diǎn)
使用順豐速運(yùn)小程序新增地址時(shí),可以通過(guò)圖片識(shí)別,語(yǔ)音識(shí)別及智能粘貼輸入地址,輸入的方式靈活多變,滿足用戶不同需求。
設(shè)計(jì)思考點(diǎn)
現(xiàn)如今不論是網(wǎng)購(gòu)或者寄快遞都經(jīng)常涉及到輸入地址的情況,地址的組成又比較復(fù)雜,包括聯(lián)系人,電話及省份具體地址。每次碰到要手動(dòng)輸入地址都會(huì)操作一番,相對(duì)耗時(shí)。順豐速運(yùn)提供多種輸入方式,圖片識(shí)別支持選擇相冊(cè)圖片或者拍攝,語(yǔ)音識(shí)別功能方便用戶語(yǔ)音輸入,智能識(shí)別則是需要用戶復(fù)制相關(guān)地址,點(diǎn)擊智能識(shí)別按鈕便可解析到地址的不同欄目中。多種輸入方式的結(jié)合方式給用戶輸入提供了不同的選擇,對(duì)比手動(dòng)輸入方式,節(jié)省時(shí)間,提升效率。
7.脈脈的1分錢開(kāi)通會(huì)員產(chǎn)品體驗(yàn)點(diǎn)
脈脈app的首沖會(huì)員僅需0.1元,用戶可以花0.1元獲得7天免費(fèi)會(huì)員試用。
設(shè)計(jì)思考點(diǎn)
脈脈的商業(yè)運(yùn)營(yíng)模式主要有廣告收入,職場(chǎng)招聘以及會(huì)員功能。但是脈脈的會(huì)員收費(fèi)價(jià)格常常令人望而生畏,用戶習(xí)慣了其他平臺(tái)十幾塊錢的會(huì)員價(jià)格,面對(duì)68元的每月會(huì)員收費(fèi)通常覺(jué)得太貴,難以下手。那么如何提高會(huì)員的購(gòu)買率呢?脈脈app推出了0.1元的試用功能,讓用戶以最低的價(jià)格試用會(huì)員功能。讓用戶以這么低的價(jià)格去試用類比于生活中去超市購(gòu)物總是有些試吃環(huán)節(jié),用戶總有種“免費(fèi)的,不吃白不吃”的心理去試吃。脈脈抓住了用戶喜歡“便宜”的心態(tài),先用0.1元的價(jià)格吸引大量用戶試用會(huì)員功能,體驗(yàn)會(huì)員特權(quán)。經(jīng)過(guò)7天的會(huì)員試用期,讓用戶不知不覺(jué)習(xí)慣于會(huì)員的特權(quán)功能,進(jìn)而促使用戶續(xù)費(fèi),提升會(huì)員的購(gòu)買率。
8.寶寶樹(shù)孕周胎兒動(dòng)畫(huà)
產(chǎn)品體驗(yàn)點(diǎn)
寶寶樹(shù)繪制了生動(dòng)形象的插圖來(lái)表示孕周胎兒的變化,并且當(dāng)用戶手指觸碰插圖,子宮會(huì)出現(xiàn)q彈的動(dòng)畫(huà)效果和漸變的呼吸效果,胎兒也會(huì)有輕微的位置游移變化。
設(shè)計(jì)思考點(diǎn)
寶寶樹(shù)是一款貼心的懷孕育兒的app,針對(duì)的用戶人群是寶爸寶媽,所以整體風(fēng)格調(diào)性偏向于親和舒適,自然動(dòng)效也是要與app風(fēng)格相匹配的。胎兒動(dòng)畫(huà)模擬了寶爸寶媽觸摸胎兒的反應(yīng),Q彈有趣的動(dòng)畫(huà)提增加了用戶的互動(dòng)感,仿佛寶爸寶媽是真的在與胎兒互動(dòng),寶寶樹(shù)通過(guò)細(xì)膩有趣的動(dòng)畫(huà)反饋用戶的操作,提升用戶使用app的愉悅感。
9.支付寶的轉(zhuǎn)賬通知
產(chǎn)品體驗(yàn)點(diǎn)
用戶轉(zhuǎn)賬完成后,轉(zhuǎn)賬成功的界面不僅體現(xiàn)了轉(zhuǎn)賬的金額及付款方式等,還附帶一個(gè)通知收款人的快捷入口。
設(shè)計(jì)思考點(diǎn)
當(dāng)用戶在支付寶轉(zhuǎn)賬完成后,通常會(huì)截圖告知收款人確認(rèn)。如果按照常規(guī)操作,用戶需要先截圖當(dāng)前界面,再打開(kāi)微信或其他聊天軟件,選擇剛剛的截圖并發(fā)送。整體的操作步驟會(huì)比較冗長(zhǎng),支付寶通過(guò)行為預(yù)判,推測(cè)用戶接下來(lái)的高頻操作,并提快捷供入口,大大節(jié)約了用戶的操作時(shí)間,提升操作效率,以此提升產(chǎn)品的易用性和用戶完成率。
10.豆瓣的不感興趣反饋
產(chǎn)品體驗(yàn)點(diǎn)
在豆瓣瀏覽推薦的內(nèi)容時(shí),當(dāng)用戶不感興趣當(dāng)前的推薦,可通過(guò)左上角的更多圖標(biāo)進(jìn)行反饋,并精確選擇不感興趣的原因,是因?yàn)樯婕暗降哪稠?xiàng)內(nèi)容還是對(duì)該小組不感興趣等等。
設(shè)計(jì)思考點(diǎn)
App在大數(shù)據(jù)算法的加持下,能夠根據(jù)用戶的喜好和興趣去推薦內(nèi)容。但是也有失算的情況,因此如今許多app都有反饋功能去幫助算法篩選過(guò)濾掉用戶不感興趣的內(nèi)容。但是對(duì)于大部分app,用戶只能粗淺的反饋對(duì)該推薦的內(nèi)容帖子不感興趣,究其原因是什么并沒(méi)有深入反饋的機(jī)制。豆瓣在這點(diǎn)就做得比較深入,用戶可以精準(zhǔn)反饋不感興趣的原因。精準(zhǔn)的反饋也可以幫助算法更加有針對(duì)性的減少相應(yīng)的內(nèi)容的推薦,用戶瀏覽過(guò)程也會(huì)變得更加愉悅。
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)