產品設計中的信息架構

10 評論 97158 瀏覽 246 收藏 5 分鐘

 

對于大部分缺乏經驗的產品經理在設計產品的時候會從容易感知的部分著手,例如視覺設計、交互設計等等,但是一個合格的產品經理在設計產品的時候則是要從最根本決定產品的部分開始。如果我們將產品設計中各個環節按照對產品決定作用的大小進行排列的話,那么從大到小可以排列為:
信息結構設計、流程設計、功能設計、交互設計、視覺設計

信息結構是 產品所呈現的信息層次,通俗的講就是一個產品可以用來做什么。例如我們以一款簡單的照相軟件為例,那么對于這款軟件,他的信息結構就是:攝取照片、儲存照 片、展示照片和刪除照片;對于展示照片而言,又可以分為展示縮略圖排布和查看單張照片的完整圖片(從這個信息結構上來講這款軟件是非常簡單的照相軟件,但 是這不妨礙我們把問題講清楚)。信息結構設計是為了從最根本上決定一款產品可以解決什么問題,由哪些部分組成,之間的邏輯關系是什么,表達信息結構最好的 方法是腦圖,可以使用mindmanager等腦圖軟件(如下圖)。

流程設計是使用產品的操作流程,他描述了一個用戶在使用產品流程,也在時間的角度上規定了產品各個部分之間的關系。可以使用visio進行流程設計,如下圖:

功能設計是具體而言,一個用戶如何使用一款產品,可以看做是對信息結構和流程的具體體現。功能設計可以用excel表格記錄,部分如下圖:

交互設計是具體如何操作這個功能,我們可以通過原型加文字說明來體現,可以使用axure制作原型,用word進行文字描述。下圖僅體現了調整焦距一個功能(由于倉促做的原型,比較難看,網上有很多axure的原型包,可以做出比較好看的原型來):
?
文字說明:用戶可以通過調整焦距的模塊選擇焦距,向上滑動焦距變小,向下滑動焦距變大。
視覺設計雖然基本上都是UI設計師完成的,但是產品經理在畫原型圖的時候其實也涉及到了一部分,例如上圖。所以UI設計師的工作就是將產品經理的原型圖做的更美觀。

以上各項設計之間是有嚴格的決定與被決定關系的,越先進行的設計,就會對后面的設計有決定性的影響;而后面的設計則不允許修改前面的設計。
而在實際操作中,越是后面的設計,在產品上線后越有可能被修改,修改頻率越頻繁。例如UI設計可能常常修改,甚至提供可選皮膚用戶可以隨意修改;而信息結構設計則很那修改。

本文由人人都是產品經理@邊緣整理自知乎問答,轉載請注明并保存本文鏈接。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 信息架構 是如何組織信息、內容和功能,更好的被 用戶(使用者)所高效、友好的找到(用戶體驗提升),并且還能提升轉化率(商業價值提升)。
    信息架構的方法有:卡片分類、任務流程、紙面原型等技術

    來自浙江 回復
  2. 其實寫的很不錯。初學者做產品,即便是個簡單的東西(非模仿),也會難以下手。這篇文章定義了五個先后思考方面,既能讓人有整體的思考脈絡,又能保持設計(變動)的靈活

    來自山東 回復
  3. 我用軟件就是,不好看的就不用

    來自山東 回復
  4. “……他的信息結構就是:攝取照片、儲存照片、展示照片和刪除照片”扯淡。
    攝取照片、儲存照片、展示照片和刪除照片這些應該算功能吧,產品包括功能和內容(信息)。
    你這個叫功能結構,這里的信息是照片,信息結構是對照片的組織,分類,搜索,設置標簽等。
    人人都是產品經理的文章質量越來越差了!

    來自四川 回復
    1. 我同意

      來自上海 回復
    2. ?? 加一

      來自北京 回復
    3. +1

      來自福建 回復
    4. +2

      來自北京 回復
  5. 講一篇廢話

    來自福建 回復
  6. 文章沒什么,就是常識的感覺。 純為了作者的頭像留個言。頭像很棒。

    來自上海 回復