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