2020-5-10 資深UI設計者
「小宇宙」是即刻團隊開發的播客App，目前已上架各大應用商店，僅能通過邀請碼使用，導致一時間微博上出現「一碼難求」的情況，那它與其他播客App有什么不同?
進入App即展示「信息流」推薦，每日更新3條播客「信息流」推薦，聽的時間越長，會推薦越多更加精準的播客內容。那用戶如何判斷推薦的單集是否有自己想要聽的內容呢？如下圖所示，頁面上單集信息展示條目的空間較大，在首屏約能展示2條的單集內容，除了基礎的節目封面、節目名稱及單集名稱外，小宇宙巧妙地通過將熱門評論外顯，輔以展示播放量及評論數量，引導用戶點擊進入二級頁面，進而形成轉化。
不同于傳統播客App僅能搜節目名稱，小宇宙還支持搜索單集和用戶，甚至是節目內頁的內容也可以搜索到。對于那些「我對欄目本身不感興趣，只想聽其中的某一集」或者「我關注某個人或某個話題，想聽聽看關于他的一切」的節目，使用單集搜索功能可以更簡單地直達所需。
讓人驚喜的是，在節目內頁長按選中任意詞匯可以呼出「智能搜索」功能，這個智能體現在它允許用戶選擇用magi搜索和用互動百科搜索相關內容。這讓我想到了Mac上一款很好用的工具PopClip（通過對文本內容的擴展來提升操作效率），小宇宙的智能搜索對于邊聽節目邊扒關鍵詞的「考據黨」來說，無疑會大幅提升在聽節目時獲取資訊的效率。
在單集播放界面，除了常規的進度條拖拽、快速后退/前進等功能外，還有一個點贊功能，用戶聽到精彩的內容或引起共鳴的部分可以通過點贊進行互動，從點贊功能的反饋到進度條的高度的升起都能夠進行實時的反饋，同時也可以幫助其他聽眾了解單集內容的關注點，以此為??營造出符合他當時?為和感知的情景，可以達到提高用戶的參與度的目的。
評論頁的輸入框常駐于頁面底部，點擊后輸入框高度延伸，引導用戶評論互動，此時用戶如果是通過單集播放界面進入的評論頁面，還會出現標記時點的選項，勾選后評論內容即帶上了單集內容的時點。而時點高亮色+下劃線的表現形式可以引導用戶聚焦注意力和點擊進行內容的收聽，當其他用戶點擊帶評論中的時點即可直接跳轉至對應時間點播放單集內容，為??之間的互動建?起羈絆，方便用戶間的討論交流，進而提升了點擊率和單集的收聽率。
另外，在用戶輸入評論時，輸入框并不是以模態的形式出現，在用戶評論的過程中依然可以滾動頁面進行交互操作，這樣做的好處在于不打斷用戶操作的連續性。以iPhone X的屏幕高度為例，除去標題欄+評論輸入框+鍵盤高度外，留給評論本身的空間僅有大約1/3左右，在空間有限的情況下，用戶滾動屏幕查閱感興趣的評論或針對性進行回復的行為非常連貫，非模態的處理可以進一步降低用戶互動的門檻。
這里有一個改進小建議，輸入框內的預制文案可以換成引導性更強的內容或由系統自動生成一個場景適合的評論，這樣不需要用戶自己思考寫什么內容，降低用戶評論操作的成本，提高用戶參與度。
小宇宙目前在社交上的嘗試處于用戶友好型狀態，用戶可以查看他人的播客訂閱列表，發現同好，即「相近信息的收集愛好者容易獲得共鳴」。如果這個有共同興趣愛好的人剛好是用戶收聽的主播，就可以很容易拉近聽眾和主播的距離，主播對于聽眾來說不再是手機屏幕后面冷冰冰的聲音，他更像你的一個朋友，你可以去了解他的喜好，討論共同話題，更好地跟他進行互動。
不同的主題表達了不同情感，針對不同的社會群體的設計風格也會有所不同。
回到產品本身，小宇宙根據播客節目封面的主題色來適配不同播客信息頁的視覺風格，營造出適合不同播客風格的氛圍，以此來傳達不同播客節目的特點。
若在熱門的單集下評論，且評論點贊數最高，小宇宙領航員（官方賬號）會給你留言，告知「你的評論上首頁啦！」，通過這種與用戶互動的方式激起??的情感認同，提升用戶評論的積極性。
點擊「加入播放列表」，通過動效形式給予用戶反饋，讓信息的展示更生動自然，為產品增添趣味性的同時，給予用戶更美好的操作體驗。
下拉刷新動效中以「宇宙」圖形為載體，將產品的Logo融入了其中，賦予產品獨有的個性和靈氣，讓用戶切身感受到這是一個可以探索的「宇宙」，而不是一個冰冷的工具，在減少用戶等待過程中引發的負面情緒的同時強化了品牌形象。
產品中使用了較多無文字按鈕，對于初次使用的用戶來說存在一定認知負荷，不知道這些都是什么功能。
存在相同樣式的圖標承載不同功能操作的問題：「播放列表」功能在「我的播客」頁中點擊后是加入播放列表操作，而在播放列表模態彈窗中，點擊后進入播放列表的編輯狀態，同個樣式的按鈕承載了不同功能操作，容易引起用戶困惑，帶來冗余的學習成本。
當你收藏了一篇文章，收藏按鈕狀態從「收藏」變為「已收藏」，點擊「已收藏」可以取消收藏狀態，這是用戶對于兩個狀態切換已有的認知。而小宇宙的加入播放列表功能，在點擊加入播放列表后，再次點擊「播放列表」按鈕，會提示「已在播放列表」，而不是通常認知中的「取消加入播放列表」，容易帶來認知錯誤。
列表右側的「已訂閱」按鈕，視覺感知上像是不可點的狀態，點擊后提示「已取消」，再次點擊提示「訂閱成功」。對于有明顯狀態變化的功能性操作可以省去toast，這里通過「已訂閱」和「訂閱」狀態的按鈕樣式變化已經給予用戶清晰的傳達反饋，再次提示反而多余。
小宇宙的體驗分析就到這里，總的來說雖然存在一些需要優化的細節（畢竟還處于邀請碼體驗階段），但是設計師可以學習的設計亮點有很多，感興趣的小伙伴可以下載體驗一番，也歡迎大家一起留言交流。