H5頁面產(chǎn)品怎么設(shè)計(jì)？（本人為0.15歲產(chǎn)品經(jīng)理）

時間：2024-02-09 15:00:02 | 來源：網(wǎng)站運(yùn)營

時間：2024-02-09 15:00:02 來源：網(wǎng)站運(yùn)營

H5頁面產(chǎn)品怎么設(shè)計(jì)？（本人為0.15歲產(chǎn)品經(jīng)理）：其實(shí)HTML5技術(shù)的規(guī)范也才定稿不久，對于整體打互聯(lián)網(wǎng)環(huán)境它也是0.15歲的孩子。

所以先不要對一個新生的事物忙于下定義。

你的問題我分幾個部分來回答

1. 體驗(yàn)不好，卡頓問題

現(xiàn)階段H5頁面在國內(nèi)的主要應(yīng)用場景集中在微信內(nèi)瀏覽、分享。在14上半年前，微信內(nèi)置的瀏覽器對于H5頁面顯示效果支持并不能讓人滿意，主要問題集中在底端安卓機(jī)上，會出現(xiàn)樓主所說的卡頓和體驗(yàn)不好的情況。這個問題在14年下半年微信有所優(yōu)化提升，但是基于底端機(jī)的整體硬件制約，所以提升效果并不大。

同時在訪問頁面是，后臺服務(wù)器的穩(wěn)定性、網(wǎng)絡(luò)信號的好壞也是造成問題的一部分原因。很多在朋友圈流傳的H5頁面，都是各個推廣公司層層引用后出現(xiàn)的，它的原始地址到你瀏覽時也許已經(jīng)經(jīng)過了5次以上的服務(wù)器轉(zhuǎn)跳，這樣的情況下很難保證頁面的實(shí)際效果能夠讓你滿意。

2. H5頁面都是時效性的頁面

這個問題是現(xiàn)在的市場造成的，其實(shí)H5作為一個前端的新起技術(shù)，它的跨平臺功能是它最大優(yōu)勢，試想一下如果你的項(xiàng)目是一個需要跨平臺的項(xiàng)目，PC端，移動原生App，手機(jī)瀏覽器，平板瀏覽器都需要你的產(chǎn)品進(jìn)行支持和展示，在這種情況下使用HTML5技術(shù)制作通用頁面是最好的選擇，可以節(jié)省大量的人力車成本，同時為今后的維護(hù)優(yōu)化打造了良好的基礎(chǔ)。

現(xiàn)在市場上的時效性的H5頁面主要是作為推廣宣傳，圈粉抽獎使用的，它的產(chǎn)品目的決定了它的結(jié)果就是短期的。當(dāng)然在這樣的前提下，很多公司并不會投入大量的成本去做設(shè)計(jì)、開發(fā)是必然的。再加上一部分外包的公司并沒有良好的技術(shù)儲備，難以實(shí)現(xiàn)優(yōu)質(zhì)的效果是無法避免的。

附上幾個我認(rèn)為做的不錯的案例：

誰在街頭懷疑一切？How Old do I Look?
Burberry
可以使用手機(jī)打開觀摩一下

3. 作為負(fù)責(zé)H5的產(chǎn)品助理，應(yīng)該怎么樣做好工作？

在你現(xiàn)在的階段，主要的任務(wù)應(yīng)該是多看，多聽，多學(xué)。多在網(wǎng)上尋找一些優(yōu)質(zhì)的案例進(jìn)行分析調(diào)研，研究它們設(shè)計(jì)背后的原理，為什么這樣做？想多學(xué)一點(diǎn)，可以請教前端同學(xué)技術(shù)上是怎么實(shí)現(xiàn)的。

多查閱一些相關(guān)的資料，了解H5頁面的技術(shù)發(fā)展情況，了解在現(xiàn)階段都可以在頁面上實(shí)現(xiàn)哪些功能，然后自己思考怎么將這些功能設(shè)計(jì)進(jìn)你實(shí)際的產(chǎn)品中。

在構(gòu)思設(shè)計(jì)頁面功能時，不要講它當(dāng)成簡單的頁面，而是當(dāng)做一個原生APP中的頁面，從移動客戶端的設(shè)計(jì)思路去思考整體設(shè)計(jì)方案。

在你多研究一些案例之后，就會發(fā)現(xiàn)并不是你認(rèn)為的都是大同小異了。

以上，希望能夠幫到你