只有精神病患者會故意讓他們的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 控件靜止不動。
·微動畫很好,但要保持動畫的簡潔和細微。
·在各種設備和連接速度上測試接口的顯示方式。