三類頁面,兩個目的,說說網頁設計那些事兒

3 評論 5954 瀏覽 229 收藏 5 分鐘

用戶訪問一個網站的原因

為什么要設計一個網站?首先要明確這個問題,才能做出目標明確的網站產品。簡單來說,就是“你賣的是什么?”。用戶訪問一個網站一般有3個原因:

  1. 我在找某個東西呢
  2. 我在完成某項任務
  3. 好無聊,隨便逛逛吧

明確你要提供什么給用戶,之后的產品設計工作才能進行得順暢一些。

這里我們搭建的是一個視頻網站:設計一個視頻網站,可能有很多的目的,用戶既可以在視頻網站上找某樣東西,也可以在完成某一項任務。但遺憾的是,大部分人(80%甚至以上)純屬隨便看看。網頁產品設計的核心目的,就是將大部分“隨便看看”的用戶,變為“在網站上尋找東西”、“在網站上完成任務”的用戶。

一個頁面必須做的兩件事

將用戶訪問一個網站的原因解釋清楚后,接下來就深入到頁面的事件設計中去了。每個網頁都有它的事件體系,網頁所涉及的事件多種多樣,但是歸根結底,事情只有兩件:

  1. 幫助你完成某個的任務
  2. 讓你輕松進入下一步

雖然,事情有兩件,但其中只有一件事情是最主要的?!皫椭阃瓿赡硞€任務”代表你必須停留在當前頁面,而“讓你輕松進入下一步”則表示你試圖引導用戶離開。這兩件事是互斥事件,在一個頁面中不可能都做得很好。所以,請明晰當前頁面的主要事件,精心地設計你的任務。

三類頁面

Web上網頁千千萬萬,但是總結起來,可以歸納為3類頁面:

  1. 導航頁面:把你帶到另一個地方
  2. 消費頁面:你可以看文章、視頻、照片等內容的頁面
  3. 交互頁面:你可以在這里輸入、拖動、滾動、編輯、刪除等動作

典型的導航頁面:電商網站導購頁、門戶網站

典型導航頁面

典型的消費頁面:視頻播放頁面、新聞網站

典型消費頁面

典型的交互頁面:注冊/登錄頁面、購物付款頁面

典型交互頁面

當然了,三個頁面不是完全孤立的,一個頁面可以復雜到包含三種頁面,但請記?。簾o論你認為一個頁面有多少事情,其中有一件事情是最主要的。

頁面設計風格

互聯網發展到今天,網站設計的風格已經變化了很多,目前主流網站的設計風格大致包含4點:

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

總結起來,一個網站的首頁可以盡可能簡單,將主要元素突出,次要元素通過導航引導用戶訪問。

運營設計分享PPTa2

運營設計分享PPTa4

運營設計分享PPTa5

#專欄作家#

Glen,微信公眾號:JiGlen,人人都是產品經理專欄作家。愛看書、喜歡碼字、愿意走出去看世界。產品路上剛起步的新人,不喜歡嚴肅、高冷的氛圍,喜歡在幽默中完成任務,力圖成為史上最幽默產品經理,歡迎交流。

本文原創發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大圖,簡單配色,大字……………………直擊心窩!

    來自天津 回復
  2. 只為一句話:無論你認為一個頁面有多少事情,其中有一件事情是最主要的。

    來自福建 回復