輸入框組件的交互設(shè)計(jì)
關(guān)注 Kevin和互聯(lián)網(wǎng)產(chǎn)品經(jīng)理們,一起成長(zhǎng)

作者 l 豬三爺?shù)娜粘?/span>
來源 l 就設(shè)計(jì)
分享 l Kevin
默認(rèn)狀態(tài)
點(diǎn)擊狀態(tài)
輸入部分內(nèi)容
輸入完整內(nèi)容
錯(cuò)誤、異常提示
密碼框可見與不可見
特定前后綴輸入框
帶區(qū)號(hào)的組合輸入框
帶移除圖標(biāo)輸入框
不可輸入狀態(tài)輸入框





特定數(shù)字、金額類的輸入框
特定賬號(hào)的輸入框,帶前后綴的
文本輸入框,帶字符限制和不帶字符限制
聊天輸入框
是否允許輸入特殊字符
看似簡(jiǎn)單的東西越復(fù)雜,在做輸入框的時(shí)候,每一種狀態(tài)都需要考慮到并且設(shè)計(jì)出來,還有的細(xì)節(jié)問題還需要和產(chǎn)品大大進(jìn)行確定和標(biāo)注。后面這么多的邏輯及狀態(tài),很多也是來自之前自己經(jīng)驗(yàn)不足踩過的坑,當(dāng)然也不全面,感興趣可以留言一起討論,一起進(jìn)步。

END
對(duì)了,我親自帶班的21天后臺(tái)產(chǎn)品經(jīng)理訓(xùn)練營(yíng),在6月24號(hào)第九期正式開班。限30人的小班級(jí),班主任帶班。
課程課表

評(píng)論
圖片
表情
