網(wǎng)站后臺的數(shù)據(jù)表格頁面怎么設(shè)計(jì)
- 作者:新網(wǎng)
- 來源:新網(wǎng)
- 瀏覽:100
- 2018-02-24 17:31:51
網(wǎng)站后臺的數(shù)據(jù)表格頁面怎么設(shè)計(jì)?近來對這個問題關(guān)注許久,查閱了網(wǎng)上許多資料,也抽空整理了一下網(wǎng)頁端的設(shè)計(jì)規(guī)范,在此綜合起來對企業(yè)后臺的數(shù)據(jù)表格頁面作一個簡單的階段性總結(jié)。
網(wǎng)站后臺的數(shù)據(jù)表格頁面怎么設(shè)計(jì)?近來對這個問題關(guān)注許久,查閱了網(wǎng)上許多資料,也抽空整理了一下網(wǎng)頁端的設(shè)計(jì)規(guī)范,在此綜合起來對企業(yè)后臺的數(shù)據(jù)表格頁面作一個簡單的階段性總結(jié)。
<
div>表格的類型
表格是一種對數(shù)據(jù)進(jìn)行組織整理的手段。大體上可分為四類,入口型表格、設(shè)置型表格、純記錄型表格以及被動生成型表格。這四類表格對應(yīng)提供的功能以及用戶行為是有所區(qū)分的。在我所負(fù)責(zé)的簽到和工作匯報(bào)的管理后臺頁面中只包含兩類表格:設(shè)置型表格與純記錄型表格。
設(shè)置型表格
用戶使用設(shè)置型表格主要進(jìn)行的操作是快速掃視,搜索到需要進(jìn)行增、刪、改、查的內(nèi)容。簽到后臺中用到的設(shè)置型表格有(管理員對簽到規(guī)則以及人員規(guī)則進(jìn)行查看和編輯)、簽到管理員設(shè)置(管理員對簽到管理員及其權(quán)限進(jìn)行設(shè)置)。
純記錄型表格
純記錄型表格在大多數(shù)情況下只是作為一個數(shù)據(jù)的存放地而存在的。簽到后臺中用到的純記錄表格有簽到記錄表(員工及負(fù)責(zé)人查看或?qū)С鲎约旱暮灥接涗?、各類明細(xì)報(bào)表(管理員及負(fù)責(zé)人查看或?qū)С鰡T工的簽到明細(xì))。
在設(shè)計(jì)時應(yīng)該注意什么
根據(jù)不同角色用戶對表格的使用行為中可以看出,在這兩類表格設(shè)計(jì)上最重要的就是易讀性和效率。即要在保證閱讀舒適性的同時突出重要信息以便于查找。
1. 用戶的目標(biāo)是什么,而不是業(yè)務(wù)邏輯是什么
企業(yè)后臺頁面經(jīng)常會出現(xiàn)的一個問題就是數(shù)據(jù)展示的邏輯是按照業(yè)務(wù)邏輯來展示,而非用戶的角度來展示的。當(dāng)你質(zhì)疑這一點(diǎn)時,產(chǎn)品經(jīng)理還會言之鑿鑿地說“業(yè)務(wù)邏輯就是這樣的”,讓人啼笑皆非。
例如簽到記錄表,對用戶來說最重要的是「簽到狀態(tài)」這個信息,但是業(yè)務(wù)上的邏輯是先展示你的各種簽到明細(xì),最后才展示簽到狀態(tài)。因此按照業(yè)務(wù)邏輯來設(shè)計(jì)的話就會將無用信息固定在了左側(cè),用戶最關(guān)心的信息反而排列在最后一列,大大降低了使用效率。
2. 告訴用戶「你從哪里來」「你要到哪里去」
用戶在使用設(shè)置型表格和純記錄型表格時的主要目的都是檢視頁面、找到自己要操作的項(xiàng)。因此在頁面設(shè)計(jì)時要清晰地告訴用戶你現(xiàn)在在看什么,以及你關(guān)心的數(shù)據(jù)在哪里。
例如簽到記錄表,由于表格自身屬性原因,數(shù)據(jù)量大是無法避免的,用戶在查看表格時比較吃力,容易不知道自己現(xiàn)在看的是哪里,因此給這一行提供一個懸浮的狀態(tài)顯示。對于用戶關(guān)心的異常信息,可以通過標(biāo)紅等方式去展示,讓用戶在掃視過程中就能快速找到目標(biāo)。
以上就是
網(wǎng)站后臺的數(shù)據(jù)表格頁面的設(shè)計(jì)技巧以及注意事項(xiàng)。