[案例] 設置是查看還是修改?

最近做了很多設置相關的工作,期間發現一個矛盾,那就是查看與修改難以取捨。

尤其是對於包含多個維很多設置項目,例如,手機的「音量」設置可能包含靜音模式、震動模式、鈴聲音量、媒體音量、鬧鐘音量和通話音量。由於信息層次、數量較多,給設置頁面的設計帶來更大的條件。

常見網站設置

如果把手機音量設置用常見網站的形式展示出來也許是這個樣子:

相比查看參數,常見的網站設置頁面更加側重修改參數。因為這種方式將所有信息平等地鋪展出來,每一個都可以隨時修改。

好處:不用切換頁面,所見即所得。

壞處:信息展示沒有重點,看起來費力。這種方式還衍生出來一個問題,就是頁面上所有東西都是可編輯狀態,為了避免誤操作,通常使用確定取消按鈕來保存設置。

常見手機設置

綜合了一下常見手機的設置方式:

常見手機對於多維項目的設置頁面,與常見網站相比,主要有三點不同:1、將一個個多維項目從頁面上分開,必須點擊才能進入多維項目單獨的設置頁面;2、因為每一個只展示一個多維項目的設置內容,所以信息沒那麼多,不用確定取消按鈕來防止誤操作了;3、設置控制項更加簡潔清晰了。

好處:每次載入的項目不會太多,保證頁面的簡介清晰。

壞處:增加了一個層級,而且除非點入多維項目的單獨設置頁面,否則沒法看到任何參數。除此之外,手機為了簡潔而放棄了滑塊的精確性。

我的方案

我根據自己的期望設計出來的一套方案:

我的期望只有兩點:

  1. 查看的時候夠清晰

  2. 修改的時候不放棄精確性

如果用戶只想看一看該項的參數,那麼在收起狀態就能看到主要參數。如果用戶想要修改,那麼展開後他能看到該項目的單獨修改內容。這樣就兼顧了查看與修改

這個方案需要注意的是,收起狀態的關鍵詞提取。這些關鍵詞不但要選取最主要的,而且要抓住關鍵結果,而非設置方式。例如,上圖中收起狀態的的第一個關鍵詞是「振動」,而不是「靜音模式,靜音時振動」。因為不論這個振動模式是通過什麼樣的邏輯判斷出來的,用戶關心的是最終結果。

假設整個手機的設置都用這種方式,那麼看起來大概是這樣:

未經允許請勿轉載


推薦閱讀:

TAG:交互设计 | 设置 | 用户界面设计 |