20個(gè)常用表單控件及交互說(shuō)明,助你與開(kāi)發(fā)和睦相處

0 評(píng)論 333 瀏覽 1 收藏 5 分鐘

在寫(xiě)需求的時(shí)候,如果有一些常用模塊的交互說(shuō)明,可以幫助我嗎提高很多效率。本文作者總結(jié)了20個(gè)常用表單控件,希望可以幫到大家。

需求評(píng)審?fù)瓿山桓堕_(kāi)發(fā)后,產(chǎn)品經(jīng)理還不能高枕無(wú)憂。需求評(píng)審會(huì)上,開(kāi)發(fā)人員主要評(píng)估的是需求是否可以實(shí)現(xiàn)、技術(shù)方案、實(shí)現(xiàn)難度,因此,他們的關(guān)注點(diǎn)是需求的流程、功能范圍、角色權(quán)限、頁(yè)面框架等需求的主要內(nèi)容。

然而,開(kāi)發(fā)、測(cè)試在做具體開(kāi)發(fā)的時(shí)候,往往會(huì)為需求的細(xì)節(jié)而抓狂:字符串過(guò)長(zhǎng)——報(bào)錯(cuò)!數(shù)字太長(zhǎng)變成科學(xué)計(jì)數(shù)法了!手機(jī)號(hào)輸入框填了表情符號(hào)怎么辦?圖片文件選擇后怎么刪?……

產(chǎn)品經(jīng)理在寫(xiě)PRD的時(shí)候,很難將這些細(xì)節(jié)都考慮到位。

于是,開(kāi)發(fā)、測(cè)試開(kāi)始瘋狂在開(kāi)發(fā)群里@產(chǎn)品經(jīng)理。產(chǎn)品經(jīng)理本想著:好不容易把新版本需求交付出去,總算可以松口氣了,沒(méi)想到開(kāi)發(fā)過(guò)程中,還要一天到晚給技術(shù)講解細(xì)節(jié)。

有時(shí)候,越細(xì)節(jié)的東西越花時(shí)間,越考驗(yàn)產(chǎn)品經(jīng)理的精細(xì)設(shè)計(jì)能力。

基于這個(gè)費(fèi)時(shí)費(fèi)力的問(wèn)題,比較好的一個(gè)解決方案是:公司統(tǒng)一一套設(shè)計(jì)原型的標(biāo)準(zhǔn),新的系統(tǒng)、功能都基于這套標(biāo)準(zhǔn)進(jìn)行開(kāi)發(fā)設(shè)計(jì)。

秉著“造輪子”造福四方的想法,本人整理了20個(gè)常用的交互控件,以及對(duì)應(yīng)的控件樣式、交互說(shuō)明、注意事項(xiàng),分享出來(lái)。各位產(chǎn)品同仁如需取用,只要微調(diào)其中的說(shuō)明、參數(shù)即可。

一個(gè)輸入框的小故事

一個(gè)需求,有姓名、金額、備注3個(gè)輸入框,產(chǎn)品經(jīng)理覺(jué)得這是3個(gè)很常見(jiàn)的輸入框,就只畫(huà)了原型,然后,跟技術(shù)人員做了需求評(píng)審。大家覺(jué)得沒(méi)啥問(wèn)題,就投入開(kāi)發(fā)了。

前端開(kāi)發(fā)小明,看PRD沒(méi)有明確說(shuō)明字段要求(其實(shí)寫(xiě)了他也不一定會(huì)看),就沒(méi)有在頁(yè)面控件做限制,直接將用戶輸入的內(nèi)容全部提交給后臺(tái)。

后端開(kāi)發(fā)小劉,看PRD沒(méi)有明確說(shuō)明字段要求(其實(shí)寫(xiě)了他也不一定會(huì)看),就按照最普通的習(xí)慣隨手一定了字段要求:姓名(字符、10個(gè)字符)、金額(小數(shù)浮點(diǎn)型)、備注(字符、100字)。

測(cè)試小芳,特別有“責(zé)任心”,測(cè)試的時(shí)候,只要有輸入框,她都會(huì):看看輸入框最多能輸入多少字,看看輸入框最多能輸入幾位小數(shù),看看輸入框輸入表情會(huì)發(fā)生什么。

可想而知,測(cè)試小芳會(huì)提很多個(gè)bug!

  • 名字太長(zhǎng)——系統(tǒng)報(bào)錯(cuò)!
  • 備注太長(zhǎng)——系統(tǒng)報(bào)錯(cuò)!
  • 金額超長(zhǎng)——系統(tǒng)報(bào)錯(cuò)!
  • 輸入表情符——系統(tǒng)無(wú)法展示!

簡(jiǎn)簡(jiǎn)單單3個(gè)輸入框,卻收到4個(gè)bug,小明、小劉很生氣!一致認(rèn)為這是產(chǎn)品需求設(shè)計(jì)不完善,于是,把產(chǎn)品經(jīng)理“K”了一頓。

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

題圖來(lái)自 Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!