移動端頁面橫滑和豎滑的區別

摘要： 分析背景：我們自己開發了一款小程式叫「小巧派」，是做每日精選微信小程式和小遊戲的商城類小程式。今天看到了別人做的一款小程式叫「APP不釋手」，是做APP的精選推薦的小程式。兩個小程式都是做推薦，都是卡片形式的展示，區別在於我們是豎滑，他們做的是橫滑。然後就做了鏈各個產品的互動方式區別的分析。 ...

分析背景：我們自己開發了一款小程式叫「小巧派」，是做每日精選微信小程式和小遊戲的商城類小程式。今天看到了別人做的一款小程式叫「APP不釋手」，是做APP的精選推薦的小程式。兩個小程式都是做推薦，都是卡片形式的展示，區別在於我們是豎滑，他們做的是橫滑。然後就做了鏈各個產品的互動方式區別的分析。

使用者習慣是豎著滑動，雖然橫著滑很酷。

他這個小程式互動和我們的小程式最大區別在於它用一屏一個卡片位置的停頓來引導使用者看每個卡片的介紹，滑的比較慢，適合推薦的卡片總數比較少的情況。如果總數多了，排在後面的估計很少有使用者看到。他們的用橫著滑原因是每個卡片上介紹的內容高度超出了手機螢幕，看每個卡片都需要向下滑一點才能看完整整個卡片的內容，如果整體列表再豎著滑加上停頓的話，體驗會很不好，豎著滑不停頓看APP的截圖時就看不到APP的名字了，體驗也不好，所以他就選擇了橫著滑。雖然每個卡片的內容高度較高，看完整需要上下滑一點，截圖部分得左右滑一點，但是它直接將詳情頁面展示出來，減少了頁面層級，付出的代價主要是排在後面的曝光率低了。不符合大多使用者的豎著滑的習慣這塊，他在使用者剛進小程式時加上了左右滑動檢視更多卡片的提示也算做了補救了。

總結：左右滑動有弊端，但是減少層級了。

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