中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

無線端用戶使用移動(dòng)應(yīng)用程序或網(wǎng)站都有一個(gè)特定的目標(biāo)。通常情況下，站在用戶和他的目標(biāo)之間都會(huì)有一個(gè)交互形式 – 表單。實(shí)際情況中，表單被認(rèn)為是用戶使用鏈路中達(dá)到目標(biāo)的最后一步，這就是為什么它是如此重要。所以，用戶填寫表格盡可能快沒有任何疑慮是表單交互設(shè)計(jì)的重要考慮要素。

無線端表單設(shè)計(jì)需注意的原則有如下7個(gè)：

原則1：表單的交互設(shè)計(jì)應(yīng)與用戶輸入數(shù)據(jù)的行為強(qiáng)兼容

確保表單所有字段沒有被界面中的任意元素遮擋，例如鍵盤喚起時(shí)。當(dāng)用戶完成輸入表單的某一字段，頁面位置自動(dòng)往下前進(jìn)至下一個(gè)字段更好利用有限空間。

原則2：減少輸入字段和用戶打字的交互成本

表單越長(zhǎng)越復(fù)雜用戶完成整體表單的意愿就越低 – 尤其是在小屏幕上。最大限度地減少輸入字段數(shù)，使你的表單載入更快速，尤其是當(dāng)您向用戶索取大量信息的時(shí)候保持表單越簡(jiǎn)短越好。

但只減少輸入字段的數(shù)量是不夠的 – 交互設(shè)計(jì)師還應(yīng)該注意用戶輸入成本，無線端打字有較高的交互成本。相信大家都有體驗(yàn)，手機(jī)打字很容易出錯(cuò)即便使用PC鍵盤也很難避免（觸屏輸入更是如此）。因此，盡量減少打字和防止用戶輸入錯(cuò)誤，下面是幾個(gè)小技巧：

智能缺省選項(xiàng)

智能缺省選項(xiàng)可讓用戶的表單輸入完成更快，更準(zhǔn)確。例如，根據(jù)其地理位置數(shù)據(jù)提前幫助用戶選擇用戶的地理位置信息。

平鋪單選但互斥的選項(xiàng)

當(dāng)用戶需要從選項(xiàng)列表中選擇，可以考慮使用一個(gè)水平標(biāo)簽陳列的方式，因?yàn)樗梢愿玫乩每捎玫钠聊豢臻g，也能減少用戶的輸入成本，例如時(shí)間的選擇。傳統(tǒng)的選擇交互是給一個(gè)時(shí)間選擇器，用戶需選擇小時(shí)以及分鐘。但如果我們能確認(rèn)大致時(shí)間以及范圍就可以采用如下形式：

最低/最高區(qū)間的選擇可考慮使用滑塊交互

如果是在一個(gè)區(qū)間去選擇選項(xiàng)可考慮使用滑塊方式，用戶只需要在一個(gè)設(shè)定的最低和最高值之間移動(dòng)滑塊就可以，和傳統(tǒng)下拉菜單相比大大地降低了輸入成本。對(duì)用戶而言，通過視覺的提示滑塊可以容易的橫向或縱向調(diào)節(jié)來適應(yīng)各種交互場(chǎng)景。但請(qǐng)記住，當(dāng)操作滑塊時(shí)調(diào)節(jié)軸上方的指示數(shù)字一定要給用戶清晰的提示數(shù)據(jù)變動(dòng)，這里也請(qǐng)考慮到大手指操作時(shí)候會(huì)被遮擋住的場(chǎng)景，例如：

原則3：表單中的字段標(biāo)簽要么放置在字段上部要么使用浮動(dòng)標(biāo)簽

字段標(biāo)簽告知用戶這個(gè)字段的目的，清晰易懂的字段標(biāo)簽是讓界面交互性提升的一個(gè)主要手段。

為什么你不應(yīng)該使用內(nèi)嵌標(biāo)簽（placeholder）做字段標(biāo)簽

內(nèi)嵌標(biāo)簽（或placeholder作為一個(gè)字段標(biāo)簽），是位于表單域里面的文本，當(dāng)用戶輸入的時(shí)候它會(huì)自動(dòng)消失。?

雖然內(nèi)嵌標(biāo)簽看起來不錯(cuò)，節(jié)省了寶貴的屏幕房地產(chǎn)，這些好處是迄今為止由主要可用性的缺點(diǎn)，其中最顯著其中是上下文的損失抵消。一旦用戶點(diǎn)擊文本框，標(biāo)簽將消失，因此用戶無法仔細(xì)檢查他/她寫的是什么確實(shí)是為了被寫入。占位符文本是視覺標(biāo)簽一個(gè)貧窮的替代品。

另一件事是，當(dāng)用戶看到一個(gè)文本框里面寫的，他們可能會(huì)認(rèn)為它已經(jīng)在預(yù)先填寫并可能因此忽略它。

為什么要左對(duì)齊字段標(biāo)簽對(duì)無線端表單設(shè)計(jì)是不好的

左對(duì)齊字段標(biāo)簽的主要問題涉及手機(jī)顯示屏尺寸和寬高比。如果一個(gè)左對(duì)齊標(biāo)簽在字段前面所使用的，窄屏幕離開左為場(chǎng)本身的空間非常小。這是一個(gè)創(chuàng)建可用性的問題，因?yàn)楸韱巫侄瓮ǔ２蛔銐驅(qū)?，以顯示用戶的整個(gè)輸入。不能夠看到輸入數(shù)據(jù)造成了用戶的麻煩，因?yàn)樗沟酶y為他們提交表單，從而導(dǎo)致更多的提交形式的錯(cuò)誤之前發(fā)現(xiàn)任何輸入錯(cuò)誤。這很難，如果輸入數(shù)據(jù)不完全可見現(xiàn)貨的誤差。

標(biāo)簽上方的字段或浮動(dòng)標(biāo)簽

表單標(biāo)簽應(yīng)高于表單域，使用戶可以很容易地看到他們?cè)?，為什么都盡顯。放置在標(biāo)簽上移動(dòng)領(lǐng)域以上的主要好處是，你可以有表單字段延長(zhǎng)屏幕的整個(gè)寬度，使它們足夠大，以顯示整個(gè)用戶的輸入（在一個(gè)體面的字體大小16像素一樣）。額外的好處是字跡清晰的和有意義的字段標(biāo)簽，因?yàn)槲覀儧]有做限定于1-2詞語?。

以上標(biāo)簽的主要缺點(diǎn)是，它需要更多的垂直空間，這意味著用戶必須滾動(dòng)多。然而，這并不是一個(gè)嚴(yán)重的問題 – 現(xiàn)在這是絕對(duì)自然滾動(dòng)。

另外，也可以使用浮動(dòng)標(biāo)簽，確保他們填寫了正確的外地用戶。占位符文本默認(rèn)情況下顯示，但一旦一個(gè)輸入字段被竊聽和輸入文本占位符文本淡出和頂部對(duì)齊的標(biāo)簽的動(dòng)畫。

原則4：表單輸入應(yīng)實(shí)時(shí)進(jìn)行驗(yàn)證在一個(gè)理想的世界里

用戶將填補(bǔ)必要信息的形式，并順利完成他們的工作。在現(xiàn)實(shí)世界中，用戶經(jīng)常犯錯(cuò)誤。但是，用戶在通過填寫表單只在提交找出來，他們已經(jīng)犯了一個(gè)錯(cuò)誤的過程中不喜歡。以通知提供的數(shù)據(jù)的成功/失敗的正確時(shí)間是正確的用戶提交信息后。實(shí)時(shí)在線驗(yàn)證立即通知有關(guān)用戶提供的數(shù)據(jù)的正確性。這種方法允許用戶以糾正他們做出更快的錯(cuò)誤，無需等待，直到他們按下提交按鈕查看錯(cuò)誤。

如果在一個(gè)特定的格式都需要答案，提前告知用戶，而無需額外的例子通信的征收規(guī)則（格式規(guī)范）。

內(nèi)嵌的驗(yàn)證也有助于減少硬反彈。在下面的例子中你可以看到在線驗(yàn)證，提供用于固定一個(gè)潛在的問題的解決方案的一個(gè)很好的例子。

原則5：匹配的鍵盤與所需的文本輸入框

用戶認(rèn)識(shí)到，提供適當(dāng)?shù)逆I盤用于文本輸入的應(yīng)用程序。例如，當(dāng)用戶需要輸入信用卡號(hào)碼，只顯示撥號(hào)盤，其輸入限制到數(shù)字和不字符。這將減少他們的選擇和錯(cuò)誤，并加速完成。

確保這是整個(gè)應(yīng)用程序，而不是只針對(duì)某些任務(wù)而不是其他一致的實(shí)現(xiàn)。

原則6：提供在上下文中的有用的信息

有時(shí)候，你需要有相關(guān)的，在上下文信息準(zhǔn)備協(xié)助用戶通過表單很容易移動(dòng)。但它真正需要的相應(yīng)的文字只應(yīng)該用于：

當(dāng)調(diào)度日期，用戶也喜歡像月歷范圍內(nèi)查明星期幾，無需離開應(yīng)用程序，檢查智能手機(jī)的日歷。它也降低了用戶的風(fēng)險(xiǎn)變得另一任務(wù)分心。

人可能對(duì)他們的數(shù)據(jù)的安全或隱私的關(guān)注，你需要向他們保證數(shù)據(jù)不會(huì)與第三方資源共享。

為一個(gè)經(jīng)驗(yàn)法則，不要超過解釋100個(gè)字符。

原則7：使用格式寬恕

有些任務(wù)實(shí)在是要求用戶鍵入非常精確的信息，但迫使人們提供特定格式的信息，可以在具有很好的實(shí)用性原則相抵觸。如果正在要求用戶輸入的數(shù)字信息（諸如電話號(hào)碼）轉(zhuǎn)換成一種形式，是柔性的，和設(shè)計(jì)的屏幕，可以解釋多個(gè)輸入格式和顯示的方式，很容易可掃描的信息（人類，而不是機(jī)器）中為了防止出錯(cuò)。不要使用固定的輸入格式。

結(jié)論

用戶在填寫表格的時(shí)候可能會(huì)猶豫不決，所以你應(yīng)該讓這個(gè)過程變得盡可能容易。在這篇文章中描述的所有變化可以顯著增加表格可用性。 謝謝！

譯者：楷懿

譯文地址：37點(diǎn)2度體驗(yàn)

原文地址：https://uxplanet.org/mobile-form-usability-2279f672917d#.bl230vy3o