本篇文章作為一次工作的復盤,同時也分享給大家。工作中,當確定需求后,往往一些設計師就直接進行界面繪制,繪制過程中,才發現某個功能忘記加了,又重蹈覆轍,重新繪制已經設計好的界面,這樣的工作方法是不正確的,效率不高,也容易出錯。其實中間少了一個流程,就是產品的信息架構設計,那么本篇文章我們就來聊聊產品的信息架構設計該怎么做。

首先認識一下,什么是信息架構?

先舉個生活中的例子吧。

當我們去一家超市時,超市會把不同的商品品類分成很多區域,但是他們會根據用戶的消費需求進行有規律的劃分,比如會把每個家庭日常的高消耗日用品放在超市入口處,促銷商品放在主通道附近為此吸引更多人氣。。。同樣當我們設計一個產品時,也是需要遵循一些設計規范,比如用戶的習慣,或者技術的規范,也有可能來自產品的一些特性,正是因為這些特性,所以需要信息架構來體現。

信息架構是對信息進行結構、組織方式以及歸類的設計,好讓使用者與用戶容易使用與理解的一項藝術與科學。

通俗的說,信息架構可以讓用戶更容易理解你的產品是什么樣的,讓他們在使用產品的時候,更順利,更自然。

比如不同產品的底部導航,用戶第一眼看到就知道你的產品是干嘛的,這就是信息架構的作用,一個好的信息架構,可以讓你的產品非常容易被用戶理解,讓用戶在第一眼就對這個產品有一個簡單的認知,知道自己可以用這個產品做什么事,這個產品能為他提供什么樣的服務。

 

一個好的信息架構的兩個關鍵性因素:

  • 1、讓用戶一眼就明白你的產品能做什么,大概怎么用;
  • 2、用戶可以在需要的時候容易找到某個功能,明確的感知到主次是什么,在這個產品中怎么使用。

 

那信息架構該怎么設計呢?

一、首先在設計信息架構時,要尊重用戶的習慣。

中國互聯網界有一個常見的情況,我們做的產品往往不是市面上第一個產品,用戶經常會帶著習慣使用你的產品,即使是一個全新的產品,用戶也有可能有一些線下做同一件事的習慣,影響你對產品的認知,所以尊重用戶的習慣是一件非常重要的事,為了尊重他們的習慣,我們需要回答這四個問題:

  1. 用戶通常用你的產品做什么?
  2. 用戶用這類產品最關心什么?
  3. 用戶有哪些思維定式?
  4. 用戶用什么類似的產品?

把這四個問題弄明白后,了解了用戶的使用場景和習慣后,就會很清楚的知道需要在哪里遵守規范,哪里去做出創新。

 

二、了解業務需求

一個好的信息架構設計,可能不僅要幫助你的產品經理完成產品需求,幫助用戶完成最核心的任務,一個好的信息架構還能幫助你的市場和運營更好的去做推廣,有更好的拓展性。

所以我們不僅僅要從產品經理了解業務需求,如果從運營市場溝通,可以讓信息架構有更大的兼容性,讓產品產生更多可能性。

我們千萬不要只從產品經理了解你的目標用戶,了解完成什么樣的業務需求,如果真正了解,還需要去跟運營、市場有一些溝通,比如:產品在做完后,要做什么樣的推廣,如果把這些考慮進來,可以讓你的信息架構有更大的可能性。

近兩年電商的一個設計中,比如常見的淘寶或者京東,在雙十一或者大促節日時,會把金剛區的每一個圖標設置成一個字,連起來則是該活動的名稱,這正是設計師結合運市場的需求,進行的一次有趣的設計。

 

三、研究競品的信息架構

競品調研在產品中是非常重要的一個成分,競品可以讓你少走很多彎路,讓你更好的了解你現在所面臨的市場,所面對的目標用戶,所以在做信息架構之前,要找3-5個競品做信息架構進行分析。

當然,我們在做改版的時候,除了梳理競品的信息架構,也要梳理過去版本的架構。

 

為什么要調研競品的信息架構呢?

我們要找出共性和差異,共性就是要遵循用戶習慣,如果競品都這么做了,說明用戶已經形成了習慣,你很難去改變,如果去改變,用戶會產生很大的不適,很難使用的情況。

比如所有的購物產品,都要突出購物車,因為這是用戶從線下帶到線上的習慣,他們覺得自己在買單之前可能要多選幾樣商品,放在購物車里,集中買單,這些都是要遵循的習慣。

在梳理架構圖之后,也會發現一些差異,這些差異就是你的設計機會點,也就是創新點了。

 

四、卡片分類法

卡片分類法是讓用戶對功能卡片進行分類,組織,并給相關功能的集合重新定義名稱的一種自下而上的整理方法。從而在了解競品后,進一步了解用戶心智模型。

我們需要準備一堆卡片,在卡片上寫上你所需要包含的功能的名稱,然后給到用戶,讓用戶進行分類,組織,了解用戶到底覺得這些功能應該怎么合并,怎么歸類,這樣可以幫助你站在用戶角度,了解用戶是怎樣認定這些功能的。也可以在卡片分類過程中,更好的了解用戶是怎么想的。

卡片分類法是用戶自己直接可以上手的用研方法,執行過程也是相對簡單。

需要:目標用戶,功能/信息卡片,筆,空白的卡片,筆記本

 

步驟:

第一步,為用戶介紹這些卡片上的功能是什么,因為雖然用戶知道這些字,但未必清楚這些功能是干什么的,所以需要讓用戶先一張一張的看一遍這些卡片,并且讓用戶對不了解的卡片進行提問,確保用戶真的理解每張卡片上寫的功能是什么意思。

第二步,用戶歸類卡片,這個階段你不需要說什么話,只需要用戶按照自己的想法,把他覺得類似的卡片放在一起。

第三步,用戶為歸類好的卡片,取一個名稱,比如用戶認為一些卡片需要放在一起,用戶可以為這些卡片總結一個名稱。

第四步,繼續歸類,用戶在之前有可能歸的類太多,有可能太少,這時候我們往往會追問用戶,讓他把類型太多的項進行一些拆分,把太細的類進行歸并。

第五步,簡單訪談,了解用戶在卡片歸類的過程中是否遇到一些困難,是否有一些覺得不太清楚的地方。

第六步,拍照存檔,把用戶的歸類進行一個記錄,以方便在后續的整理。

這就是整個流程,可以更好的了解用戶對信息架構的一些想法,

 

那接下來,功能、信息該怎么提取?

功能、信息卡片是設計師自己寫的,所以怎么提取是一個非常重要的問題,也會影響卡片分類法是否有用,是否準確。

  1. 功能和信息卡片往往是功能或界面的名字,比如:個性電臺,為你推薦;
  2. 來自于你現有信息架構樹的樹葉,通俗點說就是沒有分叉了,沒有再細的信息了;
  3. 功能和信息卡片不能出現包含關系;
  4. 卡片總數不要超過30張,否則會讓用戶無從下手。

 

在卡片分類法過程中,該如何引導用戶?

  • 介紹卡片:可以詢問用戶是否科技每一張卡片的含義,如果不理解可以詢問。
  • 用戶歸類卡片:可以向用戶了解為什么把這些卡片放在一類呢?
  • 讓用戶取名字:請用戶為這類卡片取個名字。
  • 繼續歸類:這一類的卡片數量較多,是否可以進一步細分?或者,現在已經分了N類,是否還有哪幾類可以放在一起?
  • 簡單訪談:在分類過程中是否有什么糾結的地方?
  • 拍照存檔:向用戶確認這是否是你的最后的結果?

根據用戶的卡片分類結果,我們需要產出一份信息架構圖,直觀化的了解用戶的想法,同時我們也可以和競品的架構圖進行對比,在對比的時候就可以得到一些意外的驚喜,可以了解到原來用戶是這么想的,甚至可以發現競品做錯的東西,這就是價值,站在和競品不同的角度,站在用戶的角度,得出一些用戶心中的信息架構。

 

如何產出信息架構?

最后,我們在產出信息架構樹狀圖時需要考慮到兩個因素:

層:信息架構樹的深度,也就是從第一層到最后一層,需要跨過幾個層級。它決定了一個產品,比如用戶剛進入到找到某一個功能,需要經歷幾層的頁面。

度:某一節點內,子節點的數量。比如一級導航內有幾個功能,就是一級導航下節點的數量,這叫度。

也就是說,層是深度概念,度是廣度概念。

如果層過深,用戶進入某一個功能時,需要非常多的層級,操作困難,所以一般情況不超過5。

度太多,也就是在某一頁面有太多的內容,用戶認知成本就會增加,容易找不到想找的內容,這時,我們可以通過分層的方式來減少每個層級下的度。

所以這兩個要取得平衡,所以信息架構圖要在不停的調整過程中,找到完美的層和度的關系,這樣會讓你的信息架構圖變得更好看,產品更易用。

在信息架構層面確保核心使用流程的通暢,用戶能很好的通過你的產品完成他要做的事情,

 

有兩件事是非常重要的:

  • 1、盡量保證樹結構進行層級自上而下前進;
  • 2、不連通層級間的跳躍,盡量發生在最后一個步驟。

 

所以不要為了追尋與眾不同的感覺,去做不必要的創新。

 

在設計架構圖時,我們要注意,當某個功能的價值,已經比tab的價值還大,那么就需要單獨梳理出來,比如微信的搜索,可以在多個頁面看到這個功能,但他依然需要其他功能進行承載,無法作為單獨的模塊遷移出來,是因為他們不是核心功能,所以就分布在產品的各個區域,但是在梳理產品架構的時候,完全可以拆分出來,因為內容層已經很大。

好處是什么:比如你們老板讓你優化一個搜索功能,搜索分離出來后就能一目了然,如果分離在好幾個模塊,在優化的時候,就會感覺很亂,如果單獨出來后,就能一眼看到是什么情況,所以當你的核心功能確認后,并且確認了整體的框架之后,你的工作就是填充功能模塊了。

有人會問:架構圖要梳理到什么程度,什么程度不重要,要根據自己的工作需求梳理,同時不要僅僅根據底部的tab來進行分類。

舉個電商的例子。

商品模塊和訂單都有咨詢,我們第一判斷用戶使用咨詢的頻率怎么樣,第二是未來對咨詢這個模塊有沒有方向,第三個是去想,目前咨詢的復雜度如何,有沒有資格成為一個單獨的模塊。

如果是淘寶,有旺旺,可以單獨拿出來,京東就不合適拿出來了。

這是根據業務劃分的,不是所有的電商都一模一樣。

很多設計師都說淘寶和京東的界面一樣了,這是表面,看起來類似,但內在邏輯是完全不同的,整個邏輯是不一樣的,框架也不一樣,只是同型異構而已。

 

最后我們該怎么判斷,你做的信息架構就是合理的呢?

我們可以進行用戶測試,通過用戶的使用情況來評判。

測試什么內容?

  1. 用戶是否在你不介紹具體產品的情況下,通過短時間的使用,說出產品可以用來做什么;
  2. 讓用戶進行核心流程業務,檢查完成任務是否順利;
  3. 給用戶一個找尋一個相對層級較深的功能的任務,檢測用戶是否能通過信息架構名稱找到功能。

這三個任務都是必不可少的,然后通過用戶的反饋進行完善。當然用戶提出的問題,我們不是必須都修改,該怎么判斷是否修改,這就涉及到另一個問題的討論,本篇文章不進行闡述。

好了,這就是關于信息結構設計的整個流程。

注:本篇文章沒有放完整的一個產品的架構圖,因為網上已經有很多非常好的例子了,大家可以結合學習。

 

原文地址:zcool

作者:謙元

 

轉載請注明:學UI網 » 需求落地之信息架構設計

登錄收藏
 
你可能喜歡的:
關于基金申購流程的一些思考關于基金申購流程的一些思考
一篇讀懂:用原子設計思維構建組件庫一篇讀懂:用原子設計思維構建組件庫
產品體驗日記 | 發現優秀的設計-03期產品體驗日記 | 發現優秀的設計-03期
為什么要進行競品分析以及關鍵準則為什么要進行競品分析以及關鍵準則
確定會使用視覺分隔符嗎?干貨在此!確定會使用視覺分隔符嗎?干貨在此!
設計沉思錄|美事升級,不止于改版設計沉思錄|美事升級,不止于改版
這篇“點9”文,欠大家兩年了!這篇“點9”文,欠大家兩年了!
UI設計中的10條經驗法則UI設計中的10條經驗法則
案例:如何優雅地用卡片分類法,搞定煩人的用戶需求???案例:如何優雅地用卡片分類法,搞定煩人的用戶需求???
抖音VS快手,產品模式是如何影響交互模式的?抖音VS快手,產品模式是如何影響交互模式的?
?
陕西快乐10分 聊天赚钱有哪些软件 驾校训练场赚钱吗 直播星探经纪人赚钱吗 快播彩票首页 食之契约B菜赚钱 dnf八周年赚钱商机介绍 捕鱼大师2 保定易百事赚钱吗 微信阅读截图赚钱 江苏佳佳麻将作弊器 怎样送才能赚钱 努力赚钱 潮汕话怎么说 两人麻将怎么玩 海王捕鱼充值骗局 首都赚钱 有什么可以用步数赚钱的软件