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

小梁建站專注重慶中小企業網站建設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次 | 責任編輯:重慶網站建設公司

回到頂部
二十二世纪古墓奇兵爱慕影院 幸运飞艇全天计划免费版 吉林时时计划软件下载 注册就送彩金真实网站 重庆时时彩的方法和技巧 快速时时开奖网址 赛车全天人工计划群 pk10为什么玩大就输 绝杀六码 竞彩足球比分即时比分 900彩票网站手机版 百人牛牛游戏软件 时时彩6码数字