交互設(shè)計(jì)是一個(gè)復(fù)雜的工程，在實(shí)施過(guò)程中即使是有經(jīng)驗(yàn)的交互設(shè)計(jì)師也難免疏漏。而結(jié)果就是被開(kāi)發(fā)、產(chǎn)品等diss，甚至被質(zhì)疑專(zhuān)業(yè)性。
為此我查閱了很多專(zhuān)業(yè)設(shè)計(jì)的總結(jié)，可總覺(jué)得不“順手”。本著“實(shí)用才是硬道理的原則”此，站在巨人的肩上，總結(jié)了以下的交互設(shè)計(jì)自查清單（僅限于Web端交互說(shuō)明部分）。
這次分享的是1.0版本，以后還會(huì)繼續(xù)迭代。我把交互說(shuō)明部分內(nèi)容總結(jié)為三方面前置條件、數(shù)據(jù)展示、交互說(shuō)明分別對(duì)應(yīng)了who、what、how三個(gè)問(wèn)題。
Who丨前置條件
前置條件，回答了當(dāng)前頁(yè)面誰(shuí)能看到的問(wèn)題，主要是用戶(hù)賬號(hào)的登錄狀態(tài)及頁(yè)面狀態(tài)。
舉個(gè)栗子，大魚(yú)想開(kāi)車(chē)去西藏玩，前置條件是他有駕照且在有效期內(nèi)（未扣滿(mǎn)12分）。
What丨 數(shù)據(jù)展示
數(shù)據(jù)展示，回答了用戶(hù)能看到的是什么的問(wèn)題。
告訴用戶(hù)Ta在哪：大魚(yú)抬頭看見(jiàn)路牌知道自己出了上海。為了讓用戶(hù)清楚自己所處的位置，必須告訴Ta所處的頁(yè)面，這樣Ta才不會(huì)“慌張”。
看到的內(nèi)容是什么：不同路段對(duì)車(chē)速、車(chē)型的限制不一樣，開(kāi)車(chē)的看得懂。所以需要告訴開(kāi)發(fā)不同字段分別是什么意思、顯示區(qū)域、以及規(guī)則如何等。
看到的內(nèi)容從何來(lái)：大魚(yú)看到了一個(gè)廣告牌，當(dāng)然這個(gè)是商家出錢(qián)做的。在設(shè)計(jì)工作的對(duì)接中有必要跟開(kāi)發(fā)定義清楚數(shù)據(jù)從何而來(lái)。
How丨 交互說(shuō)明
交互說(shuō)明，回答了能做什么的問(wèn)題。主要包括觸發(fā)對(duì)象、操作行為、交互結(jié)果三方面。
繼續(xù)沿用簽名的例子，大魚(yú)餓了，停車(chē)去吃飯。
觸發(fā)對(duì)象：車(chē)門(mén)是觸發(fā)對(duì)象。在產(chǎn)品中就是用戶(hù)操作的控件，可以是按鈕、導(dǎo)航、輸入/選擇框。
操作行為：下車(chē)關(guān)車(chē)門(mén)是行為。在產(chǎn)品中就是操作手勢(shì)如單擊、右擊等。
交互結(jié)果：車(chē)門(mén)“咔”的一聲關(guān)上了是交互結(jié)果。在產(chǎn)中就是表單校驗(yàn)、操作成功、失敗的提示等。
更多詳細(xì)的內(nèi)容請(qǐng)移步看思維導(dǎo)圖。
每日精進(jìn)，盡心致勝。我是大魚(yú)醬，6月每周更一篇，這是2018年的第17篇文章。感謝您的關(guān)注和閱讀。
