“采坑,填坑”,項(xiàng)目的那些事兒(第四階段:原型設(shè)計(jì))

7 評(píng)論 9957 瀏覽 60 收藏 5 分鐘

在產(chǎn)品規(guī)劃項(xiàng)目進(jìn)程中,需求確立后,就需要根據(jù)相關(guān)的討論進(jìn)行原型的交互設(shè)計(jì)了。本文講的是本系列文章的第四階段——原型設(shè)計(jì)。

  1. 需求探討;
  2. 用戶調(diào)研;
  3. 需求匯總、溝通、評(píng)審;
  4. 原型設(shè)計(jì);
  5. 項(xiàng)目跟進(jìn);
  6. 測(cè)試上線;
  7. 后續(xù)迭代。

相關(guān)的背景:在產(chǎn)品規(guī)劃項(xiàng)目進(jìn)程中,需求確立后,就需要根據(jù)相關(guān)的討論進(jìn)行原型的交互設(shè)計(jì)了,PM通過自己擅長的原型工具進(jìn)行輸出為程序員能夠理解的簡(jiǎn)單直觀的UE圖。

幾種流程圖、導(dǎo)圖、原型及PRD的列舉:

(1)Visio泳道型流程圖:簡(jiǎn)單明了的理解相關(guān)的功能流程,每個(gè)步驟的上下銜接,判斷所到達(dá)的目的點(diǎn),言簡(jiǎn)意賅。

(2)思維導(dǎo)圖展現(xiàn)形式:展示出全網(wǎng)站的各個(gè)欄目功能板塊,讓大家了解到整理框架結(jié)構(gòu)流程,再通過具體的文檔說明細(xì)化到每一個(gè)功能點(diǎn)。

(3)UI流傳圖形式:通過連線及文字說明的形式,展示每個(gè)按鈕及功能所觸發(fā)的事件。

(4)原型線性文字說明展示,并且做了一定的交互,可通過點(diǎn)擊不同的按鈕跳轉(zhuǎn)至相關(guān)頁面及彈窗,并且每個(gè)功能點(diǎn)會(huì)有相關(guān)的備注說明,可以代替PRD輸出說明。(具體的細(xì)化點(diǎn)可以單個(gè)拎出來作為重點(diǎn)說明)

(5)PRD詳細(xì)文檔形式的說明:根據(jù)每個(gè)頁面的各個(gè)功能點(diǎn)詳細(xì)說明,并且附帶相關(guān)的UI及UE圖,再加上相關(guān)項(xiàng)目管理工具(石墨、Tapd、Teambition、禪道等項(xiàng)目管控工具)的使用來達(dá)到完整管控項(xiàng)目的節(jié)奏。

以下鏈接為剛剛?cè)胄凶龅暮?jiǎn)易原型:http://zhangjingwei.cn/rp/739909.html

項(xiàng)目存在的問題列舉:

  1. 設(shè)計(jì)屬于模塊化,細(xì)節(jié)仍需改進(jìn),相關(guān)的流程邏輯需要完善;(設(shè)計(jì)原型及相關(guān)交互說明時(shí)總會(huì)缺失一些細(xì)節(jié)說明,我們只能盡量減少一些大的錯(cuò)誤,小的問題還需要在實(shí)時(shí)跟進(jìn)中去解決)
  2. 需求方反饋需更明確,原型的演示交互效果需完善。(如果有條件情況下,可讓需求方根據(jù)輸出的原型細(xì)節(jié)進(jìn)行確定無誤后再進(jìn)行開發(fā))

相關(guān)解決方案:

  1. 多學(xué)習(xí)總結(jié),逐漸完善原型交互設(shè)計(jì),向高保真邁進(jìn),并且細(xì)化流程,保證通順及質(zhì)量;
  2. 多接觸一些好用的原型設(shè)計(jì)軟件,根據(jù)不同需求進(jìn)行相關(guān)選擇,例如:Axure、sketch、墨刀、mockplus、xiaopiu等。
  3. 可在原型上寫相關(guān)的文檔信息,簡(jiǎn)化型的PRD,不同按鈕功能在旁邊標(biāo)識(shí)具體描述or連接線標(biāo)識(shí)or項(xiàng)目符號(hào)標(biāo)識(shí)or著重加粗標(biāo)識(shí)or書寫備注標(biāo)識(shí)。
  4. 可附帶BRD、MRD、PRD文檔(相關(guān)事例可參見下圖簡(jiǎn)易目錄)。

總之有了好的文檔輸出僅僅是一個(gè)輔助作用,重點(diǎn)還在于與需求方及程序員的溝通及項(xiàng)目管控方面,我們可以根據(jù)不同的程序所接受的原型輸出模式來進(jìn)行輸出!

 

本文由 @?Leon 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 很重要的一件事,是要跟開發(fā)同學(xué)說清楚業(yè)務(wù)場(chǎng)景。

    來自北京 回復(fù)
    1. 是的哦

      回復(fù)
  2. 原型只是一種表達(dá)形式,最重要是的讓團(tuán)隊(duì)里的每個(gè)人搞清楚要做的產(chǎn)品是個(gè)什么東西。

    來自上海 回復(fù)
    1. 所以溝通也是很重要的,原型只是一個(gè)輔助工具

      回復(fù)
  3. 繪制原型的過程中,的確會(huì)漏掉很多細(xì)節(jié),到后面跟開發(fā)、視覺對(duì)接時(shí)由對(duì)方提出來,真的很懊惱

    來自廣東 回復(fù)
    1. 肯定無法保證十分完美,我們只能盡量的提高容錯(cuò)率

      回復(fù)
    2. 有時(shí)候技術(shù)有疑問會(huì)提出,然后再補(bǔ)充就可以了,沒什么人可以保證第一版的產(chǎn)品設(shè)計(jì)就100%完美

      來自廣東 回復(fù)