h5網(wǎng)頁設計要點總結(jié)

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

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

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

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

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

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

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