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)理必備的5類原型部件

        共 3286字,需瀏覽 7分鐘

         ·

        2021-06-26 14:49




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




        做產(chǎn)品經(jīng)理多年來,我最喜歡的原型工具就是axure,主要因?yàn)樵凸ぞ哂玫捻樖志托?,在沒有團(tuán)隊(duì)強(qiáng)制要求下我會(huì)選擇這類工具。隨著時(shí)間變化,產(chǎn)品經(jīng)理本身原型工具的選擇也發(fā)生了極大的變化。

        以前單機(jī)本地的擴(kuò)展到線上協(xié)同。


        合格的產(chǎn)品經(jīng)理都應(yīng)該必備一些部件庫(kù)用于提升產(chǎn)品設(shè)計(jì)的效率。

        部件庫(kù)可以有下面3點(diǎn)優(yōu)勢(shì)

        第一是減少消耗時(shí)間的通用單元組件設(shè)計(jì)

        第二是增加需求的嚴(yán)密性

        第三是節(jié)省了產(chǎn)品設(shè)計(jì)這一個(gè)單環(huán)節(jié)的時(shí)間

        簡(jiǎn)易設(shè)計(jì)并不代表產(chǎn)品設(shè)計(jì)是隨意的,反而是輸出“高質(zhì)量“的產(chǎn)品設(shè)計(jì)。

        因此用部件庫(kù)就是為了提升所謂的質(zhì)量

        在這里我建議有5大類部件庫(kù)一定要有

        1.按鈕類

        你見到的所有產(chǎn)品頁(yè)面都會(huì)存在按鈕。


        按鈕通過搭配不同的文案,去提升轉(zhuǎn)化率、以及增加用戶情況。好的按鈕設(shè)計(jì),為用戶提供舒暢的產(chǎn)品使用體驗(yàn)。同事按鈕也包含了邏輯條件,比如登錄注冊(cè)按鈕,就需要判斷用戶的身份信息。

          不同場(chǎng)景的按鈕設(shè)計(jì) 



        按鈕的種類在簡(jiǎn)易設(shè)計(jì)里主要4種分類

        • 選項(xiàng)按鈕

        • 下拉按鈕

        • 普通點(diǎn)擊按鈕

        • 雙擊按鈕


        提前準(zhǔn)備上面4類按鈕,可以快速完成產(chǎn)品的頁(yè)面原型設(shè)計(jì)

        2.彈窗類

        告知用戶使用產(chǎn)品的當(dāng)前狀態(tài)、反饋系統(tǒng)信息,彈窗是最好的表達(dá)方式。



        彈窗主要有4類

        1.toast/alert

        這類主要是展示當(dāng)前期狀態(tài)的提示

        2.單選項(xiàng)彈窗

        告知用戶狀態(tài), 需要用戶點(diǎn)擊知曉

        3.多選項(xiàng)彈窗

        需要用戶進(jìn)行操作,進(jìn)行強(qiáng)提醒。

        4.伴隨時(shí)間消失的彈窗

        這類彈窗是有時(shí)間限制,展示出后在固定的時(shí)間后消失。主要為用戶提供關(guān)鍵信息告知


        3.web頁(yè)面導(dǎo)航類

        每一個(gè)PC產(chǎn)品,都會(huì)牽扯到產(chǎn)品頁(yè)面框架。比如網(wǎng)站站點(diǎn)的導(dǎo)航欄,后臺(tái)的頁(yè)面功能框架,都可以用固定的導(dǎo)航欄原型設(shè)計(jì)來完成。

          web頁(yè)面導(dǎo)航 



        在web頁(yè)面導(dǎo)航里,如果是面向C端用戶的。這類框架可以實(shí)現(xiàn)需求的落地,但至于UI就可以放心的交給UI設(shè)計(jì)師,因?yàn)槌墒斓脑涂蚣芊浅H菀桌斫狻?/span>

        如果是面向業(yè)務(wù)內(nèi)部的業(yè)務(wù)系統(tǒng),則更能夠讓開發(fā)、業(yè)務(wù)方快速理解并知曉系統(tǒng)的操作,使用這種成熟的部件會(huì)讓業(yè)務(wù)、開發(fā)、設(shè)計(jì)都輕松很多。

        何樂而不為?

        4.移動(dòng)端列表類/瀑布流

        移動(dòng)端要想展示多內(nèi)容,列表是最好的方式。只不過移動(dòng)端喜歡用瀑布流的稱呼。

          移動(dòng)端信息流 



        商品、文章、視頻、用戶、音頻等等,只要你能夠想到可以在手機(jī)應(yīng)用上展示的內(nèi)容。要是堆積起來了最好的解決辦法還是用列表/瀑布流方式。

        畢竟移動(dòng)端有天然的優(yōu)勢(shì),可以通過滑屏操作實(shí)現(xiàn)更多內(nèi)容的訪問。

        這是最簡(jiǎn)單、最快的方式。至于后期迭代要想變成功能區(qū)、還是分頁(yè)的方式,那就根據(jù)自己的需求來了。在從0到1,這樣的內(nèi)容展示最簡(jiǎn)單。


        5.web表格類

        后臺(tái)設(shè)計(jì)里,表格設(shè)計(jì)幾乎100%存在。主要的原因是后臺(tái)總是會(huì)存在數(shù)據(jù)列表展示的需求。

          后臺(tái)表格 



        通過篩選條件、或直接的搜索,可以直接在表格定位到需要的數(shù)據(jù)信息。表格有天然的數(shù)據(jù)查看優(yōu)勢(shì)。

        什么用戶管理、賬戶管理、商品信息、訂單信息等等,都是用列表的方式展示。

        表格可以通過加行、加列快速將這類需要展示的后臺(tái)頁(yè)面表格進(jìn)行支持。

        當(dāng)然其他可以選擇的部件庫(kù)很多,比如還有搜索、消息通知、輸入等等。我列舉的以上5點(diǎn)是我認(rèn)為在簡(jiǎn)易設(shè)計(jì)最重要的。

        主要是從提升產(chǎn)品設(shè)計(jì)的“品質(zhì)”唯獨(dú)??焖佟⑿矢?、同時(shí)還能夠減少產(chǎn)品設(shè)計(jì)出錯(cuò)。

        今天的分享就在這。


        今日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







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




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



        平均1天1塊錢,掃碼購(gòu)買即可加入


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






        瀏覽 92
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        評(píng)論
        圖片
        表情
        推薦
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        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>
            插美女屁股 | 五月天婷婷综合在线播放 | 天堂在线| 久久久99999 | 极品美乳在线 | 曰韩欧美综合在线视频 | 天天躁日日躁狠狠躁欧美老牛 | 又黄又爽又刺激的视频 | 一级中文片 | 亚洲五月天激情网 |