tft每日頭條

 > 科技

 > 麥客表單地址制作

麥客表單地址制作

科技 更新时间:2024-06-16 19:26:51

很多剛入行的産品,都會遇到一個疑惑,老闆丢給我一個任務,利用微型網頁工具,制作一個網頁版的在線支付系統,要最簡單,用戶操作最方便的,一個小時能搞定,出頁面的

這時候,很多人會自然而然想到,我是不是可以利用互動吧、活動行,這兩個平台來開發這樣的一個系統呢?

答案是:可以的。

但從操作來說,這兩個還不是最簡單的,最簡單的在我個人經驗中,我認為麥客是最簡單的,也是我今天要講的産品進階的一個實操。

1.在開始前,先列出産品的功能需求

項目名稱:在線活動報名支付系統

版本:1.0

預計開發周期:0.5天

需要的功能:活動内容展示,搜集用戶資料,在線報名/支付,報名名單導出

需要考慮的體驗:不用用戶登錄,不用注冊賬号,不用關注公衆号

操作環境:微信端、QQ端、網頁端、其它手機移動端

2.注冊内容空間賬号

有了産品需求,那麼接下來就需要注冊内容系統的空間賬号了。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)1

做完這些操作之後,就可以開始活動内容的編輯了。

點擊左側的文本描述,先添加文本描述的組件到空白的頁面,然後為它命名:活動詳情。

然後再添加一個文本描述,為活動的詳情添加内容。如果需要配合圖文展示,那麼隻再添加一個圖片展示的組件,然後上傳圖片即可。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)2

這樣就初步完成,活動的一個内容展示的編輯了,接下來就是需要設定活動的金額,以及活動報名信息的填寫了。

點擊左側的分割線,先活動的内容與下面的個人資料填寫信息隔開,有個明顯的頁面區分效果。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)3

然後,填寫個人資料信息填寫項的功能。

首先,先添加一個文本描述,為這個文本描述輸入名稱:報名資料填寫。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)4

然後接下來,在一一的在頁面添加組件,如姓名,公司或單位名,職位,微信号,手機等。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)5

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)6

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)7

接下來,就是活動的支付。

繼續在頁面,點擊左側的商品組件,添加商品。

編輯組件的名稱,開啟組件的必填項,修改商品名稱和金額,開啟在線支付(微信和支付寶)把線下支付關閉,不用打勾。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)8

最後,就是提交的按鈕,頁面本身就有,隻需要把文字改一下即可。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)9

最後就是優化整個頁面,例如設置背景或者把标題和内容形成區分,等等。

這一步更加簡單,點擊頁面上方的外觀,就可以進行編輯(至于風格如何展示,這裡不做說明)。

如果,你想随時都能搜到報名的反饋,那麼更簡單,點擊頁面上方的全局設置,把有新的反饋通知我這個選項打勾,然後按照提示關注麥客的公衆号,就能實時收到反饋。

麥客表單地址制作(如何利用麥客表單制作一個在線的活動支付系統)10

以上,就是利用麥客這個工具,完成産品進階,做一個簡單的在線報名支付系統的實操分享了。

如果,在這個實操的過程中,你會仔細去領悟的話,我相信你也不難看到,其實這也是對你自己在去設計一個産品的原型有點相似。

産品的原型設計過程,也是從需求的列舉,再到利用工具(推薦用Axuer)原型交互工具,去一個環節設計出一個産品的原型的,隻是過程中比起麥客相對來說,你需要考慮的要多一點

畢竟,交互這個東西,需要考慮到方方面面的。不過,本次也是産品的一個進階,原型的設計,相信你也可以盡早攻克。

其它,方面的問題,若你想繼續了解,請關注我,然後發私信給我,我會一一解答。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved