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

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

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

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

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

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

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

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

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

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

B10F700F-6949-49E5-B169-162EE6111B5F

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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 原型文件?

    回復(fù)
  2. 字符串是指數(shù)字、文本都可以嗎

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

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

      來自上海 回復(fù)
  4. 手機號的數(shù)據(jù)類型應(yīng)該是“數(shù)字”把

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

      來自廣東 回復(fù)
    2. 應(yīng)該是數(shù)字,我輸錯了。限制輸入的字符數(shù)最多為11位即可。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    回復(fù)
    1. 官方的確實慢

      回復(fù)