亚洲一区二区三区无码久久,亚洲精品无码专区在线在线播放

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

數(shù)據(jù)錄入控件應(yīng)該如何應(yīng)用？

Ychen

2021-03-02

0 評論 5221 瀏覽 20 收藏

11 分鐘

編輯導(dǎo)語：在設(shè)計的工作內(nèi)容中，數(shù)據(jù)輸入占據(jù)很大的比重。本文作者結(jié)合真實場景下，以實際需要找合適的控件匹配方案。通過實際的操作和分析，為我們總結(jié)了數(shù)據(jù)錄入控件應(yīng)該如何應(yīng)用。

數(shù)據(jù)輸入在本職的日常工作設(shè)計系統(tǒng)是出現(xiàn)頻次最高的元素，常態(tài)化的信息錄入方式，猶如吃飯拿筷子，那么的得心應(yīng)手。

概述：就是將需要的符合規(guī)則的數(shù)據(jù)填空（方式有多種：手動錄入、上傳、選擇等）進入對應(yīng)的控件，提交后得到一個反饋結(jié)果。那么數(shù)據(jù)輸入的過程就算是結(jié)束了。

數(shù)據(jù)輸入方式有很多種：

基本形式：最最常用的是輸入框（input）、下拉選擇框（select）、日期選擇器（date），以及搭配的單選（radio）和多選（checkbox）。
自定義形式：單一不能完全滿足實際操作應(yīng)用，大多情況下會將呈現(xiàn)組合型使用。輸入框+選擇框、輸入框+日期選擇器、

基礎(chǔ)樣式就是標(biāo)題+輸入框：

數(shù)據(jù)錄入控件的應(yīng)用

自定義樣式：是在基礎(chǔ)樣式的基礎(chǔ)之上，根據(jù)業(yè)務(wù)需要、場景要求，衍生出其他類多種樣式形態(tài)（必填/非必填、短/長文本、關(guān)鍵字匹配選項）。

設(shè)計樣式不單一，依然是從真實的產(chǎn)品設(shè)計業(yè)務(wù)出發(fā)，清楚使用群體的特征，考慮多種場景，更多可能性的設(shè)計，來選擇符合要求的數(shù)據(jù)輸入控件，滿足使用者動態(tài)的操作。

比如說搜索框，基本樣式滿足主流群體的使用，對于“骨灰級”專家的用戶，會有相對應(yīng)的高級檢索模式。

設(shè)計原則：表意清晰，注釋要簡潔。

依然是遵循基本的界面設(shè)計原則，在web端以左右布局（左標(biāo)題有控件），優(yōu)先級、操作形式的劃分，其次從業(yè)務(wù)場景的需要去考慮主流的用戶的慣用操作行為，先手動輸入后選擇的方式，排列輸入控件的先后順序，目的也是幫助用戶快速檢索所需內(nèi)容。

數(shù)據(jù)錄入控件的應(yīng)用

一、需要用戶自己手動輸入的

1. 輸入框

一般是由用戶主動發(fā)起，用來獲取對象信息，常用于查詢模塊。

數(shù)據(jù)錄入控件的應(yīng)用

1）短文本

一般不會單獨出現(xiàn)，以單行的形式，較少的字符數(shù)量，并伴有默認(rèn)文本，為用戶指明該文本框輸入的內(nèi)容類型：

樣式：標(biāo)簽名+輸入框+默認(rèn)提示文本
位置：查詢模塊、新建內(nèi)容、填寫表單

2）長文本

依舊不會單獨出現(xiàn)，相對短文本的長度而言，錄入長篇幅的文本，詳情細(xì)述或是注釋說明，也不會太長，依然做字?jǐn)?shù)限制。應(yīng)用的場景較少：

樣式：標(biāo)簽名+文本域+字?jǐn)?shù)標(biāo)示
位置：一般出現(xiàn)在詳情編輯里

2. 搜索框

也是由用戶發(fā)起，輸入框的變體形式，主要用于查詢模塊、檢索篩查信息。

數(shù)據(jù)錄入控件的應(yīng)用

1）查詢模塊搜索

與其他查詢條件共處。此類搜索旨在操作者對目標(biāo)患者信息有個模糊印象，一般記得醫(yī)生的名字較多，進一步縮小信息范圍。

樣式：輸入框+默認(rèn)提示文案
位置：一般放置在查詢模塊的最左邊第一個

2）單獨的搜索模塊

此類搜索在一般系統(tǒng)內(nèi)應(yīng)用的比較少（搜索本身是個復(fù)雜的業(yè)務(wù)），能不采用就不采用。

但在醫(yī)療數(shù)據(jù)復(fù)雜、層級深度高，一般查詢只能應(yīng)用在清晰記得目標(biāo)信息的情況下，很快就定位到信息可以用。對于信息模糊的就需要應(yīng)用到高級搜索。

高級搜索將多個單一的搜索條件通過優(yōu)先級、邏輯關(guān)系的排列，組合成一個復(fù)雜的篩選過程，通過這個條件再找到目標(biāo)數(shù)據(jù)信息。從操作成本、開發(fā)復(fù)雜程度、服務(wù)器壓力：

樣式：輸入框+默認(rèn)提示文案+搜索按鈕+高級搜索文字按鈕
位置：單獨開一頁

二、只需用戶選擇某些選項的

1. 下拉選擇框

給用戶一個既定的選擇范圍中選擇：

數(shù)據(jù)錄入控件的應(yīng)用

1）一般選擇框

對數(shù)據(jù)查詢條件的狀態(tài)選擇，一般若干個狀態(tài)，單選項，選項一般不會超過5個；

樣式：標(biāo)簽名+下拉框；
位置：這類形式一般存在于查詢模塊的查詢條件里，或者是在其他內(nèi)容里的篩選條件里。

2）組合應(yīng)用1

應(yīng)用在選擇數(shù)據(jù)多情況下，此時單以下拉框沒辦法很好的從多選項中找出目標(biāo)選項，那么就需要用戶輸入內(nèi)容匹配選項，且下拉選項列表高度限定最高度，超出部分，可提供滑動條。

樣式：標(biāo)簽名+輸入框+下拉框；
位置：在查詢模塊里、新建內(nèi)容里、內(nèi)容編輯內(nèi)，都有存在。依據(jù)實際業(yè)務(wù)的需要，不同場景之下應(yīng)用。

3）組合應(yīng)用2

一般選擇項的變體，唯一的差別在于可以多選，在選擇框內(nèi)會顯示當(dāng)前的多個選擇項：

樣式：標(biāo)簽+輸入框+下拉框；
位置：查詢模塊里、內(nèi)容編輯里，以及其他條件篩選里。

2. 級聯(lián)選擇器

下拉選擇的變體，對選擇列表項增加層級關(guān)系，一組有關(guān)聯(lián)的并且有層級結(jié)構(gòu)的數(shù)據(jù)集合，多數(shù)應(yīng)用在備注患者地址信息省市區(qū)、相關(guān)的醫(yī)學(xué)分類科室等等。

為方便錄入患者的基本信息，選擇比手錄更方便；當(dāng)數(shù)據(jù)信息龐大，只提供選擇就不方便操作者操作，這時再提供手動錄入就更高效了。

數(shù)據(jù)錄入控件的應(yīng)用

1）一般應(yīng)用

數(shù)據(jù)少，且清晰的層級結(jié)構(gòu)的選擇選項，可以通過級聯(lián)選擇逐級查看選擇：

樣式：標(biāo)簽名+級聯(lián)選擇框
應(yīng)用位置：詳細(xì)地址信息、層級關(guān)系清晰的數(shù)據(jù)內(nèi)容

2）組合應(yīng)用

數(shù)據(jù)量大，手動選擇時間長，輔助增加手動輸入，快捷的搜索選擇項；當(dāng)選中某一級的時候，可以考慮動態(tài)加載該級下的選項：

樣式：標(biāo)簽名+搜索框+級聯(lián)選擇
應(yīng)用位置：與上一個差異在于數(shù)據(jù)量的大小

3. 樹選擇器

也是下拉選擇的變體，清晰的層級關(guān)系，以樹形結(jié)構(gòu)呈現(xiàn)。

數(shù)據(jù)錄入控件的應(yīng)用

一級下拉列表不能滿足對層級結(jié)構(gòu)要求很清晰的數(shù)據(jù)進行查詢，因此需要將其列表數(shù)據(jù)多級展示。查詢外科科室下的普通外科專業(yè)的數(shù)據(jù)信息，就有層級結(jié)構(gòu)關(guān)系了。

比如說查詢某醫(yī)療數(shù)據(jù)資料，這個資料的從屬關(guān)系的準(zhǔn)確性要求高，文書資料（住院和門診病歷）、處方（中藥和西藥處方），再如醫(yī)囑（住院和門診醫(yī)囑）等等，會將其分類；同時就需要查詢好幾個資料，住院病歷、住院醫(yī)囑，西藥處方等，就需要不同分類的不同層級的組合查詢。