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

weixin_33871366發表於2016-12-21


727416-d3b288439884ed27.png

公司產品線大多為微信內的H5產品,作為產品新人的我在設計了幾個產品之後,發現這三個點常常會被忽略,因此希望寫下了,提醒自己,也幫其他產品人誡勉

1.沒想好分享(分享給朋友/朋友圈)

設計為微信內開啟的H5產品,大多是看重微信的易開啟和易分享屬性,在產品設計時,希望使用者分享的頁面,PM會記得專門去配置,但非主要頁面的分享往往會被忽略,雖然可能不會有太多使用者使用,但處女座的PM對此簡直不能忍,因此需要為每一個頁面想好:

是否可以分享?為什麼要分享,希望達到什麼目的

如果可以分享,他的縮圖、標題和描述是什麼樣的?

如何解決

是否分享應該是在產品規劃階段候就想好,我需不需要使用者去分享這個頁面,使用者為什麼會分享這個頁面,如何設計一些元素,鼓勵的使用者分享這個頁面等

如果是可分享頁面,可以專門在原型中畫出一塊了,把所有可分享頁面的配置list在原型中,並用指示線連線,這樣就不會忘了

2.沒想好標題

微信頂部狀態列的標題,也是做產品設計時常常會忽略,因為其不那麼起眼,但是使用者進入一個頁面首先載入出來,並且可以讓使用者形成這個頁面是什麼的第一印象,因此也不能忘記

如何解決

在原型階段,整個頁面都用上微信頂部導航欄,在導航欄內就註明這個頁面的標題

3.沒想好【返回】按鈕的作用

考慮到微信自帶的頂部導航欄及返回按鈕,微信內的H5產品一般會設計為線性訪問,即使用者的訪問一般會呈樹狀,不會涉及切換

因為微信內頭部導航欄無法隱藏,如果再設計其他導航欄的話,介面容易擁擠,因此微信內產品一般不會設計專門的導航欄,而是讓使用者呈一種直線型的瀏覽,點選一個入口進入下一個頁面或者使用返回按鈕返回上一個頁面。在這個時候就要考慮微信的返回按鈕是否能夠滿足需求,如果不能,需要給使用者設計其他的流程

如何避免

在設計產品時,應該想好產品的層級和架構,儘量把設計為樹狀或者線性結構,在這個時候使用微信導航欄內的返回按鈕基本能滿足需求

但如果是一個較為複雜的產品,就需要設計其他的導航方式



借用一下slogan,我說的一切都是錯的

相關文章