二十二世纪古墓奇兵爱慕影院

小梁建站專注重慶中小企業網站建設SEO優化,讓您網站更具價值!

當前位置:首頁 > WEB前端學習 > 解析拖拽動作網頁元素經歷的5種顯示狀態

解析拖拽動作網頁元素經歷的5種顯示狀態

時間:2018-08-17 23:22 來源:重慶網站制作公司(www.l2qz.net) 作者:重慶網站建設公司

          解析拖拽動作網頁元素經歷的5種顯示狀態
 
 
 與傳統列表選中后添加刪除相比,直接拖拽的方式可減少用戶的記憶負擔,尤其元素處于多狀態變化過程中。拖拽方式實現元素狀態變化顯得更加高效。拖拽的方式依賴與視覺識別而不是用戶的記憶,實時的狀態變化,使用戶更加清楚前后變化的操作結果。
 
頁面上一個元素從初始狀態到拖拽完成共經歷了:
 
   初始狀態->選中狀態->拖拽狀態->拖拽到達放置位置狀態->松開結果狀態
 
狀態1:初始狀態
 
初始狀態
 
 
狀態2:選中狀態(開始拖動元素之前鼠標焦點處于該元素上或手機長按該元素)


選中狀態
 
 
狀態3:拖拽狀態(拖動過程鼠標或手指長按開始拖動,此時元素隨鼠標或手指一同移動)
 

拖拽狀態

 
 
狀態4:拖拽到達放置位置狀態(當手指或鼠標制定區域,拖動可放置被激活,提示用戶此時松開可完成拖動動作)
 


拖拽到達放置位置狀態
 
狀態5:松開結果狀態(拖動完成,起始位置元素被刪除,元素新增至右邊區域)
 
 

松開結果狀態
小結:
 
    
一個簡單的用戶拖拽動作包含豐富的狀態變化,在設計這些狀態變化的過程中盡量把我用戶的心里預期,揣摩用戶的心智模型,進而實現用戶的心里預期。
 
 

版權聲明:本文:解析拖拽動作網頁元素經歷的5種顯示狀態 由重慶網站制作公司(www.l2qz.net)原創內容,如需要轉載請注明原文網址:重慶網站建設公司http://www.l2qz.net/

 
喜歡看,就分享到:

圍觀: 9999次 | 責任編輯:重慶網站建設公司

回到頂部
二十二世纪古墓奇兵爱慕影院 天天2棋牌下载安装 拳皇命运特瑞一套 雄鹿2-0猛龙 app 霸王龙电子 竞彩足球比分直播 小鸡快跑老虎机试玩 比特币暴跌的受益者 5月19日的彩票幸运数字 09年ac米兰最近比赛 电竞比分数据 魔幻大财免费试玩 3d试机号走势图