案例|設(shè)置是查看還是修改?

8 評(píng)論 7501 瀏覽 21 收藏 5 分鐘

本文作者將淺析網(wǎng)站設(shè)置和手機(jī)設(shè)置,且針對(duì)“設(shè)置是查看還是修改?”的問(wèn)題提出了她的解決方案,一起來(lái)看看~

最近做了很多設(shè)置相關(guān)的工作,期間發(fā)現(xiàn)一個(gè)矛盾,那就是查看與修改難以取舍。

尤其是對(duì)于包含多個(gè)維很多設(shè)置項(xiàng)目,例如,手機(jī)的“音量”設(shè)置可能包含靜音模式、震動(dòng)模式、鈴聲音量、媒體音量、鬧鐘音量和通話音量。由于信息層次、數(shù)量較多,給設(shè)置頁(yè)面的設(shè)計(jì)帶來(lái)更大的條件。

常見(jiàn)網(wǎng)站設(shè)置

如果把手機(jī)音量設(shè)置用常見(jiàn)網(wǎng)站的形式展示出來(lái)也許是這個(gè)樣子:

相比查看參數(shù),常見(jiàn)的網(wǎng)站設(shè)置頁(yè)面更加側(cè)重修改參數(shù)。因?yàn)檫@種方式將所有信息平等地鋪展出來(lái),每一個(gè)都可以隨時(shí)修改。

  • 好處:不用切換頁(yè)面,所見(jiàn)即所得。
  • 壞處:信息展示沒(méi)有重點(diǎn),看起來(lái)費(fèi)力。這種方式還衍生出來(lái)一個(gè)問(wèn)題,就是頁(yè)面上所有東西都是可編輯狀態(tài),為了避免誤操作,通常使用確定取消按鈕來(lái)保存設(shè)置。

常見(jiàn)手機(jī)設(shè)置

綜合了一下常見(jiàn)手機(jī)的設(shè)置方式:

常見(jiàn)手機(jī)對(duì)于多維項(xiàng)目的設(shè)置頁(yè)面,與常見(jiàn)網(wǎng)站相比,主要有三點(diǎn)不同:

  1. 將一個(gè)個(gè)多維項(xiàng)目從頁(yè)面上分開(kāi),必須點(diǎn)擊才能進(jìn)入多維項(xiàng)目單獨(dú)的設(shè)置頁(yè)面;
  2. 因?yàn)槊恳粋€(gè)只展示一個(gè)多維項(xiàng)目的設(shè)置內(nèi)容,所以信息沒(méi)那么多,不用確定取消按鈕來(lái)防止誤操作了;
  3. 設(shè)置控件更加簡(jiǎn)潔清晰了。
  • 好處:每次載入的項(xiàng)目不會(huì)太多,保證頁(yè)面的簡(jiǎn)介清晰。
  • 壞處:增加了一個(gè)層級(jí),而且除非點(diǎn)入多維項(xiàng)目的單獨(dú)設(shè)置頁(yè)面,否則沒(méi)法看到任何參數(shù)。除此之外,手機(jī)為了簡(jiǎn)潔而放棄了滑塊的精確性。

我的方案

我根據(jù)自己的期望設(shè)計(jì)出來(lái)的一套方案:

我的期望只有兩點(diǎn):

  1. 查看的時(shí)候夠清晰
  2. 修改的時(shí)候不放棄精確性

如果用戶只想看一看該項(xiàng)的參數(shù),那么在收起狀態(tài)就能看到主要參數(shù)。如果用戶想要修改,那么展開(kāi)后他能看到該項(xiàng)目的單獨(dú)修改內(nèi)容。這樣就兼顧了查看與修改。

這個(gè)方案需要注意的是,收起狀態(tài)的關(guān)鍵詞提取。這些關(guān)鍵詞不但要選取最主要的,而且要抓住關(guān)鍵結(jié)果,而非設(shè)置方式。例如,上圖中收起狀態(tài)的的第一個(gè)關(guān)鍵詞是“振動(dòng)”,而不是“靜音模式,靜音時(shí)振動(dòng)”。因?yàn)椴徽撨@個(gè)振動(dòng)模式是通過(guò)什么樣的邏輯判斷出來(lái)的,用戶關(guān)心的是最終結(jié)果。

假設(shè)整個(gè)手機(jī)的設(shè)置都用這種方式,那么看起來(lái)大概是這樣:

 

作者:Z Yuhan

來(lái)源:https://zhuanlan.zhihu.com/p/26755332?group_id=844254583084679169

本文由 @Z Yuhan 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 操作音量大小,具體數(shù)值不是用戶注意的重點(diǎn),是非必要信息,加上之后反而有點(diǎn)畫(huà)蛇添足,個(gè)人愚見(jiàn)

    回復(fù)
    1. 贊同

      來(lái)自上海 回復(fù)
  2. 列表式的交互讓信息的展示較為擁擠,用戶的視覺(jué)負(fù)荷較大,作為用戶我其實(shí)更偏向于圖形化的頁(yè)面

    來(lái)自四川 回復(fù)
  3. :mrgreen:

    來(lái)自廣東 回復(fù)
  4. 界面布局體驗(yàn)看著有點(diǎn)不舒服,如果小屏幕,怎么容納次要部分的數(shù)據(jù)資料。(個(gè)人看法)

    來(lái)自福建 回復(fù)
  5. 思路清晰,分析到位,目標(biāo)明確,一擊而中

    來(lái)自北京 回復(fù)
    1. 個(gè)人不太認(rèn)同,這些信息本身就是歸屬設(shè)置的功能。
      1.從用戶需求角度來(lái)說(shuō),這塊信息并不??矗瑢?duì)某些數(shù)據(jù)的精確度也不敏感,更多只是為了設(shè)置而設(shè)置,并非為了查看而設(shè)置。
      2.所以何不通過(guò)簡(jiǎn)潔的界面來(lái)提升用戶體驗(yàn)?zāi)兀?/p>

      回復(fù)