如果在深夜時(shí)分打開(kāi)「小宇宙」App,可以看到內(nèi)容播放頁(yè)面底部的設(shè)置按鈕會(huì)出現(xiàn)「zz」打瞌睡的小動(dòng)畫(huà)。別致的情感化小細(xì)節(jié)設(shè)計(jì),給冷冰冰的按鈕也賦予了豐富的情緒和靈動(dòng)的生命,讓用...
很多視頻音頻平臺(tái)為了方便用戶(hù)進(jìn)行播放進(jìn)度的調(diào)節(jié),會(huì)專(zhuān)門(mén)設(shè)計(jì)前進(jìn)或后退固定秒數(shù)的快捷鍵,通常為前進(jìn)或后退15s,比如「喜馬拉雅FM」「得到」等。但播客應(yīng)用「小宇宙」團(tuán)隊(duì)在設(shè)計(jì)前...
「小宇宙」App的登錄頁(yè)面看似平平,以為就是個(gè)常規(guī)的登錄界面加插圖的組合,實(shí)則暗藏玄機(jī)。品牌視覺(jué)展示的插圖部分其實(shí)是個(gè)可交互的小游戲,里面的幾何圖形都可以拖拽進(jìn)行互動(dòng),十分有...
在「小宇宙」App的單集播放頁(yè)中,你會(huì)發(fā)現(xiàn)播放進(jìn)度條和常規(guī)的滑塊進(jìn)度條有很大差別。除了具有常規(guī)的拖拽定位媒體的播放位置,還將用戶(hù)的點(diǎn)贊情況進(jìn)行了可視化傳達(dá)。柱子較高的片段代表...
和大多數(shù)音頻產(chǎn)品的播放界面不同,「小宇宙」的播放界面會(huì)同時(shí)顯示一大一小兩個(gè)封面畫(huà)面。放大顯示的封面為單集內(nèi)容的封面,而大封面右下角的小封面則為整個(gè)播客欄目的封面(點(diǎn)擊還能放大...
「小宇宙」App的音頻播放設(shè)置采用了手勢(shì)交互來(lái)提升操作體驗(yàn),通過(guò)左右滑動(dòng)標(biāo)尺來(lái)調(diào)節(jié)倍速播放的參數(shù)與設(shè)置睡眠定時(shí)的時(shí)間,和一般App慣用的列舉幾個(gè)選項(xiàng)供選擇的設(shè)置方式相比,更具...
「小宇宙」在收聽(tīng)時(shí)長(zhǎng)的數(shù)據(jù)展示頁(yè)面融入了探索宇宙的概念,收聽(tīng)不同播客節(jié)目如同在宇宙中持續(xù)探索不同的星球。隨著收聽(tīng)時(shí)間越來(lái)越長(zhǎng),對(duì)「神秘宇宙」的探索就越多。每次收聽(tīng)數(shù)據(jù)更新還會(huì)...
在「小宇宙」點(diǎn)擊「加入播放列表」按鈕添加想要聽(tīng)的播客內(nèi)容時(shí),會(huì)出現(xiàn)該播客封面圖標(biāo)跳進(jìn)播放列表的微動(dòng)效。雖然反饋操作的動(dòng)效形式簡(jiǎn)單,但卻很清晰地可視化了動(dòng)作執(zhí)行的過(guò)程,信息傳達(dá)...
「小宇宙」App的下載引導(dǎo)頁(yè)使用了文案輪播的形式,用文案結(jié)合場(chǎng)景切換,讓用戶(hù)對(duì)App的使用場(chǎng)景更清晰明了,通過(guò)強(qiáng)代入感激發(fā)點(diǎn)擊下載的欲望。輪播的視覺(jué)表達(dá)形式有一定參考價(jià)值。投...
很多產(chǎn)品的留言評(píng)論界面,文本輸入框的高度是固定的。一旦輸入的文字過(guò)多內(nèi)容就會(huì)被遮擋,手指上下滑動(dòng)的觸發(fā)區(qū)域有限,似的操作流程的使用感不連貫。「小宇宙」App的文本輸入框高度會(huì)...
不同于Feed流一概常規(guī)的上下滑動(dòng)的布局操作方式,「小宇宙」APP(iOS v2.52)創(chuàng)新的使用了畫(huà)布無(wú)邊際+上下左右都可滑動(dòng)的交互設(shè)計(jì)方式。除了操作形式很新穎外,這里有趣...
「小宇宙」首頁(yè)的右上方可以看見(jiàn)醒目的星球形態(tài)logo圖標(biāo),點(diǎn)擊還會(huì)出現(xiàn)有趣的星球轉(zhuǎn)動(dòng)小動(dòng)效。雖然這里的小交互只是互動(dòng)彩蛋,并非功能性交互行為的反饋,但有趣的設(shè)計(jì)還是給不少用戶(hù)...