曾經有一個絲毫不懂網站設計的朋友問我:設計一個網站到底有多少活,一個普通的網站具體需要設計多少個頁面?
我回答:一般情況下不會超過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,謝謝。

