h5網(wǎng)頁設(shè)計(jì)要點(diǎn)總結(jié)

1、世界工廠網(wǎng)線上生態(tài)學(xué)院世界工廠網(wǎng)線上生態(tài)學(xué)院：制造企業(yè)開展線上業(yè)務(wù)的加油站H5網(wǎng)頁設(shè)計(jì)要點(diǎn)總結(jié)H5官網(wǎng)設(shè)計(jì)不知不覺間已成為許多企業(yè)的首選，小編今天整理了一些H5手機(jī)站設(shè)計(jì)的要點(diǎn)，希望對大家設(shè)計(jì)網(wǎng)站時(shí)候起到一定幫助作用。一、明確需求每支H5的設(shè)計(jì)制作都是建立在了解需求的基礎(chǔ)之上的，在開始設(shè)計(jì)之前，首要了解的就是做H5的目的是什么，推廣產(chǎn)品還是活動吸粉，或者是企業(yè)的一個(gè)品牌宣傳。搞清楚自己想要什么，要達(dá)到什么樣的效果。由于H5頁面在手機(jī)中打

2、開會存在諸多兼容性和穩(wěn)定性問題，因此保證產(chǎn)品的流暢和輕便是很重要的，需要結(jié)合時(shí)間成本和人力成本，決定保留什么功能，去掉什么功能，做到既保證產(chǎn)品效果又可以達(dá)到引流效果。二、功能確定可以在確定了客戶需求的基礎(chǔ)上，進(jìn)行無數(shù)輪的創(chuàng)意碰撞和腦洞后，確定一種風(fēng)格形勢。需要結(jié)合自身產(chǎn)品的定位，結(jié)合kano模型對功能進(jìn)行分類，確定哪些是滿足必備型需求，哪些滿足期望型需求，哪些滿足興奮型需求。興奮型需求的功能可以優(yōu)先考率，這是產(chǎn)品的核心點(diǎn)，是產(chǎn)品價(jià)值的體

3、現(xiàn)。三、表現(xiàn)形式確定訴求明確以后，下一步就是圍繞訴求構(gòu)思創(chuàng)意表現(xiàn)形勢了。目前H5制作創(chuàng)意表現(xiàn)方式很多了，并且還在不斷創(chuàng)新，所以需要我們選擇最恰當(dāng)?shù)姆绞饺ケ憩F(xiàn)我們的訴求。1.講故事的內(nèi)容營銷2.強(qiáng)調(diào)功能，簡單陳述3.游戲互動，吸引傳播，增加用戶粘性在明確訴求之后需要圍繞訴求構(gòu)思創(chuàng)意表現(xiàn)形式。需要不斷地了解當(dāng)下最新的熱點(diǎn)詞匯，流行元素等方面，融合這些元素之后不斷思索，確定一個(gè)大家比較認(rèn)可的方式。進(jìn)行這個(gè)過程的同時(shí)要圍繞項(xiàng)目的興致，選擇以何種

4、形式來制作。四、設(shè)計(jì)表現(xiàn)到設(shè)計(jì)表現(xiàn)階段，確定了表現(xiàn)形式了。這個(gè)環(huán)節(jié)是重中之重。要根據(jù)形式確定美術(shù)風(fēng)格，插畫，普通平面設(shè)計(jì)，視頻，三維，簡約，最重要的是，在調(diào)性和內(nèi)容上要符合主題。不僅要考慮表現(xiàn)形式，還需要考慮搭配組合元素，動效表現(xiàn)形式，配樂的和整個(gè)H5的節(jié)奏。需要敏感的把握住最優(yōu)表現(xiàn)技法，并將表現(xiàn)技法通過軟件，將主題、故事、畫面表現(xiàn)形式、動效、音效等融合到一個(gè)作品中。五、開發(fā)執(zhí)行階段這個(gè)階段就是H5最終成型階段，分兩種情況，第一種交給程

5、序人員，由HTML5代碼技術(shù)實(shí)現(xiàn)，第二種就是由設(shè)計(jì)師，自己在H5平臺上實(shí)現(xiàn)。世界工廠網(wǎng)線上生態(tài)學(xué)院世界工廠網(wǎng)線上生態(tài)學(xué)院：制造企業(yè)開展線上業(yè)務(wù)的加油站六、緩存優(yōu)化的問題緩存的優(yōu)化也是H5官網(wǎng)設(shè)計(jì)中需要注意的一個(gè)部分，在文章尾部增加相關(guān)內(nèi)容。這個(gè)可能是熱門話題，也可能是首頁推薦，每個(gè)平臺想要展示的不一樣，但本質(zhì)都是將更多的內(nèi)容曝光出來，從而增加用戶的停留時(shí)間。這個(gè)沒有任何修改，和原生中展示效果一致，或者增加下載或者打開app的操作。七、觸

6、控反饋的問題觸控反饋是讓用戶感知到產(chǎn)品依然是活的最好的方式。這個(gè)在很多細(xì)節(jié)上都是需要體現(xiàn)的，例如在列表頁點(diǎn)擊的時(shí)候需要有點(diǎn)擊效果，按鈕需要有三種狀態(tài)等。當(dāng)然，這個(gè)是需要時(shí)間成本的。按照kano模型，這個(gè)就應(yīng)該屬于是期望型需求。在時(shí)間和人力陳本不允許的情況下可以適當(dāng)放棄。八、避免返回的坑這里主要有兩個(gè)問題：首先是在詳情頁觸發(fā)登錄操作的時(shí)候，如果采用原路返回的機(jī)制，則無法達(dá)到我們想要的返回到上一層級的效果。再者就是app分享出去的內(nèi)容，用手

7、機(jī)端打開，這個(gè)時(shí)候如果你點(diǎn)擊返回的話，才用原路返回方式則打開的是瀏覽器首頁，而我們想要的是能夠返回上一級，讓用戶能在這個(gè)h5上多停留一會。九、數(shù)據(jù)總結(jié)分析傳播的數(shù)據(jù)表現(xiàn)可以檢驗(yàn)H5受歡迎程度和不足。能直觀的反映一個(gè)H5的推廣，但更多的是客觀的反映一個(gè)作品的傳播數(shù)據(jù)和用戶點(diǎn)擊情況。你的設(shè)計(jì)和創(chuàng)意表現(xiàn)好不好，推廣時(shí)機(jī)，推廣渠道，時(shí)間掌握，都能通過數(shù)據(jù)及時(shí)的反饋回來，馬上就應(yīng)該知道，該H5有么有達(dá)到預(yù)期的效果。沒有的話，馬上下一步我們應(yīng)該如何