歡迎來(lái)到(dào)深圳市博易美科技≥≤✔∑有限公司網站(zhàn)！
您當前的(de)位置:深圳APP開(kāi)發 > 新聞資訊 > APP開(kāi)發資訊 >
人(rén)
已閱讀(dú)

APP開(kāi)發中表單頁面的(de)設計(≥♦←↕jì)注意事(shì)項

來(lái)源：lexintech.com    →©≠   發布時(shí)間(jiān)：2019-08-2♥£3
       摘ε♠♥要(yào)：當你(nǐ)打開(kāi)一(yī)個(gè)購(g≥★γ✔òu)物(wù)APP，在首頁看(kàn)到(dào)許多(dφ uō)特價商品，你(nǐ)點選了(le)$ ₹食品的(de)分(fēn)類選項，來(lái)到(dào)果醬的ε®$"(de)分(fēn)類。當你(nǐ)打開(kāi)一(yī)個≥λ≠(gè)購(gòu)物(wù)APP，在首頁看(kàn↔§σ€)到(dào)許多(duō)特價商品，你(nǐ)點選了(le)食品的(de)分‌↕(fēn)類選項，來(lái)到(dào)果醬的(de)分♠♦↕​(fēn)類。 标簽就(jiù)像是(shì)服務生(shēng)的(×σ♠γde)問(wèn)候語和(hé)問(wèn)題，應該要(yào)有(yǒu)禮αΩ↔貌、清楚、簡單而且容易理(lǐ)解。
       表單頁面是(shì) &在APP開(kāi)發中比較常見(jiàn)的(de)功能(néng)頁面，注冊∞↕±↕登錄、收集信息，填寫資料等等，都(dōu)會(huì)涉及表單頁♠↕面的(de)設計(jì)。表單頁面是(shìσ®)用(yòng)戶與APP之前交互的(de)橋梁，所以，表單頁面πλ'♣設計(jì)的(de)好(hǎo)與壞，直接影(yǐng)響ε$×整個(gè)APP的(de)用(yòng)戶體(tǐ)驗。
 IOS app開(kāi)發的(de)表單設計(jì)
        ≠;那(nà)麽，我們在設計(jì)表單頁面的(de)時(s↕≤Ωhí)候，應該注意些(xiē)什(shén)麽呢(ne)？
     δ π  當你(nǐ)打開(kāi)一(yī)個(gè)購(gòu) ↔物(wù)APP，在首頁看(kàn)到(♦§‌dào)許多(duō)特價商品，你(nǐ)點選了(le)¶βσ'食品的(de)分(fēn)類選項，來(lái)到÷<(dào)果醬的(de)分(fēn)類。稍微(wβ ↔×ēi)看(kàn)了(le)一(yī)下(xε'αià)果醬的(de)介紹文(wén)章(zhāng)，γβ然後點擊鼠标把果醬放(fàng)到(dào)購(gòu)物(wù)車(ch©λ☆ē)中，并點選結賬：結果出現(xiàn)的™☆"(de)是(shì)一(yī)個(gè)冷(lěng)淡又(♥↕εyòu)死氣沉沉的(de)表單（Form）。
       表單絕對(duì)β♦♠'是(shì)網站(zhàn)中用(yòng ✘♥)戶和(hé)系統互動的(de)最主要(yào)∏<的(de)元素，網站(zhàn)透過表單向用(yòng)戶提出問♦♥→(wèn)題，用(yòng)戶則透過表單向網∞♠φ站(zhàn)表達他(tā)的(de)想法。标單又(yòu)可(kě)¶§<¶以細分(fēn)成三種元素：1、說(shuō)明(míng)目的(de)的(←Ω×∏de)标簽；2、提供響應的(de)輸入方塊或選單；3、以及提交表單的(ε£∞∏de)按鈕。表單的(de)設計(jì)就¶"(jiù)可(kě)以想象成一(yī)個(gè)稱職★&的(de)服務生(shēng)，他(tā)的(de)服務應該要(yào)符合下¶€₽₩(xià)面幾個(gè)項目：
      ​☆ 1、 标示清楚
      &> ×γnbsp;卷标應該将「一(yī)定要(yào)輸入」的(de)↓ 項目标示清楚。如(rú)果一(yī)個(gè)←Ω表單有(yǒu)十個(gè)需要(yào)輸入的(de)項目↕α≠§，其中有(yǒu)三個(gè)一(yī)定要(y  ào)輸入，那(nà)麽就(jiù)應該将「＊」或其他(tā)符号标記在×"一(yī)定要(yào)輸入的(de)卷标的(de)旁邊（标記在輸入框→≤×旁邊不(bù)容易閱讀(dú)），反之亦然。‌'♠
       2、清楚±✔¥提示的(de)輸入框
       提供β∞✔♦使用(yòng)者輸入的(de)輸入框的(de)大(dà)λλ•小(xiǎo)應該要(yào)經過設計(jì)φ₩•來(lái)符合所需要(yào)輸入的(de)數( >←shù)據，輸入地(dì)址的(de)方框應該要(yào)比輸入名÷÷ β字的(de)方框要(yào)長(cháng)一(yī)些(xiē)。✔α輸入電(diàn)話(huà)号碼的(de)方框應該₽α★适當的(de)分(fēn)成區(qū)碼和(hé)号碼兩隔，讓•π§™用(yòng)戶透過輸入框的(de)大(dà)小(xiǎo)就(ji♣ δù)可(kě)以了(le)解所需要(yào)輸入±$★的(de)格式。
      3、 σ™仔細決定表單項目
     ​β₩★  絕對(duì)不(bù)要(≈™™≠yào)問(wèn)一(yī)些(xiē)不(bù)該問(wèn¥±★)、或是(shì)不(bù)需要(yào)問(wèn)得(§≤ ÷de)問(wèn)題。例如(rú)：在不(bù)需要(yà↓∑o)手機(jī)号碼的(de)情況下(xià)，要(yào)求用(yò£ ✘λng)戶輸入手機(jī)号碼。這(zhè)種冒犯隐私≤≥±γ的(de)行(xíng)為(wèi)，是(shì)很(hěn)容易招緻網™γ→絡用(yòng)戶厭(yàn)惡的(de)。σ☆
       4、标₩α簽要(yào)清楚
       标簽就(jiù)像是(Ω λ≥shì)服務生(shēng)的(de)問(wèn)候語和(hé)問($™™wèn)題，應該要(yào)有(yǒu)禮貌、清楚、簡單而且容易理(lǐ)α‌解。
       5、 常用(yò≠β•←ng)的(de)默認值
       表單¥™σ↓在一(yī)些(xiē)常用(yòng)的(de♥≥")項目上(shàng)，應該要(yào)填好(hǎo)許多(duō)用(♣‌δyòng)戶常用(yòng)的(de)默認值，讓用(yòng)戶不(bù)× ♦←用(yòng)一(yī)隔一(yī)隔慢(màn)慢(màn)的(d£≥€βe)填寫。如(rú)果你(nǐ)的(de)表單是(s♥↔₹€hì)用(yòng)戶每天都(dōu)要(yào)使±₽☆用(yòng)的(de)，那(nà)默認值則可(kě)以大(dà)幅↑¶增加使用(yòng)效率。
      &α→≥§nbsp;6、提供良好(hǎo)的(de)限制(zhì)
       如(rú)果¥₽★©有(yǒu)一(yī)個(gè)輸入數(shù)值的(de‍$≈ )方格，而輸入的(de)數(shù)值有(₹± yǒu)大(dà)小(xiǎo)限制(zhì)，則可(kě)以考$≠'δ慮改用(yòng)滑杆或旋扭取代。如(rú)果±₩α一(yī)定要(yào)采用(yòng)輸入框，則至少(sᕧ€hǎo)把數(shù)值的(de)限制(zhì)>☆×‌标示清楚，避免在使用(yòng)者輸入錯(cuò)誤之後才跳(tiào)出錯(↑₩∑cuò)誤的(de)對(duì)話(huà)框。
      λ÷×& 7、千萬不(bù)要(yào)随便清除輸入的(de)®↓♥•數(shù)據
       這δ‍×←(zhè)是(shì)表單最容易讓用(yòng)戶生β$(shēng)氣的(de)一(yī)個(gè)問(wèn€¶↑)題了(le)！許多(duō)網站(zhàn)的(d±£←☆e)表單寫完并按下(xià)提交之後，畫(huà)面★&₹上(shàng)跳(tiào)出了(le)輸入錯(cuò)誤，然後$ ∏就(jiù)還(hái)我們一(yī)個(gè)空(kōng)白(bái)全新✔♣← 的(de)表單。
      & ₹₩≠nbsp;以上(shàng)這(zhè)些(xiē)注™Ω意事(shì)項是(shì)深圳app開(kāi)發公司http://www.‌ →lexintech.com/a/news/appzx/587.¶©html工(gōng)程師(shī)在進行(xíng)表單設計(jì)時"★(shí)總結出來(lái)的(de)，希望各位同行(xíng)的(d≈β×≥e)程序員(yuán)們都(dōu)能(néng)做(zu>§ò)出體(tǐ)驗友(yǒu)好(hǎo)的(de)表單∑¥頁面。
成功案例
推薦閱讀(dú)
APP開(kāi)發 網站(zhàn)開(kāi)發 産品設計(jì) 微(wēi)信公衆号 APP開(kāi)發公司 用(yòng)戶體(tǐ)驗 APP運營 微(wēi)信小(xiǎo)程序 産品經理(lǐ) 網站(zhàn)設計(jì)