?

? H5網(wǎng)站制作時(shí)總會(huì)遇到問(wèn)題，或者進(jìn)入測(cè)試階段會(huì)遇到前期沒(méi)有預(yù)想到的阻礙。作為一個(gè)過(guò)來(lái)人，在此總結(jié)一下H5網(wǎng)站設(shè)計(jì)時(shí)的經(jīng)驗(yàn)，你要踩的坑，我都幫你填好了。

?

• 功能取舍

??首先在做H5版面的時(shí)候，要明確自己想要什么，要到達(dá)什么樣的效果。考慮自身的時(shí)間成本和人力成本，抉擇要保留和去掉的功能。其次，H5頁(yè)面在不同設(shè)備打開(kāi)存在諸多兼容性和穩(wěn)定性問(wèn)題，想要保證H5的流暢輕便就必須抉擇保留和去除的內(nèi)容，從而保證用戶(hù)的瀏覽體驗(yàn)。

??如何進(jìn)行功能選擇呢？根據(jù)自身產(chǎn)品定位，結(jié)合kano模型，做出功能分類(lèi)，列出必備型需求和期望型需求以及興奮型需求。H5雖然特點(diǎn)是輕便，但是滿(mǎn)足興奮型需求的功能還是要放在首位，因?yàn)樗钱a(chǎn)品的亮點(diǎn)，實(shí)現(xiàn)產(chǎn)品價(jià)值的重要支柱。

?

?

• 緩存優(yōu)化

??緩存優(yōu)化的問(wèn)題會(huì)影響到頁(yè)面打開(kāi)的效果，也最容易讓用戶(hù)失去耐心。加載緩存優(yōu)化的策略：

1. 加載某一內(nèi)容的時(shí)候，給出加載進(jìn)度條，確保下級(jí)界面打開(kāi)的時(shí)候能夠頁(yè)面完整。
2. 刷新和導(dǎo)航切換的時(shí)候做出加載效果。

這樣不僅可以給用戶(hù)安心感，如果沒(méi)有加載動(dòng)畫(huà)，用戶(hù)會(huì)感到迷茫不知所措，加載過(guò)的頁(yè)面也不會(huì)出現(xiàn)畫(huà)面錯(cuò)落。

?

?

• 觸控反饋

??H5最關(guān)鍵的細(xì)節(jié)就是觸控反饋，這是讓用戶(hù)感知產(chǎn)品的最好方式。在H5頁(yè)面點(diǎn)擊時(shí)按鈕需要有三種狀態(tài)，這需要耗費(fèi)一定的時(shí)間成本。這屬于期望型需求，在人力時(shí)間成本不足的情況下可舍棄。

?

?

??H5設(shè)計(jì)在實(shí)際設(shè)計(jì)過(guò)程中會(huì)遇到各種問(wèn)題，市面上有許多優(yōu)秀作品可以借鑒學(xué)習(xí)，學(xué)習(xí)和吸收，思考分析他人的優(yōu)缺點(diǎn)，自己遇到問(wèn)題時(shí)才能得到良好的解決方案。