善用Axure寫PRD,APP文本框通用的輸入規(guī)則
分享一下我整理的常用輸入字段的規(guī)則,適用于社交,電商,o2o領(lǐng)域等業(yè)務(wù)場景??勺孕邢螺d源文件使用并繼續(xù)自行迭代。
- 有助于后端童鞋在設(shè)計數(shù)據(jù)庫表的時候定義清楚字段的類型,長度,邊界等。
- 有助于交互設(shè)計師設(shè)定好輸入的交互規(guī)則,提前規(guī)避錯誤,不用等服務(wù)端重復(fù)判斷。
1、整理文本框輸入規(guī)則
先發(fā)下我整理的內(nèi)容,還是比較全面的。
2、寫規(guī)則到具體頁面
當(dāng)然你除了需要整理這張表之外,我建議你在具體頁面的文本框旁邊,也要寫上相應(yīng)的輸入規(guī)則。這樣方便前端童鞋寫頁面層。
3、補充通用規(guī)則
除了這些字段本身的規(guī)則之外,文本框本身還有一些通用的規(guī)則。
4、查看原型
生成原型頁面后,查看對應(yīng)控件的邏輯就非常全面了。
延伸一下,如果你選中左方notes中的某一個模塊,右方會高亮選中控件。標(biāo)注它對應(yīng)的邏輯是哪些。這個方法很適合于特別復(fù)雜的頁面,比如購物車頁面,確認(rèn)訂單頁面。
5、總結(jié)
我提供了Axure源文件給大家。建議下載后結(jié)合自己的產(chǎn)品去完善字段,后續(xù)再去設(shè)計新字段的時候就可以照搬或者快速使用。
提供Axure源文件點擊下載,在線查看唯一更新網(wǎng)址。
#專欄作家#
浪子,業(yè)務(wù)型PM,浪子PRD系列51prd.com,公眾號langzishuo。人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
評論
原型文件?
字符串是指數(shù)字、文本都可以嗎
【獲取驗證碼】按鈕要不要算做一個項目,比如點擊時要判斷手機號的格式,錯誤要報錯
“請輸入正確的手機號”,正確要變成60s倒數(shù)并發(fā)送短信
可以把你說的這個做到Axure元件庫中,方便后續(xù)使用。但是也僅僅是主要的交互校驗可以方便做出來。
手機號的數(shù)據(jù)類型應(yīng)該是“數(shù)字”把
重新理解了一下。數(shù)據(jù)類型與能輸入什么類型內(nèi)容無關(guān),也可以是只允許數(shù)字的字符串。另外,需要限制死數(shù)字的范圍 才是數(shù)據(jù)區(qū)間。 ??
應(yīng)該是數(shù)字,我輸錯了。限制輸入的字符數(shù)最多為11位即可。
為什么要限定11位,如果手機號升位了不會有麻煩嗎
非文本,比如下拉列表框這類應(yīng)該如何說明?
是否有必要也弄一張表出來呢
可以也弄一張表來,但是常見的才有必要整理出來。因為常見所以后續(xù)才有必要用到。
鏈接都失效了,查看不了,也下載不了?
更新了地址,請復(fù)制到瀏覽器打開http://51prd.com/guide/常用字段.html。
樓主源文件失效了,可否發(fā)一份給我~~感謝~991434747@qq.com
更新了地址,請復(fù)制到瀏覽器打開http://51prd.com/guide/常用字段.html。
源文件下載詳見http://51prd.com/buy.html。
另外,樓主做的閃電約沒發(fā)布嗎?我在應(yīng)用商店里沒找到呢。:)
早發(fā)布過了,Android應(yīng)用市場有的下。
這個表確實有用。我們公司也在用。相比之下我們的模板加了一個列叫頁面,注釋哪個頁面的控件。因為同一控件可能會出現(xiàn)在不同的頁面,但是規(guī)則可能不一樣。有時必填,有時選填。
這個是控件的規(guī)范或者常見的規(guī)則,應(yīng)用到具體頁面的控件單獨寫邏輯更適合。
什么時候我也能有這么都總結(jié),樓主太棒了,膜拜!
感謝樓主~
?? ?? ??
有了這些規(guī)范參考,減少了好多鉆細(xì)節(jié)的精力投入
是的,這也是我梳理的目的。
樓主怎么發(fā)布到Axure.cn的啊,加載好快啊
官方的確實慢