中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

產(chǎn)品經(jīng)理和交互設(shè)計(jì)師的日常工作中經(jīng)常接觸到信息架構(gòu)圖，本文從產(chǎn)品設(shè)計(jì)的層面，梳理介紹信息架構(gòu)圖的定義、發(fā)揮的作用與價(jià)值、與產(chǎn)品功能結(jié)構(gòu)圖和產(chǎn)品結(jié)構(gòu)圖之間的區(qū)別，以及繪制信息架構(gòu)圖需要注意的事項(xiàng)。

一、什么是信息架構(gòu)圖？

信息架構(gòu)的核心是探討用戶對(duì)信息的認(rèn)知過程，對(duì)于產(chǎn)品設(shè)計(jì)而言，信息架構(gòu)關(guān)注的是“呈現(xiàn)給用戶合理且有價(jià)值的信息”。

清晰明確的信息架構(gòu)圖，能夠在界面層面清楚的表達(dá)產(chǎn)品的功能模塊和整體的邏輯路徑，有利于產(chǎn)品設(shè)計(jì)者從宏觀角度審視：不同業(yè)務(wù)模塊如何落實(shí)到界面結(jié)構(gòu)，以及不同功能模塊之間的關(guān)聯(lián)性。

二、信息架構(gòu)圖、產(chǎn)品功能結(jié)構(gòu)圖、產(chǎn)品結(jié)構(gòu)圖三者的區(qū)別與聯(lián)系

這里大家需要搞清楚”信息架構(gòu)圖”與“產(chǎn)品功能結(jié)構(gòu)圖”、“產(chǎn)品結(jié)構(gòu)圖”之間的區(qū)別與聯(lián)系：參見下圖示意。

我們可以根據(jù)《用戶體驗(yàn)要素》中對(duì)產(chǎn)品設(shè)計(jì)整個(gè)過程的分層，理解三者之間的關(guān)聯(lián)性。

產(chǎn)品功能結(jié)構(gòu)圖的重點(diǎn)是梳理產(chǎn)品的功能邏輯與功能模塊。

這個(gè)階段各功能模塊及其子功能之間，可能沒有體現(xiàn)必然的關(guān)聯(lián)性，這部分有待處理的任務(wù)就會(huì)交給信息架構(gòu)圖完成，產(chǎn)品經(jīng)理在構(gòu)思需求時(shí)經(jīng)常需要繪制功能結(jié)構(gòu)圖。

信息架構(gòu)圖的重點(diǎn)是梳理具體頁面及頁面的字段信息。

具體到界面時(shí)，頁面之間的關(guān)聯(lián)需要清晰的呈現(xiàn)出來，這個(gè)階段也是為繪制原型、信息排版布局打基礎(chǔ)。交互設(shè)計(jì)師在一些項(xiàng)目中輸出交互稿之前，需要提前繪制信息架構(gòu)圖。

產(chǎn)品結(jié)構(gòu)圖囊括了產(chǎn)品的功能與信息，同時(shí)也可以在圖中示意功能之間的邏輯跳轉(zhuǎn)關(guān)系。

可以簡單用一個(gè)公式表達(dá)：產(chǎn)品結(jié)構(gòu)圖=產(chǎn)品功能結(jié)構(gòu)圖+產(chǎn)品信息架構(gòu)圖。

三、信息架構(gòu)圖的作用與價(jià)值

1. 產(chǎn)品設(shè)計(jì)人員為什么使用信息架構(gòu)圖

• 競(jìng)品分析時(shí)需要通過繪制信息架構(gòu)圖快速了解競(jìng)品的功能模塊和界面設(shè)計(jì)結(jié)構(gòu)。
• 從0到1打造一款產(chǎn)品時(shí)，明確的信息架構(gòu)脈絡(luò)是必要的前提條件。
• 接手某款產(chǎn)品的日常迭代工作時(shí)，首先應(yīng)該清楚所做的業(yè)務(wù)和功能點(diǎn)在產(chǎn)品架構(gòu)中的位置及重要程度。

2. 信息架構(gòu)圖在產(chǎn)品設(shè)計(jì)中的價(jià)值

《用戶體驗(yàn)要素》這本書中將產(chǎn)品設(shè)計(jì)的過程進(jìn)行了分層，在不同層面有不同職能人員關(guān)注不同的產(chǎn)品架構(gòu)，參見下圖：

戰(zhàn)略層解決的是兩個(gè)最基本問題，以及他們之間的權(quán)衡關(guān)系：“產(chǎn)品目標(biāo)是什么？用戶需求是什么？”

因此，戰(zhàn)略層關(guān)注產(chǎn)品最核心的“業(yè)務(wù)架構(gòu)”。

范圍層是將在戰(zhàn)略層確定的產(chǎn)品目標(biāo)和用戶需求，轉(zhuǎn)變成產(chǎn)品應(yīng)該提供給用戶怎樣的內(nèi)容和功能。所以，范圍層關(guān)注產(chǎn)品的“內(nèi)容與功能架構(gòu)”。

而結(jié)構(gòu)層是在需求和功能都明確的情況下，將這些分散的內(nèi)容與功能進(jìn)行有效組織，最終形成一個(gè)合理且有價(jià)值的整體，這種形式反映在界面上的可視化表達(dá)便是“信息架構(gòu)圖”。

四、繪制信息架構(gòu)圖需要注意的事項(xiàng)

1. 按照總分結(jié)構(gòu)確定關(guān)鍵的一級(jí)節(jié)點(diǎn)

參見下圖，比如我們要繪制一款移動(dòng)App的信息架構(gòu)圖，那么主體自然是這款應(yīng)用，其中關(guān)鍵的一級(jí)節(jié)點(diǎn)是指這款應(yīng)用最主要的信息模塊，關(guān)鍵節(jié)點(diǎn)是圍繞主體中心點(diǎn)拓展開的。

通常一級(jí)節(jié)點(diǎn)的個(gè)數(shù)不會(huì)太多，例如目前移動(dòng)App的各個(gè)功能是圍繞底部導(dǎo)航tab的數(shù)量展開的，我們?cè)诶L制時(shí)可以將底部tab作為一級(jí)節(jié)點(diǎn)，其余功能及內(nèi)容囊括在這幾個(gè)一級(jí)節(jié)點(diǎn)中。

2. 先繪制單個(gè)一級(jí)節(jié)點(diǎn)模塊的信息架構(gòu)圖，之后再逐個(gè)完善

將上圖中一級(jí)節(jié)點(diǎn)“功能模塊1”的內(nèi)容繪制之后，再繼續(xù)繪制其余的信息模塊。

由于頁面中某個(gè)主功能可能包含多個(gè)子功能，順延至某個(gè)子功能也有可能包含多個(gè)子子功能，以此類推可能延伸的節(jié)點(diǎn)較多。因此我們此處需要注意：

• 依據(jù)我們的需求確定繪制的層級(jí)。比如下圖中信息模塊1繪制到了第4級(jí)節(jié)點(diǎn)。
• 一般繪制層級(jí)達(dá)到5級(jí)左右，基本涵蓋了產(chǎn)品信息架構(gòu)的主體界面。

3. 若某個(gè)頁面在不同的一級(jí)節(jié)點(diǎn)內(nèi)出現(xiàn)，建議明確標(biāo)識(shí)

某個(gè)頁面或功能經(jīng)常在一個(gè)應(yīng)用內(nèi)由不同的路徑觸達(dá)，比如電商應(yīng)用中“商品詳情頁”就是許多不同路徑入口觸達(dá)的最終落地頁面。因此在繪制信息架構(gòu)圖時(shí)特別注意以下兩點(diǎn)：

• 該功能只需在某個(gè)信息模塊內(nèi)展開即可，當(dāng)其他信息模塊也用到時(shí)，只填寫名稱無需再次展開。
• 不同的一級(jí)節(jié)點(diǎn)信息模塊內(nèi)，使用到相同的頁面時(shí)，建議明確標(biāo)識(shí)，以便快速辨識(shí)。

總結(jié)

交互設(shè)計(jì)師在項(xiàng)目推進(jìn)過程中扮演著承上啟下的作用，既要理解和分析上游的業(yè)務(wù)邏輯與功能點(diǎn)，同時(shí)也要在界面的信息呈現(xiàn)上結(jié)合用戶使用體驗(yàn)，向下游輸出清晰明確的信息架構(gòu)圖，更需要兼顧界面的可擴(kuò)展性。

#專欄作家#

Viksea，微信公眾號(hào)：Viksea的設(shè)計(jì)思考（ID：viksea-ux），人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注電商領(lǐng)域產(chǎn)品業(yè)務(wù)和用戶體驗(yàn)，擅長邏輯分析。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。