<p id="m2nkj"><option id="m2nkj"><big id="m2nkj"></big></option></p>
    <strong id="m2nkj"></strong>
    <ruby id="m2nkj"></ruby>

    <var id="m2nkj"></var>
  • 產(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)理多年來(lái),我最喜歡的原型工具就是axure,主要因?yàn)樵凸ぞ哂玫捻樖志托校跊](méi)有團(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.按鈕類

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


    按鈕通過(guò)搭配不同的文案,去提升轉(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ì)來(lái)完成。

      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),則更能夠讓開(kāi)發(fā)、業(yè)務(wù)方快速理解并知曉系統(tǒng)的操作,使用這種成熟的部件會(huì)讓業(yè)務(wù)、開(kāi)發(fā)、設(shè)計(jì)都輕松很多。

    何樂(lè)而不為?

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

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

      移動(dòng)端信息流 



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

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

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


    5.web表格類

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

      后臺(tái)表格 



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

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

    表格可以通過(guò)加行、加列快速將這類需要展示的后臺(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í)星球,有超過(guò)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)用,通過(guò)后原路退回






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

    手機(jī)掃一掃分享

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

    手機(jī)掃一掃分享

    分享
    舉報(bào)
    <p id="m2nkj"><option id="m2nkj"><big id="m2nkj"></big></option></p>
    <strong id="m2nkj"></strong>
    <ruby id="m2nkj"></ruby>

    <var id="m2nkj"></var>
  • 婷婷五缴天国产激情 | 日B视频在线观看 | 欧美国产三级 | 四虎5151毛片 | 欧美怡红院视频 | a视频免费在线观看 | 蜜乳一区二区三区免费 | 免费观看大黄网站 | 国产日韩在线一级 | 在线观看色网 |