善用Axure寫PRD,APP文本框通用的輸入規(guī)則

23 評論 62890 瀏覽 505 收藏 3 分鐘

分享一下我整理的常用輸入字段的規(guī)則,適用于社交,電商,o2o領域等業(yè)務場景??勺孕邢螺d源文件使用并繼續(xù)自行迭代。

  1. 有助于后端童鞋在設計數據庫表的時候定義清楚字段的類型,長度,邊界等。
  2. 有助于交互設計師設定好輸入的交互規(guī)則,提前規(guī)避錯誤,不用等服務端重復判斷。

1、整理文本框輸入規(guī)則

先發(fā)下我整理的內容,還是比較全面的。

2、寫規(guī)則到具體頁面

當然你除了需要整理這張表之外,我建議你在具體頁面的文本框旁邊,也要寫上相應的輸入規(guī)則。這樣方便前端童鞋寫頁面層。

3、補充通用規(guī)則

除了這些字段本身的規(guī)則之外,文本框本身還有一些通用的規(guī)則。

B10F700F-6949-49E5-B169-162EE6111B5F

4、查看原型

生成原型頁面后,查看對應控件的邏輯就非常全面了。

延伸一下,如果你選中左方notes中的某一個模塊,右方會高亮選中控件。標注它對應的邏輯是哪些。這個方法很適合于特別復雜的頁面,比如購物車頁面,確認訂單頁面。

5、總結

我提供了Axure源文件給大家。建議下載后結合自己的產品去完善字段,后續(xù)再去設計新字段的時候就可以照搬或者快速使用。

提供Axure源文件點擊下載,在線查看唯一更新網址。

 

#專欄作家#

浪子,業(yè)務型PM,浪子PRD系列51prd.com,公眾號langzishuo。人人都是產品經理專欄作家。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 原型文件?

    回復
  2. 字符串是指數字、文本都可以嗎

    來自廣東 回復
  3. 【獲取驗證碼】按鈕要不要算做一個項目,比如點擊時要判斷手機號的格式,錯誤要報錯
    “請輸入正確的手機號”,正確要變成60s倒數并發(fā)送短信

    來自廣東 回復
    1. 可以把你說的這個做到Axure元件庫中,方便后續(xù)使用。但是也僅僅是主要的交互校驗可以方便做出來。

      來自上海 回復
  4. 手機號的數據類型應該是“數字”把

    來自廣東 回復
    1. 重新理解了一下。數據類型與能輸入什么類型內容無關,也可以是只允許數字的字符串。另外,需要限制死數字的范圍 才是數據區(qū)間。 ??

      來自廣東 回復
    2. 應該是數字,我輸錯了。限制輸入的字符數最多為11位即可。

      來自上海 回復
    3. 為什么要限定11位,如果手機號升位了不會有麻煩嗎

      來自河南 回復
  5. 非文本,比如下拉列表框這類應該如何說明?
    是否有必要也弄一張表出來呢

    來自廣東 回復
    1. 可以也弄一張表來,但是常見的才有必要整理出來。因為常見所以后續(xù)才有必要用到。

      來自上海 回復
  6. 鏈接都失效了,查看不了,也下載不了?

    來自上海 回復
    1. 更新了地址,請復制到瀏覽器打開http://51prd.com/guide/常用字段.html。

      來自上海 回復
  7. 樓主源文件失效了,可否發(fā)一份給我~~感謝~991434747@qq.com

    來自廣東 回復
    1. 更新了地址,請復制到瀏覽器打開http://51prd.com/guide/常用字段.html。
      源文件下載詳見http://51prd.com/buy.html。

      來自上海 回復
  8. 另外,樓主做的閃電約沒發(fā)布嗎?我在應用商店里沒找到呢。:)

    來自四川 回復
    1. 早發(fā)布過了,Android應用市場有的下。

      來自上海 回復
  9. 這個表確實有用。我們公司也在用。相比之下我們的模板加了一個列叫頁面,注釋哪個頁面的控件。因為同一控件可能會出現(xiàn)在不同的頁面,但是規(guī)則可能不一樣。有時必填,有時選填。

    來自四川 回復
    1. 這個是控件的規(guī)范或者常見的規(guī)則,應用到具體頁面的控件單獨寫邏輯更適合。

      來自上海 回復
  10. 什么時候我也能有這么都總結,樓主太棒了,膜拜!

    來自廣東 回復
  11. 感謝樓主~
    ?? ?? ??
    有了這些規(guī)范參考,減少了好多鉆細節(jié)的精力投入

    來自浙江 回復
    1. 是的,這也是我梳理的目的。

      來自上海 回復
  12. 樓主怎么發(fā)布到Axure.cn的啊,加載好快啊

    回復
    1. 官方的確實慢

      回復