一個UV高達9700萬的HTML 5頁面是怎么設計出來的?這篇實戰案例讓你全方位感受騰訊設計師的流弊!作為元旦和除夕2億現金紅包預熱HTML 5的設計師，今天里奧同學把設計過程中的思考和經驗都總結分享出來，來學習!

　　開始之際

　　首先祝大家新年快樂～新年新氣象，天天猴賽雷!今年除夕，QQ紅包2億現金大家估計都收獲不少吧(反正我是刷出了不少，哦呵呵呵呵!)，而在大家歡樂刷一刷的背后，我們也是進行了不少的工作。除了全民刷一刷的重要功能體驗，元旦和除夕我們都做了預熱推廣的H5，告知用戶這個活動的相關信息和內容并讓用戶對這個活動感興趣。預熱推廣將會影響到用戶參與到刷一刷活動的人數和參與體驗，因此要打造一個體驗不錯的預熱H5，需要策劃、技術、設計的緊密配合，那么設計在其中做了什么工作呢，這個故事讓我娓娓道來……

　　寶寶心里有點苦

　　“那個元旦刷一刷紅包預熱H5，你來做下唄?”“哦…好噠～” 當我接下這個運營活動的時候，根據以往做運營的經驗，預計這個需求不會太難弄。很快的，運營策劃童鞋過來和我講解并溝通需求，溝通一開始挺愉快，然后他們和我說這次希望做個告知用戶刷紅包時間的預熱H5活動，并給出以下的一些需求和一些風險點：

　　這個H5需要教育用戶刷一刷的操作方式，需要告訴用戶明確的搶紅包時間、誰來發紅包，需要有明確的時間線。

　　除了最后一頁，只能有下拉這一種交互動作(點擊啊，左劃右劃都不出現)。

　　畫面需要精美(常規都是這么要求的吧)。

　　整個時間線部分最好3屏之內顯示完，其中有一屏希望是完整時間線。

　　希望有刺激用戶分享的內容。

　　關于活動涉及到的具體明星、企業和總明星、企業數量都很難最終確定，可能會有多次調整。

　　時間點不到臨近上線也都有變動和調整的可能。

　　……

　　臥槽?一聽完，我當時整個人就懵逼了。這個需求看來是個不小的挑戰啊….

　　靈光一閃

　　懵逼沒卵用，實干解決才是硬道理。焦頭爛額之際，我腦中靈光一閃!要滿足上面所提到的各種條件，那么，只要這樣就可以啦!所以出了下面這個東東：

　　這樣簡單又好實現，操作明確，時間線完整，中間要修改的話也十分好調整，上面需求似乎都能夠滿足得到，哈哈哈哈哈哈哈……這樣“簡單而又完整”的一個方案，當然是～

　　首先，作為一個有追求的設計師腫么可以就這樣隨便呢?再者，這次的需求是一個推廣性質的運營活動，它需要達到吸引用戶參與并推廣出去的宣傳目的，所以我個人認為在設計的層面它應該具有以下幾點：

　　需要傳達的信息明確

　　它應該和所需推廣的功能相關

　　主題基調貫穿活動(或者熱點或者話題)

　　視覺風格和感受上具有氛圍感，有一定視覺沖擊力

　　整個活動有亮點，具有一些有趣的創意和細節

　　通過這幾點來看，那么上面這個所謂的“方案”其實是完全不符合的。要滿足運營的需求，也要在設計上達到要求，所以還是腳踏實地認真思考吧～

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。