關(guān)于信息架構(gòu)的設(shè)計(jì)，已經(jīng)有很多文章在討論了。但可能大家都忽視了一些細(xì)節(jié)，比如布局結(jié)構(gòu)，比如交互規(guī)范的定義等等

一、布局結(jié)構(gòu)

在信息架構(gòu)中，布局結(jié)構(gòu)是一個(gè)關(guān)鍵概念。

它涉及到如何將信息元素組合在一起，以及如何在頁面上合理安排元素和組織方式，從而確保用戶能夠輕松理解和訪問內(nèi)容。

信息架構(gòu)師如何選擇合適的結(jié)構(gòu)，將信息有序地呈現(xiàn)給用戶。頁面布局通常受到信息架構(gòu)的指導(dǎo)，以確保呈現(xiàn)的信息與信息架構(gòu)的組織方式一致。

這有助于用戶更輕松地瀏覽和理解內(nèi)容。常見的頁面布局方式包括上下、左右結(jié)構(gòu)。

在布局結(jié)構(gòu)的設(shè)計(jì)中，有一些重要的原則基于腦科學(xué)、視覺處理和經(jīng)過驗(yàn)證的用戶體驗(yàn)法則。這些原則包括：

1. 大局為重：在設(shè)計(jì)時(shí)，應(yīng)強(qiáng)調(diào)大局，保持頁面布局的簡(jiǎn)單和合理，采用直截了當(dāng)?shù)姆椒ā?/li>
2. 主次分明：布局應(yīng)明確區(qū)分主要內(nèi)容和次要信息。確定哪些元素是重點(diǎn)，并按照其重要性進(jìn)行排列是至關(guān)重要的。
3. 吸引力法則：這個(gè)原則來源于心理學(xué)家提出的格式塔原理。相同或相似的元素應(yīng)該放在一起，以提高頁面的吸引力和可讀性。
4. 終端適配：設(shè)計(jì)師需要考慮不同終端設(shè)備，如PC和手機(jī)，以確保內(nèi)容在各種屏幕尺寸上都能夠有效呈現(xiàn)。手機(jī)端可能需要更加精簡(jiǎn)和核心的設(shè)計(jì)。
5. 經(jīng)典案例：學(xué)習(xí)和借鑒經(jīng)典案例是一個(gè)重要的設(shè)計(jì)方法。通過研究成功的頁面，可以了解主要設(shè)計(jì)方向的最佳實(shí)踐。

二、定義交互規(guī)范

有沒有一種交互方式是所有產(chǎn)品通用的方式？答案是“沒有”！盡管存在一些被廣泛認(rèn)為是好的交互方式，如一致性、直觀性、及時(shí)反饋、有效導(dǎo)航和安全性，但沒有一種交互方式可以適用于所有產(chǎn)品。

做交互设计10年，我为何转岗到产品经理？

真正转岗之后，我发现很多工作还是超出了自己的想象。产品经理的工作确实比较杂。理论上，产品经理的工作包括了产品的方方面面，从市场研究、用户调研、数据分析...

查看详情 >

為了更好地理解這一觀點(diǎn)，書中提供了一些交互規(guī)范的建議：

1. 從面倒點(diǎn)：與布局結(jié)構(gòu)中的原則相呼應(yīng)，交互規(guī)范的設(shè)計(jì)也應(yīng)首先考慮大的頁面布局，然后逐漸細(xì)化到小元素的層級(jí)，確保用戶體驗(yàn)的連續(xù)性。
2. 符合常識(shí)：不必過分強(qiáng)調(diào)高難度或創(chuàng)新的交互方式，而是堅(jiān)持常識(shí)和用戶友好的設(shè)計(jì)。
3. 不干擾用戶：友好型交互應(yīng)避免不必要的打擾，以保持用戶的心流體驗(yàn)。
4. 直觀性：交互方式應(yīng)該簡(jiǎn)單明了、直接，使用戶能夠快速理解和使用。
5. 一致性：這是交互規(guī)范的核心原則，確保用戶在整個(gè)產(chǎn)品中都能夠獲得一致的體驗(yàn)。

三、總之

布局結(jié)構(gòu)和交互規(guī)范是在產(chǎn)品設(shè)計(jì)中不可或缺的元素。它們有助于提高用戶體驗(yàn)、確保頁面的可用性，以及滿足項(xiàng)目的業(yè)務(wù)和法規(guī)需求。通過合理的布局和合適的交互規(guī)范，可以為用戶提供出色的用戶體驗(yàn)，使他們更輕松地與產(chǎn)品互動(dòng)。