国产精品亚洲人成在99www,国产中文字幕一区二区三区,免费一二一二在线视频,奇米亚洲欧美

從逛商場學習產品設計:信息架構梳理如何從小白到精通?

Mr湯進er 簡書 2015-05-13 15:26:44

一、信息架構初識

之前知乎上有這么一個問題:怎樣理解信息架構?,小編當時以“商場信息導視圖”為例,回答了這個問題,比較適合“入門小白”去理解信息架構、流程圖和頁面布局,其中針對“信息架構”的回答如下:

圖1:商場信息導視圖

女生MM肯定愛逛商城對吧?那信息架構有些類似:商場信息導視圖(如上圖)

地下一層:動感休閑地帶;

商場一樓:國際名牌世界;

商場二樓:名媛衣裝天地;

商場三樓:少女時尚驛站;

商場四樓:溫馨親子家園……

>進一步:可能一樓國際名牌世界又包括

A區:名牌手表;B區:名牌珠寶……

這樣的樓層架構便于你更好的去找到自己想買的東東,至少是很清晰的知道每一層有什么商品,同一層商品怎么分布等等信息。在這里,設計師的作用就是規劃好這些樓層信息層級,主要做的工作就是:分類、層級梳理

在互聯網產品設計中:產品經理or設計師梳理信息架構,其實和上述梳理商場樓層架構是異曲同工之妙。

二、信息架構入門

信息架構到底是用來干嘛的?

那么在產品設計過程中,信息架構到底是用來做什么的呢?其實,通過上面“商城信息導視圖”的例子,我們已經可以初步了解到了一個目的:讓用戶可以在一定的“信息規劃”下更容易的找到自己想要的“東西”。那么除此以外,信息架構還有什么作用呢?那就是出于“產品目標”通過“信息架構設計”去教育、說服、通知用戶

信息架構的作用總結如下:

A、【滿足用戶需求】:讓用戶可以在一定的“信息規劃”下更容易的找到自己想要的“東西”

B、【滿足產品目標】:出于“產品目標”通過“信息架構設計”去教育、說服、通知用戶

信息架構設計到底是在做什么?

信息架構梳理到底是在做什么呢?如果用一個詞回答的話,那肯定是“分類”。分類是為了更好的信息傳達,為了更好的傳遞信息,需要對信息進行選擇和組織。

圖2:引用自《微信背后的產品觀---張小龍》的PPT整理

信息架構設計到底該怎么做?(或者說“分類”怎么做?)

《用戶體驗要素》一書中,給出了信息架構分類體系:從上到下或從下到上

從下到上(如下圖3):這種分類方法是根據“內容和功能需求的分析”而來的,先把已有的所有內容,放在最低層級分類中,然后再將他們分別歸屬到較高一級的類別。這種分類方法其實就是在做“歸類”,比如小編在曾經的項目過程中就會運用“卡片分類法”去梳理信息架構,首先將所有的功能點用一張張卡片寫下來,然后讓“目標用戶”參與到信息分類中,并反饋相關分類標準作為我們產品設計師去梳理信息架構的參考。實際實踐過程中,可能更需要設計師或者產品經理本身有一定的信息篩選、梳理、分類的能力,進一步通過用戶測試去檢驗分類的信息傳達有效性。

圖3:從下到上的架構方法

圖4:卡片分類法在“從下到上”信息架構梳理過程中的應用——@Mr湯進er項目過程照片

從上到下(如下圖5):這種分類方法從“戰略層”(產品目標)出發去考慮內容分類。最先從最廣泛的、可能滿足決策目標的內容與功能開始進行分類,然后在按邏輯細分出次級分類,這樣的“主要分類”和“次級分類”就構成了“一個個空槽”,將想要的內容和功能按順序一一填入即可。以微信為例:首先根據產品目標將“主要分類”即一級架構分為“最近會話(微信)”、“通訊錄”、“發現”和“我”;然后再進行“次級分類”分類,如“發現”下再分“朋友圈”、“掃一掃”、“搖一搖”等等;最后將相應的功能(如朋友圈feeds、發朋友圈、朋友圈消息等)填入到相應的“朋友圈”分類中。

圖5:從上到下的架構方法

注:實際應用中,其實兩種方式是結合起來進行的,需要產品經理和設計師有效的平衡運用,多多實踐吧~

三、信息架構進階

信息架構梳理的依據是什么?

首先,我們需要明白,信息架構受到哪些因素的影響。從大的方面可以分為兩點:“用戶需求”和“產品目標”,與上述的A和B兩點作用有著對應關系。具體實踐中,可能受到的影響因素包括:

A、用戶層面的思考:用戶的理解能力;用戶的熟悉程度(已有心理模型、操作習慣等);目標內容的使用頻率(低頻高級功能一般會“藏”的比較深);內容的數量;內容信息的語義等等

B、產品層面的思考:產品的核心價值、產品的主線功能、特色功能等

舉一個例子,之前在知乎上看到一個問題:為什么微信朋友圈這么高密度使用的功能要放到二級菜單?

我想這個問題不同人一定有不同的理解和回答,而且都是有道理的(例如有匿名回答:還記得商場樓層的劃分方式么?如果朋友圈放在一級菜單,你還會天天看到掃一掃、搖一搖、購物、游戲這些入口么?便于使用,并不是布局的全部。)關于這個問題,我從《微信背后的產品觀---張小龍》(張小龍騰訊內部長達8小時20分的產品講演)一文中找到了如下一條關于“架構梳理”的產品觀:

保持主干清晰,枝干適度。產品的主要功能架構是產品的骨骼,它應該盡量保持簡單、明了,不可以輕易變更,讓用戶無所適從。次要功能豐富主干,不可以喧賓奪主,盡量隱藏起來,而不要放在一級頁面。——依據張小龍演講整理

圖6:引用自《微信背后的產品觀---張小龍》的PPT整理

通過這個例子小編想說,正真去梳理一個好的架構,還是很考驗產品經理和設計師的能力和思考的。多思考,多實戰~

一個好的信息架構設計應該具備哪些特點?

以下幾點是小編總結的可以用來檢驗自己的信息架構梳理是否正確、合理,但正在適合自己的產品信息架構是很微妙的,需要自己多多去思考和實踐。

A、與“產品目標”和“用戶需求”相對應;

B、具有一定的延展性;

C、保證分類標準一致性、相關性和獨立性;

D、有效平衡信息架構的“廣度”和“深度”

E、使用“用戶語言”,同時需避免“語義歧義或不解”

下面詳細闡述上面幾點檢驗標準:

A、與“產品目標”和“用戶需求”相對應;

直接舉例子:新聞資訊類應用,經常以實踐順序組織信息架構,因為用戶需求中,對于“新聞”的時效性的要求是唯一的重要要素,同時,對于產品本身,只有提供最新的資訊才能在競爭中獲得優勢。再如,同樣是資訊類應用,“今日頭條”的產品目標是針對不同用戶進行針對性推送資訊,因此除了以“時間”維度組織信息架構以為,它還通過算法推送,以“推薦”的方式組織資訊內容,針對性推送最新的資訊,減低了用戶“挑選”資訊的門檻,增加了用戶資訊獲取效率。

B、具有一定的延展性;

一個延展性好的信息架構,能把新的內容作為現有結構的一部分容納進來(下左圖),也可以把新內容當做一個完整的新部分加入(下右圖),舉個例子:微信的“發現”就具有一定的延展性,陸續有“游戲”、“購物”等內容被納入其中。

圖7:一個延展性好的信息架構圖示

C、保證分類標準一致性、相關性和獨立性;

一個好的架構分類,應該有一套準確的分類標準,并且對于用戶而言是可以被準確理解和學習的。其中“一致性”體現在標準的唯一,不能有多套標準,也就是說要保證功能入口是唯一的(快捷方式入口除外),這樣的好處就是,用戶在使用過程中,不會因為有太多的標準而摸不清相應的功能入口(這一點感覺爭議比較多,但@Mr湯進er認為有必要堅持入口的唯一性);“相關性”是指上下層級以及層級中內容必須具有相關性的,不能把“足球新聞”欄目納入到“時政要聞”層級下,因為它們的沒有關聯性(例子比較low,但意思大家懂的);最后一點是獨立性,獨立性體現在同一層級分類應該是相互獨立的,不能同一層級的兩個分類存在交集或包含關系。

D、有效平衡信息架構的“廣度”和“深度”

在處理信息架構“廣度”和“深度”問題上,說實話沒有統一的標準。曾經聽過有同學說“層級不能超過3層,如果超過三層,這個架構就是不好的”這樣的論斷,其實小編認為,不能簡單的看“深度”,而是看用戶的實際體驗。那“廣度”和“深度”各自有哪些優缺點呢?主要體現在“寬而淺”的架構用戶可以用較少的點擊完成相應的任務目標,問題在于每層的“信息分類標準”太多,增加用戶每一層級的分類尋找難度。而“窄而深”的信息架構好處是減少了用戶選項,問題在于增加了用戶操作步驟如下圖9,用戶從A頁到B頁需要6步之多。

如何平衡“廣度”和“深度”需要考慮的因素很多(大小屏幕等硬件特性、產品功能目標、用戶使用頻次等等)。建議大家多多實踐,靈活應用,多從用戶使用角度做思考。

圖8:寬而淺

圖9:窄而深

E、使用“用戶語言”,同時需避免“語義歧義或不解”

這一點雖然是個小點,但往往也容易被很多設計師忽略。第一是要用“用戶語言”進行分類和功能描述,用戶是看不懂“專業術語”(行業應用除外)的,可以通過“用戶測試”來檢驗用戶對于分類和功能“名稱表述”的理解能力。同時,好的“名稱”應該是沒有歧義或者會造成用戶不解的。

四、信息架構總結

整篇文章深入淺出,層層遞進的闡述了對于“信息架構”的知識整理和理解。主要解決了三個大問題:信息架構是什么?怎么做?怎么評判?

 

作者:Mr湯進er  微信公共號:chuangshe_space

国产精品亚洲人成在99www,国产中文字幕一区二区三区,免费一二一二在线视频,奇米亚洲欧美
日本欧美不卡| 香蕉成人av| av中文字幕在线观看第一页| 国产精品调教| 美女久久久久久| 国产福利一区二区三区在线播放| 蜜臀av性久久久久蜜臀aⅴ流畅| 日本一区二区高清不卡| 日本va欧美va瓶| 日本不卡高清| 日韩一区中文| 亚洲精品欧美| 日韩精品视频网| 亚洲一区av| 午夜精品成人av| 久久91导航| 久久人人97超碰国产公开结果| 欧美亚洲专区| 亚洲精品激情| 97se亚洲| 老司机精品视频网| 精品国产亚洲一区二区三区大结局| 国产欧美视频在线| 日韩高清欧美激情| 国产亚洲一卡2卡3卡4卡新区| 日本精品久久| 国产探花一区| 麻豆91精品视频| 成人羞羞视频播放网站| 日韩精品麻豆| 亚洲视频www| 亚洲日产av中文字幕| 视频一区国产视频| 国产主播一区| 亚洲乱码久久| 精品视频一区二区三区在线观看| 国产中文欧美日韩在线| 韩国精品主播一区二区在线观看 | 久久在线免费| 久久久久.com| 亚洲另类av| 久久精品99国产精品| 牛牛精品成人免费视频| 欧美日韩亚洲三区| 91精品精品| 国产亚洲人成a在线v网站| 日本久久二区| 亚洲人成在线网站| 成人免费网站www网站高清| 欧美日韩夜夜| 91亚洲一区| 国产精品婷婷| 免费在线观看一区| 91精品久久久久久久久久不卡| 色综合视频一区二区三区日韩 | 久久av免费| 日韩成人精品一区| 日韩午夜高潮| 99久久久久久中文字幕一区| 日韩高清中文字幕一区| 国产综合婷婷| 欧美国产专区| 男人的天堂亚洲一区| 成人一区而且| 伊人久久大香伊蕉在人线观看热v| zzzwww在线看片免费| 国产精品黄网站| 亚洲一区二区三区高清| 九九久久国产| 日韩激情中文字幕| 午夜日韩在线| 狠狠久久伊人中文字幕| 麻豆理论在线观看| 国产精品4hu.www| 青草国产精品| 欧美/亚洲一区| 久久精品亚洲欧美日韩精品中文字幕| 亚洲一级黄色| 久久免费国产| 亚洲最新无码中文字幕久久| 久久伊人亚洲| 精品一区二区三区亚洲| 久久精品 人人爱| 欧美日韩1区2区3区| 日韩精品欧美成人高清一区二区| 日本大胆欧美人术艺术动态| 夜鲁夜鲁夜鲁视频在线播放| 精品国产中文字幕第一页| 美女久久久久久| 你懂的国产精品永久在线| 日韩精品三区四区| 国产精品免费不| 久久精品三级| 日韩精品中文字幕第1页| 久久亚洲国产| 亚洲欧洲一区| 日韩中文字幕亚洲一区二区va在线 | 91精品一区二区三区综合| 日韩不卡免费高清视频| 久久天堂精品| 一区二区精品| 亚洲精品动态| 国产福利一区二区三区在线播放| 成人国产精品久久| 97久久超碰| 丁香六月综合| 国产一区二区精品| 日韩av影院| 国产aⅴ精品一区二区三区久久| 麻豆久久久久久久| 亚洲成人日韩| 欧美日韩99| 精品一区二区三区中文字幕视频 | 蜜臀av国产精品久久久久| 国产欧美日韩一区二区三区在线| 国产日产高清欧美一区二区三区| 久久精品午夜| 亚洲精品乱码| 久久av网站| 视频在线观看91| 日韩一区电影| 亚洲深夜福利在线观看| 韩国女主播一区二区三区| 日韩精品一级二级 | 青草久久视频| 久久wwww| 亚洲最新无码中文字幕久久| 免费观看在线综合| 国产精品7m凸凹视频分类| 日韩理论视频| 欧美片第1页| 国产精品天堂蜜av在线播放| 三级久久三级久久久| 色婷婷成人网| 日韩精品视频一区二区三区| 蜜桃视频第一区免费观看| 一本色道久久精品| 国产亚洲毛片在线| 免费一区二区视频| 国产高清亚洲| 日韩中文字幕| 国产高清日韩| 青青国产91久久久久久| 午夜影院欧美| 日韩中文av| 欧美日韩精品一本二本三本| 7777精品| 蜜桃av.网站在线观看| 亚洲最新av| 亚洲中午字幕| 久久电影一区| 亚洲精选久久| 91偷拍一区二区三区精品| 蜜臀91精品国产高清在线观看| 国产精品二区不卡| 久久久久黄色| 香蕉精品久久| 国产aa精品| 精品国产欧美日韩| 国产精品黑丝在线播放| 国产精品伦一区二区| 久久影院一区| 日韩国产专区| 欧美影院三区| 日韩综合小视频| 亚洲人成网77777色在线播放 | 国产精品伊人| 精品午夜视频| 精品日韩视频| 国产亚洲精品精品国产亚洲综合| 日本不卡视频在线观看| 男女激情视频一区| 亚欧成人精品| 日韩久久精品网| 国产精品va视频| 久久精品色播| 亚洲美洲欧洲综合国产一区| 日韩1区2区3区| 日韩成人av影视| 日韩av在线免费观看不卡| 成人在线黄色| 国内亚洲精品| 成人午夜在线| 欧美日韩国产观看视频| 亚洲精品在线二区| 日韩精品永久网址| 蜜桃视频一区二区三区在线观看| 成人午夜国产| 婷婷色综合网| 久久不见久久见国语| 国产一区二区高清| 99久久夜色精品国产亚洲1000部| 日韩欧美少妇| 欧美日韩亚洲一区| 亚洲免费影院| 玖玖玖国产精品| 精品国产欧美| 日本一区福利在线| 欧美日韩国产一区精品一区| 国产午夜一区|

長按二維碼關注我們