協(xié)作角色：交互族檬、產(chǎn)品聚至、開(kāi)發(fā)、UI
交互團(tuán)隊(duì)：優(yōu)秀的交互文檔需要在組內(nèi)進(jìn)行過(guò)審核戴已，包括一致的撰寫(xiě)標(biāo)準(zhǔn)和模式的使用固该，需要在什么情況使用什么交互模式還有組件庫(kù)的調(diào)用都會(huì)有詳細(xì)說(shuō)明，滿足團(tuán)隊(duì)設(shè)定的交互規(guī)范糖儡。
產(chǎn)品團(tuán)隊(duì)：交互的輸出文檔需要和產(chǎn)品的prd文檔合并
開(kāi)發(fā)團(tuán)隊(duì)：開(kāi)發(fā)可以更好的還原該功能中交互的跳轉(zhuǎn)及邏輯伐坏。需要交互把交互規(guī)則寫(xiě)詳細(xì)，比如按鈕在press和default時(shí)候是否會(huì)有變化握联，或者頁(yè)面轉(zhuǎn)場(chǎng)的方向桦沉，注意細(xì)節(jié)，減少不必要的低效溝通金闽。和開(kāi)發(fā)合作也是一項(xiàng)內(nèi)部的體驗(yàn)設(shè)計(jì)纯露。
UI團(tuán)隊(duì)：注意只把信息層次表現(xiàn)出來(lái)即可。ui與交互重疊度很高代芜，只要有智能化組件庫(kù)和工具做支撐埠褪，在交互和UI的設(shè)計(jì)流程中，時(shí)間就會(huì)大大降低。

一钞速、交互輸出文檔的內(nèi)容

image.png

因此玷过，在第一步去確定需求的背景爽丹、價(jià)值，也就是說(shuō)這個(gè)需求怎么來(lái)的

舉例:一個(gè)店鋪優(yōu)化的項(xiàng)目辛蚊，存在的問(wèn)題是個(gè)人中心和店鋪營(yíng)銷(xiāo)場(chǎng)景重合過(guò)多粤蝎，并且賣(mài)家的同時(shí)可以買(mǎi)和賣(mài)兩個(gè)場(chǎng)景存在。通過(guò)數(shù)據(jù)分析和用戶訪談我們發(fā)現(xiàn)了一些機(jī)會(huì)點(diǎn)袋马，必須突出一個(gè)核心場(chǎng)景讓用戶有明確的分辨初澎。

image.png

希望通過(guò)這次需求迭代達(dá)到一個(gè)什么成果墓懂。比如我們之前做過(guò)一次整體體驗(yàn)優(yōu)化改版，那么我們的目標(biāo)就是減少用戶的流程跳失霉囚、提升整體體驗(yàn)滿意度捕仔、提高用戶的任務(wù)轉(zhuǎn)化率，其中我們做了一個(gè)商品關(guān)注的功能，由于是限時(shí)特價(jià)商品所以限量榜跌，在規(guī)定時(shí)間進(jìn)行搶購(gòu)闪唆，為了讓用戶的使用場(chǎng)景統(tǒng)一我們打算在應(yīng)用內(nèi)做一個(gè)商品關(guān)注功能。在這個(gè)需求的初期钓葫，我們對(duì)這個(gè)功能的目標(biāo)和預(yù)期時(shí)提升x%比的gmv悄蕾，提高用戶對(duì)關(guān)注商品下單的效率和滿意度（購(gòu)物車(chē)功能？）础浮。所以這個(gè)功能的一個(gè)目標(biāo)就是解決用戶場(chǎng)景遷移的問(wèn)題帆调。設(shè)定目標(biāo)之后，為了在上線后對(duì)其進(jìn)行復(fù)盤(pán)和數(shù)據(jù)跟蹤還有用戶跟蹤豆同。
總結(jié)：針對(duì)什么用戶在什么場(chǎng)景下解決用戶的什么問(wèn)題番刊，達(dá)到什么目的。
C需求范圍\范圍層
在需求中我們需要做哪些相關(guān)功能以及功能涉及面影锈。比如掃一掃功能芹务，不同產(chǎn)品定位對(duì)于掃一掃功能的要求也是不同的，微信在掃一掃功能中承載了：掃一掃鸭廷、相冊(cè)枣抱、封面、街景辆床、翻譯佳晶、手電筒等諸多功能。淘寶掃一掃（AR佛吓、拍立淘）宵晚、相冊(cè)、歷史维雇、幫助、手電晒他，說(shuō)明了不同產(chǎn)品對(duì)掃一掃功能由不一樣的要求吱型。所以在需求范圍內(nèi)我們需要把本次需要做的功能進(jìn)行描述，并且該功能是否影響其他功能的使用和對(duì)整個(gè)產(chǎn)品的影響范圍陨仅。我們也會(huì)將所需要的功能進(jìn)行拆解和優(yōu)先級(jí)查費(fèi)津滞，在表格中編輯。
D調(diào)研分析
在匯報(bào)方案和評(píng)審灼伤，或者在項(xiàng)目推進(jìn)時(shí)触徐，我們需要有相應(yīng)的論據(jù)來(lái)支撐方案的客觀性。調(diào)研分析需要輸出結(jié)論狐赡。比如之前的首頁(yè)改版撞鹉，經(jīng)過(guò)用戶研究小組的訪談和數(shù)據(jù)分析得出相關(guān)的結(jié)論，通過(guò)埋點(diǎn)找到相應(yīng)板塊的點(diǎn)擊數(shù)據(jù)和異常點(diǎn)，然后再進(jìn)行一系列的問(wèn)卷和訪談研究鸟雏，找到結(jié)果享郊。結(jié)論一般包括情緒場(chǎng)景/故事板（訪談?dòng)脩?日常關(guān)鍵場(chǎng)景描述）和機(jī)會(huì)點(diǎn)（通過(guò)場(chǎng)景和數(shù)據(jù)分析得到）

埋點(diǎn)

更新日志

A業(yè)務(wù)、任務(wù)目锭、界面流程圖

泳道圖

image.png

低保真原型圖

如何書(shū)寫(xiě)交互說(shuō)明及包含內(nèi)容

a.全局思考
整體思考
信息架構(gòu)是否容易理解，信息分類(lèi)是否合理示损，比如我們的信息架構(gòu)是否采用了用戶容易理解的渗磅，市面上常用的信息架構(gòu)；
信息層級(jí)和路徑是否合理检访，不一定要最簡(jiǎn)始鱼，但是要高效，信息的優(yōu)先級(jí)是否放置準(zhǔn)確脆贵，信息組織是否具有相關(guān)性医清、邏輯性；
主題是否清晰卖氨，3秒內(nèi)告訴用戶【我】在哪里会烙，并且可以做什么；
方案的延展和后續(xù)功能規(guī)劃的可擴(kuò)展性筒捺。
用戶權(quán)限
根據(jù)不同用戶的權(quán)限對(duì)該需求進(jìn)行檢查柏腻，比如普通用戶、VIP用戶系吭、內(nèi)外網(wǎng)用戶五嫂、游客用戶，在登錄未登錄時(shí)候?qū)π枨髢?nèi)功能的使用是否有影響肯尺。
登錄方式
用戶登錄和注冊(cè)沃缘、終端的兼容（兄弟賬號(hào)管理），不同方式注冊(cè)的用戶是否需要補(bǔ)充填寫(xiě)相關(guān)信息等
流程
該需求中的功能流程是否和其他類(lèi)似或者相同功能流程保持一致性则吟；
逆向流程和非正常的思考有沒(méi)有考慮完全
流程的閉環(huán)有沒(méi)有做好槐臀；頁(yè)面跳轉(zhuǎn)的方式是否合理
中斷后的恢復(fù)狀態(tài)如何呈現(xiàn)
是否保留原信息等等
b.內(nèi)容、狀態(tài)和顯示
內(nèi)容的獲取來(lái)源
例如下方的圖片為例逾滥，banner的圖片來(lái)源和發(fā)現(xiàn)feed流的圖片來(lái)源肯定是不同但額峰档，要寫(xiě)清楚圖片或者數(shù)據(jù)的來(lái)源是來(lái)自于用戶的上傳還是系統(tǒng)后臺(tái)的配置獲取寨昙；并且獲取的方式是如何的，是需要手動(dòng)下拉刷新還是切換頁(yè)面自動(dòng)刷新掀亩，還是設(shè)定時(shí)間自動(dòng)刷新舔哪。
字段、圖標(biāo)是從接口獲取還是前端寫(xiě)死槽棍，以及氣泡展示的規(guī)則等等捉蚤。另外一張圖片可能用在多個(gè)地方抬驴，而可能呈現(xiàn)的尺寸不同，所以在涉及到相關(guān)圖片使用時(shí)要注意剪裁規(guī)則和圖片來(lái)源

image.png

image.png

手勢(shì)

分布加載

image.png

image.png

image.png

image.png

image.png