RSS
熱門關鍵字:  網路 規人  阿里巴巴    激勵經銷商  點對點互聯
當前位置 :| 主頁>網路行銷資料>

功能結構和頁面結構的設計

來源:www.songyan.com.tw 作者:網路行銷 時間:2008-05-03 Tag:網路行銷資料   點擊:

  曾經有一個絲毫不懂網站設計的朋友問我:設計一個網站到底有多少活,一個普通的網站具體需要設計多少個頁面?

  我回答:一般情況下不會超過30個頁面;事實上一切的設計工作只是為了設計好這不足30個的頁面,這些幾乎是整個網站的所有。

  我沒有騙他,事實確實可以這麼說。

  針對於這30個頁面,我們在設計之前需要搞清楚:這些頁面是給什麼樣人看的?他們有什麼樣的特徵?我們需要給這些人什麼樣感覺的頁面東西?(以上基本上是用戶研究、產品和數據分析、概念設計所要解決的事情,我們前幾期剛寫過)。

  接著我們需要開始具體的設計了……

  首先,要解決:

  1、針對於產品服務的角色們,整個產品需要那些功能點。

  2、功能與功能之間的組織關係是什麼,這就是所謂的產品結構。menutree.

  3、每個功能點最終會具象化到一個頁面;

  4、這個頁面裡都應該有什麼內容?(一個頁面會包含進去N個功能點),這個頁面主要為那個或者那些角色服務5、這個頁面的內容要如何擺放。

  然後,要解決:頁面和頁面之間的關係是什麼,如何交互,細節如何表現……

  這篇文章我們只說「首先要解決」的問題,也就是一般情況下我們在「信息架構設計」階段要做的事情。

  功能結構的設計:

  1、針對於產品服務的角色們,整個產品需要那些功能點2、功能與功能之間的組織關係是什麼,這就是所謂的產品結構。menutree.通常情況下我建議設計師按照可能的產品導航的思路去設計這個menutree,功能結構的產出物最好可以直接轉化為產品導航。因為這樣做有利於讓後面的設計工作變得更可預知,也會讓產品的功能結構更加靠近用戶所見到的表現層結構。

  我們可能會用卡片的方式去完成這個工作,例如下圖:

點此在新窗口中查看原始圖片

  或者用word、excel,例如:

點此在新窗口中查看原始圖片

  在這裡需要注意的是:

  1、產品需要那些功能點一定要從角色的角度去思考

  2、可以照顧到後台的數據結構和邏輯,但不能受限於數據結構而去設計功能結構

  3、用戶不知道產品的底層什麼樣子的,他們只看到表現層。所以表現層越和底層一致對於產品的架構會越好。也就是說「功能樹的結構最好等於導航菜單的結構」。

  4、產品需要一定的積累期,一開始不是所有能想到的功能都要一股腦的做全、做細,但一定要想到功能升級時的延展性。

  5、我們不需要做到非常細緻,只需要構架好整體的框架即可。

  頁面結構的設計:

  4、這個頁面裡都應該有什麼內容?(一個頁面會包含進去N個功能點),這個頁面主要為那個或者那些角色服務

  5、這個頁面的內容要如何擺放。

  頁面的內容信息需要參照menutree的信息,每個頁面如何擺放是頁面結構設計的主要內容。

  和經驗豐富的設計師一起合作時,我們會在一塊塊的紙上繪製簡單的原型,然後再通過反覆的討論來決定把他們擺到什麼位置。

  通常情況下和不是很熟練的設計師合作時,我們會用PPT或者PS去一步步的落實這些內容,先把內容都給列出來、接著考慮他們放到哪裡去,然後考慮他們佔多大空間,最後具體落實到主要模塊的具體展現方式是什麼樣的。

  例如下圖:(直接看大圖%26gt;)

點此在新窗口中查看原始圖片

  在這裡需要注意的是:

  1、一般情況下建議不要先設計首頁再去設計二級或三級頁面,從內到外的設計會更加的有的放矢。

  大多時候二級頁面的內容會是其所有三級頁面的提煉,首頁的內容會是所有二級頁面內容的提煉。用戶是從外到內看,到我們卻應該從內到外設計……

  2、盡量少或者根本不要去考慮頁面之間的交互關係和怎麼跳轉。只需要按照功能結構去設計每個頁面的結構即可。

  3、除了較多頁面都需要的通用模塊和頁面中很主要的模塊,需要深入考慮具體的展示方式,但也無需認為「最後一定要按照這樣的展示去做」,其他頁面更是不要過多的深入到細節。

  這篇文章寫的相對很淺,泛泛的介紹一下我在用戶體驗設計的信息架構設計階段 主要的工作內容;具體的工作原則已經思考方式等內容,歡迎陸續關注本話題其他作者的文章。(首發2007年6月11日)http://ucdchina.com/

  轉載請註明出自UCDChina.com,謝謝。



最新評論共有 0 位網友發表了評論
發表評論
評論內容:不能超過250字
用戶名: 密碼:
匿名?
注冊