現(xiàn)狀分析
目前交互設(shè)計(jì)師產(chǎn)出的原型圖缺少詳細(xì)的說明文檔，易造成溝通成本大及質(zhì)量風(fēng)險(xiǎn)，這也是我們?nèi)プ鲞@件事的初衷。
目標(biāo)及收益
1.專業(yè)輸出物，提升自身專業(yè)度
2.與開發(fā)團(tuán)隊(duì)合作更默契，減少溝通成本且盡量避免信息遺漏與理解偏差，開發(fā)團(tuán)隊(duì)可共同參考
3.界面驗(yàn)收時(shí)的清單(前端開發(fā)的demo評(píng)審項(xiàng)目功能預(yù)演項(xiàng)目測(cè)試)
4.項(xiàng)目改版或換設(shè)計(jì)師時(shí)便于查閱
說明具體內(nèi)容?
復(fù)雜頁面間邏輯操作與復(fù)雜單頁面的操作邏輯
字符限制(必填選填 字符顯示數(shù)量)
鏈接與按鈕指向
交互細(xì)節(jié)說明
校驗(yàn)
文案
需求調(diào)整
舉例
1 復(fù)雜頁面間邏輯操作與復(fù)雜單頁面的操作邏輯
(1)復(fù)雜頁面間的邏輯關(guān)系
(2)復(fù)雜單獨(dú)頁面的邏輯
2 字符限制
(1)頁面必填字段應(yīng)標(biāo)注說明，統(tǒng)一在字段前標(biāo)注“*”，選填無需特別標(biāo)注
(2)為提高空間利用率，某些表格單元格內(nèi)僅顯示預(yù)覽字段，更多信息需要滑過以tips的形式顯示全。
說明需傳達(dá)清楚：1.是否做限制2.如果限制，多少字出現(xiàn)截?cái)?.截?cái)嗪笫秋@示為省略號(hào)還是不顯示
3 鏈接與按鈕指向
(1)你需要將頁面上的每個(gè)關(guān)鍵鏈接事件或每個(gè)按鈕事件標(biāo)識(shí)清楚。它們有的指向你安排的某個(gè)頁面，有的操作產(chǎn)生了一個(gè)結(jié)果反饋……(page flow—頁面流是交互設(shè)計(jì)師的職責(zé))
(2)注意操作有時(shí)受狀態(tài)影響，也需要將其對(duì)應(yīng)關(guān)系標(biāo)注出來
4 交互細(xì)節(jié)說明
你可以在這里說明任何你想要的效果。你的合作者也只需用10分鐘時(shí)間閱讀完畢，標(biāo)注出與他工作相關(guān)的重點(diǎn)。找不到你人時(shí)隨時(shí)可做參考。(圖片來源于hedi alibaba國際站交互說明圖)
5 校驗(yàn)
表單或列表里常常會(huì)出現(xiàn)校驗(yàn)，它同樣起到引導(dǎo)用戶的作用，有沒有特殊格式限制?字?jǐn)?shù)限制?這里的觸發(fā)需不需要聯(lián)動(dòng)校驗(yàn)?如“請(qǐng)輸入正確的郵件格式“等
6 文案
(1)操作提示信息文案，如操作成功，彈出“選品表提交成功“;或引導(dǎo)提示類信息，如：
(2)字段的名稱需推敲，特別注意產(chǎn)品里相同釋義字段需統(tǒng)一;但也不能一概而論，如何時(shí)叫“貨品”，何時(shí)叫“商品”
7 需求調(diào)整
請(qǐng)標(biāo)注修改提出人、修改原因、詳細(xì)修改內(nèi)容及波及到的相關(guān)所有頁面，比如一個(gè)字段的調(diào)整可能會(huì)波及到相關(guān)很多頁面的調(diào)整
一些重要的事
完美的標(biāo)注文檔，永遠(yuǎn)無法取代面對(duì)面的溝通
文檔是為解決問題
標(biāo)注形式大家看明白即可，或者你有什么更好的經(jīng)驗(yàn)，記得分享
小項(xiàng)目或小需求，針對(duì)交互交付物規(guī)范，個(gè)人覺得不能僅僅因?yàn)闀r(shí)間而折扣，敏捷永遠(yuǎn)不能以損失質(zhì)量為前提
兩種解決方案：
1.交互設(shè)計(jì)師評(píng)估更多時(shí)間用來個(gè)人完善說明文檔
2.與前端同學(xué)根據(jù)實(shí)際情況面對(duì)面溝通落地規(guī)范取代逐一標(biāo)注
兩個(gè)角色，交互是主要撰寫者及維護(hù)者;前端開發(fā)是意見提出者與修訂者，能夠有效解決設(shè)計(jì)和前端可行性的沖突
同時(shí)感謝hedi的建議
文章來源：良無限-UED