1.廣州網頁設計的目的是什么?我們為什么要設計網頁?
在設計網頁之前,最重要的是弄清楚這個設計的目的是什么。網頁的設計不僅僅是為了好看。如果只是為了好看,可以直接上高清大圖。網頁的設計絕不僅僅是模仿,別人的設計不一定是對自己最好的。因此,只有明確設計網頁的目的,我們才能有一個明確的目標。
下面將總結設計網頁的幾個目的。我們明白了設計網站的目的之后,就可以進行部署、規劃、原型化,交給UI設計,然后進行網站的重構和部署,一步一步的完成我們需要的網站。
2.以網頁設計為目的的——網頁是產品的重要入口
這是最常見的。網站是我們的產品,或者訪問網站意味著用戶正在使用我們的產品。
比如:airbnb,淘寶,騰訊視頻,各大門戶。用戶訪問airbnb時,想查詢住宿情況;用戶訪問淘寶,想購物;用戶訪問騰訊視頻是想看視頻,用戶訪問門戶網站是想看新聞。
Airbnb:用戶直接進入業務流程
對于這種目的的頁面設計沒有一般的原則,也不需要按照任何方法進行設計。在這種情況下,我們需要做的是將網頁設計與業務邏輯完全結合起來,讓網頁設計服務于業務流程,為用戶提供最直接、最方便、最流暢的產品體驗。
3.網頁設計的目的是——推廣企業品牌
有時候,網頁不是我們展示產品的方式。尤其是大公司,產品種類繁多,各有網站。而貴公司的網站,這是不需要推廣產品或者開展推廣活動的。這個時候用官網做品牌推廣最合適。所以在頁面設計的過程中,要充分了解公司的定位和追求,把公司的思路和想法融入到網頁設計中。
以騰訊官網為例。在官網首頁的第一屏,我們可以看到一個非常醒目的表情:“連接”。我們知道,騰訊的基礎是連接,QQ和微信連接了整個社交網絡,每月活躍用戶8-9億,為騰訊建立了強大的連接網絡。騰訊所有的產品和服務只有兩個關鍵詞,即“連接”和“內容”。
騰訊官網首頁和第一屏:“連接”
4.——以網頁設計為目的的促銷產品
對于我們自己的互聯網產品,產品解決了哪些痛點,與競爭產品相比有什么優勢,我們的產品有什么特點?通過網頁告訴用戶才是最合適的。
那么為了這個目的,我們應該如何設計一個網頁呢?一般來說,這樣的網頁將采用模塊化的方法。這些模塊包括:產品特點、產品優勢、產品定價、產品獲取方式、產品使用方式、產品用戶、產品合作經典案例、合作客戶評價。從以上模塊中,產品經理可以選擇他的產品最想突出的4 ~ 5個模塊,仔細設計每個模塊的內容,將模塊組合在一起。
以最濕網站的一個產品頁面(遠程調試)為例。在第一個屏幕上,我們可以看到橫幅突出了產品名稱和產品描述,并在引導用戶時配備了一個大按鈕。接下來是產品功能描述,是產品介紹頁面必不可少的模塊。其他模塊的介紹和選擇,請參考后面“實踐經驗6”中的圖片。
最濕:經典產品介紹頁
5.——用于網頁設計的演示數據
這樣的頁面是專業頁面。
專業頁面經常顯示與業務密切相關的各種數據,如DAU、MAU、Crash rate、ANR報告等數據信息。這些信息需要由負責數據分析的專業技術人員或產品經理查看。因此,在設計這樣的頁面時,應該以規范、整潔、易讀的形式呈現給用戶。
需要注意的是,這類頁面不僅需要提供顯示功能,還需要提供查詢功能。由于數據量大,往往直接顯示關鍵數據或樣本數據,可能需要用戶自己搜索查看的內容更多。
Bugly:經典數據顯示頁面
Bugly是騰訊推出的崩潰捕捉和顯示產品。頁面設計是典型的數據顯示類型。從上圖數據顯示的頁面中,我們可以清楚地看到,頁面設計采用了扁平化、模塊化的布局,使得整個頁面的布局規則清晰。另外,在左側、上側和中上部,采用TAB切換顯示方式,使得數據顯示更有條理。
6.——,網頁設計的目的,引導用戶下載app
當我們的產品是移動產品時,apk類型的安卓或iOS移動應用。引導用戶下載我們的產品是大多數產品經理的KPI。這時候自然要充分利用我們的網站來引導用戶下載我們的手機產品。
優步:右下角醒目的“下載APP”
對于這類經典案例,我們來看看優步官網。優步的產品形式是移動客戶端。所以優步官網是用來引導用戶下載客戶端的,可以說是完美的。所以在官網首頁的第一屏,設計師在Banner上放了一個大提示,引導用戶下載客戶端。
7.以網頁設計為目的的——商業推廣急需賺錢
有時,當產品已經建立時,收入流成為產品經理的重要關鍵績效指標。官網作為用戶接觸我們產品最直接的方式,可以配合運營推廣活動,吸引用戶購買產品。此時,在網頁設計過程中,如何將營銷內容展示在顯眼的位置,讓用戶更容易購買產品,是我們的設計重點。
騰訊云:首頁橫幅內容,典型營銷推廣
以騰訊云為例:騰訊云作為國內提供云產品的幾家實力雄厚的公司之一,在與阿里巴巴云、華為云等產品正常業務時,需要提升份額。所以官網作為用戶最容易進入的入口,直接展示了大量的營銷內容,也體現了其助推收益的目的。