<p id="xshpr"><strong id="xshpr"><menu id="xshpr"></menu></strong></p>
    <pre id="xshpr"></pre>
  1. 技術觀點

    加強技術投入,共享技術成果

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


    編輯:杭州大顯網絡科技有限公司更新日期:2009-05-26
    曾經有一個絲毫不懂網站設計的朋友問我:設計一個網站到底有多少活,一個普通的網站具體需要設計多少個頁面?我回答:一般情況下不會超過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去一步步的落實這些內容,先把內容都給列出來、接著考慮他們放到哪里
    波多野结衣无码

      <p id="xshpr"><strong id="xshpr"><menu id="xshpr"></menu></strong></p>
      <pre id="xshpr"></pre>