交互設(shè)計是一個復(fù)雜的工程定躏,在實施過程中即使是有經(jīng)驗的交互設(shè)計師也難免疏漏。而結(jié)果就是被開發(fā)购披、產(chǎn)品等diss杖挣,甚至被質(zhì)疑專業(yè)性。
為此我查閱了很多專業(yè)設(shè)計的總結(jié)刚陡,可總覺得不“順手”惩妇。本著“實用才是硬道理的原則”此,站在巨人的肩上筐乳,總結(jié)了以下的交互設(shè)計自查清單(僅限于Web端交互說明部分)歌殃。
這次分享的是1.0版本,以后還會繼續(xù)迭代蝙云。我把交互說明部分內(nèi)容總結(jié)為三方面前置條件氓皱、數(shù)據(jù)展示、交互說明分別對應(yīng)了who勃刨、what波材、how三個問題。
Who丨前置條件
前置條件身隐,回答了當前頁面誰能看到的問題廷区,主要是用戶賬號的登錄狀態(tài)及頁面狀態(tài)。
舉個栗子贾铝,大魚想開車去西藏玩隙轻,前置條件是他有駕照且在有效期內(nèi)(未扣滿12分)埠帕。
What丨 數(shù)據(jù)展示
數(shù)據(jù)展示,回答了用戶能看到的是什么的問題玖绿。
告訴用戶Ta在哪:大魚抬頭看見路牌知道自己出了上海搞监。為了讓用戶清楚自己所處的位置,必須告訴Ta所處的頁面镰矿,這樣Ta才不會“慌張”。
看到的內(nèi)容是什么:不同路段對車速俘种、車型的限制不一樣秤标,開車的看得懂。所以需要告訴開發(fā)不同字段分別是什么意思宙刘、顯示區(qū)域苍姜、以及規(guī)則如何等。
看到的內(nèi)容從何來:大魚看到了一個廣告牌悬包,當然這個是商家出錢做的衙猪。在設(shè)計工作的對接中有必要跟開發(fā)定義清楚數(shù)據(jù)從何而來。
How丨 交互說明
交互說明布近,回答了能做什么的問題垫释。主要包括觸發(fā)對象、操作行為撑瞧、交互結(jié)果三方面棵譬。
繼續(xù)沿用簽名的例子,大魚餓了预伺,停車去吃飯订咸。
觸發(fā)對象:車門是觸發(fā)對象。在產(chǎn)品中就是用戶操作的控件酬诀,可以是按鈕脏嚷、導(dǎo)航、輸入/選擇框瞒御。
操作行為:下車關(guān)車門是行為父叙。在產(chǎn)品中就是操作手勢如單擊、右擊等肴裙。
交互結(jié)果:車門“咔”的一聲關(guān)上了是交互結(jié)果高每。在產(chǎn)中就是表單校驗、操作成功践宴、失敗的提示等鲸匿。
更多詳細的內(nèi)容請移步看思維導(dǎo)圖。
每日精進阻肩,盡心致勝带欢。我是大魚醬运授,6月每周更一篇,這是2018年的第17篇文章乔煞。感謝您的關(guān)注和閱讀吁朦。