第一页在线观看,免费看黄色视频在线观看,色婷婷久久,大香蕉日韩视频,亚洲天堂网在线视频,美女考比视频,疯狂做爱视频,国产成人久久精品77777综合

這是Kevin的第 92 篇原創(chuàng)，

持續(xù)日更，做產(chǎn)品經(jīng)理的創(chuàng)業(yè)斜杠青年。

表單，在產(chǎn)品經(jīng)理工作中，在后臺(tái)產(chǎn)品設(shè)計(jì)頻率極高的關(guān)鍵詞。表單因?yàn)榭赏ㄟ^(guò)行和列，極易展示內(nèi)容信息，同時(shí)方便用戶查找想要的內(nèi)容；

同時(shí)表單有極大的內(nèi)容嵌套范圍，使用者可以快速對(duì)其操作和編輯；在設(shè)計(jì)表單的時(shí)候我們總會(huì)和管理場(chǎng)景關(guān)聯(lián)在一起，比如數(shù)據(jù)的編輯、詳情查看、刪除；

管理場(chǎng)景用表單也是非常高效的，開(kāi)發(fā)簡(jiǎn)單不復(fù)雜，需求表達(dá)容易；表單不能承載的，我們還是用明細(xì)；

表單雖然用在后臺(tái)產(chǎn)品設(shè)計(jì)以web端多，但在移動(dòng)端上也是可以的。不要因?yàn)楸韱卧O(shè)計(jì)是給后臺(tái)用戶的就輕易的忘記移動(dòng)端。

產(chǎn)品經(jīng)理必用組件：表單

▲ 表單的內(nèi)容展示

表單的設(shè)計(jì)要素

▲ 表單的設(shè)計(jì)技巧

以上是表單在產(chǎn)品設(shè)計(jì)上的基礎(chǔ)技巧，簡(jiǎn)單學(xué)習(xí)后可以提高表單的使用率、信息查看效率

表單必用配套：篩選組件

由于表單的內(nèi)容信息很多，要想為使用者提供流程的使用，自然要增加篩選。篩選控件一定要和表單的字段匹配，同時(shí)表單帶有數(shù)值的，在篩選部件中需要覆蓋樹(shù)枝的范圍。

▲ 表單篩選

比如用戶信息表單，需要對(duì)用戶的ID、用戶綁定手機(jī)號(hào)、用戶微信名稱(chēng)進(jìn)行檢索，快速找到對(duì)應(yīng)用戶信息；

▲ 用戶信息表單列表

比如客戶投訴表單，需要對(duì)用的工單記錄ID、聊天會(huì)話記錄ID、工單創(chuàng)建人，找到工單的詳情內(nèi)容

▲ 表單列表

表單的操作

表單不僅是數(shù)據(jù)查詢的入口，還是操作入口。操作指的是對(duì)表單數(shù)據(jù)的編輯、刪除、新建；

表單的操作分為兩種產(chǎn)品設(shè)計(jì)：

第一：用彈窗

在表單上直接通過(guò)彈窗對(duì)數(shù)據(jù)操作，適合表單內(nèi)容信息短、固定的，比如文章內(nèi)容的話題標(biāo)簽管理，數(shù)據(jù)結(jié)構(gòu)簡(jiǎn)單。

▲ 彈窗新建

第二：新建頁(yè)面操作

隨著表單內(nèi)容越來(lái)越復(fù)雜，彈窗不能夠支撐新建操作，就需要做頁(yè)面。彈窗不僅是內(nèi)容所限，還有無(wú)法提供所有信息的編輯、交互。

▲ 頁(yè)面操作

表單操作要給出正向反饋

正向反饋：

操作成功、操作失敗、權(quán)限不足、進(jìn)程進(jìn)行提示、異常提示

在數(shù)據(jù)操作中以上至少要保證前面4點(diǎn)有反饋，否則極易造成表單數(shù)據(jù)不齊，影響業(yè)務(wù)使用。

表單的命名規(guī)則

產(chǎn)品經(jīng)理的設(shè)計(jì)一般是從左到右依次設(shè)計(jì)

做一個(gè)表單除了以上的基礎(chǔ)數(shù)據(jù)查看、操作、篩選、正向反饋外，還有一點(diǎn)是表單的命名規(guī)則。

從0到1:新建表單設(shè)計(jì)

序號(hào)、任務(wù)事件編號(hào)、名稱(chēng)、創(chuàng)建時(shí)間、業(yè)務(wù)字段、操作區(qū)域（編輯、刪除、查看、新建）、導(dǎo)出

如果你打算新建一個(gè)表單，那么以上的字段是99%場(chǎng)景都會(huì)使用。尤其是是任務(wù)事件編號(hào)成了該表單業(yè)務(wù)的統(tǒng)一ID，方便后續(xù)查看。

從1到10：表單的字段增加

增加業(yè)務(wù)字段即可，同時(shí)優(yōu)化篩選組件。為新的表單字段提供檢索能力，同時(shí)要為導(dǎo)出增加格式優(yōu)化。

移動(dòng)端的表單設(shè)計(jì)

由于表單的樣式和布局，導(dǎo)致很多產(chǎn)品經(jīng)理都不會(huì)把表單輕易放在移動(dòng)端上。實(shí)際上如果為了快速，可以通過(guò)改變交互方式，將表單移動(dòng)到移動(dòng)端上。

比如表單的橫向?qū)挾忍撸梢酝ㄟ^(guò)翻頁(yè)的方式解決。還有直接允許用戶拖拉拽表單

▲ 分頁(yè)和原封的交互設(shè)計(jì)

簡(jiǎn)易設(shè)計(jì)表單

表單在早期最快的是做信息查看，而信息篩選、數(shù)據(jù)操作可以放在后期實(shí)現(xiàn)。同時(shí)表單設(shè)計(jì)不一定要Ui設(shè)計(jì)，可以讓開(kāi)發(fā)同學(xué)先行完成，這樣就極大加快了研發(fā)速度。

如果是數(shù)據(jù)查看類(lèi)表單，還要增加導(dǎo)出能力，方便可以在線下分析，減少開(kāi)發(fā)的工作量。

每天體驗(yàn)1款app知識(shí)星球

我創(chuàng)建了一個(gè)《每天體驗(yàn)1款app》知識(shí)星球，有超過(guò)20個(gè)行業(yè)嘉賓在圈子里。加入后365天，每天體驗(yàn)一款A(yù)PP。提升產(chǎn)品設(shè)計(jì)能力，同時(shí)有1500份體驗(yàn)報(bào)告幫助你找到競(jìng)品。

平均1天1塊錢(qián)，掃碼購(gòu)買(mǎi)即可加入

連續(xù)體驗(yàn)90款應(yīng)用，通過(guò)后原路退回

今天的分享就在這

今日Bonus：加我好友 pmkevin001，領(lǐng)取我的原型部件庫(kù)，同時(shí)還有運(yùn)營(yíng)模版，帶你了解快速提升產(chǎn)品運(yùn)營(yíng)進(jìn)階

??點(diǎn)擊閱讀原文，加入打卡訓(xùn)練營(yíng)，每天體驗(yàn)1款A(yù)PP

簡(jiǎn)易設(shè)計(jì)｜產(chǎn)品經(jīng)理必用的表單與管理設(shè)