101條UX原則 - #40 在用戶正在使用UI時,請不要讓它到處移動

只有精神病患者會故意讓他們的UI移動,迫使用戶在嘗試點按或點擊控件之后猜測會發(fā)生什么。

20世紀90年代末到21世紀初,F(xiàn)lash 在網(wǎng)絡上流行,導致許多設計師只因為他們能做,就不顧一切地引入 UI 動畫,這根本就是一個糟糕的做法。不幸的是,由于有意無意的各種因素,UI 可以并且確實會到處移動,這讓用戶感到很沮喪。

不知你是否熟悉這種場景?你打開的網(wǎng)頁正加載,但廣告元素是從另一個較慢的服務器提供的,隨著頁面加載,這些廣告的引入會“沖開”已有的頁面元素,這意味著你單擊了頁面中錯誤的地方。

這可以通過測試來解決,然后引入占位符來為緩慢加載元素保留空間,防止頁面內(nèi)容在加載時發(fā)生移動。

也許你在某個移動端的應用程序中操作,同時另一個突然彈出的通知出現(xiàn)在你的手指下,一下子讓你點到了別的東西,把你從正在用的應用中帶到了另一個應用里。所謂的“微動畫”,比如 UI 控件在出現(xiàn)時的淡入淡出,或者菜單出現(xiàn)消失的動畫,都不一定是壞事,只要它們:

·細微,以免分散用戶的注意力;

·短,以免中斷關鍵任務。

用戶正在使用UI控件元素時,不應移動位置。

我可能每周都會遇到這些錯誤,所以如果你希望用戶能控制軟件,請不要讓控件隨意移動。


知識點:

·保持 UI 控件靜止不動。

·微動畫很好,但要保持動畫的簡潔和細微。

·在各種設備和連接速度上測試接口的顯示方式。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,376評論 4 61
  • 今天晚上,四姨奶奶來看我了。四姨奶奶帶來了好多好吃的給我,然后奶奶說:“快進屋,快進屋?!蔽夷昧艘淮ㄉo...
    陳泉妡閱讀 155評論 0 0
  • 你用掉那張返回捲軸 到達的地方 卻離我們綁定的家 差了300公里 「原本跨個海峽 相距800公里 現(xiàn)在確實更近了啊...
    李夏蘋閱讀 325評論 1 1
  • 文/西柚茶續(xù)杯 01. 我喜歡她,那么她喜歡我么? 每個人都在心底反復糾結過這個問題,忐忑憂心,徘徊不前。 暗戀基...
    西柚茶續(xù)杯閱讀 804評論 0 5
  • 2010年7月19日的晚上,用QQ給你發(fā)了個消息:最近上課老是不在狀態(tài),眼睛盯著黑板,卻滿腦子都是你,我感覺我墮落...
    侯良澤閱讀 589評論 5 0

友情鏈接更多精彩內(nèi)容