|
此外，拖動的目標模塊包含了以下界面元素（Actor)，用于展示以上交互事件的種種有趣的瞬間，他們分別是：
- 頁面（靜態(tài)文字，圖片）Page (static text, images provided)
- 光標（Cursor）
- 工具提示（Tool Tip）
- 模塊（Drag module）
- 模塊存放區(qū)（Drag module’s Parent Container）
- 模塊放置區(qū)（Drop Target）
針對每個界面元素所表現(xiàn)的交互事件不同，我們就可以得到很多有趣的交互瞬間，如以下表格所示：
細心的你也許會發(fā)現(xiàn)，為什么這里只列舉了少數(shù)的事件和元素，而沒有都列舉出來。其實這是因為部分特殊的交互事件非常復雜，很難一一列舉。僅僅“拖動進入到無效的區(qū)域”這個交互事件就有很多種情況，比如：把模塊拖動到瀏覽器地址欄里的情況；把模塊移動到toolbar下方時的情況；還有“移動模塊到有效的區(qū)域”過程中，該有效區(qū)內(nèi)的模塊會被擠到其他的區(qū)域內(nèi)，什么時候作為判斷來移動呢？嘗試后你會發(fā)現(xiàn)當被拖動模塊超出了原有模塊尺寸的1/2時，就會發(fā)生跳轉等等。
由這個例子我們不難看出要設計美好的瞬間，要做到以下幾點：
- 關注分秒的響應（比如說我們要考慮到頁面的加載效果）
- 關注微妙的細節(jié)（鼠標hover上去的光標顯示效果，移到哪里顯示等等）
- 想象各種可能性
瞬間設計
View more presentations from rosa qin.
原文：http://ued.taobao.com/blog/2009/12/20/design_interesting_moments1/
本文鏈接：http://m.95time.cn/design/doc/2009/7293.asp 
出處：Taobao.com UED Team
責任編輯：bluehearts
上一頁 瞬間的設計 [1] 下一頁
|
第 1 頁 
第 2 頁 瞬間的設計 [2]
