DIV CSS 佈局教程網

網頁制作Poluoluo文章簡介：交互設計表格.

說：在一個房間裡丟了一根針，你需要找到它，你會用什麼辦法？
答：掃把；吸鐵；放大鏡。。。粉筆。。。
Ok，使用粉筆？請看下圖↓

劃分區塊，每個找過的地方做個標志。可能不是很快找到，但絕對有效。表格能確保我們不遺漏。

———————————————————————

說：2個山，能組成幾個字 ？
答：出，屾，王。。。（我繼續想想）
Ok，我們使用表格。

正常的應該都出來了吧。不是每個人都才思敏捷，但表格能幫我們窮舉，得出正確結果。

———————————————————————-

回到主題，我們說說交互設計表格。
先說交互設計師的煩惱：
你是不是常常覺的狀態沒有考慮全，一遍一遍的琢磨？
你是不是常常覺的跟需求方交流費盡口舌，對方還糊塗？
你是否常常一個接一個的場景描述，且大部分都是重復的文字？
Ok，我們來看下交互設計表格能否解決我們的大部分煩惱。

表格說明：劃分2個緯度——頁面元素和用戶行為。最左邊一列是頁面可見元素（包括光標）；最上面一行，是用戶的行為（盡量按操作流程）。中間交叉的為場景描述。

 舉例分析：客戶端的二級登錄

針對以上內容，交互設計表格（只針對交互內容）如下↓：

表格中提到的狀態圖如下：

↓圖例1：未行動

↓圖例2：請您輸入用戶名

↓圖例3：X密碼有誤，請重新輸入

↓圖例4：正在登錄

↓圖例5：！超時，請重新登錄!

———————————————————————–

此方式，在工作中，運行良好。利於檢測和交流。

ok，希望交互設計表格能對你也有幫助。

———————————————-更多相應細節，將在今後項目中總結————————-