国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

原型圖的交互說(shuō)明是針對(duì)原型圖內(nèi)容元素的解釋文字，可以從宏觀和微觀兩個(gè)層面展開(kāi)分析，本文結(jié)合圖例主要說(shuō)明宏觀角度輸出交互說(shuō)明應(yīng)該注意的地方。

原型圖的交互說(shuō)明是針對(duì)原型圖內(nèi)容元素的解釋文字。

清晰準(zhǔn)確的交互說(shuō)明能夠起到以下作用：

• 減少交互設(shè)計(jì)師與產(chǎn)品上下游人員的溝通成本
• 提升協(xié)作效率
• 避免項(xiàng)目返工延期

原型圖交互說(shuō)明的輸出，可以從宏觀和微觀兩個(gè)層面展開(kāi)分析。

宏觀角度是指輸出交互說(shuō)明應(yīng)該注意的事項(xiàng)，以及應(yīng)用組件化思維提升輸出交互說(shuō)明的效率。微觀角度是指單張?jiān)蛨D應(yīng)該包含的交互說(shuō)明的具體內(nèi)容。

本文結(jié)合圖例主要說(shuō)明宏觀角度輸出交互說(shuō)明應(yīng)該注意的地方。

宏觀層面

1. 交互說(shuō)明的文字要簡(jiǎn)短精煉

這里有個(gè)坑大家注意。

估計(jì)很多交互設(shè)計(jì)師和我一樣在實(shí)際項(xiàng)目中有這樣的困惑：產(chǎn)品需求文檔里的功能點(diǎn)邏輯描述已經(jīng)相當(dāng)全面，還有必要再次寫(xiě)到原型圖的交互說(shuō)明里嗎？

這里我們需要明確：只要在交互說(shuō)明里把有關(guān)交互的主場(chǎng)景和各種狀態(tài)作簡(jiǎn)要描述即可，開(kāi)發(fā)人員如果有困惑會(huì)仔細(xì)查看PRD的。

如上圖是PRD中關(guān)于Banner功能的描述，那么在交互說(shuō)明中只需要提取出以下幾點(diǎn)：

1. 用戶點(diǎn)擊Banner圖跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面；
2. Banner圖少于2張時(shí)，不進(jìn)行自動(dòng)輪播，也不展示翻頁(yè)點(diǎn)；
3. Banner圖大于等于2張時(shí)，進(jìn)行自動(dòng)輪播，且展示對(duì)應(yīng)圖片數(shù)量的翻頁(yè)點(diǎn)；
4. Banner圖最小張數(shù)為1，最大張數(shù)為5；
5. 用戶可左右滑動(dòng)切換Banner圖片，同時(shí)Banner每隔5秒自動(dòng)輪播無(wú)限循環(huán)。

2. 頁(yè)面元素的交互說(shuō)明

頁(yè)面元素的交互說(shuō)明主要由以下模塊構(gòu)成：元素基礎(chǔ)設(shè)置、交互動(dòng)作、跳轉(zhuǎn)邏輯、限定極限值、狀態(tài)及狀態(tài)之間轉(zhuǎn)換的描述。

如下圖，仍然以上面的Banner功能點(diǎn)舉例說(shuō)明：

3. 頁(yè)面內(nèi)容盡量使用符合邏輯的真實(shí)數(shù)據(jù)

避免使用XX符號(hào)或者無(wú)關(guān)聯(lián)的數(shù)據(jù)替代，這樣寫(xiě)出的交互說(shuō)明貼近真實(shí)場(chǎng)景，容易產(chǎn)生代入感，使閱讀者清楚明確。

如下圖，搜索默認(rèn)詞、導(dǎo)航tab切、以及內(nèi)容文案都給的是上線后的真實(shí)數(shù)據(jù)。

4. 交互說(shuō)明考慮內(nèi)容元素的特殊狀態(tài)

包括極限值/錯(cuò)誤提示/判斷規(guī)則等，要在交互說(shuō)明中明確指出。

如下圖1，同一個(gè)頁(yè)面中標(biāo)題出現(xiàn)普通狀態(tài)與極限狀態(tài)；如下圖2，上傳文件的不同狀態(tài)給出相應(yīng)的文案提示并解釋說(shuō)明。

5. 交互說(shuō)明的排版布局要有助于閱讀

交互說(shuō)明有多種排版布局方式。

比如：原型圖內(nèi)容元素標(biāo)上數(shù)字放置在上方，對(duì)應(yīng)的交互說(shuō)明放置在原型圖下方；或者原型圖在左側(cè)，交互說(shuō)明在右側(cè)，有的設(shè)計(jì)師也會(huì)把元素和對(duì)應(yīng)的交互說(shuō)明用連接線連起來(lái)。

因?yàn)椴煌呐虐娌季址绞礁饔欣?，所以具體采用哪種布局方式要根據(jù)所做項(xiàng)目的情況，以及開(kāi)發(fā)人員的閱讀習(xí)慣而定。

如下圖是我平時(shí)習(xí)慣的輸寫(xiě)方式：

6. 頁(yè)面之間邏輯跳轉(zhuǎn)的關(guān)聯(lián)性需要交代清楚

比如點(diǎn)擊某個(gè)按鈕，跳轉(zhuǎn)到哪個(gè)頁(yè)面，可以在交互說(shuō)明中寫(xiě)清楚標(biāo)號(hào)或頁(yè)面名稱。

7. 交互說(shuō)明組件化

類似于設(shè)計(jì)的控件庫(kù)，我們?cè)陧?xiàng)目中寫(xiě)交互說(shuō)明寫(xiě)多了就會(huì)發(fā)現(xiàn)，既然元素可以調(diào)用控件庫(kù)快捷使用，那么該元素的交互說(shuō)明也可以歸類入庫(kù)，在需要的時(shí)候直接拿出來(lái)根據(jù)具體情況調(diào)整使用。

比如上面提到的“Banner圖交互說(shuō)明”，就可以保存一份在交互說(shuō)明庫(kù)中，等后續(xù)畫(huà)原型圖再需要時(shí)，直接調(diào)取出來(lái)根據(jù)情況微調(diào)即可。

這樣做的目的：使用時(shí)快捷調(diào)用，修改時(shí)快捷修改。

8. 頁(yè)面交互說(shuō)明建議平鋪直述，不建議使用動(dòng)態(tài)效果

原型圖的動(dòng)態(tài)效果適合頁(yè)面跳轉(zhuǎn)的演示，但不利于交互說(shuō)明的呈現(xiàn)，會(huì)給視覺(jué)設(shè)計(jì)師和開(kāi)發(fā)造成閱讀困擾。

9. 交互說(shuō)明應(yīng)該依據(jù)具體情況不斷調(diào)整完善

如果業(yè)務(wù)和產(chǎn)品臨時(shí)調(diào)整需求，或者交互評(píng)審后需要對(duì)原型稿進(jìn)行修改，則交互說(shuō)明也要進(jìn)行相應(yīng)的修改。

另外，項(xiàng)目在進(jìn)展過(guò)程中如果發(fā)現(xiàn)交互說(shuō)明有遺漏現(xiàn)象，則需要隨時(shí)補(bǔ)充完善。

微觀層面

單張?jiān)蛨D交互說(shuō)明的具體內(nèi)容，其實(shí)和交互自查表的內(nèi)容是相關(guān)聯(lián)的。

可能包含：特殊場(chǎng)景、操作與反饋、頁(yè)面狀態(tài)、數(shù)值限制條件、功能、流程、文案、動(dòng)效、控件、彈框等。這塊后續(xù)梳理了再給大家分享。

作者：Viksea，微信公眾號(hào)：Viksea（ID：viksea-ux）

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

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