產品設計筆記之H5頁面APP下載入口

入行快兩年,一直想開始積累一些產品的經驗以及想法,終于開始動筆了,小懶第一篇關于產品設計的一些思考,剛八爹~

很多APP的文章或內容分享至第三方平臺后,用戶點擊鏈接進入查看時,通常會提供下載該APP的通道。對于APP下載欄的設計也是各有特色,比如:

1.網易新聞

網易新聞于H5頁面提供三處可下載或打開APP的入口:

-頁面頂部:包括icon、應用名稱以及下載按鈕,上滑文章時,跟隨文章滑動;

? 優(yōu)點:點擊進入頁面即可看到下載入口,不影響閱讀體驗;

? 缺點:滑動后,下載入口不可見;

-文章中間:引導下載/打開APP按鈕,“打開網易新聞,查看更多跟帖”;

? 優(yōu)點:更符合用戶閱讀習慣,看完文章,感興趣欲進一步查看更多內容進而下載應用;

? 缺點:若用戶未看到此處,則無法看到下載入口;

-文章底部:包括icon、下載/打開APP入口,固定懸浮于頁面底部,不跟隨頁面上下滑動;

? 優(yōu)點:下載入口長駐,想下載的時候可隨時下載;

? 缺點:占據一定頁面空間,影響閱讀體驗;

當多種方式結合以后,小懶只想說,下載入口無孔不入~

文章頂部
文章中部以及底部


2.今日頭條

今日頭條提供多處下載/打開APP入口:

-頁面頂部:包括icon、應用名稱、描述語、下載/打開按鈕、關閉按鈕。懸浮于頁面頂部,不跟隨文章上下滑動;

? 優(yōu)點:下載入口一直呈現,影響閱讀體驗時,可通過關閉按鈕關閉懸浮欄;

? 缺點:完美~(前提是結合下面方法)要不然,關閉了上哪下載去~

-文章中間:同網易;

-文章底部:“都翻到這兒了,就下載個頭條吧~”,滿滿的撒嬌加賣萌~小懶給個大寫加粗的贊~

-更多文章標題:點擊任意文章標題或圖片,均可跳轉下載/打開APP。

文章中間下載入口
頂部以及底部下載

從用戶體驗角度來看,各種頂部底部懸浮固定欄會影響文章瀏覽;而今日頭條的可選擇性關閉按鈕很好的解決了這個問題~并且加入文章中間以及底部的下載入口,也解決了欲下載應用用戶的需求~所以最佳解決方案是:頂部懸浮并可關閉+文章中間下載按鈕+頁面末尾下載入口,無孔不入天衣無縫完美~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,163評論 25 708
  • 發(fā)現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,422評論 4 61
  • 內容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 47,166評論 22 665
  • 遇到 是一瞬間的 欣喜 相處 是一輩子的 歡愉 離別 是一分鐘的 漫長 你說 你不完美 可是 有誰是完美的 愛是什...
    愛智慧的石頭閱讀 272評論 7 1
  • 五點十八鬧鐘把我吵醒 我翻了一下身 打算繼續(xù)睡覺 連摁鬧鐘的念頭都被困意取消了 鬧鐘一直在響 朦朧中我想起昨天晚上...
    天狗吃月閱讀 272評論 0 0

友情鏈接更多精彩內容