同一控件在不同場景下體驗(yàn)就會發(fā)生變化，交互設(shè)計(jì)要學(xué)會根據(jù)不同場景使用不同控件，今天要聊的是form控件的場景運(yùn)用，這也是國內(nèi)設(shè)計(jì)師經(jīng)常搞混了的，交互就是要將細(xì)節(jié)扣到底，才能發(fā)揮真正的價(jià)值。

form控件在移動端常見的場景有：輸入文本信息、輸入驗(yàn)證碼、輸入密碼等等，今天要聊的是輸入驗(yàn)證碼和輸入密碼這兩個(gè)場景form控件運(yùn)用。

常見form控件是橫桿的樣式，在輸入普通文本和輸入驗(yàn)證碼的場景下，該控件樣式毫無問題，但是在輸入密碼的場景下，就有體驗(yàn)問題產(chǎn)生了，用戶無法快速知道輸入了多少位數(shù)密碼，而密碼通常使用*代替加大了確定位數(shù)的難道，對用戶產(chǎn)生了不確定感。

每次輸入密碼時(shí)，我都得數(shù)著自己的輸入位數(shù)，害怕一不小心就輸入多了，因?yàn)槲业拿艽a是6個(gè)0。

為了解決該問題，設(shè)計(jì)們設(shè)計(jì)出了限定位數(shù)的form控件，這樣用戶就可以不用去數(shù)自己輸入的密碼位數(shù)，可以愉快地輸入密碼。

不用擔(dān)心多輸入了位數(shù)或少輸入了位數(shù)。

但是限定位數(shù)的form控件運(yùn)用在輸入驗(yàn)證碼的場景下，就會產(chǎn)生新的體驗(yàn)問題，密碼*號，導(dǎo)致位數(shù)不可知，但是驗(yàn)證碼是可見的、易數(shù)的，不存在輸入密碼的體驗(yàn)問題。而在此場景下，用戶的訴求是快速輸入驗(yàn)證碼，所以通常會使用復(fù)制粘貼，而該form控件不支持復(fù)制張貼，該控件對于用戶來說是一個(gè)黑盒。

用戶以為該控件是支持復(fù)制張貼的，最后只復(fù)制了一位數(shù)，導(dǎo)致又得回去看短信驗(yàn)證碼，重新輸入。

在前幾年，很多app默認(rèn)讀取手機(jī)短信自動填充驗(yàn)證碼，幫助用戶節(jié)省粘貼復(fù)制的操作流程，由于國內(nèi)用戶安全意識逐年增高，心理抵觸app讀取短的行為，帶來了很大的不安全感。雖然縮短了操作流程，但是不符合用戶心理認(rèn)知，所以近年來，設(shè)計(jì)者們都取消了默認(rèn)填充的系統(tǒng)行為。

而在輸入驗(yàn)證碼的場景下，使用常見的form控件就不會出現(xiàn)該問題。

airbnb的輸入驗(yàn)證碼，搜狗輸入法將復(fù)制驗(yàn)證碼流程縮短了兩步，極大的提升了輸入驗(yàn)證碼的體驗(yàn)。

控件的運(yùn)用，需要根據(jù)不同場景下用戶為完成任務(wù)的訴求而確定。

在輸入密碼的場景下，用戶訴求是準(zhǔn)確快速輸入密碼，密碼位數(shù)通常是固定的，所以有了限定位數(shù)的form輸入框幫助用戶輸入。

在驗(yàn)證碼的場景下，用戶訴求是快速輸入驗(yàn)證碼，除了自動填充的方案，最快的就是復(fù)制粘貼了，所以常見的from表單適合該場景。

本文由 @火炬 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。