在特定的操作使用環境下,一項功能會被同一個界面中其他的 UI 元素所干擾,在設計細節時,避免這些因素的干擾,即可優化使用體驗。此類細節創新的關鍵心法有兩條:
其一,交互設計要有區塊,區塊結構清晰,各元素互不干擾,這種互不干擾也可能是動態的,即用戶不進行什么操作時,各個元素不相干擾,但是執行某項操作時,其他功能可能對其形成干擾,此時需要做的細節創新就是消除此類干擾或者將干擾的影響降到最低;
其二,各功能模塊之間是有主次之分,對于重要的功能突出顯示(例如更大的操作面積、更方便的操作路徑、更突出的顏色字號等),但這種主次也應該是動態的,隨著場景變化,各功能優先級也會發生變化,此時就要做到需要功能突出的時候突出顯示、不需要突出的時候淡化顯示。
一、設計案例
1)MIUI
當我們使用手機時,從一個較亮的環境轉到一個較暗的環境,屏幕會一下子顯得太亮、太刺眼,需要調節屏幕亮度,一般情況下的習慣操作是退出當前 App,找到系統設置,調節屏幕亮度,然后再打開剛剛在使用的 App, 可這時很可能發現亮度調節并沒有達到自己預期的效果,又不得不再重復一遍以上操作。
MIUI 的亮度調節功能考慮到了這一場景,MIUI 系統中,可以直接下拉出系統工具欄,工具欄下方有一個亮度調節條,可直接調節屏幕亮度,用戶滑動調節亮度時,會隱藏整個工具框亮度調節條以外其他所有功能按鍵,直接以當前界面為背景調節亮度,亮度調節效果所見即所得!


MIUI 調節亮度時會直接以當前操作界面為背景進行調節
2)優酷
在用網頁觀看視頻時,偶爾也會想看看視頻的相關評論,將網頁往下拉查看評論,此時,要么暫停視頻以免錯過精彩內容,要么不暫停視頻只聽聲音,保持視頻的正常播放。能不能有既可以多評論,又不影響看視頻的設計方案?嗯,當然有,使用彈幕!但畢竟還有一部分用戶并不習慣使用彈幕。
在 YouTube、優酷網頁上,用戶將播放器滾動出瀏覽器可視范圍之外后,頁面上會保留一個小的播放窗口,一直懸浮在右下角,這樣既方便查看評論, 又不影響觀看進度。

優酷上播放視頻時,滾動到頁面下方查看評論等其他信息時,會有一個懸浮播放窗口繼續播放視頻內容
3)iPhone
恰當的功能布局亦能夠為用戶帶來更好的操作體驗。例如,使用 iPhone 的 3D Touch 功能時,用手指重按 App 圖標后,彈出的功能菜單會根據圖標在屏幕上的位置自動調整為向上或向下展開,此時菜單中功能項的順序則會根據菜單展開的方向自動做相應調整,以確保最靠近手指的一項始終為菜單中的第一個功能(通常是設計者認為用戶最常用到的功能)。


iPhone 3D Touch 的功菜單,會根據出現在圖標上下方的定位自動調整功能項的順序
4)iOS
iOS 7 及以后版本有一個潤物細無聲的細節設計:在非鎖屏狀態下, iPhone 頂部狀態信息欄(信號、運營商、信號類型、時間、屏幕旋轉、藍牙、鬧鐘、定位、電量等)是要比鎖屏狀態下小的在非鎖屏狀態下,時間信息顯示在頂部狀態信息欄正中間,而在鎖屏狀態下,時間信息在屏幕最顯眼位置放大顯示,還追加了日期(包括公歷和農歷)、星期信息。
這樣用戶在鎖屏狀態下就可方便地查看時間、日期、信號、信號類型、定位、電量等信息,其中時間信息最為一目了然。


仔細觀察,iPhone 在鎖屏和非鎖屏狀態下,頂部狀態信息欄的大小是不一樣的。
