微信內的H5產品,這三個點你常常忽略

公司產品線大多為微信內的H5產品,作為產品新人的我在設計了幾個產品之後,發現這三個點常常會被忽略,因此希望寫下了,提醒自己,也幫其他產品人誡勉
1.沒想好分享(分享給朋友/朋友圈)
設計為微信內開啟的H5產品,大多是看重微信的易開啟和易分享屬性,在產品設計時,希望使用者分享的頁面,PM會記得專門去配置,但非主要頁面的分享往往會被忽略,雖然可能不會有太多使用者使用,但處女座的PM對此簡直不能忍,因此需要為每一個頁面想好:
是否可以分享?為什麼要分享,希望達到什麼目的
如果可以分享,他的縮圖、標題和描述是什麼樣的?
如何解決
是否分享應該是在產品規劃階段候就想好,我需不需要使用者去分享這個頁面,使用者為什麼會分享這個頁面,如何設計一些元素,鼓勵的使用者分享這個頁面等
如果是可分享頁面,可以專門在原型中畫出一塊了,把所有可分享頁面的配置list在原型中,並用指示線連線,這樣就不會忘了
2.沒想好標題
微信頂部狀態列的標題,也是做產品設計時常常會忽略,因為其不那麼起眼,但是使用者進入一個頁面首先載入出來,並且可以讓使用者形成這個頁面是什麼的第一印象,因此也不能忘記
如何解決
在原型階段,整個頁面都用上微信頂部導航欄,在導航欄內就註明這個頁面的標題
3.沒想好【返回】按鈕的作用
考慮到微信自帶的頂部導航欄及返回按鈕,微信內的H5產品一般會設計為線性訪問,即使用者的訪問一般會呈樹狀,不會涉及切換
因為微信內頭部導航欄無法隱藏,如果再設計其他導航欄的話,介面容易擁擠,因此微信內產品一般不會設計專門的導航欄,而是讓使用者呈一種直線型的瀏覽,點選一個入口進入下一個頁面或者使用返回按鈕返回上一個頁面。在這個時候就要考慮微信的返回按鈕是否能夠滿足需求,如果不能,需要給使用者設計其他的流程
如何避免
在設計產品時,應該想好產品的層級和架構,儘量把設計為樹狀或者線性結構,在這個時候使用微信導航欄內的返回按鈕基本能滿足需求
但如果是一個較為複雜的產品,就需要設計其他的導航方式
借用一下slogan,我說的一切都是錯的
相關文章
- Vue還有這種騷操作?淺析幾個新手常常忽略的APIVueAPI
- 你踩過幾個?盤點微信H5小遊戲開發中的那些坑H5遊戲開發
- 微信內建H5支付H5
- 微信內 H5 頁面自定義分享H5
- 微信新舊版Logo對比 微信7.0.0被大家忽略的一個重磅更新Go
- 人工智慧產品全是優點?這些內容要了解人工智慧
- 對“微信十年產品思考”的思考
- 張小龍:微信十年的產品思考
- uniapp h5微信分享APPH5
- “技術轉產品”比產品更噁心的幾個點
- 你對微信小程式的理解?優缺點?微信小程式
- 微信戀愛小遊戲的甜蜜暴擊 看這些產品如何花樣撒糖?遊戲
- QP及h5類分享連結再微信內轉發分享如何不被遮蔽,細談微信域名防封注意點和方案H5
- 你常常看到的 __init__.py 到底是個啥?
- H5頁面在微信端的分享H5
- 微軟終於公佈了這個神祕的VS Code產品路線圖!微軟
- 這三個關於Python包匯入的知識點你知道嗎Python
- 這三個關於Python包匯入的知識點你知道嗎?Python
- 微信呼叫H5支付H5
- 看看這個常常被初級程式設計師弄不懂的 “事件”程式設計師事件
- 這樣的微信商城原始碼,你肯定沒見過。原始碼
- 微信瀏覽器內 h5 直接喚醒 app 之 微信開放標籤 wx-open-launch-app瀏覽器H5APP
- Android開發者選項中,這29個功能你忽略了嗎?Android
- 微擎 微贊 微盟 有贊 點點客微信介面對比哪個好
- 微信H5視訊抓娃娃,沒你想的那麼難,看完你也會H5
- iframe 在 SAP 三款產品中的三個應用場景
- iOS WKWebView H5微信支付跳轉iOSWebViewH5
- H5與企業微信jssdk整合H5JS
- 微信小程式內嵌H5,釋出後無法開啟頁面微信小程式H5
- waypoint常常被翻譯成航路點
- 2018微信廣告美妝行業產品解決方案行業
- 如何做好遊戲產品留存?看完這個也許你會有所收穫遊戲
- 微信圈圈 - 關於微信那點事
- 【產品實測】如何快速有效提取手機資料?這幾款產品告訴你
- 注重產品的軟體工程師九個特點 - pragmaticengineer軟體工程工程師
- 6個問題解決產品銷量的痛點
- 微信域名防封你應該懂得知識 點
- 微信內轉發APP及h5類域名怎麼做到防封防攔截,微信域名防紅技術原理APPH5
- 微信內轉發APP及h5類域名如何做到防封防攔截,微信域名防封技術原理APPH5