<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          產(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)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  夜夜撸视频| 欧美日韩一区二区三区四区论理片 | 国产一级a毛一级a看… | 色婷婷激情网站 | 丁香五月婷婷啪啪 |