1、網(wǎng)頁設計目的之——引導用戶下載app
當我們的產(chǎn)品是移動產(chǎn)品形態(tài),android的apk類型或者iOS移動應用時,引導用戶下載我們的產(chǎn)品是大多數(shù)產(chǎn)品經(jīng)理的KPI。這時候,充分利用我們的網(wǎng)站引導用戶下載我們的移動端產(chǎn)品,就是自然而然的事情了。
2、網(wǎng)頁設計目的之——宣傳產(chǎn)品
對于自己的互聯(lián)網(wǎng)產(chǎn)品而言,產(chǎn)品解決了哪些痛點,與競品相比有哪些優(yōu)勢,我們的產(chǎn)品有什么特色?通過網(wǎng)頁來告訴用戶,是較合適不過的事情了。
那么基于這種目的,應該怎么設計網(wǎng)頁呢,通常而言,這樣的網(wǎng)頁會采用模塊化方式。這些模塊包括:產(chǎn)品特色、產(chǎn)品優(yōu)勢、產(chǎn)品定價、產(chǎn)品接入方式、產(chǎn)品使用方式、產(chǎn)品用戶量多大、產(chǎn)品合作經(jīng)典案例、合作客戶的評價···。
產(chǎn)品經(jīng)理可以在上面模塊中,選擇自己的產(chǎn)品較想突出表達的4~5個模塊,用心設計各個模塊的內(nèi)容,將各個模塊組合在一起即可。
以wetest網(wǎng)站的一個產(chǎn)品頁面(遠程調(diào)試)為例,在首屏,我們可以看到Banner中鮮明地突出了產(chǎn)品名稱和產(chǎn)品描述,并配了一個引導用戶時候的大Button。在往下,便是產(chǎn)品特點描述,這是產(chǎn)品介紹頁必不可少的模塊。
3、網(wǎng)頁設計目的之——網(wǎng)頁是產(chǎn)品的重要入口
這是常見的。網(wǎng)站就是我們的產(chǎn)品,或者說訪問網(wǎng)站就等于用戶在使用我們的產(chǎn)品。
比如:airbnb,淘寶,騰訊視頻,各大門戶網(wǎng)站。用戶訪問airbnb,就是要查詢住宿的;用戶訪問淘寶,就是要購物 的;用戶訪問騰訊視頻,就是要看視頻的;用戶訪問門戶網(wǎng)站,就是要看新聞的。
Airbnb:用戶直達業(yè)務流程
這種目的的頁面設計,沒有通用原理,不需要按照哪種方法來設計。這種情況下,我們要做的,就是讓網(wǎng)頁設計和業(yè)務邏輯完全結合,讓網(wǎng)頁設計為業(yè)務流程服務,為用戶提供直接、便捷、流暢的產(chǎn)品體驗。
4、網(wǎng)頁設計目的之——做企業(yè)品牌宣傳
有的時候,網(wǎng)頁并不是我們的產(chǎn)品展示方式。尤其對于大公司而言,產(chǎn)品種類各式各樣,都有各自的網(wǎng)站。而自己公司的網(wǎng)站,并不需要用來宣傳產(chǎn)品或者展開促銷活動。這時候,把官網(wǎng)用來做品牌宣傳是合適的。所以,在頁面設計過程中,要完全理解公司的定位與追求,將公司理念與思想融入到網(wǎng)頁設計之中。
以騰訊官網(wǎng)為例,在官網(wǎng)首頁的首屏中,我們可以看到非常醒目的表達:“連接”。而我們知道,騰訊的根基就是連接,QQ和微信連接了整個社交網(wǎng)絡,月活躍8~9億的用戶量為騰訊建立了強大的連接網(wǎng)絡。而騰訊的所有產(chǎn)品與服務,只有兩個關鍵詞,便是:“連接”與“內(nèi)容”。
4、網(wǎng)頁設計目的之——展現(xiàn)數(shù)據(jù)
這樣的頁面屬于專業(yè)型的頁面。
專業(yè)型的頁面往往展現(xiàn)的是和業(yè)務密切相關的各類數(shù)據(jù),如DAU、MAU、Crash率、ANR上報等各類數(shù)據(jù)類信息。這些信息需要專業(yè)技術人員或者負責數(shù)據(jù)分析的產(chǎn)品經(jīng)理來查看。所以,在設計這樣的頁面時,以條例的、整潔的、易讀的形式展現(xiàn)給用戶即可。
需要注意的是,這種頁面不只需要提供展示功能,還需要提供查詢功能。因為數(shù)據(jù)量較大,直接展示的往往是關鍵數(shù)據(jù)或者示例數(shù)據(jù),更多內(nèi)容可能需要用戶自行搜索查看。