用戶訪問一個(gè)網(wǎng)站的原因

為什么要設(shè)計(jì)一個(gè)網(wǎng)站？首先要明確這個(gè)問題，才能做出目標(biāo)明確的網(wǎng)站產(chǎn)品。簡單來說，就是“你賣的是什么？”。用戶訪問一個(gè)網(wǎng)站一般有3個(gè)原因：

1. 我在找某個(gè)東西呢
2. 我在完成某項(xiàng)任務(wù)
3. 好無聊，隨便逛逛吧

明確你要提供什么給用戶，之后的產(chǎn)品設(shè)計(jì)工作才能進(jìn)行得順暢一些。

這里我們搭建的是一個(gè)視頻網(wǎng)站：設(shè)計(jì)一個(gè)視頻網(wǎng)站，可能有很多的目的，用戶既可以在視頻網(wǎng)站上找某樣?xùn)|西，也可以在完成某一項(xiàng)任務(wù)。但遺憾的是，大部分人（80%甚至以上）純屬隨便看看。網(wǎng)頁產(chǎn)品設(shè)計(jì)的核心目的，就是將大部分“隨便看看”的用戶，變?yōu)椤霸诰W(wǎng)站上尋找東西”、“在網(wǎng)站上完成任務(wù)”的用戶。

一個(gè)頁面必須做的兩件事

將用戶訪問一個(gè)網(wǎng)站的原因解釋清楚后，接下來就深入到頁面的事件設(shè)計(jì)中去了。每個(gè)網(wǎng)頁都有它的事件體系，網(wǎng)頁所涉及的事件多種多樣，但是歸根結(jié)底，事情只有兩件：

1. 幫助你完成某個(gè)的任務(wù)
2. 讓你輕松進(jìn)入下一步

雖然，事情有兩件，但其中只有一件事情是最主要的?！皫椭阃瓿赡硞€(gè)任務(wù)”代表你必須停留在當(dāng)前頁面，而“讓你輕松進(jìn)入下一步”則表示你試圖引導(dǎo)用戶離開。這兩件事是互斥事件，在一個(gè)頁面中不可能都做得很好。所以，請(qǐng)明晰當(dāng)前頁面的主要事件，精心地設(shè)計(jì)你的任務(wù)。

三類頁面

Web上網(wǎng)頁千千萬萬，但是總結(jié)起來，可以歸納為3類頁面：

1. 導(dǎo)航頁面：把你帶到另一個(gè)地方
2. 消費(fèi)頁面：你可以看文章、視頻、照片等內(nèi)容的頁面
3. 交互頁面：你可以在這里輸入、拖動(dòng)、滾動(dòng)、編輯、刪除等動(dòng)作

典型的導(dǎo)航頁面：電商網(wǎng)站導(dǎo)購頁、門戶網(wǎng)站

典型的消費(fèi)頁面：視頻播放頁面、新聞網(wǎng)站

典型的交互頁面：注冊(cè)/登錄頁面、購物付款頁面

當(dāng)然了，三個(gè)頁面不是完全孤立的，一個(gè)頁面可以復(fù)雜到包含三種頁面，但請(qǐng)記?。簾o論你認(rèn)為一個(gè)頁面有多少事情，其中有一件事情是最主要的。

頁面設(shè)計(jì)風(fēng)格

互聯(lián)網(wǎng)發(fā)展到今天，網(wǎng)站設(shè)計(jì)的風(fēng)格已經(jīng)變化了很多，目前主流網(wǎng)站的設(shè)計(jì)風(fēng)格大致包含4點(diǎn)：

1. 首屏大圖
2. 簡易配色
3. 幽靈按鈕
4. 大字

總結(jié)起來，一個(gè)網(wǎng)站的首頁可以盡可能簡單，將主要元素突出，次要元素通過導(dǎo)航引導(dǎo)用戶訪問。

#專欄作家#

Glen，微信公眾號(hào)：JiGlen，人人都是產(chǎn)品經(jīng)理專欄作家。愛看書、喜歡碼字、愿意走出去看世界。產(chǎn)品路上剛起步的新人，不喜歡嚴(yán)肅、高冷的氛圍，喜歡在幽默中完成任務(wù)，力圖成為史上最幽默產(chǎn)品經(jīng)理，歡迎交流。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。