- 相關(guān)推薦
常用得表單樣式設(shè)計(jì)方式
各種各樣形式的表單服務(wù)于用戶提交信息，那么我們?cè)趺礃釉O(shè)計(jì)可以是用戶更好的使用?
模態(tài)
簡(jiǎn)單的模態(tài)適用于低復(fù)雜性和有限輸入的表單。模態(tài)通常易于實(shí)現(xiàn)，且用戶的體驗(yàn)很直觀。但是，復(fù)雜的交互需要其他的模態(tài)，而彈層(popover)可能會(huì)導(dǎo)致用戶犯錯(cuò)。此外，模態(tài)會(huì)阻止用戶與應(yīng)用的其他內(nèi)容進(jìn)行交互直到關(guān)閉。
所以更長(zhǎng)的表單應(yīng)考慮使用單獨(dú)頁(yè)面，并支持在條目的上下文中進(jìn)行內(nèi)嵌編輯。
多模態(tài)
多模態(tài)表單呈現(xiàn)可拖拽窗口的樣式，允許用戶一次與多個(gè)表單進(jìn)行交互(無(wú)需關(guān)閉)，用戶可以拖動(dòng)查看模態(tài)窗口下面的信息。多模態(tài)允許高級(jí)用戶同時(shí)處理大量信息，并且不用打開多個(gè)視圖或?yàn)g覽器選項(xiàng)卡等等。
但對(duì)于新手來(lái)說(shuō)，這種呈現(xiàn)方式可能會(huì)有問(wèn)題，因?yàn)樗麄兛赡軙?huì)感到迷失或者導(dǎo)致錯(cuò)誤操作。
滑出
滑出表單一般在主視窗的局部位置滑動(dòng)出現(xiàn)，或者推出能適應(yīng)表單格式的內(nèi)容模塊。和模態(tài)一樣，滑出的內(nèi)容是與上下文存在關(guān)系的，允許用戶在主視窗中查看參考信息。因?yàn)榛瞿K通常占用了整個(gè)窗口的高度，所以允許承載較長(zhǎng)的表單內(nèi)容。
彈層
彈層表單非常適合快速編輯和輸入，彈層一般出現(xiàn)在對(duì)應(yīng)相關(guān)數(shù)據(jù)的上下文中，所以用戶不會(huì)在應(yīng)用程序中迷失它們的位置。
內(nèi)嵌
內(nèi)嵌表單允許用戶直接在數(shù)據(jù)呈現(xiàn)的地方進(jìn)行簡(jiǎn)單輸入和編輯，不會(huì)跳轉(zhuǎn)到其他視圖界面。內(nèi)嵌表單兼具編輯和閱讀模式，輸入內(nèi)容可以在用戶與各個(gè)字段交互時(shí)進(jìn)行編輯和自動(dòng)保存。
可編輯表單
像內(nèi)嵌表單一樣，可編輯表單允許用戶直接在數(shù)據(jù)顯示的地方編輯數(shù)據(jù)。對(duì)于表格數(shù)據(jù)的輸入，如在電子表格或發(fā)票行項(xiàng)目的情況下是非常好的。這對(duì)于表格數(shù)據(jù)的輸入(如在電子表格或發(fā)票條目)是非常好的。
接替
接替模式使用戶能夠與復(fù)雜的表單交互，同時(shí)能夠快速返回到之前的視圖。
接替對(duì)于輸入內(nèi)容項(xiàng)無(wú)需后續(xù)視圖直接展現(xiàn)的系統(tǒng)級(jí)數(shù)據(jù)是非常好的。
向?qū)?/p>
向?qū)г试S用戶按順序逐步填寫信息，它非常適用于用戶在操作完成后就不再參與的復(fù)雜表單。當(dāng)用戶需要經(jīng)歷一個(gè)陌生的過(guò)程時(shí)，就應(yīng)該使用向?qū)�。因�(yàn)橛脩羰褂孟驅(qū)П韱蔚某杀靖呱踔疗洳僮饔悬c(diǎn)不領(lǐng)人情，它通常會(huì)有糟糕的用戶體驗(yàn)。
分段表單
分段表單非常適用于復(fù)雜信息的輸入。用戶可以享受表單的完整上下文，而不是像向?qū)б粯拥亩囗?yè)表單。
用戶可以自由地而非線性地填寫整個(gè)表單中的信息，為用戶提供更多的靈活性。
拖放
雖然不是典型的表單，但是拖放編輯器允許用戶從預(yù)定義的輸入中選擇并將其拖動(dòng)到所見(jiàn)即所得的內(nèi)容模塊中。通過(guò)模仿物理世界，其主要的交互形式為輸入增添了一種樂(lè)趣。
所見(jiàn)即所得
所見(jiàn)即所得編輯器被用于文本編輯，如Microsoft Word、MailChimp電子郵件創(chuàng)建、SquareSpace網(wǎng)站發(fā)行商等。所見(jiàn)即所得編輯器允許用戶無(wú)需了解HTML、CSS和JS就能創(chuàng)建豐富的內(nèi)容。
填寫空白
有時(shí)可用性可以忽略美學(xué)和有趣的互動(dòng)，而不會(huì)造成用戶體驗(yàn)不佳。
在句子或段落中空白處輸入的表單，讓用戶使用預(yù)設(shè)的結(jié)構(gòu)來(lái)完成語(yǔ)句。
對(duì)話式用戶界面及其未來(lái)
對(duì)話用戶界面(CUI)通常由響應(yīng)于自由形式語(yǔ)音或文本輸入的“機(jī)器人”組成。機(jī)器人響應(yīng)或提供進(jìn)一步的表單控件來(lái)解決用戶請(qǐng)求。機(jī)器學(xué)習(xí)已被用于更好地解釋輸入和定制響應(yīng)。
對(duì)話用戶界面已在大肆宣傳，許多設(shè)計(jì)師認(rèn)為CUI是Web表單的未來(lái)。WeChat的成功為對(duì)話式界面的普及性提供了可信度。然而，正如Yunnuo Cheng和Jakob Nielsen指出的那樣，WeChat產(chǎn)品的優(yōu)勢(shì)來(lái)自于其熟悉而方便的用戶界面，而不是其對(duì)話用戶界面。
CUI有許多可用性問(wèn)題，包括：缺乏可發(fā)現(xiàn)性，以及肆意的任務(wù)路徑。CUI的同質(zhì)性并不是表單設(shè)計(jì)的未來(lái)，而是許多聊天應(yīng)用程序的未來(lái)，這些應(yīng)用程序圍繞這種收集輸入方式發(fā)現(xiàn)了一個(gè)契機(jī)。
我期待著將CUI與豐富的圖形界面融為一體的設(shè)計(jì)。迷你嵌入式應(yīng)用程序可以基于用戶的輸入來(lái)呈現(xiàn)，這可以產(chǎn)生可能獨(dú)立于聊天框的更大應(yīng)用程序�；虍�(dāng)用戶在應(yīng)用程序中迷失時(shí)，也可能使用CUI。
隨著數(shù)據(jù)輸入變得標(biāo)準(zhǔn)化、OCR功能增加、軟件自動(dòng)化處理，許多原有表單形式將被淘汰。但是，始終需要一個(gè)用戶界面。我希望這些不同的表單可以幫助您構(gòu)建更好的應(yīng)用程序。讓我知道我錯(cuò)過(guò)了什么。
【常用得表單樣式設(shè)計(jì)方式】相關(guān)文章：
寫作文用得到的名言12-28
社會(huì)實(shí)踐表單位意見(jiàn)08-25
催辦函樣式06-03
離婚協(xié)議樣式09-20
案例分析報(bào)告范文樣式12-30
常消毒簡(jiǎn)報(bào)12-23
廣告合同樣式04-12
聘用合同通用樣式06-29
離婚協(xié)議樣式5篇09-20
教育教學(xué)自查報(bào)告樣式06-30