最近爆火的小宇宙APP,有哪些值得關(guān)注的產(chǎn)品細(xì)節(jié)?

2020-5-10    資深UI設(shè)計(jì)者

「小宇宙」是即刻團(tuán)隊(duì)開(kāi)發(fā)的播客App,目前已上架各大應(yīng)用商店,僅能通過(guò)邀請(qǐng)碼使用,導(dǎo)致一時(shí)間微博上出現(xiàn)「一碼難求」的情況,那它與其他播客App有什么不同?

內(nèi)容推薦

進(jìn)入App即展示「信息流」推薦,每日更新3條播客「信息流」推薦,聽(tīng)的時(shí)間越長(zhǎng),會(huì)推薦越多更加精準(zhǔn)的播客內(nèi)容。那用戶如何判斷推薦的單集是否有自己想要聽(tīng)的內(nèi)容呢?如下圖所示,頁(yè)面上單集信息展示條目的空間較大,在首屏約能展示2條的單集內(nèi)容,除了基礎(chǔ)的節(jié)目封面、節(jié)目名稱及單集名稱外,小宇宙巧妙地通過(guò)將熱門評(píng)論外顯,輔以展示播放量及評(píng)論數(shù)量,引導(dǎo)用戶點(diǎn)擊進(jìn)入二級(jí)頁(yè)面,進(jìn)而形成轉(zhuǎn)化。

強(qiáng)大的搜索

不同于傳統(tǒng)播客App僅能搜節(jié)目名稱,小宇宙還支持搜索單集和用戶,甚至是節(jié)目?jī)?nèi)頁(yè)的內(nèi)容也可以搜索到。對(duì)于那些「我對(duì)欄目本身不感興趣,只想聽(tīng)其中的某一集」或者「我關(guān)注某個(gè)人或某個(gè)話題,想聽(tīng)聽(tīng)看關(guān)于他的一切」的節(jié)目,使用單集搜索功能可以更簡(jiǎn)單地直達(dá)所需。

讓人驚喜的是,在節(jié)目?jī)?nèi)頁(yè)長(zhǎng)按選中任意詞匯可以呼出「智能搜索」功能,這個(gè)智能體現(xiàn)在它允許用戶選擇用magi搜索和用互動(dòng)百科搜索相關(guān)內(nèi)容。這讓我想到了Mac上一款很好用的工具PopClip(通過(guò)對(duì)文本內(nèi)容的擴(kuò)展來(lái)提升操作效率),小宇宙的智能搜索對(duì)于邊聽(tīng)節(jié)目邊扒關(guān)鍵詞的「考據(jù)黨」來(lái)說(shuō),無(wú)疑會(huì)大幅提升在聽(tīng)節(jié)目時(shí)獲取資訊的效率。

更便捷的互動(dòng)

在單集播放界面,除了常規(guī)的進(jìn)度條拖拽、快速后退/前進(jìn)等功能外,還有一個(gè)點(diǎn)贊功能,用戶聽(tīng)到精彩的內(nèi)容或引起共鳴的部分可以通過(guò)點(diǎn)贊進(jìn)行互動(dòng),從點(diǎn)贊功能的反饋到進(jìn)度條的高度的升起都能夠進(jìn)行實(shí)時(shí)的反饋,同時(shí)也可以幫助其他聽(tīng)眾了解單集內(nèi)容的關(guān)注點(diǎn),以此為??營(yíng)造出符合他當(dāng)時(shí)?為和感知的情景,可以達(dá)到提高用戶的參與度的目的。

評(píng)論頁(yè)的輸入框常駐于頁(yè)面底部,點(diǎn)擊后輸入框高度延伸,引導(dǎo)用戶評(píng)論互動(dòng),此時(shí)用戶如果是通過(guò)單集播放界面進(jìn)入的評(píng)論頁(yè)面,還會(huì)出現(xiàn)標(biāo)記時(shí)點(diǎn)的選項(xiàng),勾選后評(píng)論內(nèi)容即帶上了單集內(nèi)容的時(shí)點(diǎn)。而時(shí)點(diǎn)高亮色+下劃線的表現(xiàn)形式可以引導(dǎo)用戶聚焦注意力和點(diǎn)擊進(jìn)行內(nèi)容的收聽(tīng),當(dāng)其他用戶點(diǎn)擊帶評(píng)論中的時(shí)點(diǎn)即可直接跳轉(zhuǎn)至對(duì)應(yīng)時(shí)間點(diǎn)播放單集內(nèi)容,為??之間的互動(dòng)建?起羈絆,方便用戶間的討論交流,進(jìn)而提升了點(diǎn)擊率和單集的收聽(tīng)率。

另外,在用戶輸入評(píng)論時(shí),輸入框并不是以模態(tài)的形式出現(xiàn),在用戶評(píng)論的過(guò)程中依然可以滾動(dòng)頁(yè)面進(jìn)行交互操作,這樣做的好處在于不打斷用戶操作的連續(xù)性。以iPhone X的屏幕高度為例,除去標(biāo)題欄+評(píng)論輸入框+鍵盤高度外,留給評(píng)論本身的空間僅有大約1/3左右,在空間有限的情況下,用戶滾動(dòng)屏幕查閱感興趣的評(píng)論或針對(duì)性進(jìn)行回復(fù)的行為非常連貫,非模態(tài)的處理可以進(jìn)一步降低用戶互動(dòng)的門檻。

這里有一個(gè)改進(jìn)小建議,輸入框內(nèi)的預(yù)制文案可以換成引導(dǎo)性更強(qiáng)的內(nèi)容或由系統(tǒng)自動(dòng)生成一個(gè)場(chǎng)景適合的評(píng)論,這樣不需要用戶自己思考寫什么內(nèi)容,降低用戶評(píng)論操作的成本,提高用戶參與度。

小宇宙目前在社交上的嘗試處于用戶友好型狀態(tài),用戶可以查看他人的播客訂閱列表,發(fā)現(xiàn)同好,即「相近信息的收集愛(ài)好者容易獲得共鳴」。如果這個(gè)有共同興趣愛(ài)好的人剛好是用戶收聽(tīng)的主播,就可以很容易拉近聽(tīng)眾和主播的距離,主播對(duì)于聽(tīng)眾來(lái)說(shuō)不再是手機(jī)屏幕后面冷冰冰的聲音,他更像你的一個(gè)朋友,你可以去了解他的喜好,討論共同話題,更好地跟他進(jìn)行互動(dòng)。

情感化共鳴

不同的主題表達(dá)了不同情感,針對(duì)不同的社會(huì)群體的設(shè)計(jì)風(fēng)格也會(huì)有所不同。

回到產(chǎn)品本身,小宇宙根據(jù)播客節(jié)目封面的主題色來(lái)適配不同播客信息頁(yè)的視覺(jué)風(fēng)格,營(yíng)造出適合不同播客風(fēng)格的氛圍,以此來(lái)傳達(dá)不同播客節(jié)目的特點(diǎn)。

若在熱門的單集下評(píng)論,且評(píng)論點(diǎn)贊數(shù)最高,小宇宙領(lǐng)航員(官方賬號(hào))會(huì)給你留言,告知「你的評(píng)論上首頁(yè)啦!」,通過(guò)這種與用戶互動(dòng)的方式激起??的情感認(rèn)同,提升用戶評(píng)論的積極性。

點(diǎn)擊「加入播放列表」,通過(guò)動(dòng)效形式給予用戶反饋,讓信息的展示更生動(dòng)自然,為產(chǎn)品增添趣味性的同時(shí),給予用戶更美好的操作體驗(yàn)。

下拉刷新動(dòng)效中以「宇宙」圖形為載體,將產(chǎn)品的Logo融入了其中,賦予產(chǎn)品獨(dú)有的個(gè)性和靈氣,讓用戶切身感受到這是一個(gè)可以探索的「宇宙」,而不是一個(gè)冰冷的工具,在減少用戶等待過(guò)程中引發(fā)的負(fù)面情緒的同時(shí)強(qiáng)化了品牌形象。

可以改進(jìn)的地方

產(chǎn)品中使用了較多無(wú)文字按鈕,對(duì)于初次使用的用戶來(lái)說(shuō)存在一定認(rèn)知負(fù)荷,不知道這些都是什么功能。

存在相同樣式的圖標(biāo)承載不同功能操作的問(wèn)題:「播放列表」功能在「我的播客」頁(yè)中點(diǎn)擊后是加入播放列表操作,而在播放列表模態(tài)彈窗中,點(diǎn)擊后進(jìn)入播放列表的編輯狀態(tài),同個(gè)樣式的按鈕承載了不同功能操作,容易引起用戶困惑,帶來(lái)冗余的學(xué)習(xí)成本。

當(dāng)你收藏了一篇文章,收藏按鈕狀態(tài)從「收藏」變?yōu)椤敢咽詹亍?,點(diǎn)擊「已收藏」可以取消收藏狀態(tài),這是用戶對(duì)于兩個(gè)狀態(tài)切換已有的認(rèn)知。而小宇宙的加入播放列表功能,在點(diǎn)擊加入播放列表后,再次點(diǎn)擊「播放列表」按鈕,會(huì)提示「已在播放列表」,而不是通常認(rèn)知中的「取消加入播放列表」,容易帶來(lái)認(rèn)知錯(cuò)誤。

列表右側(cè)的「已訂閱」按鈕,視覺(jué)感知上像是不可點(diǎn)的狀態(tài),點(diǎn)擊后提示「已取消」,再次點(diǎn)擊提示「訂閱成功」。對(duì)于有明顯狀態(tài)變化的功能性操作可以省去toast,這里通過(guò)「已訂閱」和「訂閱」?fàn)顟B(tài)的按鈕樣式變化已經(jīng)給予用戶清晰的傳達(dá)反饋,再次提示反而多余。

小宇宙的體驗(yàn)分析就到這里,總的來(lái)說(shuō)雖然存在一些需要優(yōu)化的細(xì)節(jié)(畢竟還處于邀請(qǐng)碼體驗(yàn)階段),但是設(shè)計(jì)師可以學(xué)習(xí)的設(shè)計(jì)亮點(diǎn)有很多,感興趣的小伙伴可以下載體驗(yàn)一番,也歡迎大家一起留言交流。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔