繼之前架構基本介紹後,離設計表單越來越接近了,但在設計表單之前,我們必須先瞭解控制項的功能,才能設計出符合需求的表單。
打開設計表單頁面,點開控制項列表,可以看到如(圖1)之控制項列表。大致上可分為三部分:
輸入、物件、容器。
|
圖1 |
下列控制項介紹,分別列出Icon(圖片)、名稱(該控制項名稱)、功能(該控制項作用)、範例(該控制項呈現的樣式)
控制項-輸入
在輸入控制項這部分,主要是給使用者填寫表單時,引導使用者輸入設計者預期得到的結果,如常見的「下拉式清單方塊」,則是引導使用者只能選擇該清單的內容選項。
|
圖2
|
|
圖3 |
|
圖4 |
控制項-物件
物件控制項,讓使用者觸發物件,而執行其他事件,如使用者點選「超連結」,則會執行連結的目標點。
|
圖5 |
控制項-容器
在容器控制項部分,主要讓設計者引導使用者在該區塊填入什麼類別的資料,且在該區塊內可執行那些命令。
- 區段-功能較像群組,可避免填寫其他欄位的值,而造成資料錯誤。
- 選擇性區段-顧名思義,是屬於選擇性填寫,可以在該區段放入欲給使用者填寫的控制項,使用者若欲填寫此部分資料,則可點開此區段進行填寫,也可將該區段移除,畫面則會復原到原始畫面,原有填寫的資料也將一併清除。(此功能常用於網站填寫資料時,選填興趣、運動‧‧‧等。)
|
圖6 |
- 重複區段-設計者可在重複區段內放入控制項,使用者點選插入新項目時,則會依據設計者所放入的控制項欄位,接續新增一個內有相同控制項區段;反之,使用者也可刪除新增的重複區段。此部分相較於選擇性區段不同之處,選擇性區段只有兩種選擇─填或不填;而重複區段則原始會先有一個區段,再依使用者需求新增或刪除區段。(此功能常用於人力銀行給會員填寫曾經待過的公司。)
|
圖7 |
- 重複表格-概念類似於重複區段,只是將區段換成表格,而此內容是依據欄位做填寫,進而做新增或刪除的動作。(此功能常用於人事資料表,新進員工基本資料新增、離職員工資料刪除。)
|
圖8 |
- 選擇群組-此設計理念是可新增兩組或多組群組,提供於使用者較多替代方案。(此功能常用於填寫基本資料時,可選擇家用電話或公司電話...等。)
|
圖9 |
|
圖10 |
※若未來欲在Form Service以網頁方式呈現,則只能使用 * 號部分;非 * 號部分會造成轉譯失敗,以空白或文字方塊呈現。
※新手上路,如有謬誤,請不吝指正