先為大家分享交互設(shè)計(jì)金字塔知識(shí)體系：

界面基礎(chǔ)知識(shí)

界面基礎(chǔ)知識(shí)包括：控件、布局、流程，即設(shè)計(jì)稿上可見(jiàn)部分。

1.控件：

控件就是界面上的最小單元，如搜索框、單選按鈕、復(fù)選框、下拉框等。

認(rèn)識(shí)控件最好的方法是閱讀各個(gè)平臺(tái)的官方設(shè)計(jì)規(guī)范，比如 iOS 、Android 、MacOS 、Windows（Desktop APP / UWP）、小程序設(shè)計(jì)規(guī)范。web 端沒(méi)有官方規(guī)范，國(guó)內(nèi)后臺(tái)規(guī)范常見(jiàn)的是 antdesign 和 element ，前臺(tái)規(guī)范基本沒(méi)有。

控件交互

控件有其自身的交互過(guò)程，如：用戶點(diǎn)擊文本框，出現(xiàn)光標(biāo)，彈出鍵盤。輸入第一個(gè)字符后出現(xiàn)“清空按鈕”。輸入多個(gè)字符后有截?cái)嘈Ч?。輸入錯(cuò)誤時(shí)報(bào)錯(cuò)。

了解控件交互流程能夠更細(xì)致的了解控件。交互稿繪制時(shí)，也會(huì)細(xì)致描述某個(gè)控件的交互流程。

控件屬性

控件都有自己的屬性，即可設(shè)置的參數(shù)。如列表控件的屬性有：排序規(guī)則、加載規(guī)則、刷新規(guī)則、適配規(guī)則、截?cái)嘁?guī)則等。

圖中的群成員列表，排序規(guī)則可以按照昵稱首字母排也可以按照進(jìn)群先后順序排列。

2. 布局

布局就是把控件和內(nèi)容放到界面上合適的位置并給與合適的視覺(jué)優(yōu)先級(jí)。布局設(shè)計(jì)的基本理論有：

格式塔原理

網(wǎng)格系統(tǒng)

7±2 法則

席克定律

費(fèi)茨定律

奧卡姆剃刀原理

復(fù)雜性守恒定律。

布局設(shè)計(jì)可以要注意以下4個(gè)步驟：

列舉：將界面中需要的元素列舉出來(lái)，比如：商品圖片、商品標(biāo)題、價(jià)格、優(yōu)惠券、收藏、分享…

歸類：將所有元素歸類，每一類一個(gè)模塊，如：收藏、購(gòu)買、加入購(gòu)物車，歸為操作模塊。

排序：將歸類好的模塊排序，排序依據(jù)要注意：用戶在場(chǎng)景中的瀏覽順序、元素的重要性、業(yè)務(wù)期望。

調(diào)整：綜合其他因素對(duì)布局進(jìn)行調(diào)整。并對(duì)各元素的視覺(jué)重量進(jìn)行定義調(diào)整。

3. 流程

界面元素有 2 種：內(nèi)容和功能。如商品描述是一種內(nèi)容，加入購(gòu)物車是一個(gè)功能。在交互稿中，展示功能的方式通過(guò)描述交互流程來(lái)說(shuō)明。如在聊天 APP 中接收文件的交互流程：

點(diǎn)開(kāi)消息→看到文件→點(diǎn)擊下載→下載完成并打開(kāi)

流程設(shè)計(jì)可以按照以下3個(gè)活動(dòng)去完成：

1．確定任務(wù)

2．任務(wù)拆解動(dòng)作

3．動(dòng)作對(duì)應(yīng)界面

設(shè)計(jì)用戶需求

設(shè)計(jì)師在設(shè)計(jì)過(guò)程中應(yīng)站在用戶的角度思考，而用戶角度包括了三個(gè)要素：用戶、目標(biāo)、場(chǎng)景。

1. 用戶

用戶概念好理解但難了解。工作中最基礎(chǔ)的用戶調(diào)研方法是：用戶訪談、用戶觀察、問(wèn)卷。

通過(guò)這些方法可以收集到用戶的基本信息，對(duì)其進(jìn)行分類確定定用戶畫(huà)像。用戶畫(huà)像是將一群人抽象為一個(gè)人。要制定用戶畫(huà)像，是為了設(shè)計(jì)方便。

2. 目標(biāo)

目標(biāo)會(huì)影響設(shè)計(jì)，同樣是社交APP，微信和釘釘?shù)脑O(shè)計(jì)差異很大，微信是輕打擾設(shè)計(jì)，而釘釘則是重打擾。這和兩個(gè)產(chǎn)品的目標(biāo)有密切的關(guān)系。

在交互設(shè)計(jì)的體系中，目標(biāo)可以細(xì)分為多種目標(biāo)，設(shè)計(jì)師不僅要為用戶服務(wù)，也要為業(yè)務(wù)服務(wù)。

3. 場(chǎng)景

場(chǎng)景可以理解為用戶當(dāng)時(shí)所處的狀況，場(chǎng)景幫助產(chǎn)品經(jīng)理去理解用戶需求。設(shè)計(jì)者把自己代入到場(chǎng)景中，體會(huì)用戶的想法，從而得到用戶需求。

用戶場(chǎng)景的通用結(jié)構(gòu)是：

誰(shuí)？在什么情況下？想要什么？做了什么？結(jié)果如何？他的想法如何？

例如：用戶看新聞的案例中的用戶場(chǎng)景。

專業(yè)能力

交互設(shè)計(jì)的專業(yè)能力包括，需要大家在每個(gè)部分堅(jiān)持專研與吸收，最終成為交互設(shè)計(jì)達(dá)人：

• 用戶研究

• 競(jìng)品研究

• 設(shè)計(jì)理論

• 設(shè)計(jì)方法

• 用戶測(cè)試

• 數(shù)據(jù)分析