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

          快速原型工具,幫你從0開始畫原型圖!

          共 2779字,需瀏覽 6分鐘

           ·

          2021-10-28 09:46

          最近5G沖浪的時候,我常常會接觸到這樣一些問題,例如“該不該畫高保真的原型圖”、“有必要把原型做成demo的形式嗎?”“產(chǎn)品經(jīng)理不寫PRD,只畫原型合適嗎?”

          那當(dāng)然不合適啦!? ?

          Emmmmm ?私以為,還是有那么些欠妥!
          尤其是對很多PM萌新來說,這些想法看多了反而會給自己帶來某種困擾:我到底需要產(chǎn)出一個怎樣的成果?于是就會在實現(xiàn)頁面和交互的時候消耗過多時間,進而忽視掉產(chǎn)品本身的業(yè)務(wù)需求和功能邏輯。



          所以各位萌新PM,其實大可以把產(chǎn)品原型理解為一個用來確定需求的工具。而我們使用這個需求工具的目的,就是為了通過這種能夠快速迭代的方式,來對產(chǎn)品的需求進行深度的挖掘和篩選,從而得到一份需求確定的規(guī)格說明。

          于是我們就可以說,繪制原型,最最最重要的原則就是:快速&清晰!




          ?ONE?用合適的工具?

          在確定工具的時候,?一定要明確原型本身的使用場景,才能保證我們做出最精確的選擇!而在我看來,原型最基礎(chǔ)的兩個部分就是,繪制&演示!

          那么緊接著,請各位在心里和我一起默念火老師的話:“天下武功,無堅不破,唯快不破!”也就是說,原型最基礎(chǔ)的兩個部分便可以由此擴展成為:快速繪制&便捷演示!那么我們在尋找工具時就一定要著眼于這兩個方向。

          所以我們今天要講的主人公就可以上場了????:快速原型工具,摹客RP!

          https://www.mockplus.cn/rp/?hmsr=pijiangdbd
          (復(fù)制到瀏覽器打開立即試用)

          01 在線式繪制,隨時可用

          只要是有瀏覽器有網(wǎng)的電腦,你就可以畫原型。不需要客戶端,也不需要像使用Axure那樣去尋找不同版本的安裝包,更不需要漢化和激活。只需要打開摹客官網(wǎng),新建一個RP在線設(shè)計稿即可。

          這種“云編輯”的方式,會更加方便大家去場景化的辦公,隨時隨地,打開電腦就能調(diào)整、同步你的原型,幫助你爭做新一代卷王!要知道,你不卷,我不卷,項目就要被擱淺!??
          多句嘴啊:大家可以在自己的常用設(shè)備中直接下載客戶端,操作更順溜。而且在客戶端中對原型進行的改動,在瀏覽器內(nèi)也是同步的,所以偶爾在非常用設(shè)備上對原型進行改動,也相當(dāng)方便!??

          02 一鍵式分享,隨時可看

          繪制好的原型,分享和演示也相當(dāng)重要。尤其是對有甲方爸爸來說的小小萌新PM,如果工具沒有選對,那么你面臨的將是一次又一次的修改和發(fā)布。

          畢竟甲方爸爸的原則一般都是:我有意見,但我不一次性說完!

          所以在整個原型評審和迭代的過程中,將有很多細枝末節(jié)的問題會以陸陸續(xù)續(xù)的方式提出,而使用摹客能給到你最快捷的體驗就是:在你對原型內(nèi)容進行更新后,演示內(nèi)容也會同步更新,既不需要導(dǎo)出壓縮包,也不需要更新鏈接,幫你實現(xiàn)春風(fēng)化雨般悄無聲息的修改,超級nice。

          當(dāng)然,對于那些在海島上斷網(wǎng)度假的老板來說,咱們還是得用下載離線演示包的方式來分享,讓一切都回歸于開始時最樸素的樣子。??

          03全功能解鎖,永久免費

          對于咱們PM萌新來說,可能有很多還在學(xué)校學(xué)習(xí),有很多才剛開始接觸這個行業(yè)。所以要咱們?yōu)橐粋€還沒有成為生產(chǎn)力的工具付費,著實有些強人所難了。

          但實不相瞞,使用摹客RP,真的可以不要錢!

          ? ? ??

          只要現(xiàn)在去參與摹客的免費設(shè)計計劃,就可以解鎖摹客設(shè)計的所有功能,繪制原型也不會受到頁面數(shù)量的限制。
          https://www.mockplus.cn/rp/?hmsr=pijiangdbd

          ?TWO 快速豐富畫面??

          在選擇好工具之后,咱們就可以開始瞎搞發(fā)揮了!

          01 確定頁面大小

          這一步通常是使用Axure時的必須步驟,畢竟現(xiàn)在的PM大佬們,當(dāng)年誰沒有發(fā)自內(nèi)心地問過一句:“手機頁面是多大來著???”

          但是現(xiàn)在,我們使用摹客新建項目的時候,就可以根據(jù)需要直接選擇項目頁面的大小。

          如上圖我們可以看到,在摹客里,常見的手機、平板、Web的尺寸都已經(jīng)被預(yù)設(shè)好了,另外還有個自定義尺寸,用來滿足一些非常規(guī)需求。比如:像咱們公司的測試小姐姐一樣,用來做匯報TTP唄,我瞅著還挺溜的~??

          02 認(rèn)識界面布局
          當(dāng)我們打開新項目時,會有一個默認(rèn)生成的首頁。然而這個時候也不能迫不及待的就開畫啊,還是得先熟悉我們的繪制面板。通過了解繪制面板的布局,就可以明白一個原型應(yīng)該擁有哪些必不可少的要素!

          1. 頁面:用于創(chuàng)建、整理項目頁面,以便更好的梳理產(chǎn)品使用邏輯;

          2. 組件:構(gòu)成頁面的一些基本元素;

          3. 屬性:修改組件樣式;

          4. 圖層:展示構(gòu)成當(dāng)前頁面的組件;

          5. 交互:幫助頁面和組件實現(xiàn)跳轉(zhuǎn)等邏輯。

          03?搭建頁面內(nèi)容

          到了這一步,就可以想干嘛就干嘛了~
          找到自己需要的組件,將它拖動到它應(yīng)該在的位置。這樣慢慢的用組件將頁面搭建起來,再通過一個個頁面,將項目原型搭建起來。?
          04 整齊才能完事
          這里給大家show一個基礎(chǔ)的線框原型,面對這樣干凈整潔的頁面,誰能對它說“達咩”呢???
          所以不管什么時候,身為剛剛跨進PM圈的萌新們,無論是畫原型還是畫流程圖,對齊、均分,都是我們應(yīng)該要有的態(tài)度!(指不定你老板或者甲方就是個處女座呢??~)
          所以屬性這里的工具,請一定要好好的用起來!

          另外再來個小竅門:正兒八經(jīng)的建立好輔助線,也能幫萌新們大大提高繪制速度呦~



          ?THREE 建立邏輯??

          01 頁面邏輯

          所謂頁面邏輯,其實就和功能解構(gòu)一樣重要。而且,通過頁面之間的關(guān)系,我們可以清晰的了解到用戶在這個頁面的訪問深度。只有在這其中建立起了良好的邏輯關(guān)系,才能在后續(xù)的展示、迭代中,擁有更好的優(yōu)化方向。

          至于操作,也是很簡單啦,直接選中頁面拖動就可以了,請看????

          02 交互邏輯

          交互其實就是一個用于演示的功能,所以其根本目標(biāo),是讓原型“動起來”,讓看這個原型的人,能夠更直觀地感受到組件(按鈕)和頁面之間的關(guān)系。所以其實在快速制作原型的時候,我們只需要保證基礎(chǔ)的跳轉(zhuǎn)即可。



          在整個原型繪制的過程中,我們都可以通過演示的功能,來對自己的原型進行預(yù)覽。這一個步驟不僅可以確定我們的頁面美觀度,也可以讓自己反復(fù)體驗交互鏈接,從而確定自己的產(chǎn)品邏輯是否清晰,體驗是否流暢!

          最后多叭叭一點,就是在演示的時候可以注意勾選始終顯示鏈接區(qū)域哦~不然,如果四個icon只有一個可以點擊鏈接,還需要讓大家挨個挨個去試探,也太拉垮了??~

          好了好了,說了那么多,最后讓我們再復(fù)習(xí)一下原型最基礎(chǔ)的兩個部分:快速繪制&便捷演示!

          還有我們選擇的工具????:快速原型工具,摹客RP!畫原型做設(shè)計,永久免費!復(fù)制下面鏈接到瀏覽器或點擊閱讀原文,即可免費使用!


          ??摹客RP下載地址??
          https://www.mockplus.cn/rp/?hmsr=pijiangdbd

          (復(fù)制到瀏覽器打開或點擊閱讀原文)

          點擊閱讀原文,立即試用吧!




          瀏覽 63
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

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

          手機掃一掃分享

          分享
          舉報
          <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>
                  日韩精品国产无码 | 黄色电影网站免费 | 成人网站在线精品国产免费 | 久久久伊人网 | 波多野结衣国产 |