1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        簡易設計|產(chǎn)品經(jīng)理必用的表單與管理設

        共 1788字,需瀏覽 4分鐘

         ·

        2021-05-27 07:07




        這是Kevin的第 92 
        原創(chuàng),
        持續(xù)日更,做產(chǎn)品經(jīng)理的創(chuàng)業(yè)斜杠青年。






        表單,在產(chǎn)品經(jīng)理工作中,在后臺產(chǎn)品設計頻率極高的關鍵詞。表單因為可通過行和列,極易展示內(nèi)容信息,同時方便用戶查找想要的內(nèi)容;

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

        管理場景用表單也是非常高效的,開發(fā)簡單不復雜,需求表達容易;表單不能承載的,我們還是用明細;

        表單雖然用在后臺產(chǎn)品設計以web端多,但在移動端上也是可以的。不要因為表單設計是給后臺用戶的就輕易的忘記移動端。


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


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



        表單的設計要素


          表單的設計技巧 



        以上是表單在產(chǎn)品設計上的基礎技巧,簡單學習后可以提高表單的使用率、信息查看效率



        表單必用配套:篩選組件

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


          表單篩選 



        比如用戶信息表單,需要對用戶的ID、用戶綁定手機號、用戶微信名稱進行檢索,快速找到對應用戶信息;


          用戶信息表單列表 




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



          表單列表 



        表單的操作

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

        表單的操作分為兩種產(chǎn)品設計:

        第一:用彈窗

        在表單上直接通過彈窗對數(shù)據(jù)操作,適合表單內(nèi)容信息短、固定的,比如文章內(nèi)容的話題標簽管理,數(shù)據(jù)結構簡單。



          彈窗新建 




        第二:新建頁面操作

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



          頁面操作 




        表單操作要給出正向反饋

        正向反饋:

        操作成功、操作失敗、權限不足、進程進行提示、異常提示


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

        表單的命名規(guī)則

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

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


        從0到1:新建表單設計

        序號、任務事件編號、名稱、創(chuàng)建時間、業(yè)務字段、操作區(qū)域(編輯、刪除、查看、新建)、導出

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

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

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

        移動端的表單設計

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

        比如表單的橫向?qū)挾忍?,可以通過翻頁的方式解決。還有直接允許用戶拖拉拽表單




          分頁和原封的交互設計 






        簡易設計表單




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


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





        每天體驗1款app知識星球




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



        平均1天1塊錢,掃碼購買即可加入


        連續(xù)體驗90款應用,通過后原路退回






        今天的分享就在這


        今日Bonus:加我好友 pmkevin001,領取我的原型部件庫,同時還有運營模版,帶你了解快速提升產(chǎn)品運營進階




        ??點擊閱讀原文,加入打卡訓練營,每天體驗1款APP
        瀏覽 67
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            影音先锋资源av 无码人妻丰满熟妇区蜜桃 欧美日韩三级在线 | 强乱中文字幕av一区乱码 | 亚洲免费黄色网址 | 久热中文在线观看精品视频 | 啊啊啊快点好爽 | 美女又爽又黄偷拍女同 | 五月天视频网 | 黑丝av在线播放 韩国三级黄色录像 | 亚洲欧美中文日韩在线v日本野外 | 淫乱小说视频 |