<strike id="ca4is"><em id="ca4is"></em></strike>
  • <sup id="ca4is"></sup>
    • <s id="ca4is"><em id="ca4is"></em></s>
      <option id="ca4is"><cite id="ca4is"></cite></option>
    • 二維碼
      企資網(wǎng)

      掃一掃關(guān)注

      當(dāng)前位置: 首頁 » 企業(yè)資訊 » 經(jīng)驗 » 正文

      從0到1做產(chǎn)品_產(chǎn)品設(shè)計的6個步驟

      放大字體  縮小字體 發(fā)布日期:2023-03-11 17:13:04    作者:馮雅杰    瀏覽次數(shù):102
      導(dǎo)讀

      相信不少產(chǎn)品經(jīng)理在剛?cè)胄袝r,都遇到過這樣的情況:接到需求后不知所措,然后下意識地照著競品開始盲目地畫原型。其實,這樣的設(shè)計過程不僅缺乏邏輯性,在后續(xù)階段也很容易出現(xiàn)各種問題。在此,跟大家分享一下我做產(chǎn)

      相信不少產(chǎn)品經(jīng)理在剛?cè)胄袝r,都遇到過這樣的情況:

      接到需求后不知所措,然后下意識地照著競品開始盲目地畫原型。

      其實,這樣的設(shè)計過程不僅缺乏邏輯性,在后續(xù)階段也很容易出現(xiàn)各種問題。

      在此,跟大家分享一下我做產(chǎn)品的流程,總共是以下6個步驟。

      1)業(yè)務(wù)分析

      幾乎每一款產(chǎn)品都會有對應(yīng)的業(yè)務(wù)流程,身為產(chǎn)品,摸透業(yè)務(wù)是工作的重中之重。

      產(chǎn)品經(jīng)理需要明白業(yè)務(wù)做的是什么,有什么角色會參與其中,業(yè)務(wù)間的交互節(jié)點是什么,信息流、資金流、物流等鏈路如何運轉(zhuǎn)。

      例如電商業(yè)務(wù)中會存在訂單生產(chǎn)流程圖、貨物進倉出庫流程圖、資金流程圖;外賣業(yè)務(wù)有接單業(yè)務(wù)流程圖、派單業(yè)務(wù)流程圖、訂單流轉(zhuǎn)流程圖等。

      先梳理大的業(yè)務(wù)模塊,再一一繪制不同模塊的流程,一整套工作下來,相信你會對全局業(yè)務(wù)形成比較清晰地認(rèn)知。

      2)產(chǎn)品分析

      業(yè)務(wù)分析完后,就可以進入產(chǎn)品分析階段,這部分主要是明確能為用戶解決什么樣的問題,其中競品分析、用戶調(diào)研都屬于這一階段的工作。

      產(chǎn)品分析包含了對目標(biāo)用戶、人群畫像、需求定義等一系列分析,站在用戶和產(chǎn)品的角度,將用戶的痛難點問題具象化地表達(dá)出來,從而確定產(chǎn)品的功能。

      3)原型設(shè)計

      前期業(yè)務(wù)及產(chǎn)品相關(guān)的內(nèi)容梳理完后,便進入原型設(shè)計環(huán)節(jié)。

      原型設(shè)計包括線框圖(低保真)和高保真設(shè)計。

      線框圖的繪制方法有很多,除了使用專業(yè)工具外,用紙和筆直接畫也問題不大;而高保真原型稿只能通過專業(yè)工具完成,因為它幾乎按照實物繪制,其中包含各大功能和交互的細(xì)節(jié)。

      對我而言,我常用的原型設(shè)計工具是摹客RP,它既使用簡單便捷,而且也能滿足我對高保真設(shè)計的需求。

      摹客RP預(yù)設(shè)了豐富的組件及圖標(biāo),拖拽即可使用,無需全網(wǎng)搜尋并下載組件庫。支持多種交互效果,常見的狀態(tài)交互、頁面交互、手勢交互,輕松一點,效果滿分!

      另外,模板中心中涵蓋了數(shù)百個優(yōu)質(zhì)的原型模板案例,電商類、后臺類、社交類、辦公類……模板類型一應(yīng)俱全,滿足你的各種需求,一鍵保存,高效復(fù)用,讓原型設(shè)計工作更快更簡單!

      4)視覺設(shè)計

      視覺設(shè)計屬于設(shè)計師的工作范疇,設(shè)計師會根據(jù)產(chǎn)品的使用場景及目標(biāo)用戶群體等屬性特征,對其進行布局和配色方案的整理。

      比如,針對中老年的產(chǎn)品,按鈕大小和字體顏色的設(shè)計需要更加醒目,便于用戶查看及點擊。

      除設(shè)計之外,協(xié)作交付也是設(shè)計師的工作職責(zé)之一。

      切圖是設(shè)計師交付給開發(fā)的產(chǎn)物之一,設(shè)計定稿后,設(shè)計師需要將設(shè)計稿切成一張張小圖片,旨在于滿足開發(fā)人員對于設(shè)計稿的高度還原需求。

      我們公司的設(shè)計師通常使用摹客協(xié)作平臺進行交付,不僅能一鍵打包下載切圖,還能自動生成標(biāo)注信息,能為設(shè)計師減輕大量的協(xié)作交付工作。

      5)代碼開發(fā)

      代碼開發(fā),實則前后端工程師通過一行行的代碼,將設(shè)計圖1:1制作成對應(yīng)的網(wǎng)頁。

      程序員將設(shè)計師交付的切圖與代碼相融合,從而高質(zhì)量、高效率地完成頁面的效果實現(xiàn)。

      對于前端工程師而言,在開發(fā)過程中,使用摹客查看對應(yīng)的自動/手動標(biāo)注,一鍵下載切圖文件,甚至還能復(fù)制CSS代碼,縮短開發(fā)時間,大幅提升開發(fā)效率!

      6)測試上線

      在測試階段,要確保產(chǎn)品功能符合預(yù)期設(shè)計,通過后才可投入使用。

      在測試環(huán)節(jié),產(chǎn)品經(jīng)理主要起驗證的作用,嚴(yán)格把好產(chǎn)品上線前的最后一關(guān),保證產(chǎn)品能完美上線。

      當(dāng)然,產(chǎn)品上線并不是終點,而是新的起點,因為上線后,產(chǎn)研團隊成員需要時刻跟蹤產(chǎn)品的情況,收集用戶反饋的問題,不斷優(yōu)化改進,循環(huán)往復(fù)。

      結(jié)語

      以上這6步是產(chǎn)品設(shè)計的基本步驟,但并不是標(biāo)準(zhǔn)步驟,畢竟只要能交付有價值的產(chǎn)品才是重點,流程都是其次。

      產(chǎn)品設(shè)計工作沒有終點,因此請產(chǎn)品經(jīng)理們,謹(jǐn)記以用戶為中心,不斷完善和改進你的產(chǎn)品!

       
      (文/馮雅杰)
      免責(zé)聲明
      本文僅代表作發(fā)布者:馮雅杰個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們刪除處理郵件:weilaitui@qq.com。