從產(chǎn)品角度分析移動(dòng)端頁(yè)面橫滑和豎滑的區(qū)別

分析背景:我們自己開(kāi)發(fā)了一款小程序叫「小巧派」,是做每日精選微信小程序和小游戲的商城類(lèi)小程序。今天看到了別人做的一款小程序叫「APP不釋手」,是做APP的精選推薦的小程序。兩個(gè)小程序都是做推薦,都是卡片形式的展示,區(qū)別在于我們是豎滑,他們做的是橫滑。然后就做了鏈各個(gè)產(chǎn)品的交互方式區(qū)別的分析。

用戶(hù)習(xí)慣是豎著滑動(dòng),雖然橫著滑很酷。

他這個(gè)小程序交互和我們的小程序最大區(qū)別在于它用一屏一個(gè)卡片位置的停頓來(lái)引導(dǎo)用戶(hù)看每個(gè)卡片的介紹,滑的比較慢,適合推薦的卡片總數(shù)比較少的情況。如果總數(shù)多了,排在后面的估計(jì)很少有用戶(hù)看到。他們的用橫著滑原因是每個(gè)卡片上介紹的內(nèi)容高度超出了手機(jī)屏幕,看每個(gè)卡片都需要向下滑一點(diǎn)才能看完整整個(gè)卡片的內(nèi)容,如果整體列表再豎著滑加上停頓的話(huà),體驗(yàn)會(huì)很不好,豎著滑不停頓看APP的截圖時(shí)就看不到APP的名字了,體驗(yàn)也不好,所以他就選擇了橫著滑。雖然每個(gè)卡片的內(nèi)容高度較高,看完整需要上下滑一點(diǎn),截圖部分得左右滑一點(diǎn),但是它直接將詳情頁(yè)面展示出來(lái),減少了頁(yè)面層級(jí),付出的代價(jià)主要是排在后面的曝光率低了。不符合大多用戶(hù)的豎著滑的習(xí)慣這塊,他在用戶(hù)剛進(jìn)小程序時(shí)加上了左右滑動(dòng)查看更多卡片的提示也算做了補(bǔ)救了。

總結(jié):左右滑動(dòng)有弊端,但是減少層級(jí)了。

下面分別是小巧派和APP不釋手的截圖:


小巧派首頁(yè)截圖
APP不釋手截圖
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,062評(píng)論 25 709
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 14,005評(píng)論 2 59
  • 1、通過(guò)CocoaPods安裝項(xiàng)目名稱(chēng)項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明AI閱讀 16,205評(píng)論 3 119
  • 改變一個(gè)習(xí)慣需要意志,更需要方法。應(yīng)對(duì)拖延有很多方法,比較簡(jiǎn)單的一種是將任務(wù)分解,定時(shí)完成。在每天的時(shí)刻表中劃出一...
    主持人梓惟閱讀 150評(píng)論 0 0
  • 皺紋(序) 皺紋—茗土景觀筆記 (序) 作者:何強(qiáng) 夜深人靜,讀幾頁(yè)書(shū),喝幾口清茶,臨窗細(xì)思: 將半生做出的景觀過(guò)...
    E_天邊的凝紅閱讀 423評(píng)論 0 1

友情鏈接更多精彩內(nèi)容