【輸入法探究part1】—— 你用對(duì)系統(tǒng)鍵盤了嗎雪侥?

因最近在做輸入法的重設(shè)碗殷,所以對(duì)輸入法(鍵盤)進(jìn)行了一些探究。

輸入法作為鍵盤的類型子集速缨,不同的廠牌會(huì)有不同的功能特性锌妻,但不論是何種輸入法,都會(huì)有一些基本的屬于鍵盤控件的設(shè)計(jì)準(zhǔn)則旬牲。

從控件的角度來看仿粹,鍵盤作為主要的輸入方式搁吓,很大程度的影響著用戶的寫作體驗(yàn)。若是鍵盤使用不當(dāng)吭历,則很有可能增加失誤率堕仔,進(jìn)而打擊用戶的積極性。輕則喪失寫作欲望晌区,重則放棄對(duì)某個(gè)應(yīng)用的注冊(cè)(不過注冊(cè)的步驟摩骨,往往是決定注冊(cè)流程體驗(yàn)的第一因素)。

從視覺到交互朗若,從功能實(shí)現(xiàn)到類型應(yīng)用都會(huì)影響輸入法(鍵盤)的體驗(yàn)恼五。這一節(jié),從原始的控件角度哭懈,分析鍵盤類型的選擇對(duì)體驗(yàn)的影響灾馒。

之前的一些前輩也分享對(duì)類似的經(jīng)驗(yàn)總結(jié):

崇書慶【交互稿中[鍵盤類型]的標(biāo)注】——

http://mp.weixin.qq.com/s/ii7iTwT7B-SmHkC_7bcUbQ

崇書慶【深度基礎(chǔ) | 交互中的Android鍵盤詳解】

https://mp.weixin.qq.com/s?__biz=MzAwODgyODg5OQ==&mid=2652156877&idx=1&sn=4eb1bcd94632e11b9e194665a80c1b51&mpshare=1&scene=1&srcid=0422kT5aw6oW7aw0QTbDM7ZH#rd

【Android有幾種不同的鍵盤布局?】

https://www.zhihu.com/question/39242957

筆者會(huì)結(jié)合前者的總結(jié)來寫遣总。大家可以結(jié)合來看睬罗。




iOS10中有13種鍵盤



1.UIKeyboardTypeDefault

Specifies the default keyboard

for the current input method.

(默認(rèn)鍵盤)



2. UIKeyboardTypeASCIICapable

Specifies a keyboard

that displays standard ASCII characters.

(ASCII鍵盤)



3.UIKeyboardTypeNumbersAndPunctuation

Specifies the numbers

and punctuation keyboard.

(數(shù)字、標(biāo)點(diǎn)鍵盤)



4.? UIKeyboardTypeURL

Specifies a keyboard optimized for URL entry.

This keyboard type prominently features

the period (“.”) and slash (“/”) characters

and the “.com” string.

(URL鍵盤)

(特設(shè)“.”旭斥、“/”傅物、“.com”)



5.? UIKeyboardTypeNumberPad

Specifies a numeric keypad designed for PIN entry.

This keyboard type prominently features

the numbers 0 through 9.

This keyboard type does not support auto-capitalization.

(PIN鍵盤)

(包含0-9數(shù)字,不支持自動(dòng)大寫)



6.? UIKeyboardTypePhonePad

Specifies a keypad designed for entering telephone numbers.

This keyboard type prominently features the numbers 0 through 9

and the “*” and “#” characters.

This keyboard type does not support auto-capitalization.

(電話數(shù)字鍵盤)

(包含0-9數(shù)字及 *琉预、# 鍵,不支持自動(dòng)大寫)



7.? UIKeyboardTypeNamePhonePad

Specifies a keypad designed for

entering a person’s nameor phone number.

This keyboard type does not support auto-capitalization.

(聯(lián)系人鍵盤:用于輸入人名和電話)

(包含0-9數(shù)字及 *蒿褂、# 鍵圆米,不支持自動(dòng)大寫)

(與默認(rèn)鍵盤樣式一樣)



8.? UIKeyboardTypeEmailAddress

Specifies a keyboard optimized for

entering email addresses.

This keyboard type prominently features

the at (“@”), period (“.”) and space characters.

(郵件鍵盤)

(包含"@"、“.”啄栓、空格鍵)



9.? UIKeyboardTypeDecimalPad

Specifies a keyboard with numbers

and a decimal point.

(小數(shù)鍵盤)

(包含小數(shù)點(diǎn))



10.UIKeyboardTypeTwitter

Specifies a keyboard optimized for

Twitter text entry,

with easy access to the at (“@”)

and hash (“#”) characters.

(Twitter鍵盤)

(包含@娄帖、#鍵)



11.UIKeyboardTypeWebSearch

Specifies a keyboard optimized for

web search terms and URL entry.

This keyboard type prominently features

the space and period (“.”) characters.

(網(wǎng)頁搜索鍵盤)

(包含空格鍵、“.”鍵)



12.UIKeyboardTypeASCIICapableNumberPad

Specifies a number pad that outputs

only ASCII digits.

(ASCII數(shù)字鍵盤)


13.UIKeyboardTypeAlphabet

UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable,

// Deprecated 已廢棄


除了有不同的類型昙楚,部分鍵盤還可以定制不同的“按鍵命令”

按鍵命令




Android中的文本框有32種輸入類型(input type)近速,系統(tǒng)會(huì)根據(jù)這個(gè)輸入類型調(diào)取不同的鍵盤。


input type

有人認(rèn)為堪旧,雖然輸入類型有32種削葱,但keyboard type卻遠(yuǎn)大于32種,因?yàn)椤?/p>

input type還可以互相搭配使用淳梦,比如 textEmailAddress 可以和 textNoSuggestions 搭配使用析砸,最終調(diào)出的鍵盤是“郵箱鍵盤”且“不進(jìn)行詞典聯(lián)想”。如果我們?cè)谠O(shè)計(jì)過程中遇到一些比較復(fù)雜的鍵盤交互爆袍,則最好根據(jù)input type來標(biāo)注所需要的鍵盤效果首繁,僅僅使用鍵盤截圖是不夠的作郭。

——崇書慶《深度基礎(chǔ) | 交互中的Android鍵盤詳解》

也有人提出,keyboard type并沒有32種

比如datetime弦疮、date夹攒、time可以用專門picker(選擇器)去做。textCapWords胁塞、textCapWords咏尝、textCapSentences大寫之類的對(duì)鍵盤布局沒有影響,只是鍵盤的狀態(tài)而已闲先。

——龍爪槐守望者 @知乎《Android有幾種不同的鍵盤布局状土?》

綜合兩者觀點(diǎn),筆者認(rèn)為Android的鍵盤可控性較大伺糠,明確所有input type屬性比數(shù)清鍵盤類型更有實(shí)際效益蒙谓,在此前提下,設(shè)計(jì)人員可以根據(jù)需求自行組合選擇鍵盤特性训桶。


none

(默認(rèn)鍵盤)



text

(文本)



textEmailAddress

(電子郵箱)



textUri

(URI)



textPassword

(密碼)



numberSigned

(數(shù)字符號(hào))




number

(數(shù)字)



numberDecimal

(小數(shù)點(diǎn)數(shù)字)



phone

(電話號(hào)碼)


與IOS一樣累驮,Android的鍵盤也可以定制不同的“keyboard actions”

keyboard actions

如果我們需要指定keyboard action為其中某一種,可以通過imeOptions語句指定舵揭,在交互稿上則使用文字標(biāo)注即可谤专。如果不指定類型,程序會(huì)判斷當(dāng)前文本框是否為頁面中的最后一項(xiàng)午绳,如果是置侍,則顯示“完成(done)”,如果不是拦焚,則顯示“下一項(xiàng)(next)”蜡坊。

關(guān)于“前往”和“完成”的區(qū)別,筆者比較傾向于@江凌的觀點(diǎn):

用“完成”還是“前往”取決于當(dāng)前文本框的任務(wù)時(shí)中介點(diǎn)還是終結(jié)點(diǎn)赎败。譬如輸入網(wǎng)址秕衙,用戶的任務(wù)是訪問網(wǎng)站,輸入網(wǎng)址是任務(wù)的中介而非終結(jié)僵刮,所以用前往据忘;對(duì)于個(gè)人信息修改,任務(wù)和操作文本框是一致的搞糕,完成文本框也是完成了任務(wù)本身勇吊,是任務(wù)的終結(jié)點(diǎn),所以用完成寞宫。

但是在H5環(huán)境中萧福,“按鍵命令”的類型大部分可以選擇,但“完成”和“下一項(xiàng)”不可以選擇辈赋。這意味著鲫忍,當(dāng)用戶填寫完一個(gè)輸入框想要跳轉(zhuǎn)下一個(gè)輸入框時(shí)膏燕,只能手動(dòng)點(diǎn)擊。如果用戶下意識(shí)地點(diǎn)擊“前往”按鈕悟民,則可能會(huì)出現(xiàn)表單警報(bào)坝辫。

文中若有紕漏,歡迎指正交流

wx:15652131424

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末射亏,一起剝皮案震驚了整個(gè)濱河市近忙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌智润,老刑警劉巖及舍,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異窟绷,居然都是意外死亡锯玛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門兼蜈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來攘残,“玉大人,你說我怎么就攤上這事为狸〖吖” “怎么了?”我有些...
    開封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵辐棒,是天一觀的道長(zhǎng)病曾。 經(jīng)常有香客問我,道長(zhǎng)漾根,這世上最難降的妖魔是什么知态? 我笑而不...
    開封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮立叛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贡茅。我一直安慰自己秘蛇,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開白布顶考。 她就那樣靜靜地躺著赁还,像睡著了一般。 火紅的嫁衣襯著肌膚如雪驹沿。 梳的紋絲不亂的頭發(fā)上艘策,一...
    開封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音渊季,去河邊找鬼朋蔫。 笑死罚渐,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的驯妄。 我是一名探鬼主播荷并,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼青扔!你這毒婦竟也來了源织?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤微猖,失蹤者是張志新(化名)和其女友劉穎谈息,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凛剥,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡侠仇,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了当悔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片傅瞻。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖盲憎,靈堂內(nèi)的尸體忽然破棺而出嗅骄,到底是詐尸還是另有隱情,我是刑警寧澤饼疙,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布溺森,位于F島的核電站,受9級(jí)特大地震影響窑眯,放射性物質(zhì)發(fā)生泄漏屏积。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一磅甩、第九天 我趴在偏房一處隱蔽的房頂上張望炊林。 院中可真熱鬧,春花似錦卷要、人聲如沸渣聚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奕枝。三九已至,卻和暖如春瓶堕,著一層夾襖步出監(jiān)牢的瞬間隘道,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谭梗,地道東北人忘晤。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像默辨,于是被迫代替她去往敵國(guó)和親德频。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • **2014真題Directions:Read the following text. Choose the be...
    又是夜半驚坐起閱讀 9,475評(píng)論 0 23
  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的閱讀 13,470評(píng)論 5 6
  • NAME dnsmasq - A lightweight DHCP and caching DNS server....
    ximitc閱讀 2,844評(píng)論 0 0
  • 清晨五點(diǎn)的天空缩幸,有星星壹置,有月亮。天空是淺淺的灰色表谊,星星隱約可見钞护,月亮也是淺淺的輪一彎。記不清楚有多久沒有抬頭看過天...
    錦墨hhy閱讀 311評(píng)論 2 0
  • 轉(zhuǎn)眼的時(shí)間二十年過去了爆办,我從那可愛的难咕,自戀的十一歲的小女孩兒已經(jīng)變成了三十歲的大人了。現(xiàn)在我已經(jīng)是一個(gè)有成就...
    萌萌噠王亞男閱讀 236評(píng)論 0 0