作為產(chǎn)品小白，進入這個行業(yè)都需要學(xué)習(xí)如何做原型設(shè)計。本文AXURE為例，介紹原型設(shè)計和交互設(shè)計的定義，并探討交互常用的使用場景，以及對部分原型的交互做了步驟拆解，希望對你有所幫助。

產(chǎn)品小白往往在剛?cè)腴T產(chǎn)品這個行業(yè)時，都會先學(xué)習(xí)如何設(shè)計原型（以AXURE為例），但設(shè)計原型后如何讓自己的原型“動起來”往往成為了產(chǎn)品小白目前的一個門檻。接下來我將為大家介紹原型設(shè)計和交互設(shè)計的定義，與大家探討交互常用的使用場景，并對部分原型的交互做了步驟拆解，希望能對大家有一定的幫助。

一、從交互本身來說

原型設(shè)計：原型設(shè)計是交互設(shè)計師或產(chǎn)品經(jīng)理與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具，產(chǎn)品經(jīng)理通過原型可以使原本抽象的需求具體化。而該塊的設(shè)計在原則上必須是交互設(shè)計師的產(chǎn)物，交互設(shè)計以用戶為中心的理念會貫穿整個產(chǎn)品，利用交互設(shè)計師專業(yè)的眼光與經(jīng)驗直接導(dǎo)致該產(chǎn)品的可用性。

交互設(shè)計定義：指兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達成某種目的。通俗的說，交互設(shè)計主要為產(chǎn)品各個原型元件直接的互動，使得達成某種動作或效果從而產(chǎn)生某個事件場景。

二、從端口來說

現(xiàn)以C端、B端、G端產(chǎn)品為例，整理的交互特點如下：

從各個端口交互特點我們可以看出，從端口來看，對產(chǎn)品交互的需求一般是：C端＞B端＞G端；

C端對產(chǎn)品交互的應(yīng)用場景一般側(cè)重于根據(jù)用戶使用習(xí)慣，設(shè)計定制化交互，從而提升用戶的使用體驗。如返回手勢交互、頁面載入交互、選中交互等等。

舉個例子：以我們常用的釘釘（OA）為例。對于我們的日?？记趤碚f，上下班打卡是必要的用戶操作，我如果想要快速打卡需要①打開釘釘；②點擊【打卡】按鈕，進入打卡頁面；③在打卡頁面點擊“打卡”這三個步驟才能完成操作。

對于釘釘需要打卡的用戶來說，這個頁面設(shè)計的“打卡”按鈕太小，且需要進入二級頁面才能完成打卡，使用不便。

那么釘釘?shù)漠a(chǎn)品是如何優(yōu)化這個環(huán)節(jié)的交互的呢？釘釘在設(shè)計產(chǎn)品交互時，支持進入釘釘首頁后，無需點擊“打卡”按鈕，可直接自動打卡，簡化了用戶的操作步驟，彌補了頁面設(shè)計的不足，在一定程度上提升了用戶的使用體驗。

這個案例主要是告訴大家在設(shè)計C端產(chǎn)品上設(shè)計交互時，需要反復(fù)琢磨按鈕存放位置、大小是否會給用戶帶來不便？交互的跳動是否會與用戶的使用習(xí)慣相悖？怎樣做才能進一步提升用戶對軟件的操作體驗？

B端的交互則更側(cè)重于簡單易懂，好操作，對同一個操作需要進行角色劃分。以美甲APP管理后臺刪除操作為例，同一個操作需對不同的角色進行交互限制，如當(dāng)?shù)觊L對店員有刪除權(quán)限時，則需考慮二次刪除確認彈窗作為提示作用，而當(dāng)?shù)陠T對店員本身沒有刪除權(quán)限時則可以考慮兩點：

①刪除按鈕是否需要展示在操作欄？

②如果展示，在操作時是否需提示當(dāng)前操作無權(quán)限？

對于G端產(chǎn)品來說，常見的交互一般不在原型上，而是在需求規(guī)格說明書上，對于政府應(yīng)用來說，文檔的規(guī)范性在一定程度上大于原型的規(guī)范上。在原型上一般實現(xiàn)簡單的基礎(chǔ)交互就可以滿足開發(fā)需求，如頁面跳轉(zhuǎn)（即 【點擊】xx元件，觸發(fā)【跳轉(zhuǎn)】至xx頁面）、動態(tài)面板顯示/隱藏（即【點擊】xx元件，觸發(fā)【隱藏/顯示】xx動態(tài)面板）等。

總結(jié)：其實無論是哪個端口，對于產(chǎn)品經(jīng)理來說，我們不能混淆交互的目標對象，產(chǎn)品的交互設(shè)計一是為了開發(fā)方便，避免我們的開發(fā)人員看見我們的一堆沒有交互的原型抓瞎，二是動態(tài)頁面的展示也更有利于我們發(fā)現(xiàn)在交互過程中存在的問題。

當(dāng)然，在原型上缺少交互設(shè)計時，我們往往也可以以文檔彌補交互的缺失，在寫文檔時需要考慮使用人、使用權(quán)限、前置條件、業(yè)務(wù)流程、操作步驟、后置條件等，所以對于原型交互比較薄弱的同學(xué)也不必過于擔(dān)心（當(dāng)然如果你的交互更為全面，對開發(fā)人員來說也更容易理解，畢竟實際工作中開發(fā)還是不太愿意看冗雜的文檔的）。

三、常見的簡單交互實際運用

交互設(shè)計流程：

舉例1：點擊某元件跳轉(zhuǎn)至某個頁面

步驟及頁面說明：

舉例2：隱藏彈窗

步驟及頁面說明：

四、結(jié)語

作為一名產(chǎn)品經(jīng)理，對原型動作、動態(tài)的把控是提升產(chǎn)品梯度的重要步驟之一，我們需要在設(shè)計產(chǎn)品時深入理解各個頁面、各個元件之間的聯(lián)系。只有不斷的練習(xí)交互操作，才能在實際運用中對交互的把控愈發(fā)如魚得水，我們可以選擇循序漸進、由易到難，提升我們自身的產(chǎn)品能力，為我們后續(xù)進軍高級產(chǎn)品經(jīng)理奠定基礎(chǔ)。

以上只是我對原型交互的粗略總結(jié)，希望該文章對你有所啟發(fā)，也歡迎感興趣的同學(xué)一起探討~